/*----------------------------------
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;
}
html{
    height:100%;
}
body {
    height: 100%;
    line-height: 1;
    display: flex;
    flex-direction: column;
}
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: 600;
}
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: 'Poppins';
    -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: #e8e9ea;
    border-bottom: 1px solid #e0e4f6;
    background: #e8e9ea;
    border-bottom: 1px solid #e0e4f6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
.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 {
    margin-bottom: 1px;
    padding: 25px 0;
    text-align: center;
}
.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: #FFFFFF;
    display: inline-block;
}
.shop-menu ul li * {
    line-height: 1;
}
.shop-menu ul li a:hover {
    color: #cccccc;
    opacity: 1 !important;
    background: transparent;
}
.shop-menu ul li a i {
    margin-right:2px;
    color: white;
    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: #cccccc;
}
.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: #e8e9ea;
    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: 1px solid #e0e4f6;
    background: #e8e9ea;
    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: red;
}
.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: #e8e9ea;
    position: relative;
    width: 201px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.topmenu .mainmenu > li > .sub-menu li a.active {
    color: red;
}
.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: #e8e9ea;
    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: #e8e9ea;
    position: relative;
}
.topsearch .topsearch-btn:hover {
    color: red;
}
.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: #e8e9ea;
    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: red;
    text-decoration: none;
    transition: all 0.2s;
    border-bottom: 1px solid transparent;
}
.stylization a:hover {
    text-decoration: none;
    border-color: red;
}
.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: #e8e9ea;
    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: red;
    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 red;
    border-bottom: 1px solid red;
    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 red;
    border-bottom: 1px solid red;
    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: 140%;
    background: #e8e9ea;
    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: #e8e9ea;
    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: #e8e9ea;
}
.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: #e10d25;
    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: #e10d25;
    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: #e8e9ea;
    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: red;
    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: red;
}
.fr-pop-tab-mob.active {
    color: red;
}
.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: red;
}
.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: #e8e9ea;
    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: red;
}
.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: red;
    text-decoration: none;
    border-bottom: 1px solid red;
    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: red;
}
.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: red;
    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: red;
    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: red;
}
.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: red;
    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: red;
}
.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: red;
}
.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: #e8e9ea;
    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: red;
}
.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: red;
    text-decoration: none;
    border-bottom: 1px solid red;
    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: red;
}
.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;
    font-weight: 500;
}
.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;
    margin:1px 0 0 1px;
}
.prodtb-i .prodtb-i-toggle:hover {
    background-color: #e8e9ea;
}
.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: 3px 10px 0 10px;
    top: 0;
    min-width: 123px;
    text-align: center;
    right: 50px;
    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: 70px;
    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: red;
}
.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: red;
}
.prodtb-i .prodtb-i-action {
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-left: 1px solid #e0e4f6;
    background: none;
    text-align: center;
    padding: 6px 0 0;
    cursor: pointer;
}
.prodtb-i .prodtb-i-favorites,
.prodtb-i .prodtb-i-compare,
.prodtb-i .prodtb-i-qview,
.prodtb-i .prodtb-i-buy {
    font-size: 16px;
    color: #003d2b;
    width: 28px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 1px;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.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%;*/
    bottom: -41%;
    /*left: -200%;*/
    left: 310%;
    width: 88px;
    /*background: #e10d25;*/
    background: #003d2b;
    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: #e8e9ea;
}
.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: #e8e9ea;
}
.section-sb-current ul li.active > a {
    font-weight: 500;
}
.section-sb-current ul li ul {
    display: none;
    position: relative;
    background: #e8e9ea;
}
.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: red;
}
.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: #e8e9ea;
}
.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: red;
}
.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: 1px 1px 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: #e8e9ea;
    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: #e8e9ea;
}
.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: red;
}
.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: #e10d25;
    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: #003d2b;
}
.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: red;
    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: red;
}
.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: red;
}
.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: red;
    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: #e8e9ea;
    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: #e8e9ea;
    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: red;
    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: red;
    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: red;
    text-decoration: none;
    border-bottom: 1px solid red;
    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: red;
}
.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: #e8e9ea;
    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: red;
}
.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: red;
    line-height: 100%;
}
.prod-cont .prod-showprops:hover {
    border-bottom: 1px solid red;
}
.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: #e8e9ea;
    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: red;
    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: red;
}
.prod-tab-mob.active {
    color: red;
}
.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: #e8e9ea;
    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: #e8e9ea;
    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: red;
    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: red;
    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: red;
    text-decoration: none;
    border-bottom: 1px solid red;
    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: red;
}
.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 red;
    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: red;
    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: red;
    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: red;
    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: #e8e9ea;
}
.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: red;
    text-decoration: none;
}
body .blog-categs li a:hover {
    color: red;
    text-decoration: none;
}
body .blog-categs li.active a:hover {
    color: red;
    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: red;
}
.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: red;
}
.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: red;
}
/*.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: red;
    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: red;
    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: 70px;
}
.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: #e8e9ea;
    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: red;
}
.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: red;
}
.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: red;
    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: #ccc;
    font-weight: 400;
}
body .cart-total .cart-summ b {
    color: red;
    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: red;
    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: red;
    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: red;
}
.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: #e8e9ea;
    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: #e8e9ea;
    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: #e8e9ea;
}
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: #e8e9ea;
}
.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: red;
}
.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: #e8e9ea;
    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: red;
}
.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: red;
}
.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: red;
}
.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: red;
}
.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: red;
}
.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: red;
}
.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: #003d2b
        ;    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: #e8e9ea;
    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: #e8e9ea;
    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: red;
    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:red;
}
.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: red;
    background-color: transparent;
}
.f-menu-list .f-menu ul li.active a {
    color: red;
}
.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: #e8e9ea;
    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: red;
}
.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 {

}

.button-section{
    margin: -1px 0 0 0 !important;
}


.catalog-title{
    font-size: 40px !important;
}
/*----------------------------------
44 - Auth
----------------------------------*/

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/loader/load-gif.gif) center no-repeat #fff;
}

.totop {
    position: fixed;
    bottom: 0px;
    right: 20px;
    color: white;
    padding: 8px 12px 8px 12px;
    background: #003d2b;
    border-radius: 10px;
    cursor: pointer;
}

.totop a {
    color: white;
}

.msg-filter{
    text-align: center;
    color:red;
    font-size: 14px;    
    margin: -10px 0 10px 0;
    padding: 3px;
    font-weight: 500;
}
.msg-email{
    text-align: center;
    color:blue;
    font-size: 14px;    
    margin: 1px 0 10px 0;
    padding: 3px;
    font-weight: 500;
}

.email-success{
    color:green;
}

.email-error{
    color:red;
}

.input-email-cart{
    padding: 0 15px;
    color: #373d54;
    width: 100%;
    background: #e8e9ea;
    font-size: 14px;
    height: 40px;
    border: 1px solid #e0e4f6;
    transition: all 0.2s;
}


.title-content{
    text-align: center;
    font-size: 48px;
}

.input-empdes-cart{
    padding: 0 15px;
    color: #373d54;
    width: 45%;
    background: #e8e9ea;
    font-size: 14px;
    height: 40px;
    border: 1px solid #e0e4f6;
    transition: all 0.2s;
}

.input-phone-cart{
    padding: 0 15px;
    color: #373d54;
    width: 20%;
    background: #e8e9ea;
    font-size: 14px;
    height: 40px;
    border: 1px solid #e0e4f6;
    transition: all 0.2s;
}

.input-cnpj-cart{
    padding: 0 15px;
    color: #373d54;
    width: 25%;
    background: #e8e9ea;
    font-size: 14px;
    height: 40px;
    border: 1px solid #e0e4f6;
    transition: all 0.2s;
}
/*-------------------------------------------------Animação do Carregando-----------------------------------------------*/
.back {
    margin:1em auto;
    text-align: -webkit-center;
    display: block;
}
.back span {
    font-size:2em;
    color:black;
    display:table-cell;    
    line-height: inherit;
    animation:jumb 2s infinite;

}
@keyframes jumb {
    0% {
        transform:translateY(0px)
    }
    50% {
        transform:translateY(-10px);

    }
    100% {
        transform:translateY(0px)	
    }
}
.back span:nth-child(1) {
    animation-delay:0s;
}
.back span:nth-child(2) {
    animation-delay:.1s;	
}
.back span:nth-child(3) {
    animation-delay:.2s;
}
.back span:nth-child(4) {
    animation-delay:.3s;	
}
.back span:nth-child(5) {
    animation-delay:.4s;
}
.back span:nth-child(6) {
    animation-delay:.5s;	
}
.back span:nth-child(7) {
    animation-delay:.6s;
}
.back span:nth-child(8) {
    animation-delay:.7s;
}
.back span:nth-child(9) {
    animation-delay:.8s;
}
.back span:nth-child(10) {
    animation-delay:.9s;
}


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

.prod-items .prodtb-i-qnt2 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-plus2 {
    float: left;
    width: 15px;
    margin: 5px 0 0;
    color: #373d54;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}

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

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

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

.fa-shopping-cart:hover{
    background: red;
}

.fa-cart-arrow-down:hover{
    background: red;
}

.fa-home:hover{
    background: red;
}

.fa-cart-plus:hover{
    background: #003d2b;
}

.cart-active{
    color:red !important;
}
.span-active{
    background: #e10d25 !important;
}

.load-more {
    display: none;
    padding: 10px;
    text-align: center;
    background-color: #003d2b;
    color: #fff;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    cursor: pointer;
}
.load-more:hover {
    background-color: #e10d25;
    color: white;
}

.load-more a{
    color:white;
}

.load-more-end{
    display: none;
    padding: 10px;
    text-align: center;
    background-color: #e10d25;
    color: #fff;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}

.load-more-end:hover {
    background-color: #e10d25;
    color: white;
}

.load-more-end a{
    color:white;
}

.section{
    margin-top: -50px;
}

.dados-filtro{
    text-align: center;
    display: block;
    transition: all 0.2s;
    padding: 11px 19px;    
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border: 0;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

.class-send{
    margin: 0px 5px 0px 5px;
    padding: 8px 8px;
    max-width: 300px;
    text-align: center;
    background: #e10d25;
    border: none;
    font-size: 20px;
    font-weight: 500;
    border-radius: 0;
    transition: all 0.2s;
    color: #fff;
    text-transform: uppercase;
    outline: none;
}

.class-send:hover{
    color:white;
    background: #003d2b;
}

.class-view{
    margin: 0px 5px 0px 5px;
    padding: 8px 8px;
    max-width: 300px;
    text-align: center;
    background: #003d2b;
    border: none;
    font-size: 13px;
    font-weight: 500;
    border-radius: 0;
    transition: all 0.2s;
    color: #fff;
    text-transform: uppercase;
    outline: none;
}

.class-view:hover{
    color:white;
    background: #e10d25;
}

.select-location-div{
    display: inline-block;
    position: relative;
    padding: 0 0 0 10px;
    color: #373d54;
    text-decoration: none;
    white-space: nowrap;
    line-height: 30px;
    height: 32px;
    margin: 0 0 15px 0;
}

.select-location{
    height: 40px;
    border:1px solid #e0e4f6;
}
.quant-prod{
    position: absolute;
    padding: 10px 12px 0 0;
    top: 0;
    width: 150px;
    text-align: center;
    right: 35px;
    bottom: 0;
    display: inline-block;
    border-left: 1px solid #e0e4f6;
    background: none;
}

.quant-prod-form{
    width: 60% !important;
    text-align: center;
    border: 1px solid #909090;
    margin-left: 10px !important;
    background-color: #e8e9ea;
}

.quant-prod-form::placeholder{
    color: gray;
}

html, body {
    overflow-x: visible;
}
body {
    position: relative
}