/*----------------------------------
TABLE OF CONTENTS:
------------------------------------

1 - Reset
2 - Header
3 - Topmenu
4 - Stylization
5 - Breadcrumbs
6 - Pagination
7 - Frontpage Slider
8 - Popular Products
9 - Catalog | Gallery View
10 - Catalog | List View
11 - Catalog | Table View
12 - Sidebar Categories
13 - Sidebar Filter
14 - Catalog Topbar
15 - Products List
16 - Single Product
17 - Single Product Tabs
18 - Single Product Related
19 - Blog
20 - Blog Post
21 - Cart
22 - Blog Posts
23 - Reviews
24 - Reviews List
25 - Modal Form
26 - Quick View
27 - Elements
28 - Pricing Table
29 - Team
30 - Contact Forms
31 - Brands
32 - Banners
33 - Discounts
34 - Newsletter
35 - Iconbox 1
36 - Iconbox 2
37 - Counters
38 - Social Links
39 - Accordion
40 - Select Styles
41 - Footer
42 - Error 404
43 - Compare List

----------------------------------*/







/*----------------------------------
1 - 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, 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;
}
/* HTML5 display-role reset for older browsers */
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;
}



body * {
    line-height: 140%;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, strong, b {
    font-weight: 500;
}

i, em {
    font-style: italic;
}

img {
    max-width: 100%;
    height: auto;
}

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

    a:hover {
        text-decoration: none;
    }

input[type=text],
input[type=submit],
input[type=image],
input[type=password],
input[type=email],
button,
textarea {
    -webkit-appearance: none;
}

textarea,
button,
input[type=password],
input[type=email],
input[type=submit],
input[type=text] {
    font-family: 'Roboto', sans-serif;
}

a:focus {
    text-decoration: none;
}

textarea:focus,
button:focus,
a:focus,
input:focus {
    outline: none;
}

body {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    -webkit-text-size-adjust: 100%;
    color: #373d54;
}



.cont {
    width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
/*----------------------------------
1 - Reset
----------------------------------*/




/*----------------------------------
2 - Header
----------------------------------*/
.header {
    margin: 0 0 27px;
}

    .header:after {
        display: block;
        clear: both;
        content: "";
    }

.header_top {
    background: #f8fafc;
    border-bottom: 1px solid #e0e4f6;
}

.contactinfo {
    font-size: 13px;
    float: left;
}

    .contactinfo li {
        padding: 10px 15px 0;
        color: #373d54;
    }

        .contactinfo li * {
            line-height: 1;
        }

        .contactinfo li:first-child {
            margin-left: -15px;
        }

        .contactinfo li .fa {
            margin-right: 3px;
            margin-bottom: 2px;
            vertical-align: middle;
            color: #5f6680;
        }

.social-icons {
    float: right;
    text-align: right;
    margin: 0;
}

    .social-icons li a {
        border: 0 none;
        border-radius: 0;
        color: #5f6680;
        padding: 0px;
    }

    .social-icons li {
        display: inline-block;
    }

        .social-icons li a i {
            padding: 11px 15px;
            margin-bottom: -1px;
            transition: all 0.5s ease 0s;
            -moz-transition: all 0.5s ease 0s;
            -webkit-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
        }

            .social-icons li a i:hover {
                color: #fff;
                transition: all 0.5s ease 0s;
                -moz-transition: all 0.5s ease 0s;
                -webkit-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
            }

    .social-icons .fa-facebook:hover {
        background: #0083C9;
    }

    .social-icons .fa-twitter:hover {
        background: #5BBCEC;
    }

    .social-icons .fa-linkedin:hover {
        background: #FF4518;
    }

    .social-icons .fa-dribbble:hover {
        background: #90C9DC;
    }

    .social-icons .fa-google-plus:hover {
        background: #CE3C2D;
    }

    .social-icons .fa-instagram:hover {
        background: #b4307d;
    }

    .social-icons .fa-vk:hover {
        background: #4c75a3;
    }

.header-middle {
    padding: 25px 0;
    text-align: justify;
}

    .header-middle .header-middle-cont {
        font-size: 0;
    }

        .header-middle .header-middle-cont > * {
            font-size: 15px;
        }

        .header-middle .header-middle-cont:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

.toplogo {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

    .toplogo a {
        display: block;
    }

    .toplogo img {
        display: block;
        max-height: 120px;
        max-width: 400px;
        width: auto;
        height: auto;
    }

.shop-menu {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

    .shop-menu ul li {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }

        .shop-menu ul li:last-child {
            padding-right: 0;
        }

        .shop-menu ul li a {
            background: #FFFFFF;
            font-size: 14px;
            padding: 2px 0;
            line-height: 1;
            color: #373d54;
            display: inline-block;
        }

        .shop-menu ul li * {
            line-height: 1;
        }

        .shop-menu ul li a:hover {
            color: #373d54;
            opacity: 1 !important;
            background: transparent;
        }

        .shop-menu ul li a i {
            margin-right: 2px;
            color: #5f6680;
            padding: 0 1px;
            display: inline-block;
        }

        .shop-menu ul li a b {
            font-weight: 400;
        }

        .shop-menu ul li a .shop-menu-ttl {
            display: inline-block;
            border-bottom: 1px solid transparent;
            transition: all 0.2s;
            line-height: 1;
        }

        .shop-menu ul li a:hover .shop-menu-ttl {
            border-color: #5f6680;
        }

        .shop-menu ul li.topauth a:first-child {
            margin: 0;
            padding: 2px 12px 2px 0;
            /*background: url(../img/sep1.png) no-repeat right center;*/
        }
/*----------------------------------
2 - Header
----------------------------------*/




/*----------------------------------
3 - Topmenu
----------------------------------*/
.topmenu {
    position: relative;
    padding: 0 41px 0 203px;
    font-size: 14px;
}

    .topmenu:after {
        clear: both;
        content: '';
        display: block;
    }

    .topmenu .topcatalog {
        text-align: left;
        position: absolute;
        top: 0;
        left: 0;
        width: 203px;
        z-index: 3;
    }

.topcatalog-show .topmenu .topcatalog {
    z-index: 11;
}

.topmenu .topcatalog .topcatalog-btn {
    position: relative;
    color: #373d54;
    text-transform: uppercase;
    border: 1px solid #e0e4f6;
    display: block;
    padding: 11px 10px 11px 38px;
    font-weight: 500;
    background: #eff1fa url(../img/bar.png) no-repeat 14px 15px;
}

    .topmenu .topcatalog .topcatalog-btn:after {
        position: absolute;
        top: 50%;
        right: 13px;
        content: '\f107';
        display: block;
        line-height: 1;
        margin: -8px 0 0;
        font-family: FontAwesome;
    }

.topmenu .topcatalog:after {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 5px;
    content: '';
    display: block;
}

.topcatalog .topcatalog-list {
    position: absolute;
    top: 100%;
    background: #fff;
    border-top: 1px solid #e0e4f6;
    border-left: 1px solid #e0e4f6;
    border-right: 1px solid #e0e4f6;
    text-align: left;
    margin: 5px 0 0;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(0, 8px, 0);
    -moz-transform: translate3d(0, 8px, 0);
    -ms-transform: translate3d(0, 8px, 0);
    -o-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
    visibility: hidden;
    opacity: 0;
    width: 0;
    overflow: hidden;
}

.topcatalog:hover .topcatalog-list {
    overflow: initial;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
    width: auto;
}

.topcatalog-list li {
    position: relative;
    line-height: 120%;
}

    .topcatalog-list li a {
        color: #373d54;
        font-size: 14px;
        line-height: 120%;
        border-bottom: 1px solid #e0e4f6;
        display: block;
        padding: 11px 25px 11px 13px;
        transition: all 0.2s;
        background: #f8fafc;
        position: relative;
        width: 201px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .topcatalog-list li:hover > a {
        background: #fff;
    }

    .topcatalog-list li:after {
        content: '';
        background: #373d54;
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        z-index: 3;
        width: 3px;
        display: none;
    }

    .topcatalog-list li:hover:after {
        display: block;
    }

    .topcatalog-list li .fa {
        position: absolute;
        right: 14px;
        line-height: 100%;
        top: 50%;
        margin: -1px 0 0;
        line-height: 100%;
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        transition: all 0.2s;
    }

    .topcatalog-list li ul {
        position: absolute;
        left: 100%;
        top: -1px;
        background: #fff;
        border: 1px solid #e0e4f6;
        transition: all 0.3s ease;
        -webkit-transform: translate3d(0, 8px, 0);
        -moz-transform: translate3d(0, 8px, 0);
        -ms-transform: translate3d(0, 8px, 0);
        -o-transform: translate3d(0, 8px, 0);
        transform: translate3d(0, 8px, 0);
        visibility: hidden;
        opacity: 0;
        width: 0;
        overflow: hidden;
    }

    .topcatalog-list li:hover > ul {
        overflow: initial;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
        width: auto;
    }

    .topcatalog-list li ul > li:last-child > a {
        border-bottom: none;
    }

.topmenu .mainmenu-btn {
    position: relative;
    color: #373d54;
    text-transform: uppercase;
    border: 1px solid #e0e4f6;
    border-right: none;
    width: 100%;
    padding: 11px 10px 11px 43px;
    font-weight: 500;
    text-align: left;
    background: #eff1fa url(../img/bar.png) no-repeat 18px 15px;
    display: none;
}

    .topmenu .mainmenu-btn:after {
        position: absolute;
        top: 50%;
        right: 15px;
        content: '\f107';
        display: block;
        line-height: 1;
        margin: -8px 0 0;
        font-family: FontAwesome;
    }

.topmenu .mainmenu {
    border-top: 1px solid #e0e4f6;
    border-bottom: 1px solid #e0e4f6;
    background: #f8fafc;
    padding: 0 24px 0 24px;
}

    .topmenu .mainmenu:after {
        clear: both;
        content: '';
        display: block;
    }

    .topmenu .mainmenu .fa {
        display: none;
    }

    .topmenu .mainmenu > li {
        float: left;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 0 0;
        position: relative;
    }

        .topmenu .mainmenu > li > a {
            color: #373d54;
            display: block;
            transition: all 0.2s;
            padding: 11px 19px;
        }

        .topmenu .mainmenu > li.menu-item-has-children > a {
            padding-right: 30px;
        }

        .topmenu .mainmenu > li > a:hover,
        .topmenu .mainmenu > li > a.active {
            color: #3a89cf;
        }

        .topmenu .mainmenu > li.menu-item-has-children > a:after {
            position: absolute;
            font-family: FontAwesome;
            content: '\f107';
            display: block;
            top: 50%;
            font-size: 14px;
            right: 13px;
            line-height: 100%;
            margin: -8px 0 0 0;
        }

        .topmenu .mainmenu > li > a > .fa {
            margin-left: 4px;
        }

        .topmenu .mainmenu > li:after {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            height: 5px;
            content: '';
            display: block;
        }

        .topmenu .mainmenu > li > .sub-menu {
            position: absolute;
            top: 100%;
            background: #fff;
            border-top: 1px solid #e0e4f6;
            border-left: 1px solid #e0e4f6;
            border-right: 1px solid #e0e4f6;
            text-align: left;
            margin: 5px 0 0;
            transition: all 0.3s ease;
            -webkit-transform: translate3d(0, 8px, 0);
            -moz-transform: translate3d(0, 8px, 0);
            -ms-transform: translate3d(0, 8px, 0);
            -o-transform: translate3d(0, 8px, 0);
            transform: translate3d(0, 8px, 0);
            visibility: hidden;
            opacity: 0;
            z-index: 4;
            width: 0;
        }

        .topmenu .mainmenu > li:hover > .sub-menu {
            width: auto;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            visibility: visible;
            opacity: 1;
        }

        .topmenu .mainmenu > li > .sub-menu li {
            position: relative;
            line-height: 120%;
        }

            .topmenu .mainmenu > li > .sub-menu li a {
                text-transform: none;
                font-weight: 400;
                color: #373d54;
                font-size: 14px;
                line-height: 120%;
                border-bottom: 1px solid #e0e4f6;
                display: block;
                padding: 11px 25px 11px 13px;
                transition: all 0.2s;
                background: #f8fafc;
                position: relative;
                width: 201px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .topmenu .mainmenu > li > .sub-menu li a.active {
                    color: #3a89cf;
                }

            .topmenu .mainmenu > li > .sub-menu li:hover > a {
                background: #fff;
            }

            .topmenu .mainmenu > li > .sub-menu li.menu-item-has-children > a:after {
                position: absolute;
                font-family: FontAwesome;
                content: '\f105';
                display: block;
                top: 50%;
                font-size: 14px;
                right: 14px;
                line-height: 100%;
                margin: -8px 0 0 0;
            }

            .topmenu .mainmenu > li > .sub-menu li:after {
                content: '';
                background: #373d54;
                position: absolute;
                top: -1px;
                bottom: -1px;
                left: -1px;
                z-index: 3;
                width: 3px;
                display: none;
            }

            .topmenu .mainmenu > li > .sub-menu li:hover:after {
                display: block;
            }
            /*.topmenu .mainmenu > li > .sub-menu li .fa {
	position: absolute;
	right: 14px;
	line-height: 100%;
	top: 50%;
	margin: -1px 0 0;
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	transition: all 0.2s;
}*/
            .topmenu .mainmenu > li > .sub-menu li ul {
                position: absolute;
                left: 100%;
                top: -1px;
                background: #fff;
                border: 1px solid #e0e4f6;
                border-bottom: none;
                transition: all 0.3s ease;
                -webkit-transform: translate3d(0, 8px, 0);
                -moz-transform: translate3d(0, 8px, 0);
                -ms-transform: translate3d(0, 8px, 0);
                -o-transform: translate3d(0, 8px, 0);
                transform: translate3d(0, 8px, 0);
                visibility: hidden;
                opacity: 0;
                width: 0;
            }

            .topmenu .mainmenu > li > .sub-menu li:hover > ul {
                width: auto;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                visibility: visible;
                opacity: 1;
            }

/* mainmenu more */
.topmenu .mainmenu {
    position: relative;
    overflow: hidden;
    height: 43px;
}

    .topmenu .mainmenu.sections-show {
        overflow: initial;
    }

    .topmenu .mainmenu li.mainmenu-more {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #18202e;
        display: none;
        padding: 0;
        background: transparent;
        transition: all 0.2s;
        border-left: 1px solid transparent;
    }

        .topmenu .mainmenu li.mainmenu-more:hover {
            background: #fff;
            border-left: 1px solid #e0e4f6;
        }

.mainmenu-more span {
    display: block;
    padding: 11px 19px;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub {
    position: absolute;
    background: #fff;
    border-top: 1px solid #e0e4f6;
    border-left: 1px solid #e0e4f6;
    border-right: 1px solid #e0e4f6;
    text-align: left;
    margin: 5px 0 0;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(0, 8px, 0);
    -moz-transform: translate3d(0, 8px, 0);
    -ms-transform: translate3d(0, 8px, 0);
    -o-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 4;
    width: 0;
    overflow: hidden;
    right: 0;
    left: auto;
    top: 100%;
}

    .topmenu .mainmenu li.mainmenu-more .mainmenu-sub:after {
        clear: both;
        display: block;
        content: '';
    }

.topmenu .mainmenu li.mainmenu-more:hover .mainmenu-sub {
    width: auto;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
    overflow: initial;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li {
    position: relative;
    line-height: 120%;
}

    .topmenu .mainmenu li.mainmenu-more .mainmenu-sub li a {
        text-transform: none;
        font-weight: 400;
        color: #373d54;
        font-size: 14px;
        line-height: 120%;
        border-bottom: 1px solid #e0e4f6;
        display: block;
        padding: 11px 15px 11px 15px;
        transition: all 0.2s;
        background: #f8fafc;
        position: relative;
        width: 201px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .topmenu .mainmenu li.mainmenu-more .mainmenu-sub li:hover > a {
        background: #fff;
    }

    .topmenu .mainmenu li.mainmenu-more .mainmenu-sub li:after {
        content: '';
        background: #373d54;
        position: absolute;
        top: -1px;
        bottom: -1px;
        right: -1px;
        z-index: 3;
        width: 3px;
        display: none;
    }

    .topmenu .mainmenu li.mainmenu-more .mainmenu-sub li:hover:after {
        display: block;
    }

    .topmenu .mainmenu li.mainmenu-more .mainmenu-sub li .fa {
        position: absolute;
        left: 6px;
        line-height: 100%;
        top: 50%;
        margin: -1px 0 0;
        line-height: 100%;
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        transition: all 0.2s;
    }

        .topmenu .mainmenu li.mainmenu-more .mainmenu-sub li .fa:before {
            content: '\f104';
        }

    .topmenu .mainmenu li.mainmenu-more .mainmenu-sub li ul {
        margin: 0;
        position: absolute;
        top: -1px;
        background: #fff;
        border: 1px solid #e0e4f6;
        transition: all 0.3s ease;
        -webkit-transform: translate3d(0, 8px, 0);
        -moz-transform: translate3d(0, 8px, 0);
        -ms-transform: translate3d(0, 8px, 0);
        -o-transform: translate3d(0, 8px, 0);
        transform: translate3d(0, 8px, 0);
        visibility: hidden;
        opacity: 0;
        width: 0;
        overflow: hidden;
        right: 100%;
        left: auto;
    }

    .topmenu .mainmenu li.mainmenu-more .mainmenu-sub li:hover > ul {
        margin: 0;
        width: auto;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
        overflow: initial;
    }

    .topmenu .mainmenu li.mainmenu-more .mainmenu-sub li ul:after {
        clear: both;
        display: block;
        content: '';
    }

    .topmenu .mainmenu li.mainmenu-more .mainmenu-sub li ul > li:last-child > a {
        border-bottom: none;
    }
/* mainmenu more */

.topmenu .topsearch {
    position: absolute;
    top: 0;
    right: 0;
}

.topsearch .topsearch-btn {
    height: 43px;
    line-height: 43px;
    width: 41px;
    text-align: center;
    border: 1px solid #e0e4f6;
    display: block;
    background: #f8fafc;
    position: relative;
}

    .topsearch .topsearch-btn:hover {
        color: #3a89cf;
    }

    .topsearch .topsearch-btn .fa {
        display: inline-block;
        padding: 1px;
    }

.search-show .topsearch .topsearch-btn .fa:before {
    content: '\f00d';
}

.topsearch .topsearch-form {
    z-index: 3;
    position: absolute;
    top: 100%;
    right: 0;
    margin: 5px 0 0;
    display: block;
    transition: all 0.2s ease;
    -webkit-transform: translate3d(0, 5px, 0);
    -moz-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    visibility: hidden;
    opacity: 0;
}

.search-show .topsearch .topsearch-form {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    visibility: visible;
    opacity: 1;
}

.topsearch .topsearch-form input[type=text] {
    border: 1px solid #e0e4f6;
    background: #f8fafc;
    height: 39px;
    width: 300px;
    color: #373d54;
    font-size: 14px;
    padding: 0 45px 0 15px;
    transition: all 0.2s;
}

    .topsearch .topsearch-form input[type=text]::-webkit-input-placeholder {
        color: #373d54;
    }

    .topsearch .topsearch-form input[type=text]::-moz-placeholder {
        color: #373d54;
        opacity: 1;
    }

    .topsearch .topsearch-form input[type=text]:-ms-input-placeholder {
        color: #373d54;
    }

.topsearch .topsearch-form button[type=submit] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 41px;
    background: #373d54;
    color: #FFFFFF;
    transition: all 0.2s;
    border: none;
}

    .topsearch .topsearch-form button[type=submit]:hover {
        background: #474f6e;
    }
/*----------------------------------
3 - Topmenu
----------------------------------*/




/*----------------------------------
4 - Stylization
----------------------------------*/
.maincont {
    margin-bottom: 50px;
    padding-bottom: 50px;
}

    .maincont:after {
        display: block;
        clear: both;
        content: "";
    }

.stylization {
    line-height: 1.7;
    font-size: 14px;
    color: #616161;
}

    .stylization:after {
        display: block;
        clear: both;
        content: '';
    }

    .stylization p {
        line-height: 1.7;
        margin: 0 0 30px;
    }

    .stylization h1,
    .stylization h2,
    .stylization h3,
    .stylization h4,
    .stylization h5,
    .stylization h6 {
        color: #373d54;
        margin: 0 0 30px;
    }

    .stylization h1 {
        font-size: 35px;
    }

    .stylization h2 {
        font-size: 28px;
    }

    .stylization h3 {
        font-size: 24px;
    }

    .stylization h4 {
        font-size: 21px;
    }

    .stylization h5 {
        font-size: 18px;
    }

    .stylization h6 {
        font-size: 16px;
    }

    .stylization a {
        color: #3a89cf;
        text-decoration: none;
        transition: all 0.2s;
        border-bottom: 1px solid transparent;
    }

        .stylization a:hover {
            text-decoration: none;
            border-color: #3a89cf;
        }

    .stylization strong,
    .stylization b {
        color: #373d54;
    }

    .stylization ul {
        margin: 0 0 30px 18px;
        padding: 0;
    }

        .stylization ul > li {
            list-style-image: url("../img/chk1.png");
        }

    .stylization li {
        padding: 0;
        line-height: 1.7;
        margin-bottom: 5px;
    }

        .stylization li > ul {
            margin: 0 0 0 18px;
        }

    .stylization ol {
        list-style-type: decimal;
        margin: 0 0 30px 18px;
        padding: 0;
    }

        .stylization ol li {
            position: relative;
        }

    .stylization li > ol {
        margin: 0 0 0 18px;
    }

    .stylization address {
        margin: 0 0 30px;
        line-height: 1.7;
    }

    .stylization code {
        background-color: #e8e8e8;
        padding: 2px 4px;
        color: #373d54;
        font-family: Inconsolata, monospace;
    }

    .stylization pre {
        background: #f8fafc;
        border: 1px solid #c4d8ec;
        font-size: 16px;
        line-height: 1.42857143;
        margin: 0 0 34px;
        max-width: 100%;
        overflow: auto;
        padding: 20px;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word;
        font-family: Inconsolata, monospace;
        color: #373d54;
    }

    .stylization mark,
    .stylization ins {
        background: #3a89cf;
        color: #fff;
        padding: 2px 4px;
        text-decoration: none;
    }

    .stylization sup {
        vertical-align: super;
        font-size: smaller;
    }

    .stylization sub {
        vertical-align: sub;
        font-size: smaller;
    }

    .stylization blockquote {
        padding: 26px 40px 10px;
        margin: 0 auto 34px;
        overflow: hidden;
        font-style: italic;
        font-weight: 700;
        text-align: center;
        max-width: 800px;
        position: relative;
        line-height: 1.7;
    }

        .stylization blockquote:before {
            position: absolute;
            content: '';
            top: 3px;
            height: 3px;
            border-top: 1px solid #3a89cf;
            border-bottom: 1px solid #3a89cf;
            left: 50%;
            width: 40px;
            margin: 0 0 0 -20px;
            display: block;
        }

        .stylization blockquote:after {
            position: absolute;
            content: '';
            bottom: 3px;
            height: 3px;
            border-top: 1px solid #3a89cf;
            border-bottom: 1px solid #3a89cf;
            left: 50%;
            width: 40px;
            margin: 0 0 0 -20px;
            display: block;
        }

        .stylization blockquote p {
            margin-bottom: 20px !important;
            color: #373d54;
        }

    .stylization cite {
        font-style: italic;
        color: #373d54;
        font-weight: 700;
    }

    .stylization dl {
        margin: 0 0 30px;
        line-height: 1.7;
    }

    .stylization dt {
        font-weight: 700;
        color: #373d54;
        line-height: 1.7;
    }

    .stylization dd {
        margin: 0 0 30px;
        line-height: 1.7;
    }

    .stylization table,
    .stylization th,
    .stylization td {
        /*border: 1px solid #c4d8ec;*/
        line-height: 1.7;
    }

    .stylization table {
        border-collapse: collapse;
        border-spacing: 0;
        border-width: 1px 0 0 1px;
        margin: 0 0 34px;
        table-layout: fixed;
        /*width: 100%;*/
        color: #373d54;
        border-radius: 3px;
    }

    .stylization caption,
    .stylization th,
    .stylization td {
        font-weight: normal;
        /*text-align: left;*/
    }

    .stylization th {
        border-width: 0 1px 1px 0;
        font-weight: 700;
    }

    .stylization td {
        border-width: 0 1px 1px 0;
    }

    .stylization th,
    .stylization td {
        padding: 10px 15px;
    }

    .stylization legend {
        line-height: 1.7;
        font-weight: 700;
        margin-top: 10px;
        display: inline-block;
    }

    .stylization .wpcf7 span.wpcf7-not-valid-tip {
        display: none;
    }

    .stylization .wpcf7 div.wpcf7-response-output {
        margin: 0;
        padding: 0;
        border: none;
    }

        .stylization .wpcf7 div.wpcf7-response-output.wpcf7-validation-errors {
            display: none !important;
        }

    .stylization input[type=email],
    .stylization input[type=tel],
    .stylization input[type=search],
    .stylization input[type=password],
    .stylization input[type=text] {
        display: block;
        padding: 0 15px;
        color: #373d54;
        width: 100%;
        background: #f8fafc;
        font-size: 14px;
        height: 40px;
        border: 1px solid #e0e4f6;
        transition: all 0.2s;
    }

        .stylization input[type=email]:focus,
        .stylization input[type=tel]:focus,
        .stylization input[type=search]:focus,
        .stylization input[type=password]:focus,
        .stylization input[type=text]:focus {
            border-color: #bfcedc;
        }

        .stylization input[type=search]::-webkit-input-placeholder,
        .stylization input[type=password]::-webkit-input-placeholder,
        .stylization input[type=tel]::-webkit-input-placeholder,
        .stylization input[type=email]::-webkit-input-placeholder,
        .stylization input[type=text]::-webkit-input-placeholder {
            color: #a0b0c1;
        }

        .stylization input[type=search]::-moz-placeholder,
        .stylization input[type=password]::-moz-placeholder,
        .stylization input[type=tel]::-moz-placeholder,
        .stylization input[type=email]::-moz-placeholder,
        .stylization input[type=text]::-moz-placeholder {
            color: #a0b0c1;
            opacity: 1;
        }

        .stylization input[type=search]:-ms-input-placeholder,
        .stylization input[type=password]:-ms-input-placeholder,
        .stylization input[type=tel]:-ms-input-placeholder,
        .stylization input[type=email]:-ms-input-placeholder,
        .stylization input[type=text]:-ms-input-placeholder {
            color: #a0b0c1;
        }

    .stylization textarea {
        display: block;
        padding: 12px 15px;
        background: #f8fafc;
        color: #373d54;
        width: 100%;
        font-size: 14px;
        height: 150px;
        border: 1px solid #e0e4f6;
        transition: all 0.2s;
    }

        .stylization textarea:focus {
            border-color: #bfcedc;
        }

        .stylization textarea::-webkit-input-placeholder {
            color: #a0b0c1;
        }

        .stylization textarea::-moz-placeholder {
            color: #a0b0c1;
            opacity: 1;
        }

        .stylization textarea:-ms-input-placeholder {
            color: #a0b0c1;
        }

    .stylization button,
    .stylization input[type=submit] {
        display: block;
        border: none;
        transition: all 0.2s;
        font-weight: 500;
        /*background: #373d54;*/
        padding: 10px 35px;
        color: #ffffff;
        letter-spacing: 0.01em;
        cursor: pointer;
        /*text-transform: uppercase;*/
        letter-spacing: 1px;
        font-size: 14px;
    }

        .stylization button:hover,
        .stylization input[type=submit]:hover {
            background: #474f6e;
        }

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

.main-ttl {
    font-size: 22px;
    /*text-transform: uppercase;*/
    color: #373d54;
    margin: 0 0 35px;
    font-weight: 900;
    position: relative;
    letter-spacing: 2px;
}

h1.main-ttl {
    font-size: 22px;
    margin: 0 0 35px;
}

.main-ttl span {
    position: relative;
    display: inline-block;
    padding: 0 0 8px;
}

    .main-ttl span:before {
        display: block;
        position: absolute;
        content: "";
        bottom: 0;
        height: 2px;
        left: 0;
        right: 0;
        background: #f8fafc;
    }

    .main-ttl span:after {
        display: block;
        position: absolute;
        content: "";
        bottom: 0;
        height: 2px;
        left: 0;
        width: 60px;
        background: #373d54;
    }

.maincont-ct .main-ttl {
    text-align: center;
}

    .maincont-ct .main-ttl span:after {
        left: 50%;
        margin: 0 0 0 -30px;
    }
/*----------------------------------
4 - Stylization
----------------------------------*/




/*----------------------------------
5 - Breadcrumbs
----------------------------------*/
ul.b-crumbs {
    font-size: 14px;
    color: #373d54;
    padding: 0 0 1px 0;
    margin: 0;
}

.maincont-ct ul.b-crumbs {
    text-align: center;
}

.b-crumbs li {
    display: inline-block;
    margin: 0 32px 6px 0;
    padding: 0;
    line-height: 1.7;
    position: relative;
}

    .b-crumbs li:after {
        position: absolute;
        content: "\f105";
        font-size: 12px;
        font-family: FontAwesome;
        color: #373d54;
        display: block;
        left: auto;
        top: 0;
        line-height: 1;
        margin: 6px 0 0;
        right: -22px;
    }

    .b-crumbs li:last-child {
        margin-right: 0;
    }

        .b-crumbs li:last-child:after {
            display: none;
        }

    .b-crumbs li a {
        text-decoration: none;
        border-bottom: 1px solid rgba(0,0,0,0);
        transition: all 0.2s;
        color: #373d54;
        line-height: 100%;
    }

        .b-crumbs li a:hover {
            border-bottom: 1px solid #373d54;
            color: #373d54;
            text-decoration: none;
        }

    .b-crumbs li span {
        color: #616161;
    }
/*----------------------------------
5 - Breadcrumbs
----------------------------------*/




/*----------------------------------
6 - Pagination
----------------------------------*/
.pagi {
    margin: 30px auto 40px;
    display: block;
    padding: 0;
}

    .pagi li {
        display: inline-block;
        margin: 0 0 10px 0;
    }

        .pagi li:first-child a,
        .pagi li:first-child span {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            margin-left: 0;
        }

        .pagi li:last-child a,
        .pagi li:last-child span {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
        }

    .pagi .active a,
    .pagi .active span,
    .pagi .active a:hover,
    .pagi .active span:hover,
    .pagi .active a:focus,
    .pagi .active span:focus {
        background-color: #313b54;
        color: #fff;
        cursor: default;
        z-index: 2;
    }

    .pagi li a,
    .pagi li span {
        font-size: 14px;
        font-weight: 500;
        border: none;
        float: left;
        line-height: 1.42857;
        margin-left: -1px;
        padding: 0 12px;
        position: relative;
        text-decoration: none;
        margin-right: 8px;
        color: #313b54;
        background: #eff1fa;
        border-radius: 0;
        line-height: 32px;
        height: 32px;
    }

        .pagi li a:hover {
            background: #313b54;
            color: #fff;
        }

    .pagi li.pagi-prev a,
    .pagi li.pagi-next a {
        font-size: 16px;
    }
/*----------------------------------
6 - Pagination
----------------------------------*/




/*----------------------------------
7 - Frontpage Slider
----------------------------------*/
.fr-slider-wrap {
    margin: 0 0 50px;
}

.fr-slider {
    margin: 0;
    overflow: hidden;
    position: relative;
}

    .fr-slider .slides li {
        width: 100%;
        float: left;
        margin-right: -100%;
        opacity: 0;
        position: relative;
    }

        .fr-slider .slides li img {
            display: block;
        }

    .fr-slider .slides .fr-slider-cont {
        position: absolute;
        right: 0;
        left: 48%;
        top: 50%;
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-size: 13px;
        padding: 0 30px 0 0;
    }

        .fr-slider .slides .fr-slider-cont h3 {
            font-size: 48px;
            color: #373d54;
            font-weight: 700;
            margin: 0 0 23px;
            line-height: 1.2;
            font-family: 'PT Serif', serif;
        }

        .fr-slider .slides .fr-slider-cont p {
            padding: 0 0 0;
            margin: 0 0 45px;
        }

        .fr-slider .slides .fr-slider-cont .fr-slider-more-wrap {
            margin: 45px 0;
        }

        .fr-slider .slides .fr-slider-cont .fr-slider-more {
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            padding: 11px 15px 12px;
            letter-spacing: 0.05em;
            vertical-align: top;
            line-height: 100%;
            display: inline-block;
            transition: all 0.2s;
            margin: 0;
            background: #373d54;
        }

            .fr-slider .slides .fr-slider-cont .fr-slider-more:hover {
                background: #474f6e;
            }

    .fr-slider .flex-control-nav {
        width: auto;
        position: absolute;
        padding-top: 15px;
        bottom: 5px;
        text-align: left;
        z-index: 2;
        left: 48%;
        right: 0;
    }

        .fr-slider .flex-control-nav li {
            margin: 0 3px;
            display: inline-block;
        }

        .fr-slider .flex-control-nav li {
            margin: 0 3px;
            display: inline-block;
        }

    .fr-slider .flex-control-paging li a {
        width: 23px;
        height: 3px;
        background: #e0e4f6;
        box-shadow: none;
        transition: all 0.2s;
    }

        .fr-slider .flex-control-paging li a:hover,
        .fr-slider .flex-control-paging li a.flex-active {
            background: #373d54;
        }
/*----------------------------------
7 - Frontpage Slider
----------------------------------*/



/*----------------------------------
8 - Popular Products
----------------------------------*/
.fr-pop-wrap {
}

    .fr-pop-wrap .component-ttl {
        margin-bottom: 35px;
    }

.fr-pop-tabs {
    margin: 0 0 35px !important;
    padding: 0;
    position: relative;
    background: #f8fafc;
    border: 1px solid #e0e4f6;
    list-style: none !important;
}

    .fr-pop-tabs:after {
        display: block;
        clear: both;
        content: "";
    }

    .fr-pop-tabs li {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none !important;
    }

        .fr-pop-tabs li a {
            display: block;
            padding: 15px 22px 15px;
            text-transform: uppercase;
            transition: all 0.2s;
            font-size: 14px;
            position: relative;
            font-weight: 500;
            color: #373d54;
            border: none;
        }

            .fr-pop-tabs li a:hover {
                color: #3a89cf;
                text-decoration: none;
            }

            .fr-pop-tabs li a.active {
                color: #fff;
                background: #373d54;
                margin: -1px 0;
                padding: 16px 22px 16px;
            }

.fr-pop-tab-cont {
    overflow: hidden;
    position: relative;
    margin: 0 0 44px;
}

.fr-pop-tab {
    border: none;
    border-radius: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 0;
}

.fr-pop-tab-cont .fr-pop-tab:first-of-type {
    height: auto;
}

.height_auto {
    height: auto !important;
}

.fr-pop-tab-mob {
    display: none;
    cursor: pointer;
    border-top: 1px solid #e0e4f6;
    padding: 15px 0px 15px;
    text-transform: uppercase;
    transition: all 0.2s;
    color: #373d54;
    font-size: 16px;
    position: relative;
    font-weight: 500;
    margin: 0 !important;
}

    .fr-pop-tab-mob:hover {
        color: #3a89cf;
    }

    .fr-pop-tab-mob.active {
        color: #3a89cf;
    }

        .fr-pop-tab-mob.active:before {
            position: absolute;
            content: "";
            top: -1px;
            left: -1px;
            width: 100%;
            box-sizing: content-box;
            padding: 0 1px;
            height: 3px;
            background: #3a89cf;
        }

.fr-pop-tab .flex-direction-nav a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    opacity: 1 !important;
    margin: -40px 0 0;
    position: absolute;
    top: 50%;
    color: #373d54;
    text-shadow: none;
    background: rgba(255,255,255,0.8);
}

    .fr-pop-tab .flex-direction-nav a:before {
        display: block;
        content: "\f104";
        font-size: 26px;
        text-indent: initial;
        color: #373d54;
        font-family: FontAwesome;
        transition: all 0.3s;
        text-shadow: none;
    }

    .fr-pop-tab .flex-direction-nav a.flex-next:before {
        margin: 0 0 0 4px;
        content: "\f105";
    }

    .fr-pop-tab .flex-direction-nav a.flex-prev:before {
        margin: 0 2px 0 0;
        content: "\f104";
    }

    .fr-pop-tab .flex-direction-nav a:hover {
        background: #fff;
        text-decoration: none;
    }

.fr-pop-tab.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 20px;
}

.fr-pop-tab.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 20px;
}

.fr-pop-tab .prod-i {
    width: 270px;
    margin-bottom: 38px;
}

.fr-pop-tab .flex-control-nav {
    bottom: 10px;
}

    .fr-pop-tab .flex-control-nav li {
        margin: 0 4px;
    }

        .fr-pop-tab .flex-control-nav li a {
            display: block;
            border-radius: 0;
            width: 23px;
            height: 3px;
            box-shadow: none;
            transition: all 0.2s;
            background: #e0e4f6;
        }

            .fr-pop-tab .flex-control-nav li a:hover {
                background: #373d54;
            }

            .fr-pop-tab .flex-control-nav li a.flex-active {
                background: #373d54;
                cursor: default;
            }

/* fr-pop-tab more */
.fr-pop-tabs {
    position: relative;
    overflow: hidden;
    height: 51px;
}

    .fr-pop-tabs.sections-show {
        overflow: initial;
    }

    .fr-pop-tabs li.fr-pop-tabs-more {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #18202e;
        display: none;
        padding: 0;
        background: transparent;
        transition: all 0.2s;
        border-left: 1px solid transparent;
    }

        .fr-pop-tabs li.fr-pop-tabs-more:after {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            height: 5px;
            content: '';
            display: block;
        }

        .fr-pop-tabs li.fr-pop-tabs-more:hover {
            background: #fff;
            border-left: 1px solid #e0e4f6;
        }

.fr-pop-tabs-more span {
    display: block;
    padding: 0 19px;
    height: 51px;
    line-height: 51px;
}

.fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub {
    position: absolute;
    background: #fff;
    border-top: 1px solid #e0e4f6;
    border-left: 1px solid #e0e4f6;
    border-right: 1px solid #e0e4f6;
    text-align: left;
    margin: 5px 0 0;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(0, 8px, 0);
    -moz-transform: translate3d(0, 8px, 0);
    -ms-transform: translate3d(0, 8px, 0);
    -o-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 4;
    width: 0;
    overflow: hidden;
    right: 0;
    left: auto;
    top: 100%;
}

    .fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub:after {
        clear: both;
        display: block;
        content: '';
    }

.fr-pop-tabs li.fr-pop-tabs-more:hover .fr-pop-tabs-sub {
    width: auto;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
    overflow: initial;
}

.fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li {
    position: relative;
    line-height: 120%;
}

    .fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li a {
        text-transform: none;
        font-weight: 400;
        color: #373d54;
        font-size: 14px;
        line-height: 120%;
        border-bottom: 1px solid #e0e4f6;
        display: block;
        padding: 11px 15px 11px 15px;
        transition: all 0.2s;
        background: #f8fafc;
        position: relative;
        width: 201px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li:hover > a {
        background: #fff;
    }

    .fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li:after {
        content: '';
        background: #373d54;
        position: absolute;
        top: -1px;
        bottom: -1px;
        right: -1px;
        z-index: 3;
        width: 3px;
        display: none;
    }

    .fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li:hover:after {
        display: block;
    }
/* fr-pop-tab more */
/*----------------------------------
8 - Popular Products
----------------------------------*/



/*----------------------------------
9 - Catalog | Gallery View
----------------------------------*/
.prod-items .prod-i {
    float: left;
    transition: all 0.2s;
    position: relative;
    box-sizing: border-box;
    margin-right: 12px;
}

    .prod-items .prod-i .prod-i-top {
        border: 1px solid #e0e4f6;
        display: block;
        position: relative;
        margin: 0 0 18px;
    }

        .prod-items .prod-i .prod-i-top:after {
            content: '';
            display: block;
            position: absolute;
            bottom: -1px;
            height: 3px;
            background: #373d54;
            left: -1px;
            right: -1px;
            opacity: 0;
            transition: all 0.3s;
        }

    .prod-items .prod-i:hover .prod-i-top:after {
        opacity: 1;
    }

.prod-items .prod-i-img {
    padding: 15px;
    display: block;
    height: 263px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

    .prod-items .prod-i-img:before {
        display: inline-block;
        vertical-align: middle;
        content: "";
        height: 100%;
        width: 0;
    }

    .prod-items .prod-i-img img {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

.prod-sticker {
    position: absolute;
    top: 5px;
    left: -1px;
    z-index: 1;
}

    .prod-sticker p {
        margin: 10px 0 0;
        padding: 2px 7px;
        display: inline-block;
        min-width: 45px;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .prod-sticker br {
        line-height: 1;
    }

    .prod-sticker .prod-sticker-1 {
        background: #0ba011;
    }

    .prod-sticker .prod-sticker-2 {
        background: #e82131;
    }

    .prod-sticker .prod-sticker-3 {
        background: #28a6fd;
    }

    .prod-sticker .prod-sticker-4 {
        background: #0f81d0;
    }

    .prod-sticker .countdown {
        text-transform: none;
        display: none;
    }

        .prod-sticker .countdown.display {
            display: inline-block;
        }

.prod-items .prod-i h3 {
    font-size: 15px;
    margin: 0 0 4px;
    text-align: center;
    font-weight: bold;
}

    .prod-items .prod-i h3 a {
        color: #373d54;
        letter-spacing: 0.02em;
        transition: all 0.2s;
    }

        .prod-items .prod-i h3 a:hover {
            color: #3a89cf;
        }

.prod-items .prod-i-info {
    padding: 0;
    width: 120px;
    left: 50%;
    margin: 0 0 0 -60px;
    top: 93px;
    position: absolute;
    transition: all 0.3s;
    opacity: 0;
}

    .prod-items .prod-i-info:after {
        clear: both;
        content: '';
        display: block;
    }

.prod-items .prod-i-top:hover .prod-i-info {
    opacity: 1;
}

.prod-items .prod-i-info .fa * {
    line-height: 1;
    vertical-align: middle;
}

.prod-items .prod-i-price {
    font-size: 13px;
    color: #373d54;
    display: block;
    margin: 0 0 10px;
    text-align: center;
    font-weight: 400;
}

    .prod-items .prod-i-price b {
        font-weight: 700;
        font-size: 20px;
    }

.prod-items .prod-i-more,
.prod-items .prod-i-compare,
.prod-items .prod-i-qview,
.prod-items .prod-i-favorites {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    text-align: center;
    line-height: 34px;
    vertical-align: middle;
    font-size: 14px;
    color: #373d54;
    background: rgba(255,255,255,0.9);
    margin: 0 12px 0 0;
    transition: all 0.2s;
    position: relative;
}

    .prod-items .prod-i .prod-i-more:hover,
    .prod-items .prod-i-compare:hover,
    .prod-items .prod-i .prod-i-qview:hover,
    .prod-items .prod-i .prod-i-favorites:hover {
        background: #373d54;
        color: #fff;
    }

.prod-items .prod-i .prod-i-compare.compare-added .fa:before,
.prod-items .prod-i .prod-i-favorites.favorite-added .fa:before {
    content: "\f00c";
}

.prod-items .prod-i-more span,
.prod-items .prod-i-compare span,
.prod-items .prod-i-qview span,
.prod-items .prod-i-favorites span {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 100px;
    background: #313b54;
    display: block;
    margin: 0 0 10px -50px;
    border-radius: 4px;
    padding: 6px 0 7px;
    line-height: 1;
    color: #fff;
    font-size: 13px;
    transition: all 0.2s ease;
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    -o-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
    visibility: hidden;
    opacity: 0;
}

.prod-items .prod-i-qview span {
    width: 140px;
    margin: 0 0 10px -70px;
}

    .prod-items .prod-i-more span:before,
    .prod-items .prod-i-compare span:before,
    .prod-items .prod-i-qview span:before,
    .prod-items .prod-i-favorites span:before {
        position: absolute;
        top: 100%;
        content: '';
        left: 50%;
        display: block;
        margin: 0 0 0 -6px;
        width: 0;
        height: 0;
        line-height: 1;
        border-top: 5px solid #313b54;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid transparent;
        transition: all 0.2s ease;
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
        visibility: hidden;
        opacity: 0;
    }

.prod-items .prod-i-more:hover span,
.prod-items .prod-i-compare:hover span,
.prod-items .prod-i-qview:hover span,
.prod-items .prod-i-favorites:hover span {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
}

    .prod-items .prod-i-more:hover span:before,
    .prod-items .prod-i-compare:hover span:before,
    .prod-items .prod-i-qview:hover span:before,
    .prod-items .prod-i-favorites:hover span:before {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

.prod-items .prod-i-compare {
    margin-right: 0;
}

.display_none {
    display: none !important;
}

.prod-items .prod-i-buy {
    position: absolute;
    padding: 8px 3px;
    width: 120px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    background: rgba(255,255,255,0.9);
    transition: all 0.3s;
    color: #373d54;
    text-transform: uppercase;
    top: 137px;
    left: 50%;
    margin: 0 0 0 -60px;
    letter-spacing: 0.04em;
    opacity: 0;
}

    .prod-items .prod-i-buy:hover {
        background: #373d54;
        color: #fff;
    }

.prod-items .prod-i-top:hover .prod-i-buy {
    opacity: 1;
}

.prod-items .prod-i-buy.prod-i-buy-notshown {
    display: none !important;
}

.prod-items .prod-i .prod-i-buy.prod-i-notavailable {
    color: #B61B34;
    background: #fff;
    border: 1px solid #e0e4f6;
}

.prod-items .prod-i-addwrap {
    padding: 0;
    position: absolute;
    width: 120px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s;
    color: #373d54;
    text-transform: uppercase;
    top: 137px;
    left: 50%;
    margin: 0 0 0 -60px;
    letter-spacing: 0.04em;
    opacity: 0;
}

.prod-items .prod-i-add {
    padding: 8px 3px;
    display: block;
    margin: 0;
    width: 100%;
    background: rgba(255,255,255,0.9);
    transition: all 0.3s;
    color: #373d54;
}

    .prod-items .prod-i-add.prod-i-add-notshown {
        display: none !important;
    }

.prod-items .prod-i-top:hover .prod-i-addwrap {
    opacity: 1;
}

.prod-items .prod-i .prod-i-add:hover {
    background: #373d54;
    color: #fff;
}

.prod-items .prod-i .prod-i-addwrap .prod-i-addres {
    display: none;
    width: 150px;
    padding: 8px 0;
    font-size: 13px;
    margin: 0 0 8px -75px;
    border: 1px solid #e0e4f6;
    background: rgba(255,255,255,0.9);
    position: absolute;
    bottom: 100%;
    color: #373d54;
    font-weight: 500;
    left: 50%;
    line-height: 140%;
    text-transform: none;
}

    .prod-items .prod-i .prod-i-addwrap .prod-i-addres:after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 0 0 0 -8px;
        border-top: 8px solid #fff;
        border-bottom: 8px solid rgba(0,0,0,0);
        border-left: 8px solid rgba(0,0,0,0);
        border-right: 8px solid rgba(0,0,0,0);
    }

    .prod-items .prod-i .prod-i-addwrap .prod-i-addres:before {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 1px 0 0 -8px;
        border-top: 8px solid #e0e4f6;
        border-bottom: 8px solid rgba(0,0,0,0);
        border-left: 8px solid rgba(0,0,0,0);
        border-right: 8px solid rgba(0,0,0,0);
    }

    .prod-items .prod-i .prod-i-addwrap .prod-i-addres a {
        font-weight: 400;
        display: inline-block;
        color: #3a89cf;
        text-decoration: none;
        border-bottom: 1px solid #3a89cf;
        transition: all 0.2s;
        line-height: 140%;
    }

        .prod-items .prod-i .prod-i-addwrap .prod-i-addres a:hover {
            border-bottom: 1px solid rgba(0,0,0,0);
            color: #3a89cf;
        }

.prod-items .prod-i .prod-i-properties-label {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    text-align: center;
    line-height: 34px;
    vertical-align: middle;
    font-size: 14px;
    color: #373d54;
    background: rgba(255,255,255,0.9);
    transition: all 0.2s;
    position: absolute;
    bottom: 7px;
    left: 5px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.prod-items .prod-i-top:hover .prod-i-properties-label {
    opacity: 1;
}

.prod-items .prod-i .prod-i-properties-label:hover {
    background: #373d54;
    color: #fff;
}

.prod-items .prod-i .prod-i-properties {
    position: absolute;
    top: 50%;
    right: 100%;
    width: 180px;
    background: rgba(255,255,255,0.9);
    border: 1px solid #e0e4f6;
    margin: 0 -10px 0 0;
    padding: 0 10px;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(-10px, -50%, 0);
    -moz-transform: translate3d(-10px, -50%, 0);
    -ms-transform: translate3d(-10px, -50%, 0);
    -o-transform: translate3d(-10px, -50%, 0);
    transform: translate3d(-10px, -50%, 0);
    visibility: hidden;
    opacity: 0;
}

.prod-items .prod-i-top .prod-i-properties.show,
.prod-items .prod-i-top .prod-i-properties-label:hover + .prod-i-properties {
    opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    visibility: visible;
}

.prod-items .prod-i .prod-i-properties:before,
.prod-items .prod-i .prod-i-properties:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -8px 0 0 0;
    border-left: 8px solid #dce0f2;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
}

.prod-items .prod-i .prod-i-properties:after {
    border-left: 8px solid #fff;
    margin-left: -1px;
}

.prod-items .prod-i dl {
    font-size: 13px;
    overflow: hidden;
    padding: 10px 0 10px;
    margin: 0;
}

    .prod-items .prod-i dl dt {
        color: #373d54;
        display: inline;
        overflow: hidden;
        line-height: 1.2;
    }

    .prod-items .prod-i dl dd {
        color: #7e7e7e;
        display: inline;
        overflow: hidden;
        line-height: 1.2;
    }

.prod-items .prod-i .prod-i-skuwrapcolor {
    text-align: center;
    font-size: 0;
}

    .prod-items .prod-i .prod-i-skuwrapcolor * {
        line-height: 1;
        font-size: 15px;
    }

    .prod-items .prod-i .prod-i-skuwrapcolor .prod-i-skucolor {
        text-align: center;
        display: inline-block;
    }

        .prod-items .prod-i .prod-i-skuwrapcolor .prod-i-skucolor li {
            margin: 0 3px 3px 3px;
            float: left;
        }

.prod-items .prod-i .prod-i-skuwrap {
    margin: 0 0 25px;
    display: none;
}

.prod-items .prod-i .prod-i-skuttl {
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 4px;
    color: #373d54;
}

.prod-items .prod-i .prod-i-skucolorttl {
    display: none !important;
}

.prod-items .prod-i .prod-i-skucolor {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .prod-items .prod-i .prod-i-skucolor li {
        float: left;
        width: 16px;
        height: 16px;
        margin: 0 3px 7px 3px;
        border-radius: 16px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        transition: all 0.2s;
    }

        .prod-items .prod-i .prod-i-skucolor li:hover {
            opacity: 0.85;
        }

        .prod-items .prod-i .prod-i-skucolor li.bx_active:after,
        .prod-items .prod-i .prod-i-skucolor li.active:after {
            position: absolute;
            content: '\f00c';
            display: block;
            font-family: FontAwesome;
            font-size: 8px;
            color: #fff;
            margin: 4px 0 0 4px;
            top: 0;
            line-height: 1;
            left: 0;
        }

        .prod-items .prod-i .prod-i-skucolor li img {
            border-radius: 50px;
            display: block;
            width: 100%;
            height: 100%;
        }

.prod-items .prod-i .prod-i-sku {
    margin: 0 0 15px;
}

.prod-items .prod-i .prod-i-skuwrapcolor .prod-i-skucolor li img {
    display: none;
}

.prod-items .prod-i .prod-i-skuwrapcolor .prod-i-skucolor li:not(.bx_missing) img {
    display: block;
}

.prod-items .prod-i .offer-props-select {
    margin: 0 0 10px;
    z-index: 10;
    font-size: 15px;
    color: #8e8e8e;
    position: relative;
}

    .prod-items .prod-i .offer-props-select.opened {
        z-index: 50;
    }

    .prod-items .prod-i .offer-props-select p {
        vertical-align: middle;
        cursor: pointer;
        width: 100%;
        font-size: 15px;
        color: #8e8e8e;
        height: 30px;
        line-height: 30px;
        padding: 0 25px 0 12px;
        border: 1px solid #e0e4f6;
        background: #fff;
        position: relative;
    }

        .prod-items .prod-i .offer-props-select p:after {
            position: absolute;
            content: "\f107";
            top: 50%;
            font-size: 18px;
            right: 10px;
            -ms-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
            font-family: FontAwesome;
        }

    .prod-items .prod-i .offer-props-select.opened p:after {
        content: "\f106";
    }

    .prod-items .prod-i .offer-props-select ul {
        box-sizing: border-box;
        width: 100%;
        margin: -1px 0 0;
        padding: 0;
        border: 1px solid #e0e4f6;
        border-top: none;
        background: #FFF;
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
    }

    .prod-items .prod-i .offer-props-select.opened ul {
        display: block;
    }

    .prod-items .prod-i .offer-props-select ul li a {
        min-height: 18px;
        padding: 5px 12px 4px;
        white-space: nowrap;
        position: relative;
        text-decoration: none;
        display: block;
    }

        .prod-items .prod-i .offer-props-select ul li a:hover {
            text-decoration: none;
        }

        .prod-items .prod-i .offer-props-select ul li a:after {
            position: absolute;
            left: 10px;
            right: 10px;
            display: block;
            height: 1px;
            background: #e0e4f6;
            content: "";
            top: 0;
        }

        .prod-items .prod-i .offer-props-select ul li a:hover {
            background-color: #3a89cf;
            color: #FFF;
            text-decoration: none;
        }

            .prod-items .prod-i .offer-props-select ul li a:hover:after {
                display: none;
            }

    .prod-items .prod-i .offer-props-select ul li:hover + li a:after {
        display: none;
    }

    .prod-items .prod-i .offer-props-select ul li.active a {
        background-color: #3a89cf;
        color: #FFF;
    }

        .prod-items .prod-i .offer-props-select ul li.active a:after {
            display: none;
        }


.tmb-wrap {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: -1px;
    left: -1px;
    right: -1px;
}

    .tmb-wrap .tmb-wrap-table {
        display: table;
        height: 100%;
        width: 100%;
    }

.tmb-wrap-table div {
    display: table-cell;
    border-bottom: 3px solid transparent;
    padding-top: 10px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.prod-items.prod-items-galimg .prod-i:hover .tmb-wrap-table div.active {
    border-color: #3a89cf;
}

.tmb-wrap-table div:first-child:last-child {
    border-color: transparent;
}

.prod-items.prod-items-galimg .prod-i-img .image-wrap {
    display: block;
    width: 100%;
    height: 100%;
}

    .prod-items.prod-items-galimg .prod-i-img .image-wrap:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.prod-items.prod-items-galimg .prod-i-img img {
    display: none;
    vertical-align: middle;
}

    .prod-items.prod-items-galimg .prod-i-img img:first-child {
        display: inline-block;
    }

.prod-items.prod-items-galimg .prod-i-img:before {
    display: none;
}

.prod-items.prod-items-galimg .prod-i-action {
    text-align: center;
    height: 32px;
    position: relative;
    margin: 0 0 6px;
}

.prod-items.prod-items-galimg .prod-i-info {
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    margin: 0;
    transition: none;
}

.prod-items.prod-items-galimg .prod-i:hover .prod-i-info {
    opacity: 1;
}

.prod-items.prod-items-galimg .prod-i-more,
.prod-items.prod-items-galimg .prod-i-compare,
.prod-items.prod-items-galimg .prod-i-qview,
.prod-items.prod-items-galimg .prod-i-favorites {
    float: none;
    background: none !important;
    margin: 0 3px;
    display: inline-block;
    color: #313b54 !important;
}

.prod-items.prod-items-galimg .prod-i-buy {
    position: relative;
    padding: 0;
    font-size: 20px;
    background: none;
    color: #3a89cf;
    top: auto;
    left: auto;
    letter-spacing: initial;
    opacity: 1;
    text-transform: none;
    font-weight: normal;
    width: 36px;
    height: 32px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 3px;
}

.prod-items.prod-items-galimg .prod-i .prod-i-properties-label {
    color: #373d54 !important;
    background: none !important;
    margin: 0 3px;
    position: relative;
    bottom: auto;
    left: auto;
    opacity: 1;
    display: inline-block;
}

.prod-items.prod-items-galimg .prod-i-properties-label span,
.prod-items.prod-items-galimg .prod-i-buy span {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 100px;
    background: #313b54;
    display: block;
    margin: 0px 0 10px -50px;
    border-radius: 4px;
    padding: 6px 0 7px;
    line-height: 1;
    color: #fff;
    font-size: 13px;
    transition: all 0.2s ease;
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    -o-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
    visibility: hidden;
    opacity: 0;
}

    .prod-items.prod-items-galimg .prod-i-properties-label span:before,
    .prod-items.prod-items-galimg .prod-i-buy span:before {
        position: absolute;
        top: 100%;
        content: '';
        left: 50%;
        display: block;
        margin: 0px 0 0px -6px;
        width: 0;
        height: 0;
        line-height: 1;
        border-top: 5px solid #313b54;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid transparent;
        transition: all 0.2s ease;
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
        visibility: hidden;
        opacity: 0;
    }

.prod-items.prod-items-galimg .prod-i-properties-label:hover span,
.prod-items.prod-items-galimg .prod-i-buy:hover span {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
}

    .prod-items.prod-items-galimg .prod-i-properties-label:hover span:before,
    .prod-items.prod-items-galimg .prod-i-buy:hover span:before {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

.prod-items.prod-items-galimg .prod-i-price {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.prod-items.prod-items-galimg .prod-i:hover .prod-i-price {
    display: none;
}
/*----------------------------------
9 - Catalog | Gallery View
----------------------------------*/



/*----------------------------------
10 - Catalog | List View
----------------------------------*/
.prod-items .prodlist-i {
    border: 1px solid #e0e4f6;
    transition: all 0.2s;
    position: relative;
    padding: 22px 22px 7px 300px;
    margin: 0 0 30px;
    min-height: 170px;
}

    .prod-items .prodlist-i:after {
        clear: both;
        display: block;
        content: "";
    }

.prod-items .prodlist-i-img {
    display: block;
    width: 260px;
    top: 20px;
    bottom: 20px;
    left: 20px;
    position: absolute;
    vertical-align: middle;
    text-align: center;
}

    .prod-items .prodlist-i-img:after {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        content: '';
    }

    .prod-items .prodlist-i-img img {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
    }

.prod-items .prodlist-i-cont {
    float: left;
    width: 60%;
    margin-right: 4%;
}

    .prod-items .prodlist-i-cont:after {
        content: "";
        clear: both;
        display: block;
    }

    .prod-items .prodlist-i-cont h3 {
        font-size: 20px;
        color: #373d54;
        text-transform: uppercase;
        font-weight: 500;
        margin: 0 0 18px;
    }

        .prod-items .prodlist-i-cont h3 a {
            transition: all 0.2s;
            color: #373d54;
        }

            .prod-items .prodlist-i-cont h3 a:hover {
                text-decoration: none;
                color: #3a89cf;
            }

.prod-items .prodlist-i-txt {
    margin: 0 0 19px;
    font-weight: 300;
    color: #616161;
    font-size: 13px;
}

    .prod-items .prodlist-i-txt p {
        margin: 0;
        padding: 0;
    }

.prod-items .prodlist-i-price {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 14px;
    color: #373d54;
    display: block;
    margin: 0;
    text-align: right;
}

    .prod-items .prodlist-i-price b {
        font-weight: 500;
        font-size: 20px;
    }

    .prod-items .prodlist-i-price del {
        display: block;
        color: #9b9b9b;
    }

.prod-items .prodlist-i-info {
    text-align: justify;
    font-size: 0;
}

    .prod-items .prodlist-i-info:after {
        display: inline-block;
        width: 100%;
        clear: both;
        content: '';
    }

.prod-items .prodlist-i-more {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #e0e4f6;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: #aeaeae;
    padding: 0 0 0 3px;
    margin: 0 0 10px 10px;
    transition: all 0.2s;
}

    .prod-items .prodlist-i-more:hover {
        border: 1px solid rgba(0,0,0,0);
        background: rgba(18,176,255,0.2);
        color: #3a89cf;
    }

.prod-items .prodlist-i-qview,
.prod-items .prodlist-i-compare,
.prod-items .prodlist-i-favorites {
    padding: 0 0 0 23px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    color: #7b7b7b;
    transition: all 0.2s;
}

.prod-items .prodlist-i-qview {
    padding: 0 0 0 21px;
}

    .prod-items .prodlist-i-qview .fa,
    .prod-items .prodlist-i-compare .fa,
    .prod-items .prodlist-i-favorites .fa {
        position: absolute;
        transition: all 0.2s;
        top: -1px;
        left: 0px;
        font-size: 15px;
        color: #dadada;
        padding: 1px;
    }

.prod-items .prodlist-i-compare .fa {
    font-size: 14px;
}

.prod-items .prodlist-i-qview .fa {
    font-size: 14px;
}

.prod-items .prodlist-i-qview:hover,
.prod-items .prodlist-i-compare:hover,
.prod-items .prodlist-i-favorites:hover {
    color: #373d54;
}

    .prod-items .prodlist-i-qview:hover .fa,
    .prod-items .prodlist-i-compare:hover .fa,
    .prod-items .prodlist-i-favorites:hover .fa {
        color: #373d54;
    }

.prod-items .prodlist-i-compare.compare-added .fa:before,
.prod-items .prodlist-i-favorites.favorite-added .fa:before {
    content: '\f00c';
}

.prod-items .prodlist-i-action {
    position: relative;
    margin: 0 0 7px;
}

    .prod-items .prodlist-i-action:after {
        clear: both;
        content: '';
        display: block;
    }

.prod-items .prodlist-i-qnt {
    overflow: hidden;
    margin: 0 0 16px;
    display: inline-block;
    vertical-align: top;
    width: 66px;
}

    .prod-items .prodlist-i-qnt input[type=text] {
        float: left;
        width: 39px;
        height: 39px;
        font-weight: 700;
        font-size: 14px;
        color: #373d54;
        text-align: center;
        display: block;
        margin: 0 2px 0 0;
        background: #f8fafc;
        border: 1px solid #e0e4f6;
    }

.prod-items .prodlist-i-plus {
    float: left;
    width: 17px;
    margin: 5px 0 0;
    color: #373d54;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}

    .prod-items .prodlist-i-plus .fa {
        padding: 0;
        line-height: 1;
    }

.prod-items .prodlist-i-minus {
    float: left;
    border-top: none;
    width: 17px;
    color: #373d54;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}

    .prod-items .prodlist-i-minus .fa {
        padding: 0;
        line-height: 1;
    }

.prod-items .prodlist-i-qnt a:hover {
    color: #3a89cf;
}

.prod-items .prodlist-i-addwrap {
    padding: 0;
    margin: 0;
    font-size: 14px;
    transition: all 0.2s;
    color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.prod-items .prodlist-i-add {
    padding: 10px 18px 11px;
    display: inline-block;
    margin: 0 0 15px;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
    transition: all 0.2s;
    text-transform: uppercase;
    color: #fff;
    background: #373d54;
    position: relative;
}

.prod-items .prodlist-i-notavailable {
    padding: 10px 18px 11px;
    display: inline-block;
    margin: 0 0 15px;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
    transition: all 0.2s;
    text-transform: uppercase;
    color: #fff;
    background: #373d54;
    position: relative;
}

.prod-items .prodlist-i-add.prod-i-add-notshown {
    display: none !important;
}

.prod-items .prodlist-i .prodlist-i-add:hover {
    background: #474f6e;
}

.prod-items .prodlist-i .prodlist-i-addwrap .prod-i-addres {
    display: none;
    width: 150px;
    text-align: center;
    padding: 8px 0;
    font-size: 13px;
    margin: 0 0 8px -75px;
    border: 1px solid #e0e4f6;
    background: #fff;
    position: absolute;
    bottom: 100%;
    color: #373d54;
    font-weight: 500;
    left: 50%;
    line-height: 140%;
}

    .prod-items .prodlist-i .prodlist-i-addwrap .prod-i-addres:after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 0 0 0 -8px;
        border-top: 8px solid #fff;
        border-bottom: 8px solid rgba(0,0,0,0);
        border-left: 8px solid rgba(0,0,0,0);
        border-right: 8px solid rgba(0,0,0,0);
    }

    .prod-items .prodlist-i .prodlist-i-addwrap .prod-i-addres:before {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 1px 0 0 -8px;
        border-top: 8px solid #e0e4f6;
        border-bottom: 8px solid rgba(0,0,0,0);
        border-left: 8px solid rgba(0,0,0,0);
        border-right: 8px solid rgba(0,0,0,0);
    }

    .prod-items .prodlist-i .prodlist-i-addwrap .prod-i-addres a {
        font-weight: 400;
        display: inline-block;
        color: #3a89cf;
        text-decoration: none;
        border-bottom: 1px solid #3a89cf;
        transition: all 0.2s;
        line-height: 140%;
    }

        .prod-items .prodlist-i .prodlist-i-addwrap .prod-i-addres a:hover {
            border-bottom: 1px solid rgba(0,0,0,0);
            color: #3a89cf;
        }

.prod-items .prodlist-i-props-wrap {
    float: left;
    width: 36%;
    padding: 2px 0 13px;
}

.prod-items .prodlist-i-props {
    font-size: 13px;
    overflow: hidden;
}

    .prod-items .prodlist-i-props li {
        padding: 5px 0 5px;
        color: #7b7b7b;
        overflow: hidden;
        border-top: 1px solid #e0e4f6;
    }

        .prod-items .prodlist-i-props li:first-child {
            border-top: none;
            padding-top: 0;
        }

        .prod-items .prodlist-i-props li b {
            color: #373d54;
            display: inline;
            overflow: hidden;
            font-weight: 500;
        }

.prod-items .prodlist-i .prodlist-i-skuwrapcolor .prodlist-i-skucolor {
    width: 38px;
    float: right;
}

    .prod-items .prodlist-i .prodlist-i-skuwrapcolor .prodlist-i-skucolor li {
        margin: 0 0 3px 0;
    }

.prod-items .prodlist-i .prodlist-i-skuwrap {
    margin: 0;
    clear: both;
}

.prod-items .prodlist-i .prodlist-i-skuitem {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px 16px 0;
}

.prod-items .prodlist-i .prodlist-i-skuttl {
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 0 11px;
    color: #7b7b7b;
}

.prod-items .prodlist-i .prodlist-i-skucolor {
    overflow: hidden;
    margin: 0;
    padding: 4px 0 0;
}

    .prod-items .prodlist-i .prodlist-i-skucolor li {
        display: inline-block;
        margin: 0 3px 7px 0;
        width: 16px;
        height: 16px;
        border-radius: 16px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        transition: all 0.2s;
    }

        .prod-items .prodlist-i .prodlist-i-skucolor li:hover {
            opacity: 0.85;
        }

        .prod-items .prodlist-i .prodlist-i-skucolor li.bx_active:after,
        .prod-items .prodlist-i .prodlist-i-skucolor li.active:after {
            position: absolute;
            content: '\f00c';
            display: block;
            font-family: FontAwesome;
            font-size: 8px;
            color: #fff;
            margin: 4px 0 0 4px;
            top: 0;
            line-height: 1;
            left: 0;
        }

        .prod-items .prodlist-i .prodlist-i-skucolor li img {
            border-radius: 50px;
            display: block;
            width: 100%;
            height: 100%;
        }

.prod-items .prodlist-i .prodlist-i-sku {
    margin: 0 0 15px;
}

.prod-items .prodlist-i .offer-props-select {
    margin: 0 0 10px;
    z-index: 10;
    font-size: 13px;
    color: #202020;
    position: relative;
}

    .prod-items .prodlist-i .offer-props-select.opened {
        z-index: 50;
    }

    .prod-items .prodlist-i .offer-props-select p {
        vertical-align: middle;
        cursor: pointer;
        width: 100%;
        font-size: 13px;
        color: #202020;
        height: 24px;
        line-height: 22px;
        padding: 0 28px 0 8px;
        border: 1px solid #e0e4f6;
        background: #fff;
        position: relative;
    }

        .prod-items .prodlist-i .offer-props-select p:after {
            position: absolute;
            content: "\f107";
            top: 50%;
            font-size: 18px;
            color: #373d54;
            right: 9px;
            -ms-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
            font-family: FontAwesome;
        }

    .prod-items .prodlist-i .offer-props-select.opened p:after {
        content: "\f106";
    }

    .prod-items .prodlist-i .offer-props-select ul {
        box-sizing: border-box;
        min-width: 100%;
        margin: -1px 0 0;
        padding: 0;
        border: 1px solid #e0e4f6;
        border-top: none;
        background: #FFF;
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
    }

    .prod-items .prodlist-i .offer-props-select.opened ul {
        display: block;
    }

    .prod-items .prodlist-i .offer-props-select ul li a {
        min-height: 18px;
        padding: 3px 8px 2px;
        white-space: nowrap;
        position: relative;
        text-decoration: none;
        display: block;
    }

        .prod-items .prodlist-i .offer-props-select ul li a:hover {
            text-decoration: none;
            color: #373d54;
        }

        .prod-items .prodlist-i .offer-props-select ul li a:after {
            position: absolute;
            left: 10px;
            right: 10px;
            display: block;
            height: 1px;
            background: #e0e4f6;
            content: "";
            top: 0;
        }

        .prod-items .prodlist-i .offer-props-select ul li a:hover {
            color: #373d54;
        }

    .prod-items .prodlist-i .offer-props-select ul li.active a {
        background-color: #373d54;
        color: #FFF;
        margin-left: -1px;
        margin-right: -1px;
    }

        .prod-items .prodlist-i .offer-props-select ul li.active a:after {
            display: none;
        }


.list-img-carousel .tmb-wrap {
    top: 0;
    bottom: -21px;
    left: 0;
    right: 0;
}

.list-img-carousel .tmb-wrap-table div {
    border-bottom: 1px solid transparent;
}

.prodlist-i:hover .tmb-wrap-table div.active {
    border-color: #373d54;
}

.prodlist-i .list-img-carousel .image-wrap {
    display: block;
    width: 100%;
    height: 100%;
}

    .prodlist-i .list-img-carousel .image-wrap:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.prodlist-i .list-img-carousel img {
    display: none;
    vertical-align: middle;
}

    .prodlist-i .list-img-carousel img:first-child {
        display: inline-block;
    }

.prodlist-i .list-img-carousel:before {
    display: none;
}

.prod-items.prod-list2 .prodlist-i-props-wrap {
    float: none;
    width: auto;
    padding: 2px 15px 13px;
}

.prod-items.prod-list2 .prodlist-i-cont {
    float: none;
    width: auto;
    margin-right: 0;
}

.prod-items.prod-list2 .prodlist-i-info {
    text-align: left;
}

.prod-items.prod-list2 .prodlist-i-qview,
.prod-items.prod-list2 .prodlist-i-compare,
.prod-items.prod-list2 .prodlist-i-favorites {
    margin: 0 15px 7px 0;
}

.prod-items.prod-list2 .prodlist-i-price {
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin: 7px 19px 0 0;
}

.prod-items.prod-list2 .prodlist-i-action {
    margin: 0px 35px 7px 0;
    display: inline-block;
    vertical-align: middle;
}

.prod-items.prod-list2 .prodlist-i .prodlist-i-skuwrap {
    display: inline-block;
    vertical-align: middle;
}

    .prod-items.prod-list2 .prodlist-i .prodlist-i-skuwrap .prodlist-i-skuitem:last-child {
        margin-right: 0;
    }

.prodlist-i-props2 {
    overflow: hidden;
    margin-bottom: 15px;
}

    .prodlist-i-props2 li {
        border-bottom: 1px dotted #b8c3e2;
        font-size: 0;
        margin: 0 4% 5px 0;
        width: 48%;
        float: left;
    }

        .prodlist-i-props2 li:nth-child(2n+1) {
            clear: left;
        }

        .prodlist-i-props2 li:nth-child(2n) {
            margin-right: 0;
        }

        .prodlist-i-props2 li * {
            font-size: 13px;
            line-height: 1.2;
        }

    .prodlist-i-props2 .prodlist-i-propttl {
        width: 50%;
        padding-right: 15px;
        display: inline-block;
        vertical-align: bottom;
        color: #373d54;
        font-weight: 500;
    }

        .prodlist-i-props2 .prodlist-i-propttl span {
            background: #fff;
            display: inline-block;
            padding-bottom: 0;
            vertical-align: bottom;
            margin-bottom: -4px;
        }

    .prodlist-i-props2 .prodlist-i-propval {
        background: #fff;
        color: #7b7b7b;
        width: 50%;
        display: inline-block;
        padding-bottom: 0;
        vertical-align: bottom;
        margin-bottom: -4px;
    }
/*----------------------------------
10 - Catalog | List View
----------------------------------*/




/*----------------------------------
11 - Catalog | Table View
----------------------------------*/
.prod-items.prod-tb .prodlist-i-props-wrap {
    float: none;
    width: auto;
    padding: 2px 15px 13px;
}

.prod-items.prod-tb .prodlist-i-cont {
    float: none;
    width: auto;
    margin-right: 0;
}

.prod-items.prod-tb .prodlist-i-info {
    text-align: left;
}

.prod-items.prod-tb .prodlist-i-qview,
.prod-items.prod-tb .prodlist-i-compare,
.prod-items.prod-tb .prodlist-i-favorites {
    margin: 0 15px 7px 0;
}

.prod-items.prod-tb .prodlist-i-price {
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin: 7px 19px 0 0;
}

.prod-items.prod-tb .prodlist-i-action {
    margin: 0px 35px 7px 0;
    display: inline-block;
    vertical-align: middle;
}

.prod-items.prod-tb .prodlist-i .prodlist-i-skuwrap {
    display: inline-block;
    vertical-align: middle;
}

    .prod-items.prod-tb .prodlist-i .prodlist-i-skuwrap .prodlist-i-skuitem:last-child {
        margin-right: 0;
    }

.prodtb-i .prodtb-i-top {
    border-left: 1px solid #e0e4f6;
    border-right: 1px solid #e0e4f6;
    border-bottom: 1px solid #e0e4f6;
    padding: 5px 300px 5px 63px;
    position: relative;
    min-height: 45px;
}

.prodtb-i:first-child .prodtb-i-top {
    border-top: 1px solid #e0e4f6;
}

.prodtb-i .prodtb-i-toggle {
    width: 44px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    border: none;
    border-right: 1px solid #e0e4f6;
    background: none;
    padding: 0;
}

    .prodtb-i .prodtb-i-toggle:hover {
        background-color: #f8fafc;
    }

    .prodtb-i .prodtb-i-toggle:after {
        width: 12px;
        height: 7px;
        margin: -4px 0 0 -6px;
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: 0;
        background: url("../img/arr1.png") no-repeat left top;
        display: block;
    }

    .prodtb-i .prodtb-i-toggle.opened:after {
        background-position: left bottom;
    }

.prodtb-i .prodtb-i-info {
    position: absolute;
    padding: 2px 10px 0 20px;
    top: 0;
    min-width: 123px;
    text-align: center;
    right: 160px;
    bottom: 0;
    display: block;
    border-left: 1px solid #e0e4f6;
    background: none;
}

.prod-items .prodtb-i-price {
    font-size: 15px;
    color: #373d54;
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px 0 0;
}

    .prod-items .prodtb-i-price b {
        font-weight: 500;
    }

    .prod-items .prodtb-i-price del {
        display: block;
        color: #9b9b9b;
        font-size: 12px;
        line-height: 1;
    }

.prod-items .prodtb-i-qnt {
    overflow: hidden;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 38px;
}

    .prod-items .prodtb-i-qnt input[type=text] {
        float: right;
        width: 23px;
        height: 39px;
        font-weight: 700;
        font-size: 14px;
        color: #373d54;
        text-align: center;
        display: block;
        margin: 0;
        background: transparent;
        border: none;
    }

.prod-items .prodtb-i-plus {
    float: left;
    width: 15px;
    margin: 5px 0 0;
    color: #373d54;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}

    .prod-items .prodtb-i-plus .fa {
        padding: 0;
        line-height: 1;
    }

.prod-items .prodtb-i-minus {
    float: left;
    border-top: none;
    width: 15px;
    color: #373d54;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}

    .prod-items .prodtb-i-minus .fa {
        padding: 0;
        line-height: 1;
    }

.prod-items .prodtb-i-qnt a:hover {
    color: #3a89cf;
}

.prodtb-i .prodtb-i-ttl {
    line-height: 33px;
}

    .prodtb-i .prodtb-i-ttl a {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.15;
        font-size: 15px;
        transition: color 0.2s;
    }

        .prodtb-i .prodtb-i-ttl a:hover {
            color: #3a89cf;
        }

.prodtb-i .prodtb-i-action {
    width: 160px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-left: 1px solid #e0e4f6;
    background: none;
    text-align: center;
    padding: 6px 0 0;
}

.prodtb-i .prodtb-i-favorites,
.prodtb-i .prodtb-i-compare,
.prodtb-i .prodtb-i-qview,
.prodtb-i .prodtb-i-buy {
    font-size: 16px;
    color: #3a89cf;
    width: 28px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 1px;
    position: relative;
    text-align: center;
}

.prodtb-i .prodtb-i-favorites,
.prodtb-i .prodtb-i-compare,
.prodtb-i .prodtb-i-qview {
    font-size: 14px;
    color: #313b54;
    width: 28px;
}

    .prodtb-i .prodtb-i-favorites span,
    .prodtb-i .prodtb-i-compare span,
    .prodtb-i .prodtb-i-qview span,
    .prodtb-i .prodtb-i-buy span {
        position: absolute;
        bottom: 100%;
        left: 50%;
        width: 88px;
        background: #313b54;
        display: block;
        margin: 0px 0 10px -44px;
        border-radius: 4px;
        padding: 6px 0 7px;
        line-height: 1;
        color: #fff;
        font-size: 13px;
        transition: all 0.2s ease;
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
        visibility: hidden;
        opacity: 0;
    }

        .prodtb-i .prodtb-i-favorites span:before,
        .prodtb-i .prodtb-i-compare span:before,
        .prodtb-i .prodtb-i-qview span:before,
        .prodtb-i .prodtb-i-buy span:before {
            position: absolute;
            top: 100%;
            content: '';
            left: 50%;
            display: block;
            margin: 0px 0 0px -6px;
            width: 0;
            height: 0;
            line-height: 1;
            border-top: 5px solid #313b54;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid transparent;
            transition: all 0.2s ease;
            -webkit-transform: translate3d(0, -4px, 0);
            -moz-transform: translate3d(0, -4px, 0);
            -ms-transform: translate3d(0, -4px, 0);
            -o-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
            visibility: hidden;
            opacity: 0;
        }

    .prodtb-i .prodtb-i-favorites:hover span,
    .prodtb-i .prodtb-i-compare:hover span,
    .prodtb-i .prodtb-i-qview:hover span,
    .prodtb-i .prodtb-i-buy:hover span {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
        z-index: 11;
    }

        .prodtb-i .prodtb-i-favorites:hover span:before,
        .prodtb-i .prodtb-i-compare:hover span:before,
        .prodtb-i .prodtb-i-qview:hover span:before,
        .prodtb-i .prodtb-i-buy:hover span:before {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            visibility: visible;
        }

.prodtb-i .prodlist-i {
    margin: 0;
    border-top: none;
    display: none;
}
/*----------------------------------
11 - Catalog | Table View
----------------------------------*/




/*----------------------------------
12 - Sidebar Categories
----------------------------------*/
.section-sb {
    float: left;
    width: 25%;
    padding: 0 0 50px;
}

.section-sb-current {
    margin: 0 0 50px;
    border: 1px solid #e0e4f6;
}

    .section-sb-current h3 {
        color: #373d54;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 15px;
        margin: 0;
        position: relative;
    }

        .section-sb-current h3 .section-sb-toggle {
            display: none;
        }

        .section-sb-current h3 a {
            color: #373d54;
            transition: all 0.2s;
            display: block;
            padding: 12px 15px 10px;
            text-decoration: none;
        }

            .section-sb-current h3 a:hover {
                text-decoration: none;
                background: #f8fafc;
            }

    .section-sb-current .section-sb-img {
        width: 100%;
        overflow: hidden;
        margin: 0 0 14px;
    }

        .section-sb-current .section-sb-img img {
            max-height: 300px;
        }

    .section-sb-current ul {
        padding: 0;
        margin: 0;
    }

    .section-sb-current .section-sb-list {
        border-top: 1px solid #e0e4f6;
    }

    .section-sb-current ul li {
        color: #373d54;
        font-size: 14px;
        position: relative;
        padding: 0;
    }

        .section-sb-current ul li.has_child > a {
            padding-right: 35px;
        }

        .section-sb-current ul li a {
            color: #373d54;
            transition: all 0.2s;
            padding: 10px 15px;
            display: block;
            position: relative;
        }

    .section-sb-current > ul > li > a {
        padding: 0;
    }

        .section-sb-current > ul > li > a > .categ-1-label {
            padding: 10px 15px;
            display: block;
        }

            .section-sb-current > ul > li > a > .categ-1-label:hover {
                background: #f8fafc;
            }

    .section-sb-current ul li.active > a {
        font-weight: 500;
    }

    .section-sb-current ul li ul {
        display: none;
        position: relative;
        background: #f8fafc;
    }

    .section-sb-current > ul > li {
        border-top: 1px solid #e0e4f6;
    }

        .section-sb-current > ul > li:first-child {
            border-top: none;
        }

        .section-sb-current > ul > li > a {
            display: block;
        }

        .section-sb-current > ul > li > ul {
            position: relative;
            padding: 4px 0;
            border-top: 1px solid #e0e4f6;
        }

    .section-sb-current ul li.active > ul {
        display: block;
    }

    .section-sb-current ul li.active_parent > a {
        font-weight: 500;
    }

    .section-sb-current ul li.active_parent > ul {
        display: block;
    }

    .section-sb-current > ul > li ul:after {
        position: absolute;
        top: 7px;
        bottom: 6px;
        left: 17px;
        background: #e0e4f6;
        width: 1px;
        content: "";
    }

    .section-sb-current > ul > li ul li {
        padding: 0 0 0 16px;
    }

        .section-sb-current > ul > li ul li a {
            padding: 5px 16px 5px 16px;
            display: block;
        }

        .section-sb-current > ul > li ul li.has_child > a {
            padding-right: 35px;
        }

        .section-sb-current > ul > li ul li a:hover {
            color: #3a89cf;
        }

.section-sb-toggle {
    width: 35px;
    height: 29px;
    display: block;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    color: #373d54;
    transition: all 0.2s;
    cursor: pointer;
}

.section-sb-current > ul > li > a > .section-sb-toggle {
    height: 100%;
    border-left: 1px solid #e0e4f6;
}

.section-sb-toggle:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.section-sb-current > ul > li > a:hover > .section-sb-toggle {
    background: #fff;
}

    .section-sb-current > ul > li > a:hover > .section-sb-toggle:hover {
        background: #f8fafc;
    }

.section-sb-ico {
    width: 12px;
    height: 12px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.2s;
    font-size: 14px;
}

    .section-sb-ico:before,
    .section-sb-ico:after {
        content: "";
        line-height: 100%;
        position: absolute;
        background-color: #313b54;
        transition: transform 0.25s ease-out;
    }

.section-sb-current ul li ul li .section-sb-toggle:hover .section-sb-ico:before,
.section-sb-current ul li ul li .section-sb-toggle:hover .section-sb-ico:after {
    background-color: #3a89cf;
}

.section-sb-ico:before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
}

.section-sb-ico:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
}

.section-sb-ico:hover {
    cursor: pointer;
}

.section-sb-toggle.opened .section-sb-ico:before {
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.section-sb-toggle.opened .section-sb-ico:after {
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*----------------------------------
12 - Sidebar Categories
----------------------------------*/




/*----------------------------------
13 - Sidebar Filter
----------------------------------*/
.section-sb .section-filter {
    font-size: 13px;
    margin: 0 0 30px;
}

.section-filter .radio,
.section-filter .checkbox {
    display: block;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

.section-sb .section-filter .section-filter-toggle {
    padding: 10px 3px;
    margin: 0 auto 20px;
    width: 200px;
    background: #373d54;
    transition: all 0.2s;
    color: #fff;
    display: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    border: none;
    letter-spacing: 1px;
}

    .section-sb .section-filter .section-filter-toggle:hover {
        background: #474f6e;
    }

    .section-sb .section-filter .section-filter-toggle span {
        margin-right: 5px;
    }

    .section-sb .section-filter .section-filter-toggle .fa {
        font-size: 16px;
    }

    .section-sb .section-filter .section-filter-toggle.opened .fa:before {
        content: "\f106";
    }

.section-sb .section-filter .row {
    margin: 0;
}

.section-sb .section-filter .bx-filter-parameters-box {
    padding-left: 0;
    padding-right: 0;
}

.section-sb .section-filter .section-filter-cont {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    background: none;
    border: 1px solid #e0e4f6;
    position: relative;
    font-size: 14px;
}

    .section-sb .section-filter .section-filter-cont:after {
        clear: both;
        content: '';
        display: block;
    }

.section-filter .section-filter-price {
    height: 61px;
    position: relative;
    padding: 8px 15px 0;
    border-bottom: 1px solid #e0e4f6;
}

.section-filter .section-filter-item {
    background-color: #f8fafc;
    border-bottom: 1px solid #e0e4f6;
}

    .section-filter .section-filter-item:after {
        content: '';
        display: block;
        clear: both;
    }

.section-filter-item .section-filter-ttl {
    position: relative;
    cursor: pointer;
    padding: 11px 27px 10px 15px;
    background-color: #fff;
}

    .section-filter-item.opened .section-filter-ttl,
    .section-filter-item .section-filter-ttl:hover {
        background-color: #f8fafc;
    }

    .section-filter-item .section-filter-ttl .fa {
        position: absolute;
        right: 15px;
        font-size: 14px;
        top: 50%;
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        color: #373d54;
        transition: all 0.2s;
    }

.section-filter-item.opened .section-filter-ttl .fa:before {
    content: '\f106';
}

.section-filter-item .section-filter-fields {
    padding: 0 15px;
    height: 0;
    overflow: hidden;
}

.section-filter-item.opened .section-filter-fields {
    padding-bottom: 5px;
    height: auto;
    overflow: initial;
}

.section-filter-item .section-filter-field {
    padding: 0;
    margin: 0 0 10px;
}

    .section-filter-item .section-filter-field input[type=radio],
    .section-filter-item .section-filter-field input[type=checkbox] {
        display: none;
    }

    .section-filter-item .section-filter-field .section-filter-radio,
    .section-filter-item .section-filter-field .section-filter-checkbox {
        padding-left: 25px;
        display: inline-block;
        padding-top: 1px;
        position: relative;
        cursor: pointer;
        transition: color 0.2s;
    }

        .section-filter-item .section-filter-field .section-filter-radio:hover,
        .section-filter-item .section-filter-field .section-filter-checkbox:hover {
            color: #3a89cf;
        }

        .section-filter-item .section-filter-field .section-filter-radio:after,
        .section-filter-item .section-filter-field .section-filter-checkbox:after {
            content: "\f00c";
            width: 14px;
            height: 14px;
            display: block;
            position: absolute;
            top: 50%;
            margin: -7px 0 0;
            left: 0;
            border: 2px solid #8890af;
            border-radius: 4px;
            background-color: #fff;
            color: #fff;
            font-size: 8px;
            padding: 0 0 0 1px;
            text-align: center;
            font-family: FontAwesome;
            line-height: 10px;
        }

        .section-filter-item .section-filter-field .section-filter-radio:after {
            border-radius: 14px;
            content: "";
        }

    .section-filter-item .section-filter-field input[type=checkbox]:checked + .section-filter-checkbox:after {
        border-color: #5f6680;
        background-color: #5f6680;
    }

    .section-filter-item .section-filter-field input[type=radio]:checked + .section-filter-radio:after {
        border-color: #5f6680;
        background-color: #5f6680;
    }

    .section-filter-item .section-filter-field input[type=radio]:checked + .section-filter-radio:before {
        width: 6px;
        height: 6px;
        border-radius: 10px;
        content: "";
        display: block;
        position: absolute;
        top: 7px;
        z-index: 1;
        left: 4px;
        background-color: #fff;
    }

.section-filter .section-filter-color li {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    transition: all 0.2s;
    margin: 0 5px 7px 0;
    display: inline-block;
}

    .section-filter .section-filter-color li:hover {
        opacity: 0.85;
    }

    .section-filter .section-filter-color li.active:after {
        position: absolute;
        content: '\f00c';
        display: block;
        font-family: FontAwesome;
        font-size: 8px;
        color: #fff;
        margin: 4px 0 0 4px;
        top: 0;
        line-height: 1;
        left: 0;
    }

.section-filter .section-filter-buttons {
    text-align: center;
    padding: 25px 0 25px;
}

.section-sb .section-filter .bx-filter-button-box {
    text-align: center;
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
}

.section-sb .section-filter .btn-themes {
    padding: 8px 8px;
    max-width: 116px;
    text-align: center;
    width: 100%;
    background: #313b54;
    border: none;
    font-size: 13px;
    font-weight: 500;
    border-radius: 0;
    transition: all 0.2s;
    color: #fff;
    text-transform: uppercase;
    outline: none;
}

    .section-sb .section-filter .btn-themes:hover {
        background: #404d6e;
    }

.section-sb .section-filter .btn-link {
    transition: all 0.2s;
    color: #313b54;
    text-decoration: none;
    border: none;
    line-height: 1;
    margin: 6px 12px;
    padding: 0;
    border-bottom: 1px solid transparent;
}

    .section-sb .section-filter .btn-link:hover {
        color: #313b54;
        border-color: #313b54;
        text-decoration: none;
    }

.section-sb .bx-filter-popup-result.right {
    right: auto;
}

.section-sb .bx-filter-parameters-box-container {
    padding-bottom: 7px;
}

.section-sb .bx-filter-button-box .bx-filter-parameters-box-container {
    padding-bottom: 25px;
}
/*----------------------------------
13 - Sidebar Filter
----------------------------------*/




/*----------------------------------
14 - Catalog Topbar
----------------------------------*/
.section-cont {
    float: left;
    width: 75%;
    padding: 0 0 50px 30px;
}

    .section-cont .section-top {
        margin: 0 0 6px;
    }

        .section-cont .section-top:after {
            clear: both;
            display: block;
            content: "";
        }

    .section-cont .section-mode {
        overflow: hidden;
        float: left;
    }

        .section-cont .section-mode li {
            float: left;
            margin: 3px 15px 11px 0;
            font-size: 14px;
        }

            .section-cont .section-mode li a {
                color: #b1b1b1;
                display: block;
                vertical-align: middle;
            }

            .section-cont .section-mode li * {
                line-height: 1;
            }

            .section-cont .section-mode li a:hover {
                color: #3a89cf;
                text-decoration: none;
            }

            .section-cont .section-mode li a:before {
                content: "";
                width: 27px;
                height: 24px;
                margin: 0;
                display: inline-block;
                vertical-align: bottom;
                background: url(../img/viewmode.png) no-repeat;
            }

            .section-cont .section-mode li.section-mode-gallery a:before {
                background-position: left bottom;
            }

            .section-cont .section-mode li.section-mode-gallery.active a:before {
                background-position: left top;
            }

            .section-cont .section-mode li.section-mode-list a:before {
                background-position: -27px bottom;
            }

            .section-cont .section-mode li.section-mode-list.active a:before {
                background-position: -27px top;
            }

            .section-cont .section-mode li.section-mode-table a:before {
                background-position: right bottom;
            }

            .section-cont .section-mode li.section-mode-table.active a:before {
                background-position: right top;
            }

            .section-cont .section-mode li.active a {
                color: #3a89cf;
            }

    .section-cont .section-count-ttl,
    .section-cont .section-sortby-ttl {
        float: right;
        margin: 5px 0 10px 20px;
        font-size: 15px;
        color: #373d54;
    }

    .section-cont .section-count,
    .section-cont .section-sortby {
        float: right;
        margin: 0 0 10px 9px;
        z-index: 2;
        font-size: 14px;
        color: #202020;
        position: relative;
    }

        .section-cont .section-count p,
        .section-cont .section-sortby p {
            vertical-align: middle;
            cursor: pointer;
            width: 170px;
            font-size: 14px;
            color: #202020;
            height: 28px;
            line-height: 26px;
            padding: 0 25px 0 12px;
            border: 1px solid #e0e4f6;
            background: #fff;
            position: relative;
        }

            .section-cont .section-count p:after,
            .section-cont .section-sortby p:after {
                position: absolute;
                content: "\f107";
                top: 50%;
                font-size: 18px;
                color: #373d54;
                right: 10px;
                -ms-transform: translate(0,-50%);
                -o-transform: translate(0,-50%);
                -moz-transform: translate(0,-50%);
                -webkit-transform: translate(0,-50%);
                transform: translate(0,-50%);
                font-family: FontAwesome;
            }

        .section-cont .section-count:hover p:after,
        .section-cont .section-sortby:hover p:after {
            content: "\f106";
        }

        .section-cont .section-count ul,
        .section-cont .section-sortby ul {
            box-sizing: border-box;
            width: 100%;
            margin: -1px 0 0;
            padding: 0;
            border: 1px solid #e0e4f6;
            border-top: none;
            background: #FFF;
            position: absolute;
            top: 100%;
            left: 0;
            display: none;
        }

        .section-cont .section-count:hover ul,
        .section-cont .section-sortby:hover ul {
            display: block;
        }

        .section-cont .section-count ul li a,
        .section-cont .section-sortby ul li a {
            min-height: 18px;
            padding: 5px 12px 4px;
            white-space: nowrap;
            position: relative;
            text-decoration: none;
            display: block;
        }

            .section-cont .section-count ul li a:hover,
            .section-cont .section-sortby ul li a:hover {
                text-decoration: none;
                color: #3a89cf;
            }

            .section-cont .section-count ul li a:after,
            .section-cont .section-sortby ul li a:after {
                position: absolute;
                left: 10px;
                right: 10px;
                display: block;
                height: 1px;
                background: #e0e4f6;
                content: "";
                top: 0;
            }

        .section-cont .section-count ul li.selected a,
        .section-cont .section-sortby ul li.selected a {
            background-color: #3a89cf;
            color: #FFF;
            margin-left: -1px;
            margin-right: -1px;
        }

            .section-cont .section-count ul li.selected a:after,
            .section-cont .section-sortby ul li.selected a:after {
                display: none;
            }

        .section-cont .section-count p {
            width: 61px;
            line-height: 28px;
        }
/*----------------------------------
14 - Catalog Topbar
----------------------------------*/



/*----------------------------------
15 - Products List
----------------------------------*/
.section-items:after {
    display: block;
    clear: both;
    content: "";
}

.section-cont .section-items .prod-i {
    width: 32%;
    margin: 0 2% 36px 0;
}

    .section-cont .section-items .prod-i:nth-child(3n) {
        margin-right: 0;
    }

    .section-cont .section-items .prod-i:nth-child(3n+1) {
        clear: left;
    }

.section-cont.section-full {
    float: none;
    width: auto;
    padding-left: 0;
}

.section-full .section-items .prod-i {
    width: 23.5%;
    margin: 0 2% 36px 0;
}

    .section-full .section-items .prod-i:nth-child(3n) {
        margin-right: 2%;
    }

    .section-full .section-items .prod-i:nth-child(3n+1) {
        clear: none;
    }

    .section-full .section-items .prod-i:nth-child(4n) {
        margin-right: 0;
    }

    .section-full .section-items .prod-i:nth-child(4n+1) {
        clear: left;
    }
/*----------------------------------
15 - Products List
----------------------------------*/



/*----------------------------------
16 - Single Product
----------------------------------*/
.prod-wrap {
    float: left;
    width: 80%;
    padding: 0 30px 50px 0;
}

    .prod-wrap.prod-wrap-full {
        float: none;
        width: 100%;
        padding: 0 0 50px 0;
    }

    .prod-wrap:after {
        display: block;
        content: "";
        clear: both;
    }

.prod-wrap {
    display: block;
    content: "";
    clear: both;
}

.prod-slider-wrap {
    float: left;
    width: 53%;
    margin: 0 3% 50px 0;
    overflow: hidden;
}

    .prod-slider-wrap ul li:after {
        display: none;
    }

.prod-slider {
    border: 1px solid #e0e4f6;
    padding: 8px;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 0 0 20px;
}

    .prod-slider .prod-slider-car {
        width: 815%;
        position: relative;
        margin: 0;
        padding: 0;
    }

    .prod-slider li {
        float: left;
        list-style: none;
        position: relative;
        width: 449px;
        padding: 0;
        margin: 0;
    }

        .prod-slider li a {
            display: block;
        }

        .prod-slider li img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            height: auto;
            max-height: 600px;
        }

    .prod-slider .bx-wrapper .bx-next {
        transition: all 0.2s ease-in;
        background: none;
        text-align: center;
        overflow: hidden;
        right: -9px;
        width: 38px;
        background: #f8fafc;
        text-indent: 100%;
        white-space: nowrap;
        height: 60px;
        border: 1px solid #e0e4f6;
        margin-top: -30px;
        z-index: 1;
        opacity: 0;
    }

    .prod-slider:hover .bx-wrapper .bx-next {
        opacity: 1;
    }

    .prod-slider .bx-wrapper .bx-next:before {
        transition: all 0.2s ease-in;
        display: block;
        content: "";
        text-indent: initial;
        margin: -9px 4px 0 0;
        background: url(../img/nav1.png) no-repeat left top;
        height: 18px;
        width: 20px;
        position: absolute;
        top: 50%;
        right: 4px;
    }

    .prod-slider .bx-wrapper .bx-next:hover:before {
        right: 2px;
    }

    .prod-slider .bx-wrapper .bx-prev {
        transition: all 0.2s ease-in;
        background: none;
        text-align: center;
        overflow: hidden;
        left: -9px;
        width: 38px;
        background: #f8fafc;
        text-indent: 100%;
        white-space: nowrap;
        height: 60px;
        border: 1px solid #e0e4f6;
        margin-top: -30px;
        z-index: 1;
        opacity: 0;
    }

    .prod-slider:hover .bx-wrapper .bx-prev {
        opacity: 1;
    }

    .prod-slider .bx-wrapper .bx-prev:before {
        transition: all 0.2s ease-in;
        display: block;
        content: "";
        text-indent: initial;
        margin: -9px 0 0 4px;
        background: url(../img/nav1.png) no-repeat left bottom;
        height: 18px;
        width: 20px;
        position: absolute;
        top: 50%;
        left: 4px;
    }

    .prod-slider .bx-wrapper .bx-prev:hover:before {
        left: 2px;
    }

.prod-thumbs {
    border: 1px solid #e0e4f6;
    position: relative;
    padding: 0 8px;
}

    .prod-thumbs .bx-wrapper .bx-viewport {
        background: transparent;
        margin-bottom: -1px;
    }

    .prod-thumbs:after {
        clear: both;
        display: block;
        content: "";
    }

    .prod-thumbs .prod-thumbs-car {
        width: 815%;
        position: relative;
        margin: 0;
        padding: 0;
    }

    .prod-thumbs li {
        width: 85px;
        position: relative;
        float: left;
        margin: 0 8px 0 0;
        line-height: 85px;
        text-align: center;
        vertical-align: middle;
        padding: 7px 0 9px;
        height: 102px;
    }

        .prod-thumbs li:after {
            display: none;
        }

        .prod-thumbs li.active:after {
            position: absolute;
            bottom: 0;
            z-index: 2;
            height: 3px;
            background: #3a89cf;
            width: 100%;
            left: 0;
            content: "";
        }

        .prod-thumbs li .active:after {
            position: absolute;
            bottom: 0;
            z-index: 2;
            height: 1px;
            background: #313b54;
            width: 100%;
            left: 0;
            content: "";
        }

        .prod-thumbs li a {
            display: block;
            width: 100%;
            height: 85px;
            line-height: 85px;
        }

        .prod-thumbs li img {
            display: inline-block;
            vertical-align: middle;
            max-width: 100%;
            max-height: 100%;
        }

    .prod-thumbs .bx-wrapper .bx-next {
        transition: all 0.2s ease-in;
        background: none;
        text-align: center;
        overflow: hidden;
        right: -40px;
        width: 38px;
        text-indent: 100%;
        white-space: nowrap;
        height: 38px;
        margin-top: -19px;
    }

    .prod-thumbs:hover .bx-wrapper .bx-next {
        right: -2px;
    }

    .prod-thumbs .bx-wrapper .bx-next:before {
        display: block;
        content: "";
        text-indent: initial;
        margin: -9px 3px 0 0;
        background: url(../img/nav1.png) no-repeat left top;
        height: 18px;
        width: 20px;
        position: absolute;
        top: 50%;
        right: 4px;
    }

    .prod-thumbs .bx-wrapper .bx-prev {
        transition: all 0.2s ease-in;
        background: none;
        text-align: center;
        overflow: hidden;
        left: -40px;
        width: 38px;
        text-indent: 100%;
        white-space: nowrap;
        height: 38px;
        margin-top: -19px;
    }

    .prod-thumbs:hover .bx-wrapper .bx-prev {
        left: -2px;
    }

    .prod-thumbs .bx-wrapper .bx-prev:after {
        display: block;
        content: "";
        text-indent: initial;
        margin: -9px 0 0 3px;
        background: url(../img/nav1.png) no-repeat left bottom;
        height: 18px;
        width: 20px;
        position: absolute;
        top: 50%;
        left: 4px;
    }

.prod-cont {
    width: 44%;
    margin: 0 0 50px 0;
    font-size: 14px;
    float: left;
    color: #616161;
    line-height: 170%;
    position: relative;
}

    .prod-cont h2 {
        position: relative;
        padding: 6px 0 33px 0;
        margin: 0;
        font-size: 22px;
        color: #373d54;
        font-weight: 700;
    }

    .prod-cont .prod-cont-txt {
        line-height: 170%;
        margin: 0 0 25px;
    }

        .prod-cont .prod-cont-txt p {
            margin: 0;
            padding: 0;
            line-height: 170%;
        }

    .prod-cont .prod-info {
        margin: 0 0 14px;
        position: relative;
    }

        .prod-cont .prod-info:after {
            clear: both;
            content: '';
            display: block;
        }

        .prod-cont .prod-info:after {
            clear: both;
            display: block;
            content: "";
        }

        .prod-cont .prod-info:after {
            clear: both;
            display: block;
            content: "";
        }

    .prod-cont .prod-price {
        position: absolute;
        top: 5px;
        right: 0;
        font-size: 14px;
        color: #373d54;
        display: block;
        margin: 0;
        text-align: right;
    }

        .prod-cont .prod-price b {
            font-weight: 500;
            font-size: 20px;
        }

        .prod-cont .prod-price del {
            display: block;
            color: #9b9b9b;
        }

    .prod-cont .prod-buy {
        width: 100%;
        max-width: 155px;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
        margin: 3px 0 10px;
        padding: 8px 0 7px 23px;
        border-radius: 20px;
        display: inline-block;
        background: #3a89cf;
        transition: all 0.2s;
        float: right;
        position: relative;
    }

        .prod-cont .prod-buy:hover {
            background: #22B2F9;
        }

        .prod-cont .prod-buy:after {
            position: absolute;
            top: 50%;
            content: "\f07a";
            left: 21px;
            font-size: 15px;
            margin: -12px 0 0;
            color: #fff;
            font-family: FontAwesome;
        }

    .prod-cont .prod-addwrap {
        padding: 0;
        margin: 0;
        font-size: 14px;
        transition: all 0.2s;
        color: #fff;
        position: relative;
        z-index: 10;
        display: inline-block;
        vertical-align: top;
    }

    .prod-cont .prod-add {
        padding: 10px 18px 11px;
        display: inline-block;
        margin: 0 0 15px;
        font-size: 13px;
        letter-spacing: 1px;
        font-weight: 500;
        transition: all 0.2s;
        text-transform: uppercase;
        color: #fff;
        background: #373d54;
        position: relative;
    }

        .prod-cont .prod-add:hover {
            background: #474f6e;
        }

    .prod-cont .prod-addwrap .prod-addres {
        display: none;
        width: 150px;
        padding: 8px 0;
        font-size: 13px;
        margin: 0 0 8px -75px;
        border: 1px solid #e0e4f6;
        background: #fff;
        position: absolute;
        bottom: 100%;
        color: #373d54;
        font-weight: 500;
        left: 50%;
        line-height: 140%;
        text-align: center;
    }

        .prod-cont .prod-addwrap .prod-addres:after {
            content: "";
            display: block;
            position: absolute;
            top: 100%;
            left: 50%;
            margin: 0 0 0 -8px;
            border-top: 8px solid #fff;
            border-bottom: 8px solid rgba(0,0,0,0);
            border-left: 8px solid rgba(0,0,0,0);
            border-right: 8px solid rgba(0,0,0,0);
        }

        .prod-cont .prod-addwrap .prod-addres:before {
            content: "";
            display: block;
            position: absolute;
            top: 100%;
            left: 50%;
            margin: 1px 0 0 -8px;
            border-top: 8px solid #e0e4f6;
            border-bottom: 8px solid rgba(0,0,0,0);
            border-left: 8px solid rgba(0,0,0,0);
            border-right: 8px solid rgba(0,0,0,0);
        }

        .prod-cont .prod-addwrap .prod-addres a {
            font-weight: 400;
            display: inline-block;
            color: #3a89cf;
            text-decoration: none;
            border-bottom: 1px solid #3a89cf;
            transition: all 0.2s;
            line-height: 140%;
        }

            .prod-cont .prod-addwrap .prod-addres a:hover {
                border-bottom: 1px solid rgba(0,0,0,0);
                color: #3a89cf;
            }

    .prod-cont .prod-qnt {
        overflow: hidden;
        margin: 0 0 16px;
        display: inline-block;
        vertical-align: top;
        width: 66px;
    }

        .prod-cont .prod-qnt input[type=text] {
            float: left;
            width: 39px;
            height: 39px;
            font-weight: 700;
            font-size: 14px;
            color: #373d54;
            text-align: center;
            display: block;
            margin: 0 2px 0 0;
            background: #f8fafc;
            border: 1px solid #e0e4f6;
        }

    .prod-cont .prod-plus {
        float: left;
        width: 17px;
        margin: 5px 0 0;
        color: #373d54;
        text-align: center;
        line-height: 1;
        font-size: 14px;
    }

        .prod-cont .prod-plus .fa {
            padding: 0;
            line-height: 1;
        }

    .prod-cont .prod-minus {
        float: left;
        border-top: none;
        width: 17px;
        color: #373d54;
        text-align: center;
        line-height: 1;
        font-size: 14px;
    }

        .prod-cont .prod-minus .fa {
            padding: 0;
            line-height: 1;
        }

    .prod-cont .prod-actions {
        overflow: hidden;
        margin: 0 0 12px;
    }

    .prod-cont .prod-qnt a:hover {
        color: #3a89cf;
    }

    .prod-cont .prod-compare,
    .prod-cont .prod-favorites {
        padding: 0 0 0 28px;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 1px;
        text-align: center;
        margin: 0 30px 15px 0;
        font-size: 12px;
        text-transform: uppercase;
        position: relative;
        color: #7b7b7b;
        transition: all 0.2s;
    }

    .prod-cont .prod-compare {
        margin-right: 0;
    }

        .prod-cont .prod-compare .fa,
        .prod-cont .prod-favorites .fa {
            position: absolute;
            transition: all 0.2s;
            top: -1px;
            left: 0px;
            font-size: 15px;
            color: #dadada;
            padding: 1px;
        }

        .prod-cont .prod-compare .fa {
            font-size: 14px;
        }

        .prod-cont .prod-compare:hover,
        .prod-cont .prod-favorites:hover {
            color: #373d54;
        }

            .prod-cont .prod-compare:hover .fa,
            .prod-cont .prod-favorites:hover .fa {
                color: #373d54;
            }

        .prod-cont .prod-compare.compare-added .fa:before,
        .prod-cont .prod-favorites.favorite-added .fa:before {
            content: '\f00c';
        }

    .prod-cont p {
        margin: 0;
        padding: 0;
    }

    .prod-cont .prod-showprops {
        display: inline-block;
        transition: all 0.2s;
        border-bottom: 1px solid transparent;
        text-decoration: none;
        color: #3a89cf;
        line-height: 100%;
    }

        .prod-cont .prod-showprops:hover {
            border-bottom: 1px solid #3a89cf;
        }

    .prod-cont .prod-skuwrap {
        padding: 0 0 10px;
    }

    .prod-cont .prod-skuttl {
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 11px;
        color: #7b7b7b;
        letter-spacing: 1px;
    }

    .prod-cont .prod-skucolor {
        overflow: hidden;
        margin: 0 0 14px;
    }

        .prod-cont .prod-skucolor li {
            display: inline-block;
            margin: 0 3px 7px 0;
            width: 16px;
            height: 16px;
            border-radius: 16px;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            transition: all 0.2s;
        }

            .prod-cont .prod-skucolor li:hover {
                opacity: 0.85;
            }

            .prod-cont .prod-skucolor li:after {
                display: none;
            }

            .prod-cont .prod-skucolor li.active:after {
                position: absolute;
                content: '\f00c';
                display: block;
                font-family: FontAwesome;
                font-size: 8px;
                color: #fff;
                margin: 4px 0 0 4px;
                top: 0;
                line-height: 1;
                left: 0;
            }

            .prod-cont .prod-skucolor li img {
                border-radius: 50px;
                display: block;
                width: 100%;
                height: 100%;
            }

    .prod-cont .prod-sku {
        margin: 0 0 14px;
    }

    .prod-cont .prod-notavailable {
        font-weight: 700;
        color: #B61B34;
        padding: 10px 0 11px;
        margin: 0;
        font-size: 14px;
        transition: all 0.2s;
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    .prod-cont .offer-props-select {
        z-index: 10;
        font-size: 13px;
        color: #202020;
        position: relative;
        display: inline-block;
        margin: 0 0 26px;
    }

        .prod-cont .offer-props-select.opened {
            z-index: 50;
        }

        .prod-cont .offer-props-select p {
            vertical-align: middle;
            cursor: pointer;
            width: 100%;
            font-size: 13px;
            color: #202020;
            height: 27px;
            line-height: 25px;
            padding: 0 30px 0 10px;
            border: 1px solid #e0e4f6;
            background: #fff;
            position: relative;
        }

            .prod-cont .offer-props-select p:after {
                position: absolute;
                content: "\f107";
                top: 50%;
                font-size: 18px;
                color: #373d54;
                right: 9px;
                -ms-transform: translate(0,-50%);
                -o-transform: translate(0,-50%);
                -moz-transform: translate(0,-50%);
                -webkit-transform: translate(0,-50%);
                transform: translate(0,-50%);
                font-family: FontAwesome;
            }

        .prod-cont .offer-props-select.opened p:after {
            content: "\f106";
        }

        .prod-cont .offer-props-select ul {
            box-sizing: border-box;
            min-width: 100%;
            margin: -1px 0 0;
            padding: 0;
            border: 1px solid #e0e4f6;
            border-top: none;
            background: #FFF;
            position: absolute;
            top: 100%;
            left: 0;
            display: none;
        }

        .prod-cont .offer-props-select.opened ul {
            display: block;
        }

        .prod-cont .offer-props-select ul li {
            padding: 0;
            margin: 0;
        }

            .prod-cont .offer-props-select ul li:after {
                display: none;
            }

            .prod-cont .offer-props-select ul li a {
                min-height: 18px;
                padding: 5px 10px 4px;
                white-space: nowrap;
                position: relative;
                text-decoration: none;
                display: block;
            }

                .prod-cont .offer-props-select ul li a:hover {
                    text-decoration: none;
                    color: #373d54;
                }

                .prod-cont .offer-props-select ul li a:after {
                    position: absolute;
                    left: 10px;
                    right: 10px;
                    display: block;
                    height: 1px;
                    background: #e0e4f6;
                    content: "";
                    top: 0;
                }

                .prod-cont .offer-props-select ul li a:hover {
                    color: #373d54;
                }

            .prod-cont .offer-props-select ul li.active a {
                background-color: #373d54;
                color: #FFF;
                margin-left: -1px;
                margin-right: -1px;
            }

                .prod-cont .offer-props-select ul li.active a:after {
                    display: none;
                }

    .prod-cont .prod-i-props {
        position: relative;
        padding: 25px 0 0;
        margin: 12px 0 20px;
        color: #616161;
    }

        .prod-cont .prod-i-props:after {
            position: absolute;
            content: '';
            display: block;
            width: 70px;
            height: 1px;
            background: #e0e4f6;
            left: 0;
            top: 0;
        }

        .prod-cont .prod-i-props li {
            margin: 0 0 4px;
        }

        .prod-cont .prod-i-props b {
            color: #373d54;
            font-weight: 500;
        }
/*----------------------------------
16 - Single Product
----------------------------------*/



/*----------------------------------
17 - Single Product Tabs
----------------------------------*/
.prod-tabs-wrap {
    margin-bottom: 50px;
    clear: both;
}

.prod-tabs {
    margin: 0 0 31px;
    padding: 0;
    list-style: none;
    position: relative;
    background: #f8fafc;
    border: 1px solid #e0e4f6;
}

    .prod-tabs:after {
        display: block;
        clear: both;
        content: "";
    }

    .prod-tabs li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
    }

        .prod-tabs li a {
            border: none;
            display: block;
            padding: 15px 22px 15px;
            text-transform: uppercase;
            transition: all 0.2s;
            font-size: 14px;
            position: relative;
            font-weight: 500;
            color: #373d54;
        }

            .prod-tabs li a:hover {
                color: #3a89cf;
                text-decoration: none;
            }

            .prod-tabs li a.active {
                color: #fff;
                background: #373d54;
                margin: -1px 0;
                padding: 16px 22px 16px;
            }

.prod-tab-cont {
    overflow: hidden;
    position: relative;
    margin: 0 0 44px;
}

.prod-tab {
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 0;
    font-size: 14px;
    line-height: 170%;
}

.prod-tab-cont .prod-tab:first-of-type {
    height: auto;
}

.prod-tab p {
    margin: 0 0 20px;
}

.prod-tab table {
    width: 100%;
    border-collapse: collapse;
    color: #373d54;
}

    .prod-tab table.prod-propssku {
        margin: -1px 0 0;
    }

    .prod-tab table td {
        padding: 8px 8px 8px 0;
        border-bottom: 1px solid #e0e4f6;
        vertical-align: middle;
    }

.prod-tab.prod-props table tr td:first-child {
    width: 30%;
    font-weight: 500;
    color: #373d54;
}

.prod-tab.prod-props table tr:last-child td {
    border-bottom: none;
}

.prod-tab-mob {
    display: none;
    cursor: pointer;
    border-top: 1px solid #e0e4f6;
    padding: 15px 0px 15px;
    text-transform: uppercase;
    transition: all 0.2s;
    color: #373d54;
    font-size: 16px;
    position: relative;
    font-weight: 500;
}

.prod-cont .prod-tab-mob {
    padding: 15px 0px 15px;
}

.prod-tab-mob:hover {
    color: #3a89cf;
}

.prod-tab-mob.active {
    color: #3a89cf;
}

    .prod-tab-mob.active:before {
        position: absolute;
        content: "";
        top: -1px;
        left: -1px;
        width: 100%;
        box-sizing: content-box;
        padding: 0 1px;
        height: 3px;
        background: #373d54;
    }

.prod-tab-articles .post-rel-wrap {
    margin: 0;
}

    .prod-tab-articles .post-rel-wrap .post-rel {
        margin-bottom: 0;
    }

.prod-tab-video {
    text-align: center;
}

    .prod-tab-video > iframe {
        width: 100%;
    }


.prod-comment-form {
    width: 100%;
    margin: 15px auto 10px;
    max-width: 480px;
    clear: both;
}

    .prod-comment-form.post-form {
        margin-bottom: 70px;
    }

    .prod-comment-form h3 {
        font-size: 20px;
        color: #373d54;
        font-weight: 500;
        margin: 0 0 18px;
        text-align: center;
    }

    .prod-comment-form input[type=text] {
        float: left;
        width: 48.5%;
        margin: 0 3% 20px 0;
        background: #f8fafc;
        border: 1px solid #e0e4f6;
        display: block;
        height: 38px;
        color: #373d54;
        transition: all 0.2s;
        padding: 0 14px;
        font-size: 14px;
    }

        .prod-comment-form input[type=text]:nth-of-type(2n) {
            margin-right: 0;
        }

        .prod-comment-form input[type=text]:nth-of-type(2n+1) {
            clear: left;
        }

        .prod-comment-form input[type=text]::-webkit-input-placeholder {
            color: #b8bcce;
        }

        .prod-comment-form input[type=text]::-moz-placeholder {
            color: #b8bcce;
            opacity: 1;
        }

        .prod-comment-form input[type=text]:-ms-input-placeholder {
            color: #b8bcce;
        }

        .prod-comment-form input[type=text]:focus {
            border-color: #bfcedc;
        }

    .prod-comment-form textarea {
        float: none;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 0 20px 0;
        background: #f8fafc;
        border: 1px solid #e0e4f6;
        display: block;
        min-height: 130px;
        height: 130px;
        max-height: 500px;
        color: #373d54;
        transition: all 0.2s;
        padding: 14px 14px;
        font-size: 14px;
    }

        .prod-comment-form textarea::-webkit-input-placeholder {
            color: #b8bcce;
        }

        .prod-comment-form textarea::-moz-placeholder {
            color: #b8bcce;
            opacity: 1;
        }

        .prod-comment-form textarea:-ms-input-placeholder {
            color: #b8bcce;
        }

        .prod-comment-form textarea:focus {
            border-color: #bfcedc;
        }

    .prod-comment-form .blog-comment-submit {
        overflow: hidden;
        padding: 0 0 17px;
        clear: both;
        color: #373d54;
        font-size: 14px;
    }

.prod-rating {
    margin: 9px 0 0 0;
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: left;
    font-size: 13px;
    color: #3a89cf;
    white-space: nowrap;
    display: inline-block;
    float: right;
    cursor: pointer;
}

    .prod-rating .fa {
        font-size: 13px;
        padding: 0 2px;
    }

        .prod-rating .fa:hover:before {
            content: "\f005";
        }

        .prod-rating .fa:hover:before,
        .prod-rating .fa:hover ~ .fa:before {
            content: "\f005";
        }

    .prod-rating[data-rating="1"] .fa:nth-child(5):before {
        content: "\f005";
    }

    .prod-rating[data-rating="2"] .fa:nth-child(5):before,
    .prod-rating[data-rating="2"] .fa:nth-child(4):before {
        content: "\f005";
    }

    .prod-rating[data-rating="3"] .fa:nth-child(5):before,
    .prod-rating[data-rating="3"] .fa:nth-child(4):before,
    .prod-rating[data-rating="3"] .fa:nth-child(3):before {
        content: "\f005";
    }

    .prod-rating[data-rating="4"] .fa:nth-child(5):before,
    .prod-rating[data-rating="4"] .fa:nth-child(4):before,
    .prod-rating[data-rating="4"] .fa:nth-child(3):before,
    .prod-rating[data-rating="4"] .fa:nth-child(2):before {
        content: "\f005";
    }

    .prod-rating[data-rating="5"] .fa:nth-child(5):before,
    .prod-rating[data-rating="5"] .fa:nth-child(4):before,
    .prod-rating[data-rating="5"] .fa:nth-child(3):before,
    .prod-rating[data-rating="5"] .fa:nth-child(2):before,
    .prod-rating[data-rating="5"] .fa:nth-child(1):before {
        content: "\f005";
    }

.prod-comment-form input[type=submit],
.prod-comment-form button[type=button] {
    border: none;
    cursor: pointer;
    text-align: center;
    height: auto;
    padding: 10px 24px 11px;
    display: inline-block;
    margin: 0 0 15px;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
    transition: all 0.2s;
    text-transform: uppercase;
    color: #fff;
    background: #373d54;
    position: relative;
}

    .prod-comment-form input[type=submit]:hover,
    .prod-comment-form button[type=button]:hover {
        background: #474f6e;
    }
/*----------------------------------
17 - Single Product Tabs
----------------------------------*/



/*----------------------------------
18 - Single Product Related
----------------------------------*/
.prod-related {
    float: left;
    width: 20%;
    padding: 10px 0 50px;
    text-align: left;
    overflow: hidden;
}

.prod-related-car {
    position: relative;
}

    .prod-related-car:after {
        content: "";
        clear: both;
        display: block;
    }

    .prod-related-car ul {
        margin: 0;
        padding: 0;
    }

    .prod-related-car .slides {
        width: 1000%;
        position: relative;
    }

    .prod-related-car ul li {
        margin: 0;
        padding: 0;
        position: initial;
        width: 228px;
        float: left;
        display: block;
    }

        .prod-related-car ul li:after {
            display: none;
        }

.prod-related h2 {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 0px 0 20px;
    font-weight: 700;
    margin: 0;
    color: #373d54;
}

.prod-related .prod-rel {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e0e4f6;
    margin: 0 0 20px;
    padding: 0px 0 8px;
}

    .prod-related .prod-rel:last-child {
        border-bottom: none;
    }

.prod-related .prod-rel-img {
    display: block;
    margin: 0 5% 10px 0;
    width: 40%;
    height: 103px;
    text-align: right;
    float: left;
    overflow: hidden;
}

    .prod-related .prod-rel-img img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        margin: 0 auto;
    }

.prod-related .prod-rel-cont {
    float: left;
    width: 55%;
}

.prod-related .prod-rel h3 {
    font-size: 15px;
    color: #373d54;
    margin: 2px 0 9px;
    line-height: 120%;
}

    .prod-related .prod-rel h3 a {
        color: #373d54;
        transition: all 0.2s;
        line-height: 120%;
    }

        .prod-related .prod-rel h3 a:hover {
            color: #3a89cf;
            text-decoration: none;
        }

.prod-related .prod-rel-price {
    color: #373d54;
    margin: 0 0 9px;
    font-size: 12px;
}

    .prod-related .prod-rel-price b {
        font-size: 16px;
        font-weight: 500;
    }

    .prod-related .prod-rel-price del {
        color: #888;
        font-size: 12px;
        display: block;
        font-weight: 400;
    }

.prod-related .prod-rel-actions:after {
    clear: both;
    content: "";
    display: block;
}

.prod-related .prod-rel-compare {
    float: left;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #cacaca;
    margin: 0 12px 7px 0px;
    transition: all 0.2s;
}

.prod-related .prod-rel .prod-rel-compare:hover {
    color: #373d54;
    text-decoration: none;
}

.prod-related .prod-rel .prod-rel-compare.compare-added {
    color: #373d54;
    text-decoration: none;
    cursor: default;
}

.prod-related .prod-rel-favorites {
    float: left;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #cacaca;
    margin: 0 15px 7px 0;
    transition: all 0.2s;
}

.prod-related .prod-rel .prod-rel-favorites:hover {
    color: #373d54;
    text-decoration: none;
}

.prod-related .prod-rel .prod-rel-favorites.favorite-added {
    color: #373d54;
}

.prod-related .prod-rel-buy {
    float: left;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    color: #cacaca;
    padding: 1px;
    margin: 0 0 7px 0px;
    transition: all 0.2s;
}

.prod-related .prod-rel .prod-rel-buy:hover {
    color: #373d54;
    text-decoration: none;
}

.prod-related .prod-i-addwrap {
    float: left;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    color: #cacaca;
    position: relative;
    padding: 0 0 0 0px;
    margin: 0 0 7px 0px;
    transition: all 0.2s;
}

.prod-related .prod-i-add {
    line-height: 1.3;
    display: block;
    margin: 0;
    transition: all 0.2s;
}

.prod-related .prod-rel-add.prod-i-add-notshown {
    display: none !important;
}

.prod-related .prod-i-add:hover {
    color: #373d54;
    text-decoration: none;
}

.prod-related .prod-rel .prod-i-addwrap .prod-i-addres {
    display: none;
    width: 150px;
    padding: 8px 0;
    font-size: 13px;
    margin: 0 -9px 8px 0;
    border: 1px solid #e0e4f6;
    background: #fff;
    position: absolute;
    bottom: 100%;
    color: #373d54;
    font-weight: 500;
    right: 0;
    left: auto;
    line-height: 140%;
}

    .prod-related .prod-rel .prod-i-addwrap .prod-i-addres:after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        right: 0;
        margin: 0 7px 0 0;
        border-top: 8px solid #fff;
        border-bottom: 8px solid rgba(0,0,0,0);
        border-left: 8px solid rgba(0,0,0,0);
        border-right: 8px solid rgba(0,0,0,0);
    }

    .prod-related .prod-rel .prod-i-addwrap .prod-i-addres:before {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        right: 0;
        margin: 1px 7px 0 0;
        border-top: 8px solid #e0e4f6;
        border-bottom: 8px solid rgba(0,0,0,0);
        border-left: 8px solid rgba(0,0,0,0);
        border-right: 8px solid rgba(0,0,0,0);
    }

    .prod-related .prod-rel .prod-i-addwrap .prod-i-addres a {
        font-weight: 400;
        display: inline-block;
        color: #3a89cf;
        text-decoration: none;
        border-bottom: 1px solid #3a89cf;
        transition: all 0.2s;
        line-height: 140%;
    }

        .prod-related .prod-rel .prod-i-addwrap .prod-i-addres a:hover {
            border-bottom: 1px solid rgba(0,0,0,0);
            color: #3a89cf;
        }

.prod-related .flex-control-nav {
    display: none;
    position: relative;
    bottom: auto;
    margin: 10px 0;
}

    .prod-related .flex-control-nav li {
        margin: 0 3px;
        display: inline-block;
    }

        .prod-related .flex-control-nav li a {
            width: 23px;
            height: 3px;
            background: #e0e4f6;
            box-shadow: none;
            transition: all 0.2s;
        }

            .prod-related .flex-control-nav li a:hover,
            .prod-related .flex-control-nav li a.flex-active {
                background: #373d54;
            }

.prod-related .flex-direction-nav {
    position: absolute;
    top: -47px;
    left: 0;
    width: 100%;
}

    .prod-related .flex-direction-nav a {
        top: -3px;
        text-decoration: none;
        display: block;
        opacity: 1 !important;
        margin: 0;
        position: absolute;
        z-index: 10;
        color: transparent;
        text-align: left;
        text-shadow: none;
        transition: all 0.2s;
        overflow: hidden;
        width: 38px;
        background: none;
        text-indent: 100%;
        white-space: nowrap;
        height: 38px;
        line-height: 38px;
    }

        .prod-related .flex-direction-nav a.flex-disabled {
            display: none;
        }

    .prod-related .flex-direction-nav .flex-prev {
        left: 0;
    }

        .prod-related .flex-direction-nav .flex-prev:before {
            transition: all 0.3s;
            display: block;
            content: "";
            text-indent: initial;
            margin: -9px 0 0;
            background: url(../img/nav1.png) no-repeat left bottom;
            height: 18px;
            width: 20px;
            position: absolute;
            top: 50%;
            left: 0;
        }

    .prod-related .flex-direction-nav .flex-next {
        right: 0;
        text-align: right;
    }

        .prod-related .flex-direction-nav .flex-next:before {
            transition: all 0.3s;
            display: block;
            content: "";
            text-indent: initial;
            margin: -9px 0 0;
            background: url(../img/nav1.png) no-repeat left top;
            height: 18px;
            width: 20px;
            position: absolute;
            top: 50%;
            right: 0;
        }

.prod-related .prod-i-skuwrap {
    margin: 0 0 25px;
    display: none;
}

.prod-related .prod-i-skuttl {
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 4px;
    color: #373d54;
}

.prod-related .prod-i-skucolor {
    overflow: hidden;
    margin: 0 0 2px;
}

    .prod-related .prod-i-skucolor li {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 0 3px 7px 0;
        border-radius: 50px;
        overflow: hidden;
        cursor: pointer;
        box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2);
    }

        .prod-related .prod-i-skucolor li.active {
            border: 1px solid #3a89cf;
            padding: 2px;
        }

        .prod-related .prod-i-skucolor li img {
            border-radius: 50px;
            display: block;
            width: 100%;
            height: 100%;
        }

.prod-related .prod-i-sku {
    margin: 0 0 15px;
}


.prod-related .offer-props-select {
    margin: 0 0 10px;
    z-index: 10;
    font-size: 15px;
    color: #8e8e8e;
    position: relative;
}

    .prod-related .offer-props-select.opened {
        z-index: 50;
    }

    .prod-related .offer-props-select p {
        vertical-align: middle;
        cursor: pointer;
        width: 100%;
        font-size: 15px;
        color: #8e8e8e;
        height: 30px;
        line-height: 30px;
        padding: 0 25px 0 12px;
        border: 1px solid #e0e4f6;
        background: #fff;
        position: relative;
    }

        .prod-related .offer-props-select p:after {
            position: absolute;
            content: "\f107";
            top: 50%;
            font-size: 18px;
            right: 10px;
            -ms-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
            font-family: FontAwesome;
        }

    .prod-related .offer-props-select.opened p:after {
        content: "\f106";
    }

    .prod-related .offer-props-select ul {
        box-sizing: border-box;
        width: 100%;
        margin: -1px 0 0;
        padding: 0;
        border: 1px solid #e0e4f6;
        border-top: none;
        background: #FFF;
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
    }

    .prod-related .offer-props-select.opened ul {
        display: block;
    }

    .prod-related .offer-props-select ul li a {
        min-height: 18px;
        padding: 5px 12px 4px;
        white-space: nowrap;
        position: relative;
        text-decoration: none;
        display: block;
    }

        .prod-related .offer-props-select ul li a:hover {
            text-decoration: none;
        }

        .prod-related .offer-props-select ul li a:after {
            position: absolute;
            left: 10px;
            right: 10px;
            display: block;
            height: 1px;
            background: #e0e4f6;
            content: "";
            top: 0;
        }

        .prod-related .offer-props-select ul li a:hover {
            background-color: #3a89cf;
            color: #FFF;
            text-decoration: none;
        }

            .prod-related .offer-props-select ul li a:hover:after {
                display: none;
            }

    .prod-related .offer-props-select ul li:hover + li a:after {
        display: none;
    }

    .prod-related .offer-props-select ul li.active a {
        background-color: #3a89cf;
        color: #FFF;
    }

        .prod-related .offer-props-select ul li.active a:after {
            display: none;
        }
/*----------------------------------
18 - Single Product Related
----------------------------------*/




/*----------------------------------
Single Product V2
----------------------------------*/
.prod2-wrap {
    width: auto;
    float: none;
    padding: 0 0 50px 0;
    position: relative;
}

    .prod2-wrap .prod2-slider-wrap:not(.slider-load) {
        float: left;
        width: 53%;
        margin: 0 3% 50px 0;
        overflow: hidden;
        position: relative;
        padding: 0 0 0 100px;
    }

.prod2-slider-wrap:not(.slider-load) .prod-slider {
    padding: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 0 0 20px;
    border: none;
}

    .prod2-slider-wrap:not(.slider-load) .prod-slider .prod2-slider-car {
        width: auto;
        position: relative;
        margin: 0;
        padding: 0;
    }

    .prod2-slider-wrap:not(.slider-load) .prod-slider li {
        float: none;
        list-style: none;
        position: relative;
        width: auto !important;
        padding: 0;
        margin: 0 0 20px;
    }

        .prod2-slider-wrap:not(.slider-load) .prod-slider li a {
            display: block;
        }

        .prod2-slider-wrap:not(.slider-load) .prod-slider li img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            height: auto;
            max-height: 800px;
        }

.prod2-slider-wrap:not(.slider-load) .prod-thumbs {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    border: none;
}

.prod2-slider-wrap:not(.slider-load) .prod2-thumbs-car {
    width: 85px;
    padding: 0;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs .bx-wrapper .bx-viewport {
    background: transparent;
    margin-bottom: -1px;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs:after {
    clear: both;
    display: block;
    content: "";
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs .prod-thumbs-car2 {
    width: auto;
    position: relative;
    margin: 0;
    padding: 0;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs li {
    width: 85px;
    position: relative;
    float: none;
    margin: 0 0 10px;
    line-height: 85px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    height: 85px;
}

    .prod2-slider-wrap:not(.slider-load) .prod-thumbs li:after {
        display: none;
    }

    .prod2-slider-wrap:not(.slider-load) .prod-thumbs li.active:after {
        position: absolute;
        bottom: 0;
        z-index: 2;
        height: 3px;
        background: #3a89cf;
        width: 100%;
        left: 0;
        content: "";
    }

    .prod2-slider-wrap:not(.slider-load) .prod-thumbs li a {
        display: block;
        width: 100%;
        height: 85px;
        line-height: 85px;
    }

    .prod2-slider-wrap:not(.slider-load) .prod-thumbs li img {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
    }

.prod2-slider-wrap:not(.slider-load) .stick {
    position: fixed;
    top: 15px;
}

.scroll_active {
    opacity: 0.5;
}

.fixed {
    position: fixed;
}

.prod2-wrap .prod-cont .prod-price {
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 5px 30px 0 0;
}

.prod2-wrap .prod-tabs-wrap {
    margin-top: 50px;
}

.prod2-wrap .prod-tabs li a {
    padding: 15px 18px 15px;
}

    .prod2-wrap .prod-tabs li a.active {
        padding: 16px 18px 16px;
    }

.prod-props {
    overflow: hidden;
}

    .prod-props li {
        border-bottom: 1px dotted #b8c3e2;
        font-size: 0;
        margin: 0 0 10px 0;
    }

        .prod-props li * {
            font-size: 14px;
            line-height: 1.2;
        }

    .prod-props .prod-propttl {
        width: 50%;
        padding-right: 15px;
        display: inline-block;
        vertical-align: bottom;
        color: #373d54;
        font-weight: 500;
    }

        .prod-props .prod-propttl span {
            background: #fff;
            display: inline-block;
            padding-bottom: 0;
            vertical-align: bottom;
            margin-bottom: -5px;
        }

    .prod-props .prod-propval {
        background: #fff;
        color: #7b7b7b;
        width: 50%;
        display: inline-block;
        padding-bottom: 0;
        vertical-align: bottom;
        margin-bottom: -5px;
    }

.prod2-related {
    width: auto;
    float: none;
}

    .prod2-related h2 {
        font-size: 22px;
        text-transform: uppercase;
        color: #373d54;
        margin: 0 0 10px;
        font-weight: 900;
        position: relative;
        letter-spacing: 2px;
        text-align: center;
    }

        .prod2-related h2 span {
            position: relative;
            display: inline-block;
            padding: 0 0 8px;
        }

            .prod2-related h2 span:after {
                display: block;
                position: absolute;
                content: "";
                bottom: 0;
                height: 2px;
                left: 50%;
                margin: 0 0 0 -50px;
                width: 100px;
                background: #373d54;
            }

            .prod2-related h2 span:before {
                display: block;
                position: absolute;
                content: "";
                bottom: 0;
                height: 2px;
                left: 0;
                right: 0;
                background: #f8fafc;
            }

    .prod2-related .prod-related-car .slides {
        font-size: 0;
    }

    .prod2-related .prod-rel {
        text-align: left;
        display: inline-block;
        vertical-align: top;
        width: 33.33333%;
        padding-right: 10px;
        font-size: 14px;
    }

        .prod2-related .prod-rel:last-child {
            border-bottom: 1px solid #e0e4f6;
        }

    .prod2-related .flex-direction-nav {
        top: -66px;
    }

    .prod2-related .flex-control-nav {
        display: block;
    }
/*----------------------------------
Single Product V2
----------------------------------*/



/*----------------------------------
19 - Blog
----------------------------------*/
.blog-list {
    overflow: hidden;
}

.main-ttl-categs {
    display: inline-block;
    vertical-align: top;
    width: 40%;
}

body .blog-categs {
    width: 60%;
    text-align: right;
    margin: 6px 0 10px -5px;
    display: inline-block;
    vertical-align: top;
}

    body .blog-categs li {
        display: inline-block;
        margin: 0 0 20px 34px;
        vertical-align: top;
        padding: 0;
    }

        body .blog-categs li:after {
            display: none;
        }

        body .blog-categs li a {
            color: #373d54;
            font-size: 14px;
            text-transform: uppercase;
            padding: 0;
            transition: all 0.2s;
            font-weight: 500;
            position: relative;
            display: block;
        }

        body .blog-categs li.active a {
            color: #3a89cf;
            text-decoration: none;
        }

        body .blog-categs li a:hover {
            color: #3a89cf;
            text-decoration: none;
        }

        body .blog-categs li.active a:hover {
            color: #3a89cf;
            text-decoration: none;
        }
/*----------------------------------
19 - Blog
----------------------------------*/



/*----------------------------------
Blog V2
----------------------------------*/
.posts-list .posts2-i {
    color: #373d54;
    position: relative;
    /*width: 33.33333%;*/
    /*padding: 0 15px;*/
    /*float: left;*/
    margin: 0 0 30px;
    overflow: hidden;
}

.posts2-i .posts-i-img {
    display: block;
    overflow: hidden;
    border: none;
    position: relative;
    height: 236px;
    margin: 0 0 18px;
}

    .posts2-i .posts-i-img:after {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0);
        transition: background 0.5s;
    }

    .posts2-i .posts-i-img:hover:after {
        background: rgba(0,0,0,0.3);
    }

    .posts2-i .posts-i-img span {
        width: 100%;
        height: 100%;
        transition: transform 0.6s;
        display: block;
        -o-background-size: cover !important;
        -moz-background-size: cover !important;
        -webkit-background-size: cover !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        -ms-transform: scale3d(1,1,1);
        -o-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    .posts2-i .posts-i-img:hover span {
        -webkit-transform: scale3d(1.05,1.05,1);
        -moz-transform: scale3d(1.05,1.05,1);
        -ms-transform: scale3d(1.05,1.05,1);
        -o-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1);
    }

.posts2-i .posts-i-date {
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
    padding: 8px 12px 7px;
    position: absolute;
    color: #fff;
    top: 20px;
    left: 35px;
    background: rgba(51,129,197,0.85);
}

    .posts2-i .posts-i-date span {
        display: block;
        font-size: 26px;
        line-height: 1;
        font-family: 'PT Serif', Roboto, sans-serif;
        font-weight: 700;
        margin: 0 0 1px;
    }

.posts2-i p {
    padding: 0;
    margin: 0 0 8px;
    line-height: 1.7;
    font-size: 14px;
    color: #616161;
}

.posts2-i .posts-i-ttl {
    font-family: 'PT Serif', Roboto, sans-serif;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.2;
}

    .posts2-i .posts-i-ttl a {
        border: none;
        line-height: 1.2;
        transition: color 0.2s;
    }

        .posts2-i .posts-i-ttl a:hover {
            color: #3a89cf;
        }

.posts2-i .posts-i-ctg {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 6px;
    display: inline-block;
    line-height: 1;
    border: none;
    color: #373d54;
    transition: color 0.2s;
}

    .posts2-i .posts-i-ctg:hover {
        color: #3a89cf;
    }

.posts2-i .posts-i-more {
    display: inline-block;
    margin: 0 0 5px;
    transition: color 0.2s;
    font-weight: 700;
    font-family: 'PT Serif', Roboto, sans-serif;
    border: none;
    color: #3a89cf;
}
/*.posts2-i .posts-i-more:hover {
	color: #373d54;
}*/
/*----------------------------------
Blog V2
----------------------------------*/



/*----------------------------------
20 - Blog Post
----------------------------------*/
.post-wrap {
    float: left;
    width: 80%;
    padding: 0 30px 50px 0;
}

.post-wrap-full {
    float: none;
    width: 100%;
    padding: 0 0 50px;
}

.post-wrap .post-slider {
    border: none;
    box-shadow: none;
    overflow: hidden;
    margin: 0 0 30px;
    position: relative;
}

    .post-wrap .post-slider ul {
        margin: 0;
        padding: 0;
    }

        .post-wrap .post-slider ul li {
            margin: 0;
            padding: 0;
            position: initial;
        }

            .post-wrap .post-slider ul li:after {
                display: none;
            }

    .post-wrap .post-slider .flex-direction-nav a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        opacity: 1 !important;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        color: #373d54;
        text-shadow: none;
        z-index: 2;
        background: rgba(255,255,255,0.8);
        border: none;
    }

        .post-wrap .post-slider .flex-direction-nav a:before {
            display: block;
            content: "\f104";
            font-size: 26px;
            text-indent: initial;
            color: #373d54;
            font-family: FontAwesome;
            transition: all 0.3s ease-in-out;
            text-shadow: none;
        }

.post-wrap .flex-direction-nav a.flex-next:before {
    margin: 0 0 0 4px;
    content: "\f105";
}

.post-wrap .flex-direction-nav a.flex-prev:before {
    margin: 0 2px 0 0;
    content: "\f104";
}

.post-wrap .post-slider .flex-direction-nav a:hover {
    background: rgba(255,255,255,1);
    text-decoration: none;
}

.post-wrap .post-slider.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 20px;
}

.post-wrap .post-slider.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 20px;
}

.post-img {
    margin: 0 0 30px;
    padding: 0;
    display: block;
    max-width: 100%;
    max-height: 800px;
    width: auto;
    height: auto;
}

.post-wrap p {
    margin: 0 0 20px;
}

.post-share-wrap {
    border-top: 1px solid #e0e4f6;
    color: #888;
    overflow: hidden;
    margin: 28px 0 70px;
}

    .post-share-wrap .post-share {
        float: left;
        padding: 21px 0 0;
        font-size: 18px;
        margin: 0;
    }

        .post-share-wrap .post-share li {
            display: inline-block;
            margin: 0 14px 10px 0;
            padding: 0;
        }

            .post-share-wrap .post-share li:after {
                display: none;
            }

            .post-share-wrap .post-share li a {
                transition: all 0.2s;
                border: none;
                color: #5f6680;
            }

                .post-share-wrap .post-share li a:hover {
                    color: #373d54;
                    text-decoration: none;
                }

                .post-share-wrap .post-share li a .fa {
                    transition: all 0.2s;
                    padding: 1px;
                }

                .post-share-wrap .post-share li a .fa-pinterest:hover {
                    color: #f44336;
                }

                .post-share-wrap .post-share li a .fa-facebook-square:hover,
                .post-share-wrap .post-share li a .fa-facebook:hover {
                    color: #0083C9;
                }

                .post-share-wrap .post-share li a .fa-twitter:hover {
                    color: #5BBCEC;
                }

                .post-share-wrap .post-share li a .fa-linkedin:hover {
                    color: #FF4518;
                }

                .post-share-wrap .post-share li a .fa-dribbble:hover {
                    color: #90C9DC;
                }

                .post-share-wrap .post-share li a .fa-google-plus:hover {
                    color: #CE3C2D;
                }

                .post-share-wrap .post-share li a .fa-instagram:hover {
                    color: #b4307d;
                }

                .post-share-wrap .post-share li a .fa-vk:hover {
                    color: #4c75a3;
                }

    .post-share-wrap .post-info {
        padding: 21px 0 0;
        float: right;
        text-align: right;
        margin: 0;
    }

        .post-share-wrap .post-info li {
            display: inline-block;
            padding: 0 0 10px 18px;
            margin: 0 0 0 5px;
            position: relative;
            font-size: 13px;
            text-transform: uppercase;
        }

            .post-share-wrap .post-info li:after {
                display: block;
                content: "";
                width: 9px;
                height: 19px;
                background: url(../img/separator1.png) no-repeat left top;
                top: 50%;
                left: 0;
                margin: -15px 0 0;
                position: absolute;
            }

            .post-share-wrap .post-info li:first-child:after {
                display: none;
            }

            .post-share-wrap .post-info li a {
                color: #3a89cf;
                transition: all 0.2s;
            }

                .post-share-wrap .post-info li a:hover {
                    text-decoration: none;
                }

.post-rel-wrap {
    position: relative;
    overflow: hidden;
    border: none;
    margin: 0 0 30px;
    box-shadow: none;
}

    .post-rel-wrap ul {
        margin: 0;
        padding: 0;
    }

        .post-rel-wrap ul li {
            margin: 0;
            padding: 0;
            position: initial;
        }

            .post-rel-wrap ul li:after {
                display: none;
            }

    .post-rel-wrap .posts-i {
        height: 236px;
        float: left;
        width: 280px;
        margin: 0 20px 0 0;
        color: #373d54;
        position: relative;
        padding: 0;
        overflow: hidden;
    }

        .post-rel-wrap .posts-i .posts-i-date {
            left: 20px;
        }

        .post-rel-wrap .posts-i .posts-i-info {
            left: 20px;
        }

    .post-rel-wrap .flex-direction-nav a {
        transition: all 0.2s ease-in;
        background: none;
        text-align: center;
        overflow: hidden;
        width: 38px;
        background: rgba(255,255,255,0.85);
        text-indent: 100%;
        white-space: nowrap;
        height: 42px;
        margin-top: -21px;
        z-index: 1;
        opacity: 0;
    }

        .post-rel-wrap .flex-direction-nav a:before {
            transition: all 0.2s ease-in;
            display: block;
            content: "";
            text-indent: initial;
            background: url(../img/nav1.png) no-repeat left top;
            height: 18px;
            width: 20px;
            position: absolute;
            top: 50%;
        }

    .post-rel-wrap.flexslider .flex-direction-nav .flex-next {
        right: 0;
    }

    .post-rel-wrap.flexslider .flex-direction-nav .flex-prev {
        left: 0;
    }

    .post-rel-wrap.flexslider:hover .flex-direction-nav .flex-next {
        opacity: 1;
        right: 20px;
    }

    .post-rel-wrap.flexslider .flex-direction-nav .flex-next:before {
        right: 8px;
        margin: -9px 0 0 0;
        content: '';
    }

    .post-rel-wrap.flexslider:hover .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 20px;
    }

    .post-rel-wrap.flexslider .flex-direction-nav .flex-prev:before {
        left: 8px;
        margin: -9px 0 0 0;
        background-position: left bottom;
        content: '';
    }
/*----------------------------------
20 - Blog Post
----------------------------------*/




/*----------------------------------
21 - Cart
----------------------------------*/
.cart-items-wrap {
    overflow: auto;
    clear: both;
}

    .cart-items-wrap .cart-items {
        width: 100%;
        border-collapse: collapse;
        margin: 0;
        text-align: left;
        border: none;
    }

        .cart-items-wrap .cart-items a {
            border: none;
        }

        .cart-items-wrap .cart-items p {
            margin: 0;
        }

        .cart-items-wrap .cart-items td {
            padding: 17px 20px 17px 0;
            vertical-align: middle;
            border: 1px solid #e0e4f6;
            font-size: 14px;
        }

        .cart-items-wrap .cart-items thead td {
            text-transform: uppercase;
            font-size: 13px;
            border: none;
            border-bottom: 1px solid #e0e4f6;
        }

        .cart-items-wrap .cart-items tbody td {
            padding: 17px 20px 17px 0;
            border: none;
            border-bottom: 1px solid #e0e4f6;
            font-weight: 500;
        }

            .cart-items-wrap .cart-items tbody td b {
                font-weight: 500;
            }

        .cart-items-wrap .cart-items tbody .cart-image {
            min-width: 100px;
            padding: 17px 20px 17px 0;
        }

            .cart-items-wrap .cart-items tbody .cart-image a {
                display: block;
                height: 80px;
            }

            .cart-items-wrap .cart-items tbody .cart-image img {
                max-width: 100%;
                max-height: 100%;
                display: block;
                margin: 0 auto;
            }

        .cart-items-wrap .cart-items tbody .cart-ttl {
            text-transform: uppercase;
            color: #373d54;
            text-align: left;
        }

            .cart-items-wrap .cart-items tbody .cart-ttl a {
                color: #373d54;
                transition: all 0.2s;
            }

                .cart-items-wrap .cart-items tbody .cart-ttl a:hover {
                    color: #3a89cf;
                    text-decoration: none;
                }

            .cart-items-wrap .cart-items tbody .cart-ttl p {
                text-transform: none;
                font-weight: 400;
                font-size: 13px;
            }

        .cart-items-wrap .cart-items tbody .cart-price span {
            color: #bbbbbb;
            font-weight: 400;
        }

        .cart-items-wrap .cart-items tbody .cart-price del {
            color: #bbbbbb;
            font-weight: 400;
            display: block;
        }

        .cart-items-wrap .cart-items tbody .cart-summ span {
            color: #bbbbbb;
            font-weight: 400;
        }

        .cart-items-wrap .cart-items tbody .cart-summ .cart-forone {
            font-weight: 400;
            font-size: 13px;
            position: relative;
            display: none;
            padding: 7px 0 0;
            margin: 4px 0 0;
            line-height: 1.2;
        }

            .cart-items-wrap .cart-items tbody .cart-summ .cart-forone:after {
                position: absolute;
                top: 0;
                left: 0;
                width: 40px;
                height: 1px;
                content: '';
                margin: 0;
                display: block;
                background: #e0e4f6;
                line-height: 1.2;
            }

            .cart-items-wrap .cart-items tbody .cart-summ .cart-forone b {
                font-weight: 400;
                line-height: 1.2;
            }

        .cart-items-wrap .cart-items .cart-image {
            width: 120px;
        }

        .cart-items-wrap .cart-items .cart-price,
        .cart-items-wrap .cart-items .cart-summ {
            width: 150px;
        }

        .cart-items-wrap .cart-items .cart-quantity {
            width: 150px;
        }

        .cart-items-wrap .cart-items .cart-del {
            width: 32px;
            padding-right: 0;
        }

        .cart-items-wrap .cart-items tbody .cart-remove {
            width: 32px;
            height: 32px;
            transition: all 0.2s;
            display: block;
            background: url(../img/remove.jpg) center center no-repeat;
        }

        .cart-items-wrap .cart-items .cart-qnt {
            overflow: hidden;
            margin: 0;
            width: 80px;
        }

            .cart-items-wrap .cart-items .cart-qnt input[type=text] {
                float: left;
                width: 39px;
                height: 39px;
                font-weight: 700;
                font-size: 14px;
                padding: 0;
                color: #373d54;
                text-align: center;
                display: block;
                margin: 0 2px 0 0;
                background: #f8fafc;
                border: 1px solid #e0e4f6;
            }

        .cart-items-wrap .cart-items .cart-plus {
            float: left;
            width: 17px;
            margin: 5px 0 0;
            color: #373d54;
            text-align: center;
            line-height: 1;
            font-size: 14px;
        }

            .cart-items-wrap .cart-items .cart-plus:hover {
                color: #3a89cf;
            }

            .cart-items-wrap .cart-items .cart-plus .fa {
                padding: 0;
                line-height: 1;
            }

        .cart-items-wrap .cart-items .cart-minus {
            float: left;
            border-top: none;
            width: 17px;
            color: #373d54;
            text-align: center;
            line-height: 1;
            font-size: 14px;
        }

            .cart-items-wrap .cart-items .cart-minus:hover {
                color: #3a89cf;
            }

            .cart-items-wrap .cart-items .cart-minus .fa {
                padding: 0;
                line-height: 1;
            }

.cart-submit {
    overflow: hidden;
    margin: 0 0 15px;
    padding: 0;
}

.cart-coupon {
    float: left;
    width: 42.2%;
    display: block;
    position: relative;
    margin: 0 0 15px;
}

    .cart-coupon input[type=text] {
        display: block;
        height: 34px;
        border: 1px solid #e0e4f6;
        padding: 0 17px;
        color: #373d54;
        width: 100%;
    }

    .cart-coupon input[type=image] {
        position: absolute;
        border: none;
        width: 20px;
        height: 15px;
        display: block;
        top: 50%;
        right: 14px;
        margin: -7px 0 0 0px;
    }

    .cart-coupon .cart-coupon-btn {
        position: absolute;
        border: none;
        width: 20px;
        height: 15px;
        display: block;
        top: 50%;
        right: 14px;
        margin: -7px 0 0 0px;
        transition: all 0.2s;
    }

        .cart-coupon .cart-coupon-btn:hover {
            opacity: 0.85;
        }

.cart-submit input[type=submit] {
    display: block;
    border: none;
    float: right;
    border-radius: 50px;
    font-size: 15px;
    color: #fff;
    margin: 0 0 15px;
    padding: 8px 24px 7px;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    background: #3a89cf;
    transition: all 0.2s;
    height: auto;
}

    .cart-submit input[type=submit]:hover {
        background: #22B2F9;
    }

.cart-submit .cart-submit-btn {
    display: block;
    border: none;
    float: right;
    font-size: 13px;
    color: #fff;
    margin: 0 0 15px 25px;
    padding: 10px 20px 9px;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    background: #373d54;
    letter-spacing: 1px;
    transition: all 0.2s;
    height: auto;
}

    .cart-submit .cart-submit-btn:hover {
        background: #474f6e;
        text-decoration: none;
        color: #fff;
    }

.cart-submit .cart-clear {
    display: block;
    border: none;
    float: right;
    font-size: 15px;
    color: #373d54;
    line-height: 100%;
    margin: 0 0 15px;
    padding: 11px 0 0;
    border-bottom: 1px solid #373d54;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
    transition: all 0.2s;
    height: auto;
}

    .cart-submit .cart-clear:hover {
        text-decoration: none;
        color: #373d54;
        border-bottom: 1px solid rgba(0,0,0,0);
    }

body .cart-total {
    padding: 0;
    font-size: 18px;
    color: #373d54;
    font-weight: 700;
    overflow: hidden;
    margin: 0 0 30px;
    border-bottom: 1px solid #e0e4f6;
}

    body .cart-total li {
        list-style: none;
        float: right;
        margin: 18px 15px 15px 0;
        font-size: 15px;
        font-weight: 400;
        position: relative;
        padding: 0 0 0 20px;
    }

        body .cart-total li:last-child {
            margin-left: 0;
            padding-left: 0;
        }

        body .cart-total li:after {
            position: absolute;
            content: "";
            left: 0;
            height: 26px;
            width: 1px;
            top: 50%;
            margin: -13px 0 0;
            background: #e0e4f6;
        }

        body .cart-total li:last-child:after {
            display: none;
        }

        body .cart-total li span {
            text-transform: none;
            color: #ccc;
            font-weight: 400;
        }

        body .cart-total li b {
            font-weight: 400;
        }

    body .cart-total .cart-summ {
        float: right;
        margin: 15px 0 15px 0;
        padding: 0 0 0 20px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        position: relative;
    }

        body .cart-total .cart-summ:after {
            position: absolute;
            content: "";
            left: 0;
            height: 26px;
            width: 1px;
            top: 50%;
            margin: -13px 0 0;
            background: #e0e4f6;
        }

        body .cart-total .cart-summ span {
            text-transform: none;
            color: red;
            font-weight: 400;
        }

        body .cart-total .cart-summ b {
            color: #3a89cf;
            text-transform: none;
            font-weight: 500;
        }
/*----------------------------------
21 - Cart
----------------------------------*/




/*----------------------------------
22 - Blog Posts
----------------------------------*/
.posts-wrap {
    overflow: hidden;
    margin: 0 0 50px;
}

.posts-list {
    margin: 0 -15px;
}

    .posts-list:after {
        clear: both;
        content: '';
        display: block;
    }

    .posts-list .posts-i {
        color: #373d54;
        position: relative;
        width: 33.33333%;
        padding: 0 15px;
        float: left;
        margin: 0 0 30px;
        height: 236px;
        overflow: hidden;
    }

.posts-i .posts-i-img {
    display: block;
    height: 100%;
    overflow: hidden;
    border: none;
    position: relative;
}

    .posts-i .posts-i-img:after {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0);
        transition: background 0.5s;
    }

.posts-i:hover .posts-i-img:after {
    background: rgba(0,0,0,0.5);
}

.posts-i .posts-i-img span {
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    display: block;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    -ms-transform: scale3d(1,1,1);
    -o-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.posts-i:hover .posts-i-img span {
    -webkit-transform: scale3d(1.05,1.05,1);
    -moz-transform: scale3d(1.05,1.05,1);
    -ms-transform: scale3d(1.05,1.05,1);
    -o-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}

.posts-i .posts-i-date {
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
    padding: 0;
    position: absolute;
    color: #fff;
    top: 15px;
    left: 35px;
    opacity: 0;
    transition: all 0.3s ease-in;
}

.posts-i:hover .posts-i-date {
    opacity: 1;
    top: 20px;
}

.posts-i .posts-i-date span {
    display: block;
    font-size: 28px;
    line-height: 1;
    font-family: 'PT Serif', Roboto, sans-serif;
    font-weight: 700;
    margin: 0 0 1px;
}

.posts-i .posts-i-info {
    position: absolute;
    bottom: 15px;
    left: 35px;
    right: 35px;
    padding: 0;
    color: #fff;
    line-height: 1;
    opacity: 0;
    transition: all 0.3s ease-in;
}

.posts-i:hover .posts-i-info {
    opacity: 1;
    bottom: 20px;
}

.posts-i .posts-i-ttl {
    font-family: 'PT Serif', Roboto, sans-serif;
    font-size: 19px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

    .posts-i .posts-i-ttl a {
        border: none;
        color: #fff;
        line-height: 1.2;
        transition: color 0.2s;
    }

        .posts-i .posts-i-ttl a:hover {
            color: #b3bede;
        }

.posts-i .posts-i-ctg {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 7px;
    display: inline-block;
    line-height: 1;
    border: none;
    color: #fff;
    transition: color 0.2s;
}

    .posts-i .posts-i-ctg:hover {
        color: #b3bede;
    }

.posts-list-rel {
    margin: 0;
    padding: 0 0 50px;
    overflow: hidden;
}

    .posts-list-rel ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
    }

    .posts-list-rel .posts-i {
        padding: 0;
        margin: 0;
        list-style: none !important;
    }

        .posts-list-rel .posts-i .posts-i-info {
            left: 22px;
            right: 22px;
        }

        .posts-list-rel .posts-i .posts-i-date {
            left: 22px;
        }

    .posts-list-rel .flex-control-nav {
        bottom: 10px;
        margin: 0;
        list-style: none;
    }

        .posts-list-rel .flex-control-nav li {
            margin: 0 4px;
        }

            .posts-list-rel .flex-control-nav li a {
                display: block;
                box-shadow: none;
                border-radius: 0;
                width: 23px;
                height: 3px;
                background: #e0e4f6;
                box-shadow: none;
                transition: all 0.2s;
                border: none;
            }

                .posts-list-rel .flex-control-nav li a:hover {
                    background: #373d54;
                }

                .posts-list-rel .flex-control-nav li a.flex-active {
                    background: #373d54;
                    cursor: default;
                }

    .posts-list-rel .flex-direction-nav a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        opacity: 1 !important;
        margin: -48px 0 0;
        position: absolute;
        top: 50%;
        color: #373d54;
        text-shadow: none;
        z-index: 2;
        background: rgba(255,255,255,0.8);
        border: none;
    }

        .posts-list-rel .flex-direction-nav a.flex-disabled {
            display: none;
        }

        .posts-list-rel .flex-direction-nav a:before {
            display: block;
            content: "\f104";
            font-size: 26px;
            text-indent: initial;
            color: #373d54;
            font-family: FontAwesome;
            transition: all 0.3s ease-in-out;
            text-shadow: none;
        }

.post-wrap .flex-direction-nav a.flex-next:before {
    margin: 0 0 0 4px;
    content: "\f105";
}

.post-wrap .flex-direction-nav a.flex-prev:before {
    margin: 0 2px 0 0;
    content: "\f104";
}

.posts-list-rel .flex-direction-nav a:hover {
    background: rgba(255,255,255,1);
    text-decoration: none;
}

.posts-list-rel.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 20px;
}

.posts-list-rel.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 20px;
}
/*----------------------------------
22 - Blog Posts
----------------------------------*/




/*----------------------------------
23 - Reviews Carousel
----------------------------------*/
.reviews-wrap {
    margin: 0 auto 30px;
    max-width: 800px;
}

.reviewscar .swiper-slide {
    font-family: 'PT Serif', Roboto, sans-serif;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    line-height: 1.9;
    margin: 0;
    padding: 0 0 39px;
    position: relative;
}

    .reviewscar .swiper-slide:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 24px;
        left: 50%;
        width: 60px;
        margin: 0 0 0 -30px;
        height: 1px;
        background: #373d54;
    }

    .reviewscar .swiper-slide p {
        line-height: 1.9;
        margin: 0;
        padding: 0;
    }

.reviewscar .reviewscar-ttl {
    font-style: normal;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 25px 0 10px;
    padding-top: 25px;
    position: relative;
}

    .reviewscar .reviewscar-ttl:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 60px;
        margin: 0 0 0 -30px;
        height: 1px;
        background: #373d54;
    }

.reviewscar-thumbs {
    box-sizing: border-box;
    padding: 0 0 100px;
}

    .reviewscar-thumbs .swiper-slide {
        width: 80px;
        height: 80px;
        opacity: 0.6;
        cursor: pointer;
        position: relative;
        transition: all 0.3s;
    }

        .reviewscar-thumbs .swiper-slide:hover,
        .reviewscar-thumbs .swiper-slide-active {
            opacity: 1;
        }

    .reviewscar-thumbs .reviewscar-ttl {
        font-style: normal;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 100px;
        left: -80px;
        right: -80px;
        display: none;
    }

        .reviewscar-thumbs .reviewscar-ttl a {
            color: #373d54;
            border: none;
        }

    .reviewscar-thumbs .reviewscar-post {
        position: absolute;
        text-align: center;
        top: 119px;
        left: -80px;
        right: -80px;
        display: none;
        color: #373d54;
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 13px;
        font-weight: 400;
        letter-spacing: 1px;
        font-style: normal;
    }

    .reviewscar-thumbs .swiper-slide-active .reviewscar-ttl,
    .reviewscar-thumbs .swiper-slide-active .reviewscar-post {
        display: block;
    }
/*----------------------------------
23 - Reviews Carousel
----------------------------------*/




/*----------------------------------
24 - Reviews List
----------------------------------*/
.reviews-list {
    margin: 0 0 30px;
    clear: both;
}

.prod-tab .reviews-list {
    padding-top: 15px;
}

.reviews-list:after {
    clear: both;
    content: '';
    display: block;
}

.reviews-list .reviews-i {
    position: relative;
    padding: 0;
    font-weight: 300;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
    margin: 0 0 30px;
    padding: 0 0 5px;
    border-bottom: 1px solid #eee;
}

    .reviews-list .reviews-i.existimg {
        padding: 0 0 5px 144px;
        min-height: 200px;
    }

.reviews-i .reviews-i-img {
    top: 2px;
    left: 0;
    width: 120px;
    position: absolute;
    margin: 0;
}

    .reviews-i .reviews-i-img img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 0 14px;
    }

.reviews-i .reviews-i-rating {
    font-size: 13px;
    color: #3a89cf;
    text-align: center;
    display: block;
    margin: 0 0 4px;
}

    .reviews-i .reviews-i-rating .fa {
        margin: 0 1px;
    }

.reviews-i .reviews-i-cont {
    line-height: 1.7;
    position: relative;
}

    .reviews-i .reviews-i-cont:after {
        clear: both;
        content: '';
        display: block;
    }

.reviews-i .reviews-i-date {
    font-size: 14px;
    text-align: center;
    display: block;
    color: #373d54;
    font-family: 'PT Serif', sans-serif;
    font-style: italic;
}

.reviews-i .reviews-i-cont .reviews-i-rating {
    text-align: left;
    margin-bottom: 11px;
    position: absolute;
    right: 0;
    top: 3px;
}

.reviews-i .reviews-i-cont .reviews-i-date {
    text-align: left;
    margin-bottom: 11px;
}

.reviews-i p {
    line-height: 1.7;
    margin: 0 0 12px;
}

.reviews-i .reviews-i-margin {
    display: block;
    margin-top: 12px;
}

.reviews-i .reviews-i-showanswer {
    font-size: 14px;
    color: #3a89cf;
    letter-spacing: 0.03em;
    float: right;
    line-height: 1.4;
    cursor: pointer;
}

    .reviews-i .reviews-i-showanswer.opened .fa:before {
        content: '\f106';
    }

    .reviews-i .reviews-i-showanswer span {
        display: inline-block;
        border-bottom: 1px solid transparent;
        transition: all 0.2s;
        line-height: 1;
    }

    .reviews-i .reviews-i-showanswer:hover span {
        border-color: #3a89cf;
    }

.reviews-i .reviews-i-ttl {
    font-family: 'PT Serif', sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    padding: 0 0 0 56px;
    position: relative;
    line-height: 1.1;
    margin: 0 0 20px;
    letter-spacing: 0.02em;
    float: left;
    color: #373d54;
}

    .reviews-i .reviews-i-ttl:after {
        position: absolute;
        top: 8px;
        left: 0;
        background: #373d54;
        height: 1px;
        display: block;
        width: 42px;
        content: '';
    }

.reviews-i .reviews-i-answer {
    font-weight: 300;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
    padding: 0 0 0 40px;
    position: relative;
    display: none;
    overflow: hidden;
}

    .reviews-i .reviews-i-answer:after {
        content: '';
        display: block;
        width: 2px;
        top: 3px;
        bottom: 13px;
        left: 20px;
        background: #373d54;
        position: absolute;
    }
/*----------------------------------
24 - Reviews List
----------------------------------*/




/*----------------------------------
25 - Modal Form
----------------------------------*/
.bx-wrapper {
    margin-bottom: 0;
}

    .bx-wrapper .bx-viewport {
        box-shadow: none;
        border: none;
        left: auto;
        background: #fff;
    }

.modalform {
    font-size: 14px;
    background: #fff;
    width: 100%;
    padding: 30px 30px 20px;
    margin: 0 auto;
    width: 280px;
}

    .modalform .modalform-ttl {
        text-transform: uppercase;
        font-size: 18px;
        padding: 0 0 11px;
        font-weight: 500;
        margin: 0 0 20px;
        color: #373d54;
        text-align: center;
        position: relative;
    }

        .modalform .modalform-ttl:after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 50px;
            height: 1px;
            margin: 0 0 0 -25px;
            display: block;
            background: #373d54;
        }

    .modalform input[type=text] {
        width: 100%;
        display: block;
        margin: 0 auto 20px;
        border: 1px solid #e0e4f6;
        height: 40px;
        color: #373d54;
        background: #f8fafc;
        transition: all 0.2s;
        padding: 0 14px;
        font-size: 14px;
    }

        .modalform input[type=text]::-webkit-input-placeholder {
            color: #c7cbdc;
        }

        .modalform input[type=text]::-moz-placeholder {
            color: #c7cbdc;
            opacity: 1;
        }

        .modalform input[type=text]:-ms-input-placeholder {
            color: #c7cbdc;
        }

    .modalform textarea {
        float: none;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 0 20px 0;
        border: 1px solid #e0e4f6;
        display: block;
        min-height: 170px;
        height: 170px;
        max-height: 700px;
        color: #373d54;
        background: #f8fafc;
        transition: all 0.2s;
        padding: 14px 14px;
        font-size: 14px;
    }

        .modalform textarea::-webkit-input-placeholder {
            color: #c7cbdc;
        }

        .modalform textarea::-moz-placeholder {
            color: #c7cbdc;
            opacity: 1;
        }

        .modalform textarea:-ms-input-placeholder {
            color: #c7cbdc;
        }

    .modalform button[type=submit] {
        display: block;
        border: none;
        font-size: 13px;
        color: #fff;
        margin: 0 auto 15px;
        padding: 10px 24px 9px;
        cursor: pointer;
        text-align: center;
        font-weight: 500;
        text-transform: uppercase;
        background: #313b54;
        transition: all 0.2s;
        height: auto;
        width: 100%;
    }

        .modalform button[type=submit] .fa {
            display: inline-block;
            vertical-align: middle;
            margin: -2px 5px 0 0;
            font-size: 12px;
        }

        .modalform button[type=submit]:hover {
            background: #22B2F9;
        }

.redborder {
    border-color: red !important;
}

.modalform .form-result {
    margin: 0;
}
/*----------------------------------
25 - Modal Form
----------------------------------*/




/*----------------------------------
26 - Quick View
----------------------------------*/
.qview-modal {
    height: 0;
    overflow: hidden;
    width: 950px;
    width: 100%;
    max-width: 950px;
}

    .qview-modal .prod-slider-wrap,
    .qview-modal .prod-cont {
        margin-bottom: 0;
    }

    .qview-modal .prod-wrap {
        float: none;
        width: auto;
        padding: 20px;
        background: #fff;
        max-width: 950px;
        width: 100%;
    }

.fancybox-wrap .qview-modal {
    overflow: initial;
    height: auto;
    width: auto;
}
/*----------------------------------
26 - Quick View
----------------------------------*/




/*----------------------------------
27 - Elements
----------------------------------*/
body .component-ttl {
    font-size: 22px;
    text-transform: uppercase;
    color: #373d54;
    margin: 0 0 50px;
    font-weight: 900;
    position: relative;
    letter-spacing: 2px;
}

body .component-ttl-hasdesc {
    margin: 0 0 18px;
}

body .component-ttl span {
    position: relative;
    display: inline-block;
    padding: 0 0 8px;
}

    body .component-ttl span:before {
        display: block;
        position: absolute;
        content: "";
        bottom: 0;
        height: 2px;
        left: 0;
        right: 0;
        background: #f8fafc;
    }

    body .component-ttl span:after {
        display: block;
        position: absolute;
        content: "";
        bottom: 0;
        height: 2px;
        left: 0;
        width: 60px;
        background: #373d54;
    }

body .component-ttl-ct {
    text-align: center;
}

    body .component-ttl-ct span:after {
        left: 50%;
        margin: 0 0 0 -30px;
    }

body .component-desc {
    margin: 0 0 45px;
    font-size: 15px;
    font-family: 'PT Serif';
    font-style: italic;
    letter-spacing: 0.05em;
}

    body .component-desc.component-desc-ct {
        text-align: center;
    }
/*----------------------------------
27 - Elements
----------------------------------*/




/*----------------------------------
28 - Pricing Table
----------------------------------*/
.pricing-wrap {
    overflow: hidden;
    margin-bottom: 30px;
}

.pricing-list {
    margin-left: -15px;
    margin-right: -15px;
}

    .pricing-list .pricing-i {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 30px;
        color: #373d54;
        margin-left: auto;
        margin-right: auto;
        max-width: 390px;
    }

        .pricing-list .pricing-i:nth-child(3n+1) {
            clear: left;
        }

    .pricing-list .pricing-i-marked {
        margin-top: 0;
    }

.pricing-i .pricing-i-top {
    color: #ffffff;
    background: #3f4661;
    padding: 24px 15px 14px;
    font-weight: 300;
    overflow: hidden;
}

.pricing-i-marked .pricing-i-top {
    padding-top: 33px;
    padding-bottom: 22px;
}

.pricing-i .pricing-i-ttl {
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 5px;
    line-height: 1.2;
    color: #fff;
}

.pricing-i-marked .pricing-i-ttl {
    font-size: 39px;
    margin-bottom: 10px;
}

.pricing-i .pricing-i-subttl {
    opacity: 0.23;
    font-size: 15px;
    margin: 0 0 9px;
}

.pricing-i .pricing-i-price {
    font-size: 28px;
    color: #fff;
    font-weight: 300;
    background: #373d54;
    margin: 0;
    padding: 12px 15px;
}

    .pricing-i .pricing-i-price span {
        font-size: 16px;
    }

.pricing-i .pricing-i-desc {
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #e0e4f6;
    border-left: 2px solid #e0e4f6;
    border-right: 2px solid #e0e4f6;
}

.pricing-i-marked .pricing-i-desc {
    border-color: #373d54;
}

.pricing-i .pricing-i-desc li {
    list-style: none;
    padding: 22px 15px;
    font-size: 15px;
    margin: 0;
}

    .pricing-i .pricing-i-desc li:nth-child(2n) {
        background: #f8fafc;
    }

    .pricing-i .pricing-i-desc li.pricing-i-no {
        color: #7c83a1;
    }

.pricing-i .pricing-i-desc .pricing-i-order {
    padding: 15px 15px;
}

    .pricing-i .pricing-i-desc .pricing-i-order a {
        display: block;
        width: 100%;
        padding: 16px 0;
        text-transform: uppercase;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        background: #373d54;
        border: none;
        letter-spacing: 1px;
    }

        .pricing-i .pricing-i-desc .pricing-i-order a:hover {
            background: #474f6e;
        }

.pricing-list.pricing-list-1,
.pricing-list.pricing-list-2 {
    text-align: center;
}

    .pricing-list.pricing-list-1 .pricing-i,
    .pricing-list.pricing-list-2 .pricing-i {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
/*----------------------------------
28 - Pricing Table
----------------------------------*/




/*----------------------------------
29 - Team
----------------------------------*/
.team-wrap {
    overflow: hidden;
    margin-bottom: 30px;
}

.team-list {
    margin-left: -15px;
    margin-right: -15px;
}

    .team-list .team-i {
        text-align: center;
        margin-bottom: 40px;
        color: #373d54;
        margin-left: auto;
        margin-right: auto;
        max-width: 390px;
        font-weight: 300;
        color: #616161;
        line-height: 1.7;
    }

        .team-list .team-i:nth-child(3n+1) {
            clear: left;
        }

.team-i .team-i-img {
    margin: 0 0 25px;
    padding: 0;
    overflow: hidden;
    height: 280px;
}

    .team-i .team-i-img img {
        display: block;
        width: 100%;
        min-height: 100%;
    }

.team-i .team-i-ttl {
    margin: 0 0 2px;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
}

.team-i .team-i-post {
    color: #373d54;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 13px;
    font-weight: 400;
    letter-spacing: 1px;
}

.team-i p {
    margin-bottom: 19px;
}

.team-i .team-i-margin {
    display: block;
    margin-top: 19px;
}

.team-i .team-i-social {
    text-align: center;
    padding: 17px 0 0;
    margin: 0;
    position: relative;
}

    .team-i .team-i-social:after {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 50%;
        width: 190px;
        margin: 0 0 0 -95px;
        height: 1px;
        background: #e0e4f6;
    }

    .team-i .team-i-social li {
        display: inline-block;
        vertical-align: middle;
        list-style: none;
        margin: 0 8px 8px;
    }

        .team-i .team-i-social li a {
            transition: all 0.2s;
            border: none;
            color: #5f6680;
            font-size: 18px;
        }

            .team-i .team-i-social li a:hover .fa {
                color: #3a89cf;
            }

            .team-i .team-i-social li a:hover .fa-pinteres {
                color: #f44336;
            }

            .team-i .team-i-social li a:hover .fa-facebook-square,
            .team-i .team-i-social li a:hover .fa-faceboo {
                color: #0083C9;
            }

            .team-i .team-i-social li a:hover .fa-twitter {
                color: #5BBCEC;
            }

            .team-i .team-i-social li a:hover .fa-linkedin {
                color: #FF4518;
            }

            .team-i .team-i-social li a:hover .fa-dribbble {
                color: #90C9DC;
            }

            .team-i .team-i-social li a:hover .fa-google-plus {
                color: #CE3C2D;
            }

            .team-i .team-i-social li a:hover .fa-instagram {
                color: #b4307d;
            }

            .team-i .team-i-social li a:hover .fa-vk {
                color: #4c75a3;
            }
/*----------------------------------
29 - Team
----------------------------------*/




/*----------------------------------
30 - Contact Forms
----------------------------------*/
.contactform-wrap {
    margin: 0 auto 40px;
    max-width: 600px;
    font-size: 14px;
}

    .contactform-wrap p {
        margin: 0 0 20px;
    }

    .contactform-wrap label {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 5px;
        color: #313b54;
        font-size: 14px;
    }

    .contactform-wrap .contactform-label {
        width: 20%;
        text-align: right;
        padding-right: 15px;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 13px;
    }

.contactform-multiselect .contactform-label,
.contactform-textarea .contactform-label {
    vertical-align: top;
    margin: 13px 0 0;
}

.contactform-field .contactform-label + .contactform-input,
.contactform-field .contactform-label + select,
.contactform-field .contactform-label + textarea,
.contactform-field .contactform-label + input[type=file],
.contactform-field .contactform-label + input[type=password],
.contactform-field .contactform-label + input[type=email],
.contactform-field .contactform-label + input[type=tel],
.contactform-field .contactform-label + input[type=search],
.contactform-field .contactform-label + input[type=text] {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 80%;
}

.contactform-wrap .contactform-field input[type=file] {
    width: auto;
    color: #313b54;
    font-size: 14px;
}

.contactform-wrap .contactform-field select {
    background: #fff;
    outline: none !important;
    background: #f8fafc;
    color: #313b54;
}

.contactform-wrap .contactform-radio .contactform-label,
.contactform-wrap .contactform-checkbox .contactform-label {
    margin: 0 0 5px;
}

.contactform-wrap .contactform-radio label:not(.contactform-label),
.contactform-wrap .contactform-checkbox label:not(.contactform-label) {
    text-transform: none;
    letter-spacing: 0;
    width: auto;
    text-align: left;
    line-height: 1;
    margin: 0;
}

.contactform-wrap .contactform-radio input[type=radio],
.contactform-wrap .contactform-checkbox input[type=checkbox] {
    margin: 0 5px 5px 0;
}

.contactform-wrap .contactform-radio label[for],
.contactform-wrap .contactform-checkbox label[for] {
    margin: 0 10px 5px 0;
    line-height: 1;
}

.contactform-wrap .contactform-radio br,
.contactform-wrap .contactform-checkbox br {
    display: none;
}

.contactform-wrap .contactform-date input[type=text] {
    display: inline-block;
    width: 70%;
    margin: 0 5px 0 0;
}

.contactform-wrap .contactform-submit {
    text-align: center;
    padding: 15px 0 0;
}

.contactform-submit input[type=submit] {
    display: inline-block;
}

.form-required {
    color: red;
}

.form-result {
    text-align: center;
    color: #373d54;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 20px;
}

.contacts-map {
    height: 400px;
}
/*----------------------------------
30 - Contact Forms
----------------------------------*/




/*----------------------------------
31 - Brands
----------------------------------*/
.brands-wrap {
    overflow: hidden;
    position: relative;
    margin-bottom: 60px;
}

.brands-list {
    overflow: hidden;
    position: relative;
    padding: 0 50px;
}

    .brands-list ul.slides {
        overflow: hidden;
        position: relative;
        width: 1600%;
        transition-duration: 0s;
        -ms-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        margin: 0 auto;
    }

        .brands-list ul.slides li {
            float: left;
            width: 157px;
            margin: 0 20px 0 0;
            height: 60px;
            text-align: center;
            line-height: 60px;
            vertical-align: middle;
            display: block;
        }

            .brands-list ul.slides li a {
                border: none;
                display: block;
                transition: all 0.2s;
                height: 100%;
                vertical-align: middle;
            }

                .brands-list ul.slides li a:after {
                    display: inline-block;
                    height: 100%;
                    content: '';
                    vertical-align: middle;
                }

                .brands-list ul.slides li a:hover {
                    opacity: 0.85;
                }

            .brands-list ul.slides li img {
                max-width: 100%;
                max-height: 100%;
                width: auto;
                height: auto;
                display: inline-block;
                vertical-align: middle;
            }

    .brands-list .flex-direction-nav .flex-prev {
        left: 2px;
    }

        .brands-list .flex-direction-nav .flex-prev:hover {
            left: 0px;
        }

    .brands-list .flex-direction-nav .flex-next {
        right: 2px;
    }

        .brands-list .flex-direction-nav .flex-next:hover {
            right: 0;
        }
/*----------------------------------
31 - Brands
----------------------------------*/




/*----------------------------------
32 - Banners
----------------------------------*/
.banners-list {
    margin: 0 -10px 50px;
}

    .banners-list:after {
        clear: both;
        content: '';
        display: block;
    }

    .banners-list .banner-i {
        width: 50%;
        padding: 0 10px;
        margin: 0 0 20px;
        position: relative;
        float: left;
    }

.banner-i .banner-i-cont {
    position: absolute;
    color: #373d54;
    font-size: 13px;
    top: 0;
    left: 10px;
    right: 10px;
    overflow: hidden;
}

.banner-i p {
    margin: 0 0 24px;
}

.banner-i .banner-i-img {
    display: block;
    width: 100%;
}

.banner-i .banner-i-bg {
    display: block;
    width: 100%;
    height: 360px;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.banner-i .banner-i-ttl {
    font-size: 20px;
    margin: 0 0 24px;
    font-weight: 700;
    line-height: 1.2;
}

    .banner-i .banner-i-ttl * {
        line-height: 1.2;
    }

.banner-i .banner-i-subttl {
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0 0 11px;
}

.banner-i .banner-i-link {
    margin: 24px 0 35px;
}

    .banner-i .banner-i-link a {
        background: #373d54;
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
        padding: 8px 20px;
        font-weight: 700;
        display: inline-block;
        transition: all 0.2s;
        letter-spacing: 1px;
    }

        .banner-i .banner-i-link a:hover {
            background: #474f6e;
        }

.banners-list .banner-i.style_11,
.banners-list .banner-i.style_12 {
    width: 50%;
}

.banners-list .banner-i.style_21,
.banners-list .banner-i.style_22 {
    width: 25%;
    text-align: center;
}

.banners-list .banner-i.style_11 .banner-i-cont {
    position: absolute;
    right: 90px;
    width: 208px;
    top: 50%;
    padding: 47px 0 0 40px;
    left: auto;
    background: rgba(55,61,84,0.9);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
}

.banners-list .banner-i.style_11 .banner-i-link a {
    background: transparent;
    padding: 0;
    font-weight: 500;
    position: relative;
}

    .banners-list .banner-i.style_11 .banner-i-link a:after {
        content: '\f105';
        font-family: FontAwesome;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        margin: -1px 0 0 10px;
    }

.banners-list .banner-i.style_12 .banner-i-cont {
    position: absolute;
    right: 45px;
    width: 208px;
    top: 50%;
    padding: 47px 0 0 0;
    left: auto;
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.banners-list .banner-i.style_12 .banner-i-ttl {
    margin: 0 0 12px;
}

.banners-list .banner-i.style_12 .banner-i-link {
    margin: 35px 0 35px;
}

.banners-list .banner-i.style_21 .banner-i-cont {
    bottom: 0;
    top: auto;
}

.banners-list .banner-i.style_22 .banner-i-cont {
    bottom: 0;
    top: 33px;
}

.banners-list .banner-i.style_22 .banner-i-link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/*----------------------------------
32 - Banners
----------------------------------*/




/*----------------------------------
33 - Discounts
----------------------------------*/
.discounts-wrap {
    margin: 0 0 80px;
    position: relative;
}

    .discounts-wrap .discounts-list {
        padding: 0 240px 0 0;
    }

    .discounts-wrap.discounts-wrap-nobtn .discounts-list {
        padding: 0;
    }

.discounts-list .discounts-i {
    float: left;
    margin: 0 30px 0 0;
    width: 280px;
    position: relative;
    padding: 20px 30px 0 150px;
    min-height: 120px;
    border-right: 1px solid #e0e4f6;
}

.discounts-i .discounts-i-img {
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

    .discounts-i .discounts-i-img img {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

.discounts-i .discounts-i-ttl {
    color: #373d54;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 5px;
}

    .discounts-i .discounts-i-ttl a {
        color: #373d54;
        line-height: 1.2;
    }

        .discounts-i .discounts-i-ttl a:hover {
            color: #3a89cf;
        }

.discounts-i .discounts-i-price {
    color: #ff3333;
    font-size: 12px;
}

    .discounts-i .discounts-i-price b {
        font-size: 16px;
        font-weight: 500;
    }

    .discounts-i .discounts-i-price del {
        color: #888;
        font-size: 12px;
        display: block;
        font-weight: 400;
        margin: 9px 0 0;
    }

.discounts-wrap .discounts-info {
    color: #373d54;
    font-size: 15px;
    position: absolute;
    bottom: 27px;
    right: 0;
    width: 210px;
}

    .discounts-wrap .discounts-info p {
        margin: 0 0 15px;
    }

    .discounts-wrap .discounts-info a {
        background: #373d54;
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
        padding: 8px 20px;
        font-weight: 500;
        display: inline-block;
        transition: all 0.2s;
        letter-spacing: 1px;
    }

        .discounts-wrap .discounts-info a:hover {
            background: #474f6e;
        }
/*----------------------------------
33 - Discounts
----------------------------------*/




/*----------------------------------
34 - Newsletter
----------------------------------*/
.newsletter {
    color: #373d54;
    background-image: url(../img/subscribe.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 13px;
    margin: 0 auto 80px;
    max-width: 570px;
    padding: 35px 40px 21px;
}

    .newsletter h3 {
        text-transform: uppercase;
        font-size: 20px;
        margin: 0 0 6px;
        font-weight: 700;
        line-height: 1.2;
    }

    .newsletter p {
        margin: 0 0 21px;
        color: #5f6680;
    }

    .newsletter input[type=text] {
        border: none;
        background: #fff;
        transition: all 0.2s;
        margin: 0 0 20px 0;
        display: inline-block;
        vertical-align: top;
        height: 35px;
        font-size: 13px;
        padding: 0 15px;
        width: 158px;
    }

    .newsletter input[type=submit] {
        border: none;
        height: 35px;
        background: #373d54;
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
        padding: 0 20px;
        font-weight: 500;
        display: inline-block;
        vertical-align: top;
        transition: all 0.2s;
        letter-spacing: 1px;
        margin: 0 0 20px;
    }

        .newsletter input[type=submit]:hover {
            background: #474f6e;
        }
/*----------------------------------
34 - Newsletter
----------------------------------*/




/*----------------------------------
35 - Iconbox 1
----------------------------------*/
.iconbox-wrap {
    overflow: hidden;
    margin-bottom: 30px;
}

.iconbox-list {
}

    .iconbox-list .iconbox-i {
        text-align: center;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        font-weight: 300;
        color: #616161;
        line-height: 1.7;
        font-size: 14px;
    }

.iconbox-i .iconbox-i-img {
    margin: 0 0 30px;
    padding: 0;
    height: 90px;
}

    .iconbox-i .iconbox-i-img img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        display: inline-block;
        vertical-align: middle;
    }

    .iconbox-i .iconbox-i-img:after {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        content: '';
    }

.iconbox-i .iconbox-i-ttl {
    margin: 0 0 16px;
    padding: 0 0 17px;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .iconbox-i .iconbox-i-ttl:after {
        background-color: #5f6476;
        width: 50px;
        height: 2px;
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        margin: 0 0 0 -25px;
    }

.iconbox-i .iconbox-i-link {
    color: #373d54;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-weight: 500;
    display: inline-block;
    letter-spacing: 3px;
    border: none;
}

    .iconbox-i .iconbox-i-link:hover {
        color: #3a89cf;
    }

    .iconbox-i .iconbox-i-link .fa {
        font-size: 16px;
        margin-left: 3px;
    }

.iconbox-i p {
    font-size: 14px;
    margin-bottom: 10px;
}

.iconbox-i .iconbox-i-margin {
    display: block;
    margin-top: 10px;
}
/*----------------------------------
35 - Iconbox 1
----------------------------------*/



/*----------------------------------
36 - Iconbox 2
----------------------------------*/
.iconbox-2-wrap {
    overflow: hidden;
    margin-bottom: 30px;
}

.iconbox-2-list .iconbox-2-col {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.iconbox-2-list .iconbox-2-i {
    font-weight: 300;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
    position: relative;
    padding-left: 80px;
}

.iconbox-2-i .iconbox-2-i-img {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    left: 0;
    width: 50px;
}

    .iconbox-2-i .iconbox-2-i-img img {
        width: 100%;
        height: auto;
        display: block;
    }

.iconbox-2-i .iconbox-2-i-ttl {
    margin: 0 0 12px;
    padding: 0 0 13px;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    letter-spacing: 1px;
}

    .iconbox-2-i .iconbox-2-i-ttl:after {
        background-color: #5f6476;
        width: 50px;
        height: 1px;
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        transition: all 0.2s;
    }

.iconbox-2-i .iconbox-2-i-link {
    color: #373d54;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-weight: 500;
    display: inline-block;
    letter-spacing: 3px;
    border: none;
}

    .iconbox-2-i .iconbox-2-i-link:hover {
        color: #3a89cf;
    }

    .iconbox-2-i .iconbox-2-i-link .fa {
        font-size: 16px;
        margin-left: 3px;
    }

.iconbox-2-i p {
    font-size: 14px;
    margin-bottom: 6px;
}

.iconbox-2-i .iconbox-2-i-margin {
    display: block;
    margin-top: 6px;
}
/*----------------------------------
36 - Iconbox 2
----------------------------------*/




/*----------------------------------
37 - Counters
----------------------------------*/
.facts-wrap {
    overflow: hidden;
    margin-bottom: 30px;
}

.facts-list .facts-i {
    text-align: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
    position: relative;
    padding-bottom: 11px;
}

    .facts-list .facts-i:after {
        background-color: #373d54;
        width: 50px;
        height: 1px;
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        margin: 0 0 0 -25px;
        transition: all 0.2s;
    }

    .facts-list .facts-i:hover:after {
        background-color: #3a89cf;
    }

.facts-i .facts-i-num {
    margin: 0 0 10px;
    padding: 0;
    color: #373d54;
    white-space: nowrap;
    line-height: 1;
    font-size: 42px;
    letter-spacing: 2px;
    transition: all 0.2s;
    height: 42px;
    position: relative;
    font-weight: 700;
    font-family: 'PT Serif', sans-serif;
}

.facts-i:hover .facts-i-num {
    color: #3a89cf;
}

.facts-i .facts-i-ttl {
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.1em;
}

.facts-i p {
    font-size: 14px;
    margin-bottom: 11px;
}

.facts-i .facts-i-margin {
    display: block;
    margin-top: 11px;
}

.facts-i .facts-i-percent {
    margin: 0 auto 23px;
    padding: 0;
    color: #373d54;
    white-space: nowrap;
    line-height: 1;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    height: 105px;
    width: 105px;
}

    .facts-i .facts-i-percent .progressbar-text {
        color: #373d54 !important;
        font-size: 30px;
        font-family: 'PT Serif', sans-serif;
        font-weight: 700;
    }

        .facts-i .facts-i-percent .progressbar-text span {
            font-size: 20px;
        }

.style-2 .facts-i .facts-i-ttl {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}
/*----------------------------------
37 - Counters
----------------------------------*/




/*----------------------------------
38 - Social Links
----------------------------------*/
.social-wrap {
    margin-bottom: 40px;
}

    .social-wrap .social-list {
        text-align: center;
    }

.social-list .social-i {
    text-align: center;
    margin: 0 5px 30px;
    display: inline-block;
    width: 160px;
    vertical-align: top;
}

.social-i a {
    color: #373d54;
    transition: all 0.3s;
    display: block;
    border: none;
}

.social-i .social-i-img {
    color: #ffffff;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    line-height: 82px;
    margin: 0 auto 20px;
    background: #373d54;
    transition: all 0.3s;
}

    .social-i .social-i-img .fa {
        color: #ffffff;
        line-height: 1;
        font-size: 28px;
        transition: all 0.3s;
    }

.social-i a:hover .social-i-img {
    background: #f5f5f5;
}

    .social-i a:hover .social-i-img .fa {
        color: #373d54;
    }

.social-i .social-i-ttl {
    text-transform: uppercase;
    font-size: 13px;
    color: #373d54;
    font-weight: 500;
    margin: 0;
    letter-spacing: 1px;
}
/*----------------------------------
38 - Social Links
----------------------------------*/




/*----------------------------------
39 - Accordion
----------------------------------*/
.accordion-wrap .component-ttl {
    margin-bottom: 35px;
}

.accordion-tab-cont {
    overflow: hidden;
    position: relative;
    margin: 0 0 44px;
}

.accordion-tab {
    border: none;
    border-radius: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 0;
}

.accordion-tab-cont .accordion-tab:first-of-type {
    height: auto;
}

.height_auto {
    height: auto !important;
}

.accordion-tab-mob {
    cursor: pointer;
    border-top: 1px solid #e0e4f6;
    padding: 15px 0px 15px;
    text-transform: uppercase;
    transition: all 0.2s;
    color: #373d54;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    margin: 0 !important;
}

    .accordion-tab-mob:hover {
        color: #3a89cf;
    }

    .accordion-tab-mob.active {
        color: #373d54;
    }

        .accordion-tab-mob.active:before {
            position: absolute;
            content: "";
            top: -1px;
            left: -1px;
            width: 100%;
            box-sizing: content-box;
            padding: 0 1px;
            height: 3px;
            background: #373d54;
        }

.accordion-inner {
    padding-bottom: 1px;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
}

    .accordion-inner:after {
        clear: both;
        content: '';
        display: block;
    }

.tabs-wrap {
    padding-bottom: 1px;
}

    .tabs-wrap .flex-viewport {
        padding-bottom: 1px;
        color: #616161;
        line-height: 1.7;
        font-size: 14px;
    }

        .tabs-wrap .flex-viewport:after {
            clear: both;
            content: '';
            display: block;
        }

.tabs-margin {
    margin-top: 30px;
    display: block;
}
/*----------------------------------
39 - Accordion
----------------------------------*/




/*----------------------------------
40 - Select Styles
----------------------------------*/
.section-filter .section-filter-select {
    margin: 0 0 10px;
}

    .section-filter .section-filter-select select.chosen-select {
        width: 100%;
        display: block;
        opacity: 0;
        height: 32px;
    }

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
    position: relative;
    display: block;
    vertical-align: middle;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
}

    .chosen-container * {
        box-sizing: border-box;
    }

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1010;
        width: 100%;
        border: 1px solid #e0e4f6;
        border-top: 0;
        background: #fff;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0;
    }

    .chosen-container a {
        cursor: pointer;
    }

    .chosen-container .search-choice .group-name,
    .chosen-container .chosen-single .group-name {
        margin-right: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal;
        color: #999999;
    }

        .chosen-container .search-choice .group-name:after,
        .chosen-container .chosen-single .group-name:after {
            content: ":";
            padding-left: 2px;
            vertical-align: top;
        }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
    height: 32px;
    border: 1px solid #e0e4f6;
    background-color: #fff;
    color: #373d54;
    text-decoration: none;
    white-space: nowrap;
    line-height: 30px;
}

    .chosen-container-single .chosen-single span {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        margin-right: 26px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../img/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px;
    }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

    .chosen-container-single .chosen-single div:after {
        position: absolute;
        top: 50%;
        right: 50%;
        margin: -9px -1px 0 0;
        display: block;
        font-family: FontAwesome;
        content: '\f107';
        font-size: 14px;
    }

    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 4px 4px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search:after {
        position: absolute;
        top: 50%;
        right: 0;
        margin: -10px 10px 0 0;
        display: block;
        font-family: FontAwesome;
        color: #8890af;
        content: '\f002';
        font-size: 12px;
    }

    .chosen-container-single .chosen-search input[type="text"] {
        margin: 0;
        padding: 0 20px 0 5px;
        width: 100%;
        height: 28px;
        outline: 0;
        border: 1px solid #e0e4f6;
        font-size: 14px;
        border-radius: 0;
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
        word-wrap: break-word;
        -webkit-touch-callout: none;
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer;
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #ccc;
            cursor: default;
        }

        .chosen-container .chosen-results li.highlighted {
            background-color: #3a89cf;
            color: #fff;
        }

        .chosen-container .chosen-results li.no-results {
            color: #777;
            display: list-item;
            background: #f4f4f4;
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: bold;
            cursor: default;
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px;
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline;
        }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 3px 10px;
    width: 100%;
    height: auto;
    border: 1px solid #e0e4f6;
    background-color: #fff;
    cursor: text;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

            .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
                margin: 0;
                padding: 0;
                height: 24px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none;
                color: #373d54;
                font-size: 14px;
                line-height: normal;
                border-radius: 0;
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 5px 3px 0;
            padding: 1px 17px 1px 5px;
            border: 1px solid #e0e4f6;
            max-width: 100%;
            font-size: 13px;
            background-color: #f8fafc;
            background-size: 100% 19px;
            background-repeat: repeat-x;
            background-clip: padding-box;
            color: #313b54;
            line-height: 13px;
            cursor: default;
        }

            .chosen-container-multi .chosen-choices li.search-choice span {
                word-wrap: break-word;
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 1px;
                right: 1px;
                display: block;
                width: 12px;
                height: 12px;
                color: #8890af;
                content: '\f00d;';
                font-family: FontAwesome;
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
                    font-size: 11px;
                    content: '\f00d';
                    font-family: FontAwesome;
                }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    color: #313b54;
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            color: #666;
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
            background-position: -42px -10px;
        }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
}

.chosen-container-active.chosen-with-drop .chosen-single {
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: transparent;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 2px;
        }

.chosen-container-active .chosen-choices {
}

    .chosen-container-active .chosen-choices li.search-field input[type="text"] {
        color: #222 !important;
    }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default;
    }

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0;
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl;
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px;
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px;
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

        .chosen-rtl .chosen-choices li.search-field input[type="text"] {
            direction: rtl;
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px;
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px;
            }

    .chosen-rtl.chosen-container-single-nosearch .chosen-search,
    .chosen-rtl .chosen-drop {
        left: 9999px;
    }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none;
    }

    .chosen-rtl .chosen-search input[type="text"] {
        padding: 4px 5px 4px 20px;
        background: white url('../img/chosen-sprite.png') no-repeat -30px -20px;
        background: url('../img/chosen-sprite.png') no-repeat -30px -20px;
        direction: rtl;
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px;
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px;
    }
/*----------------------------------
40 - Select Styles
----------------------------------*/




/*----------------------------------
41 - Footer
----------------------------------*/
.footer-wrap {
    background: #f8fafc;
    border-top: 1px solid #e0e4f6;
}

.footer-top .container {
    border-bottom: 1px solid #e0e4f6;
    padding-bottom: 20px;
}

.companyinfo {
    width: 16.66666667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 50px;
    color: #acadae;
    font-size: 12px;
    font-weight: 300;
}

    .companyinfo a:hover {
        text-decoration: none;
        color: #acadae;
    }

    .companyinfo img {
        display: block;
        margin: 0 0 9px;
    }

    .companyinfo p {
        margin: 0;
        padding: 0;
    }

.f-block-list {
    overflow: hidden;
    width: 58.33333333%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 0 10px;
}

.f-block-wrap {
    padding: 0 15px;
    width: 25%;
    float: left;
}

    .f-block-wrap:nth-child(4n+1) {
        clear: left;
    }

.f-block {
    position: relative;
    margin-top: 50px;
    text-align: center;
    overflow: hidden;
}

    .f-block a img {
        height: 100%;
        width: 100%;
    }

    .f-block .iframe-img {
        position: relative;
        display: block;
        height: 61px;
        margin-bottom: 10px;
        border: 1px solid #e0e4f6;
        padding: 3px;
        background: #fff;
        overflow: hidden;
    }

    .f-block .overlay-icon {
        position: absolute;
        top: 0;
        width: 100%;
        height: 61px;
        background: #3a89cf;
        color: #FFF;
        font-size: 20px;
        line-height: 0;
        display: block;
        opacity: 0;
        transition: 200ms;
    }

        .f-block .overlay-icon .fa {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -18px;
            margin-left: -18px;
            border-radius: 100px;
            width: 36px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            background: rgba(255,255,255,0.2);
        }

        .f-block .overlay-icon * {
            line-height: 1;
        }

    .f-block a:hover .overlay-icon {
        opacity: 1;
    }

    .f-block .f-info-ttl {
        color: #373d54;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 5px;
        line-height: 1.2;
    }

    .f-block p {
        color: #acadae;
        font-size: 12px;
        font-weight: 300;
        margin-top: 0px;
        line-height: 1.2;
    }

.f-block-modal {
    display: none;
}

    .f-block-modal.f-block-modal-map {
        display: block;
        height: 0;
        overflow: hidden;
        padding: 0;
        width: 0;
        background: #fff;
    }

.f-block-modal-wrap .f-block-modal.f-block-modal-map {
    width: 700px;
    height: 400px;
}

.f-block-modal.f-block-modal-map .allstore-gmap {
    width: 700px;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.f-block-modal-video iframe {
    width: 853px;
    height: 480px;
}

.f-block-modal.f-block-modal-callback {
    max-width: 500px;
    padding: 0;
}

.f-block-modal.f-block-modal-content {
    max-width: 500px;
    padding: 20px;
}

.f-block-modal .f-block-modal-img {
    display: block;
    margin: 0 0 18px;
    border: 1px solid #e0e4f6;
    padding: 4px;
}

.f-block-modal-wrap .fancybox-skin {
    background: #fff;
}

.f-delivery {
    margin-top: 34px;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 25%;
    float: left;
    padding: 0 15px;
}

    .f-delivery img {
        width: auto;
    }

    .f-delivery h1,
    .f-delivery h2,
    .f-delivery h3,
    .f-delivery h4,
    .f-delivery h5,
    .f-delivery h6 {
        display: block;
        left: 0;
        right: 0;
        position: absolute;
        top: 87px;
        color: #373d54;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.2;
        margin: 0;
        font-style: italic;
    }

    .f-delivery p {
        left: 0;
        right: 0;
        position: absolute;
        top: 107px;
        color: #acadae;
        font-size: 12px;
        font-weight: 300;
        line-height: 1.2;
        margin: 0;
    }

.f-menu-list {
    margin-bottom: 20px;
    padding-top: 30px;
}

    .f-menu-list .f-menu {
        float: left;
        width: 18.75%;
        padding: 0 15px;
        margin: 0 0 25px;
    }

        .f-menu-list .f-menu h3 {
            color: #373d54;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        .f-menu-list .f-menu ul li a {
            color: #616161;
            font-size: 14px;
            font-weight: 300;
            padding: 5px 0;
        }

            .f-menu-list .f-menu ul li a i {
                margin-right: 18px;
            }

            .f-menu-list .f-menu ul li a:hover {
                background: none;
                color: #3a89cf;
            }

        .f-menu-list .f-menu ul li a {
            color: #373d54;
            background-color: transparent;
            border-radius: 0;
        }

            .f-menu-list .f-menu ul li a:hover {
                color: #3a89cf;
                background-color: transparent;
            }

        .f-menu-list .f-menu ul li.active a {
            color: #3a89cf;
        }

.f-subscribe {
    float: left;
    width: 25%;
    padding: 0 15px;
    margin: 0 0 10px;
}

    .f-subscribe h3 {
        color: #373d54;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

.f-subscribe-form {
    position: relative;
}

    .f-subscribe-form input[type=text] {
        border: 1px solid #e0e4f6;
        color: #373d54;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        margin-top: 0;
        outline: none;
        padding: 7px 50px 7px 12px;
        width: 100%;
        max-width: 100%;
        transition: all 0.2s;
    }

        .f-subscribe-form input[type=text]:focus {
            border-color: #d1d5e5;
        }

        .f-subscribe-form input[type=text]::-webkit-input-placeholder {
            color: #c7cbdc;
        }

        .f-subscribe-form input[type=text]::-moz-placeholder {
            color: #c7cbdc;
            opacity: 1;
        }

        .f-subscribe-form input[type=text]:-ms-input-placeholder {
            color: #c7cbdc;
        }

    .f-subscribe-form button {
        background: #313b54;
        border: none;
        border-radius: 0;
        line-height: 1;
        padding: 7px 17px 8px;
        transition: all 0.2s;
        color: #fff;
        height: 35px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }

        .f-subscribe-form button i {
            font-size: 14px;
        }

        .f-subscribe-form button:hover,
        .f-subscribe-form button:focus {
            background: #404d6e;
            color: #fff;
        }

.f-subscribe p {
    margin-top: 13px;
    color: #acadae;
    font-size: 12px;
    font-weight: 300;
}

.footer-bottom {
    background: #eff1fa;
    border-top: 1px solid #e0e4f6;
}

    .footer-bottom p {
        color: #373d54;
        font-size: 14px;
    }

        .footer-bottom p span a {
            color: #28a906;
            font-style: italic;
            text-decoration: underline;
        }

.footer-copyright {
    margin: 10px 0 0 15px;
    float: left;
}

.footer-bottom #bx-composite-banner {
    text-align: center;
    margin: 5px 0;
}
/*----------------------------------
41 - Footer
----------------------------------*/




/*----------------------------------
42 - Error 404
----------------------------------*/
.err404 {
    margin: 0 auto 50px;
    text-align: center;
    max-width: 500px;
    padding: 40px 0;
}

    .err404 .err404-ttl {
        text-align: center;
        font-size: 170px;
        font-family: 'PT Serif', sans-serif;
        font-weight: 700;
        letter-spacing: 5px;
        line-height: 1;
    }

    .err404 .err404-subttl {
        text-align: center;
        font-size: 45px;
        font-family: 'PT Serif', sans-serif;
        margin: 0 0 40px;
    }

    .err404 .err404-search {
        position: relative;
        margin: 0 0 50px;
    }

        .err404 .err404-search input[type=text] {
            border: 1px solid #e0e4f6;
            color: #373d54;
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            margin-top: 0;
            outline: none;
            padding: 7px 50px 7px 18px;
            width: 100%;
            max-width: 100%;
            border-radius: 100px;
            transition: all 0.2s;
        }

            .err404 .err404-search input[type=text]::-webkit-input-placeholder {
                color: #c7cbdc;
            }

            .err404 .err404-search input[type=text]::-moz-placeholder {
                color: #c7cbdc;
                opacity: 1;
            }

            .err404 .err404-search input[type=text]:-ms-input-placeholder {
                color: #c7cbdc;
            }

            .err404 .err404-search input[type=text]:focus {
                border-color: #d1d5e5;
            }

        .err404 .err404-search button {
            background: transparent;
            border: none;
            line-height: 1;
            padding: 7px 17px 8px;
            transition: all 0.2s;
            color: #373d54;
            height: 35px;
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            font-size: 14px;
        }

            .err404 .err404-search button:hover,
            .err404 .err404-search button:focus {
                color: #404d6e;
            }

    .err404 .err404-menus {
        text-align: justify;
    }

        .err404 .err404-menus:after {
            width: 100%;
            height: 0;
            content: '';
            display: inline-block;
        }

.err404-menus ul {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: left;
}

    .err404-menus ul li {
        margin: 0 0 8px;
    }

        .err404-menus ul li a {
            transition: all 0.2s;
            line-height: 1.2;
            color: #373d54;
            display: inline-block;
            border-bottom: 1px solid transparent;
        }

            .err404-menus ul li a:hover {
                border-color: #373d54;
                color: #373d54;
            }
/*----------------------------------
42 - Error 404
----------------------------------*/


/*----------------------------------
43 - Compare List
----------------------------------*/
.wccm-catalog-items {
    clear: both;
    margin: 2em 0;
    vertical-align: middle;
}

.wccm-catalog-item {
    float: left;
    margin-right: 1em;
    position: relative;
}

    .wccm-catalog-item img {
        width: 48px;
        height: 48px;
    }

    .wccm-catalog-item a.dashicons {
        position: absolute;
        top: 2px;
        right: 2px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        color: red;
        display: block;
    }

.wccm-empty-compare {
    background-color: #faa;
    padding: 10px;
    color: black;
}

.wccm-compare-table {
    margin: 20px 0;
    -moz-user-select: none;
    /*-webkit-user-select: none;*/
    /*user-select: none;*/
}

.wccm-table-wrapper {
    margin: 0 0 0 150px;
    overflow: hidden;
}

.wccm-table {
    border-spacing: 0px;
    border-collapse: separate;
    margin: 0;
    table-layout: fixed;
}

.wccm-thead .price del {
    display: block;
}

.wccm-tr {
    position: relative;
}

.wccm-table td {
    vertical-align: top;
    padding: 10px 0;
    border: none;
}

.wccm-th {
    width: 130px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 10px;
    line-height: 1;
    color: #373d54;
    font-weight: 500;
}

.wccm-td {
    text-align: center;
    width: 200px !important;
}

    .wccm-td p:first-child {
        margin-top: 0;
    }

    .wccm-td p:last-child {
        margin-bottom: 0;
    }

.wccm-thumb {
    margin: 0 auto;
    position: relative;
    display: inline-block;
}

    .wccm-thumb a {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        width: 24px;
        height: 24px;
        font-size: 24px;
        color: red;
    }

.wccm-compare-table .wccm-tr {
    border-bottom: 1px solid #e0e4f6;
    padding: 7px 0;
}

.wccm-compare-table .wccm-th {
    padding: 11px 0;
}

.wccm-td a {
    font-size: 15px;
    color: #373d54;
    transition: all 0.2s;
    font-weight: 700;
    border: none;
    display: block;
    line-height: 1.2;
    margin: 0 0 8px;
}

    .wccm-td a:hover {
        color: #337ab7;
    }

.wccm-table-wrapper .wccm-table .wccm-td .price {
    font-weight: 700;
    font-size: 20px;
    color: #373d54;
    margin: 0 0 8px;
}

    .wccm-table-wrapper .wccm-table .wccm-td .price ins {
        text-decoration: none;
        background: transparent;
        color: #283346;
        padding: 0;
    }

    .wccm-table-wrapper .wccm-table .wccm-td .price del {
        font-weight: 400;
        color: #868ca7;
    }

.wccm-table-wrapper .wccm-table .wccm-thumb {
    margin: 0 0 15px;
    padding: 0 10px;
    position: relative;
    display: inline-block;
    height: 150px;
    width: 100%;
    min-width: 150px;
    text-align: center;
    font-size: 0;
}

    .wccm-table-wrapper .wccm-table .wccm-thumb:before {
        height: 100%;
        content: '';
        display: inline-block;
        vertical-align: middle;
    }

    .wccm-table-wrapper .wccm-table .wccm-thumb .fa {
        right: 0;
        font-size: 16px;
        border: none;
        color: red;
        transition: color 0.2s;
        position: absolute;
        top: 0;
        cursor: pointer;
    }

        .wccm-table-wrapper .wccm-table .wccm-thumb .fa:hover {
            color: #ff3535;
        }

    .wccm-table-wrapper .wccm-table .wccm-thumb img {
        max-width: 100%;
        max-height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.wccm-table-wrapper .wccm-table .wccm-td {
    text-align: center;
    width: 170px !important;
    min-width: 170px !important;
}

.wccm-table-wrapper .wccm-table {
    border: none;
    margin: 0;
}

    .wccm-table-wrapper .wccm-table tr {
        border: none;
    }

    .wccm-table-wrapper .wccm-table td {
        border: none;
        padding: 0;
    }
/*----------------------------------
43 - Compare List
----------------------------------*/


@media only screen and (max-width : 992px) {
    .wccm-table-wrapper .wccm-table .wccm-thumb {
        min-width: 120px;
        height: 120px;
    }

    .wccm-table-wrapper .wccm-table .wccm-td {
        width: 140px !important;
        min-width: 140px !important;
    }

    .wccm-td a {
        font-size: 15px;
    }

    .wccm-table-wrapper .wccm-table .wccm-td .price {
        font-size: 17px;
    }
}


@media only screen and (max-width : 768px) {
    .wccm-th {
        width: 110px;
    }

    .wccm-table-wrapper {
        margin: 0 0 0 110px;
    }

        .wccm-table-wrapper .wccm-table .wccm-thumb {
            min-width: 100px;
            height: 100px;
        }

        .wccm-table-wrapper .wccm-table .wccm-td {
            width: 120px !important;
            min-width: 120px !important;
        }

    .wccm-td a {
        font-size: 15px;
    }

    .wccm-table-wrapper .wccm-table .wccm-td .price {
        font-size: 17px;
    }

    .wccm-compare-table .wccm-tbody {
        font-size: 14px;
    }
}

@media only screen and (max-width : 480px) {
    .wccm-th {
        width: 100px;
    }

    .wccm-table-wrapper {
        margin: 0 0 0 100px;
    }

        .wccm-table-wrapper .wccm-table .wccm-thumb {
            min-width: 70px;
            height: 70px;
        }

        .wccm-table-wrapper .wccm-table .wccm-td {
            width: 90px !important;
            min-width: 90px !important;
        }
}




/*----------------------------------
44 - Auth
----------------------------------*/
.auth-wrap {
    overflow: hidden;
}

    .auth-wrap .auth-col {
        width: 46%;
        margin: 0 8% 0 0;
        float: left;
    }

        .auth-wrap .auth-col:nth-child(2n) {
            margin-right: 0;
        }

        .auth-wrap .auth-col h2 {
            font-size: 22px;
            /*margin: 0 0 25px 20%;*/
        }

        .auth-wrap .auth-col p {
            overflow: hidden;
            margin: 0 0 20px;
        }

        .auth-wrap .auth-col .required {
            color: red;
        }

        .auth-wrap .auth-col p a {
            line-height: 1;
            display: inline-block;
        }

        .auth-wrap .auth-col .auth-lost_password {
            padding: 0 0 0 20%;
        }

        .auth-wrap .auth-col label {
            /*width: 20%;*/
            text-align: right;
            padding-right: 15px;
            margin: 0;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 13px;
            vertical-align: middle;
            display: inline-block;
        }

        .auth-wrap .auth-col input[type=email],
        .auth-wrap .auth-col input[type=password],
        .auth-wrap .auth-col input[type=text] {
            padding: 0 15px;
            color: #373d54;
            background: #f8fafc;
            font-size: 14px;
            height: 40px;
            border: 1px solid #e0e4f6;
            transition: all 0.2s;
            display: inline-block;
            margin: 0;
            vertical-align: middle;
            width: 80%;
        }

        .auth-wrap .auth-col input[type=submit] {
            /*margin: 0 0 0 20%;*/
            font-size: 13px;
            padding: 10px 20px;
        }

    .auth-wrap .auth-submit {
        position: relative;
        margin: 0px 0 23px;
    }

        .auth-wrap .auth-submit input[type=checkbox] {
            display: none;
        }

            .auth-wrap .auth-submit input[type=checkbox] + label {
                padding: 2px 25px 0 0;
                display: inline-block;
                position: relative;
                cursor: pointer;
                transition: color 0.2s;
                width: auto;
                position: absolute;
                top: 50%;
                margin: -10px 0 0;
                right: 0;
            }

                .auth-wrap .auth-submit input[type=checkbox] + label:hover {
                    color: #3a89cf;
                }

                .auth-wrap .auth-submit input[type=checkbox] + label:after {
                    content: "\f00c";
                    width: 14px;
                    height: 14px;
                    display: block;
                    position: absolute;
                    top: 50%;
                    margin: -7px 0 0;
                    right: 0;
                    border: 2px solid #8890af;
                    border-radius: 4px;
                    background-color: #fff;
                    color: #fff;
                    font-size: 8px;
                    padding: 0 0 0 1px;
                    text-align: center;
                    font-family: FontAwesome;
                    line-height: 10px;
                }

            .auth-wrap .auth-submit input[type=checkbox]:checked + label:after {
                border-color: #5f6680;
                background-color: #5f6680;
            }

    .auth-wrap .auth-register {
    }
/*----------------------------------
44 - Auth
----------------------------------*/