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

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.2 ALERTS
5.3 BUTTONS

6. GLOBAL PAGE LAYOUT

7. SIDEBAR CONFIGURATION

8. MAIN PAGE
8.1 HEADER
8.2 NAVIGATION
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

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



/***************************************************************************
                           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
***************************************************************************/

/* 2.1 GRADIENTS */






















/***************************************************************************
                           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;
}



/* fancybox styles */
#fancybox-wrap {
    padding: 0 !important;
}
#fancybox-content {
    width: 100% !important;
    text-align: center;
}

#fancybox-title {
    left: 50% !important;
}
#fancybox-title #fancybox-title-float-wrap {
    margin: 0 0 0 -50% !important;
}



/* addthis styles */
.addthis_toolbox {
    margin: 15px 0 0 0;
    border-top: 1px solid #dbdbdb;
}
.addthis_toolbox > a {
    margin: 15px 15px 0 0 !important;
    padding: 0 !important;
}



/* jquery.formstyler styles for selects */
.jq-selectbox {
    display: block;
    z-index: 1000 !important;
    cursor: pointer;
}
.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;

}
.jq-selectbox__dropdown {
    width: 100%;

}

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



/* add to cart message */
.cart_popup {
    width: 100%;
    height: 86px;
    font-size: 25px;
    line-height: 85px;
    color: #fff;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgOAIQYAAAyQDFiywh4QAAAABJRU5ErkJggg==);
    display: none;
}



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




body {
    font-family: Roboto;
    font-size: 12px;
    color: #777777;
    min-width: 300px;
}



/* 4.1 HEADINGS */



.column_center h1,
.column_center h2,
.column_center h3,
.column_center h4,
.column_center h5,
.column_center h6 {
    margin: 15px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #000000;
    font: 17px Roboto;
    color: #000000;
    text-transform: uppercase;
}

.column_center h2,
.column_center h3,
.column_center h4 {
    font-size: 15px;
}

.column_center h5,
.column_center h6 {
    font-size: 13px;
}

.column_center .page_heading,
.column .widget h3.widget_header,
.widget_related_products h3 {
    text-transform: uppercase;
    font-weight: 900;
    padding: 7px 15px 8px;
    margin: 0;
    margin-bottom: 30px;
    border-radius: 4px;
    text-transform: uppercase;
    background-color: #000000;
    border: none;
    font: 17px Roboto;
    color: #ffffff;
}
.column_center .page_heading a {
    float: right;
}
.column_center .page_heading a:hover {
    color: #ffffff;
}



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

.column_center ul {
    list-style-type: square;
    list-style-position: inside;
}
.column_center ol {
    list-style-type: decimal;
    list-style-position: inside;
}



/* 4.3 LINKS */
a {
    color: #19bde8;
    text-decoration: none;
}
a:hover, a:focus {
    color: #000000;
}



/* 4.4 PRODUCT ATTRIBUTES (name, description, price) */
.product > div {
    padding: 11px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    transition: box-shadow 0.5s ease;
}
.product > div:hover {
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
.product_img {
    text-align: center;
}
.product_img a {
    display: block;
    padding: 0 10px;
}
.product_img a img {
    transition: all 0.5s ease;
}
.product_img a:hover img {
    transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
}
.product_name {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.product_name a {
    font-weight: bold;
    color: #000000;
    transition: all 0.5s ease;
}
.product_name a:hover {
    color: #19bde8;
}
.product_price {
    padding-top: 12px;
}

.product_price span {
    font-size: 17px;
    font-weight: bold;
}

.product_desc {
    font-size: 12px;
    color: #777777;
}


.money {
    color: #19bde8;
}
.product_price .compare-at-price,
.product-price .compare-at-price {
    text-decoration: line-through;
    text-decoration: line-through;
    color: #777777;
    font-weight: 400;
    font-size: 14px;
}



/* 4.5 RTE */
.rte {
    margin-top: 15px;
    margin-bottom: 15px;
    color: inherit;
}

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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Roboto;
}


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

/* 5.1 FORMS */
label {
    font-weight: bold;
    font-size: 12px;
}

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 #dbdbdb;
    font: normal 13px 'Arial';
    color: #777777;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="telephone"] {
    height: 34px;
    line-height: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
}
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 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 {
    box-shadow: none !important;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    border-radius: 5px;
    font-weight: bold;
    padding: 6px 12px 7px;
    border: 1px solid #b8b8b8;
    color: #000000;

    background: #dbdbdb; /* Old browsers */
    background: -webkit-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #dbdbdb 0%, #fefefe 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* IE10+ */
    background: -o-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #dbdbdb 0%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
;
    transition: all 0.5s ease;
}

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

.btn-cart i {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    line-height: 18px;
    text-shadow: 1px 1px 1px #ffffff;
    color: #19bde8;
    margin: -4px 6px 0 -4px;
}
.btn-cart:hover i,
.btn-cart:focus i{
    color: #ffffff;
}

.btn:hover,
.btn:focus,
.btn:hover a,
.btn-info:hover,
.btn-primary:hover {

    background: #11abd3; /* Old browsers */
    background: -webkit-linear-gradient(top, #11abd3 0%,#19bce7 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11abd3), color-stop(100%,#19bce7)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #11abd3 0%, #19bce7 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #11abd3 0%,#19bce7 100%); /* IE10+ */
    background: -o-linear-gradient(top, #11abd3 0%,#19bce7 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #11abd3 0%,#19bce7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11abd3', endColorstr='#19bce7',GradientType=0 ); /* IE6-8 */
;
    color: #ffffff;
    text-shadow: 1px 1px #1191b3;
    border: 1px solid #1191b3;
}
.btn-cart:hover i {
    text-shadow: 1px 1px #1191b3;
}
/***************************************************************************
                           6. GLOBAL PAGE LAYOUT
***************************************************************************/

html, body {height: 100%;}

#wrapper {

    background-color: #ffffff;

}

#wrapper2 {overflow: hidden;}

.container {padding: 0;}

#main {margin-top: 30px;}

#main_content,
.column .widget {margin-bottom: 30px !important;}



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

/* NO SIDEBAR */

/* LEFT SIDEBAR */
.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 */


/* BOTH SIDEBARS */
.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 {
    position: relative;
    margin-bottom: 10px;
}

.header_shadow {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 64px;

    background: #f2f2f2; /* Old browsers */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* IE10+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
;
    z-index: 0;
}
.header_shadow + div {
    z-index: 1;
    position: relative;
}
#logo {
    float: left;
    margin-top: 5px;
}
#logo a {
    display: block;
    text-transform: uppercase;
    letter-spacing: -2px;
}
#logo a .wrap-1 {
    font-size: 55px;
    color: #19bde8;
    font-weight: 900;
    transition: color .4s ease;
}
#logo a .wrap-2 {
    font-size: 45px;
    color: #000000;
    font-weight: 900;
    padding-left: 3px;
    transition: color .4s ease;
}
#logo a:hover .wrap-1 {
    color: #000000;
}
#logo a:hover .wrap-2 {
    color: #19bde8;
}


.header_user {
    float: right;
    margin-top: 40px;
}
.header_user li {
    display: inline-block;
}
.header_user li a {
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 20px;
    vertical-align: top;
    margin-right: 15px;
    color: #000000;
    transition: all .4s ease;
}
.header_user li a i {
    margin: 0 5px 0 0;
    line-height: 1.5em;
}
.header_user li a:hover {
    color: #19bde8;
}



.header_currency {
    float: right;
    margin-top: 38px;
    margin-right: 33px;
}
.header_currency .jq-selectbox {
    width: 54px;
}
.header_currency .jq-selectbox__select {
    height: 25px;
    padding: 0 12px 0 5px;
}
.header_currency .jq-selectbox__select-text {
    line-height: 24px;
    font-size: 14px;
    color: #000000;
    font-weight: 700;
}
.header_currency .jq-selectbox__trigger i {
    right: 5px;
    top: 3px;
    font-size: 13px;
    vertical-align: top;
    line-height: 20px;
    color: #000000;
}

.header_currency .jq-selectbox__dropdown {
    width: 100% !important;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    top: 24px !important;
    text-align: center;
}
.header_currency .jq-selectbox__dropdown ul li + li {
    margin-top: 1px;
}
.header_currency .jq-selectbox__dropdown ul li:hover,
.header_currency .jq-selectbox__dropdown ul li.sel  {
    background: #19bde8;
    color: #ffffff;
}

.header_cart {
    float: right;
    margin-top: 22px;
}
.header_cart i {
    font-size: 33px;
    color: #000000;
    line-height: normal;
    vertical-align: top;
    line-height: 40px;
    padding-right: 10px;
    transition: all .4s ease;
}
.header_cart a:hover i {
    color: #19bde8;
}
.header_cart a {
    display: block;
    position: relative;
}
.header_cart a span {
    position: absolute;
    top: -4px;
    right: 0;
    display: block;
    text-align: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    line-height: 26px;
    vertical-align: middle;
    color: #ffffff;
    background-color: #19bde8;
    transition: all .4s ease;
}
.header_cart a:hover span {
    background: #000000;
}


.header_search {
    position: relative;
    float: right;
    margin: 9px 0 0;
}
.header_search #search-field {
    float: left;
    border-radius: 0;
    line-height: 21px;
    height: 33px;
    width: 218px;
    margin: 0;
    padding: 6px 8px;
    border-radius: 4px 0 0 4px;
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
}
.header_search #search-submit {
    float: right;
    width: 52px;
    height: 33px;
    line-height: 15px;
    vertical-align: middle;
    font-size: 16px;
    color: #000;
    text-align: center;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    border: 1px solid #dbdbdb;

    background: #dbdbdb; /* Old browsers */
    background: -webkit-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #dbdbdb 0%, #fefefe 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* IE10+ */
    background: -o-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #dbdbdb 0%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
;
}
.header_search #search-submit i {
    vertical-align: middle;
}
.header_search #search-submit:hover {
    background: #19bde8;
    color: #ffffff;
    border: 1px solid #1191b3;
}



/* 8.2 NAVIGATION */

#navigation {
    position: relative;

    background: #1c1c1c; /* Old browsers */
    background: -webkit-linear-gradient(top, #1c1c1c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #1c1c1c 0%, #000000 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #1c1c1c 0%,#000000 100%); /* IE10+ */
    background: -o-linear-gradient(top, #1c1c1c 0%,#000000 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #1c1c1c 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
;
}
#navigation nav {
    float: left;
    position: relative;
    z-index: 100;
}

#navigation.isStuck {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    box-shadow: 0 0px 2px rgba(237,237,237,0.75);
}

#navigation select.menu_mobile {
    width: 100%;
    height: 30px !important;
    display: block;
    background: #eee;
}

.sf-menu {
    border-right: 1px solid #3a3a3a;
}
.sf-menu li {
    position: relative;
}

/*================================>> 1 Level <<========================================*/

.sf-menu > li {
    display: inline-block;
    float: left;
    border-left: 1px solid #3a3a3a;
}
.sf-menu > li > a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;

    background: #1c1c1c; /* Old browsers */
    background: -webkit-linear-gradient(top, #1c1c1c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #1c1c1c 0%, #000000 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #1c1c1c 0%,#000000 100%); /* IE10+ */
    background: -o-linear-gradient(top, #1c1c1c 0%,#000000 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #1c1c1c 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}
.sf-menu > li > a > span {
    position: relative;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    display: block;
    padding: 15px 15px;
}
.sf-menu > li > a::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    padding: 15px 15px;
    width: 100%;
    height: 100%;
    line-height: 20px;
    background: #19bde8;
    color: #ffffff;
    content: attr(title);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    white-space: nowrap;
}
.sf-menu > li > a:hover::before {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
}
.sf-menu > li > a:hover > span {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}

.sf-menu > li.active > a,
.sf-menu > li.sfHover > a {
    color: #ffffff;
    background: #19bde8;
}

.sf-menu > li > a.sf-with-ul:after {
    position: absolute;
    content:"";
    left: 50%;
    margin-left: -2px;
    right: 0;
    bottom: 5px;
    border: 4px solid;
    border-color: #ffffff transparent transparent transparent;
    width: 0;
    height: 0;
    z-index: 1000;
}

/*================================>> 2 Level <<========================================*/

.sf-menu ul {
    width: 180px !important;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 10;
    background: #000000;
    box-shadow: 0 0px 2px rgba(237,237,237,0.75);
}
.sf-menu ul li {
    border-top: 1px solid #3a3a3a;
}
.sf-menu ul li a {
    display: block;
    padding: 5px 10px;
    background: #000000;
    color: #ffffff;
}

.sf-menu ul > li a:hover,
.sf-menu ul > li.active a {
    background: #19bde8;
    color: #ffffff;
}


#navigation select.menu_mobile {display: none;}


/* 8.3 NIVOSLIDER */
.nivoSlider {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.nivoSlider img {
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
}
.nivo-main-image {
    width: 100% !important;
    display: block !important;
    position: relative !important;
}

.nivoSlider a.nivo-imageLink {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 6;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    filter: alpha(opacity=0);
    opacity: 0;
    background: #ffffff;
}

.nivo-slice {
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 5;
}

.nivo-box {
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 5;
}
.nivo-box img {
    display: block;
}

.nivoSlider > a,
.nivoSlider > img,
.caption_hidden {
    display: none;
}


.slider_wrap {
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

.nivo-caption {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    display: none;
}

.nivo-directionNav a {
    display: block;
    vertical-align: top;
    position: absolute;
    top: 50%;
    z-index: 9;
    cursor: pointer;
}
.nivo-directionNav a span {
    display: none;
}
.nivo-directionNav a i {
    display: inline-block;
}
.nivo-prevNav {
    left: 0;
}
.nivo-nextNav {
    right: 0;
}


.nivo-controlNav {
    width: 100%;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    padding-right: 10px;
    padding-bottom: 7px;
}
.nivo-controlNav a {
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    color: #d4d4d4;
    margin-left: 8px;
    transition: all .4s ease;
}
.nivo-controlNav a span {
    display: none;
}
.nivo-controlNav a i {
    display: block;
}
.nivo-controlNav a:hover {
    color: #19bde8;
}
.nivo-controlNav a.active {
    cursor: default;
    color: #19bde8;
}


/* 8.4 SHOWCASE */

.custom_showcase a {
    display: block;
    position: relative;
    transition: all 0.5s ease;
}
.custom_showcase {
    margin-bottom: 29px;
}
.custom_showcase a:hover {
    box-shadow: 0 0 19px rgba(0,0,0,0.2);
}
.custom_showcase .inside {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    color: #3a3a3a;
    font-size: 12px;
    line-height: 17px;
    padding: 14px 15px;
    max-width: 57%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.custom_showcase .inside h3 {
    font-size: 32px;
    font-weight: 900;
    line-height: 77%;
    margin-right: 9px;
    margin: 0;
    text-shadow: 0 0 3px #ffffff;
    color: #19bde8;
    border-bottom: 0px;
    padding-bottom: 0px;
    display: inline-block;
    transition: all 0.5s ease;
}
.custom_showcase .inside h4 {
    font-size: 22px;
    color: #000000;
    border-bottom: 0px;
    margin: 0px;
    padding: 0px;
    font-weight: 900;
    display: inline-block;
    transition: all 0.5s ease;
}
.custom_showcase a img {
    border-radius: 5px;
    border: 1px solid #b8b8b8;
}
.custom_showcase .inside p {
    margin: 1px 0px 0px;
    line-height: 17px;
    transition: all 0.5s ease;
}
.custom_showcase a:hover h3 {
    color: #000000;
}
.custom_showcase a:hover h4,
.custom_showcase a:hover p {
    color: #19bde8;
}

.banner {
    position: relative;
    margin-bottom: 30px;
    background: #000000;
}
.banner a {
    display: block;
}
.banner .inside {
    position: absolute;
    text-align: center;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    text-transform: uppercase;
}
.banner .inside h3 {
    font-weight: 900;
    font-size: 30px;
    color: #ffffff;
    transition: all 0.5s ease;
}
.banner .inside h4 {
    padding-top: 66%;
    font-weight: 900;
    font-size: 24px;
    line-height: 1em;
    color: #19bde8;
    transition: all 0.5s ease;
}
.banner .inside p {
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
    margin: 0;
    transition: all 0.5s ease;
}
.banner img {
    transition: all 0.5s ease;
    background: #000000;
}
.banner:hover img {
    -moz-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
}

.banner:hover h3,
.banner:hover p {
    color: #19bde8;
}
.banner:hover h4 {
    color: #ffffff;
}

/* 8.5 MAIN PRODUCT LISTING */
.product_listing_main + .product_listing_main {
    margin-top: 30px;
}

.product_listing_main .product_links {
    margin-top: 6px;
}
.product_listing_main .product_links form {display: inline-block;}



/* 8.6 FOOTER */
footer {
    position: relative;
    padding-top: 14px;
    padding-bottom: 30px;
}
.footer_shadow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 40px;

    background: #f2f2f2; /* Old browsers */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* IE10+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
;
    z-index: 0;
}
.footer_shadow + div {
    z-index: 1;
    position: relative;
}


.footer_block h3 {
    padding-top: 30px;
    line-height: normal;
    font-size: 17px;
    text-transform: uppercase;
    margin: 0 0 11px;
    color: #000000;
    font-weight: 700;
}
.footer_block ul li + li {
    margin-top: 6px;
}

.footer_bottom {
    position: relative;
    margin-top: 46px;
}
footer .copyright {}
footer .copyright p {
    margin: 22px 0px;
}

.footer_block ul li.active a,
.footer_block ul li a:hover {
    color: #000000;
}
footer .copyright {
    float: left;
}
footer .copyright a { color: #777777;}
footer .copyright a:hover { color: #19bde8;}

footer .socials {
    margin: 20px 18px 0 0;
    float: right;
}
footer .socials li {
    display: inline-block;
}
footer .socials li a {
    display: block;
    font-size: 23px;
    margin-left: 10px;
    float: left;
    line-height: 30px;
    vertical-align: top;
}
footer .socials li a i {
    transition: all .4s ease;
}
.fa-twitter-square {
    color: #09c7f6;
}
.fa-facebook-square {
    color: #3d6aa7;
}
footer .socials li a:hover i {
    color: #000000;
}
/***************************************************************************
                           9. COLLECTION PAGES
***************************************************************************/

/* 9.1 PAGES CONTENT */
ul.tags {
    margin-top: 15px;
    list-style-type: none;
}
ul.tags li {
    float: left;
}
ul.tags li + li {
    margin: 0 0 0 5px;
}
ul.tags li a {
    display: block;
    padding: 5px 10px;
    color: #ffffff;
    background: #000000;
    border-radius: 4px;
    transition: all .4s ease;
}

ul.tags li a:hover,
ul.tags li.active a {
    background: #19bde8;
    color: #ffffff;
}



.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 #dbdbdb;
    border-width: 1px 0;
    text-align: right;
}
.sort_by label {
    margin: 0 4px 0 0;
    line-height: 30px;
    color: #000000;
    font-size: 15px;
}
.sort_by select {
    height: 30px;
    padding: 6px 4px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}



/* 9.2 BREADCRUMBS */
.breadcrumb {
    margin: 0 0 15px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    color: #19bde8;

    background: #dbdbdb; /* Old browsers */
    background: -webkit-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #dbdbdb 0%, #fefefe 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* IE10+ */
    background: -o-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #dbdbdb 0%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    font-weight: bold;
    padding: 13px 15px;
}
.breadcrumb span {
    font-weight: bold;
    color: #19bde8;
}
.breadcrumb a,
.breadcrumb > li + li:before {
    color: #000000;
    font-weight: bold;
}
.breadcrumb a:hover {
    color: #19bde8;
}

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



/* 9.4 PAGINATION */

#pagination {
    display: inline-block;
    overflow: hidden;
    margin: 30px 0 0 0;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 4px;
}
#pagination span {
    display: block;
    float: left;
}
#pagination span ~ span {
    border-left: 1px solid #3a3a3a;
}

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

#pagination span a:hover,
#pagination span.current {
    color: #19bde8;
}
#pagination span.current {
    cursor: default;
    border-left: 1px solid #3a3a3a;
}



/***************************************************************************
                           10. SIDEBAR WIDGETS
***************************************************************************/


/* 10.1 LINKS LIST */
.column .widget ul.list li {
    line-height: 1.5em;
}

.column .widget ul.list li + li {
    margin-top: 4px;
}

.column .widget ul.list a {
    overflow: hidden;
    position: relative;
}

.column .widget ul.list li a {
    display: block;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.5em;
    text-transform: uppercase;
    border: 1px solid #b8b8b8;

    background: #dbdbdb; /* Old browsers */
    background: -webkit-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #dbdbdb 0%, #fefefe 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* IE10+ */
    background: -o-linear-gradient(top, #dbdbdb 0%,#fefefe 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #dbdbdb 0%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
;
    border-radius: 5px;
    color: #000000;
    text-shadow: 1px 1px 1px #ffffff;
    z-index: 1;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.column .widget ul.list li a span {
    position: relative;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    display: block;
    padding: 9px 11px;
    line-height: 1.5em;

}
.column .widget ul.list li a::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    padding: 9px 11px;
    width: 100%;
    height: 100%;
    line-height: 1.5em;
    text-shadow: 1px 1px 1px #1191b3;
    background: #19bde8;
    color: #ffffff;
    content: attr(title);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.column .widget ul.list li a:hover::before {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
}
.column .widget ul.list li a:hover span {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}



.column .widget ul.list li.active a {
    background: #19bde8;
    color: #ffffff;
}


/* 10.2 SIDEBAR PRODUCT LISTING */

.product_listing_sidebar .product_price {
    margin-bottom: 20px;
}
.product_listing_sidebar .product_links form {
    display: inline-block;
}



/***************************************************************************
                           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: #19bde8;
}
#searchresults .search-form button:hover {
    color: #000000;
}
#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;
}
#searchresults ol li {
    overflow: hidden;
    margin: 0;
    padding: 10px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}
#searchresults ol li + li {
    margin-top: 5px;
}
#searchresults ol li .search-result_image {
    float: left;
    margin-right: 15px;
}
#searchresults ol li .search-result_container {
    padding: 15px 0 0 0;
}
#searchresults ol li .search-result_image a {
    display: block;
    transition: all 0.5s ease;
}
#searchresults ol li {
    transition: all 0.5s ease;
}
#searchresults ol li:hover {
    box-shadow: 0 0 19px rgba(0,0,0,0.2);
}
#searchresults ol li .search-result_image a img {
    transition: all 0.5s ease;
}
#searchresults ol li .search-result_image a:hover img {
    -moz-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
}


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

/* 12.1 PRODUCT IMAGES */
.product_img_big {
    max-height: 345px;
    overflow: hidden;
    border: 1px solid #dbdbdb;
}



.product_img_thumbs {
    max-height: 120px;
    padding: 12px 0 0 0;
}
.product_img_thumbs__list a {
    width: 106px !important;
    display: block;
    position: relative;
}
.product_img_thumbs__list a:after {
    position: absolute;
    left:0px;
    right: 1px;
    top: 0px;
    bottom: 0px;
    content: "";
    border: 1px solid #dbdbdb;
}
.product_img_thumbs__list a img {
    width: 100%;
    padding: 5px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bx-wrapper {
    max-width: 346px !important;
}
.bx-pager {
    display: none !important;
}

.bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 0;
    display: block;
    overflow: hidden;
    margin: -15px 0 0 0;
    padding: 30px 0 0 0;
    position: absolute;
    top: 50%;
    background-image: url(data:image/png;base64,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) !important;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none !important;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
    left: 10px;
    background-position: 0px 0px !important;
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background-position: -30px 0 !important;
}
.bx-wrapper .bx-controls-direction a.bx-next {
    right: 10px;
    background-position: 0px -30px !important;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover {
    background-position: -30px -30px !important;
}



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



.product_wrap .product-price {
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 17px;
    font-weight: bold;
}
.product_wrap .product-price .money {
    margin: 0 5px 0 0;
}
.product_wrap .product-price .compare-at-price {
    font-weight: 400;
    font-size: 14px;
}

#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: 9px 0 8px;
    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 {
    margin: 15px 10px 0 0;
}
#purchase #add-to-cart i {
    vertical-align: middle;
    margin: 0 5px 0 0;
    font-size: 15px;
    line-height: 1.5em;
    position: relative;
    top: -2px;
}

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

.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;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



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



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

ul.product_listing_related {
    list-style-type: none;
}
ul.product_listing_related .product_links {
    margin-top: 20px;
}


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

/* 13.1 POSTS LISTING */

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

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

.blog-article_meta-comments {
    float: right;
    padding: 9px 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: 2px 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-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;
}



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

/* 14.1 LOG IN */

/* 14.2 ACCOUNT */
.customer_name {
    text-transform: none !important;
}
.customer_name .divider {
    margin: 0 7px;
}
.customer_name .email {
    color: #777777;
}
.customer_name a {
    float: right;
}



/* 14.3 ADDRESSES */
.customer_addresses ul.customer_addresses_actions {
    list-style-type: none;
    margin: 15px 0;
}
.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;
}

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 */
.cart-list {
    overflow: hidden;
}

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

.cart-list .item_image {
    text-align: center;
}
.cart-list .item_image a img {
    max-width: 100%;
    transition: all .4s ease;
}
.cart-list .item_image a:hover img {
    -moz-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
}

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

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

.cart-list .item_price {
    padding: 10px 0 0 0;
}
.cart-list .item_price .price {
    line-height: 37px;
}

.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 h3 {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
}
.cart_subtotal h3 .money {
    float: right;
    font-size: inherit;
}
.cart_buttons {
    margin: 30px 0;
}

.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 iframe {
    width: 100%;
    margin: 0 0 15px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}


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



/*     ((((((((((((((((((((((((((((( */

h2.znacka_model{
    font-size: 20px;
    color: #19BDE8;
    width: 100%;
    text-align: center;
    font-weight: 900;
    border-bottom: none;
}

.model_rok a{
    width:100%;
    font-size:17px;
    text-align:center;
}
.model_rok a:hover{
    background-color:#19BDE8;
}
footer ul li {
    font-size:1.3em;
}