/*----------------------------------
1 - Reset
----------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

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

i,
em {
    font-style: italic;
}

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

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

a:hover {
    text-decoration: none;
}

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

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

a:focus {
    text-decoration: none;
}

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

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

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


/*----------------------------------
1 - Reset
----------------------------------*/


/*----------------------------------
2 - Header
----------------------------------*/

.header {
    margin: 0 0 27px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.header-middle {
    padding: 10px 0;
    text-align: justify;
    background-color: #0B7D41;
}

.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: 60px;
    /* 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: #FFCB00;
    display: inline-block;
}

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

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

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

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

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

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

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


/*----------------------------------
2 - Header
----------------------------------*/


/*----------------------------------
3 - Topmenu
----------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


/* mainmenu more */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* mainmenu more */

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

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

.topsearch .topsearch-btn:hover {
    color: #ffcd00;
}

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

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

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

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

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

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

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

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

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

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


/*----------------------------------
3 - Topmenu
----------------------------------*/


/*----------------------------------
4 - Stylization
----------------------------------*/

.maincont {
    margin-bottom: 50px;
    padding-bottom: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.stylization ol li {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*----------------------------------
4 - Stylization
----------------------------------*/


/*----------------------------------
5 - Breadcrumbs
----------------------------------*/

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

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

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

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

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

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

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

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

.b-crumbs li span {
    color: #616161;
}


/*----------------------------------
5 - Breadcrumbs
----------------------------------*/


/*----------------------------------
6 - Pagination
----------------------------------*/

.pagi {
    margin: 30px auto 40px;
    display: block;
    padding: 0;
}

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

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

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

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

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

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

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


/*----------------------------------
6 - Pagination
----------------------------------*/


/*----------------------------------
7 - Frontpage Slider
----------------------------------*/

.fr-slider-wrap {
    margin: 0 0 50px;
}

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

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

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

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

.fr-slider .slides .fr-slider-cont h3 {
    font-size: 35px;
    color: #ffcb00;
    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;
    color: #fff;
}

.fr-slider .slides .fr-slider-cont .fr-slider-more-wrap {
    margin: 10px 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: #0B7B34;
}

.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 {
    background: #ececec;
    padding: 5px;
}

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

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

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

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

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

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

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

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

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

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

.height_auto {
    height: auto !important;
}

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

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

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

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

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

.fr-pop-tab .flex-direction-nav a:before {
    display: block;
    content: "\f104";
    font-size: 26px;
    text-indent: initial;
    color: #fff;
    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: #ffcd00;
    text-decoration: none;
    border: 1px solid #287d45;
}

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

.prod-i {
    background-color: #fff;
}

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

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

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

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

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


/* fr-pop-tab more */

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

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

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

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

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

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

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

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

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

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

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

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

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

.fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li:hover:after {
    display: block;
}


/* fr-pop-tab more */


/*----------------------------------
8 - Popular Products
----------------------------------*/


/*----------------------------------
9 - Catalog | Gallery View
----------------------------------*/

.prod-items .prod-i {
    float: left;
    transition: all 0.2s;
    position: relative;
    box-sizing: border-box;
    margin-right: 12px;
}

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

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

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

.prod-items .prod-i-img {
    padding: 15px;
    display: block;
    /* height: 303px; */
    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-i-img:hover {
    /* box-shadow: 0 0 10px #ccc; */
    transform: scale(1.1);
    transition: transform .5s;
    /* z-index: 99999; */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.display_none {
    display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prod-items.prod-items-galimg .prod-i:hover .prod-i-price {
    display: none;
}


/*----------------------------------
9 - Catalog | Gallery View
----------------------------------*/


/*----------------------------------
10 - Catalog | List View
----------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*----------------------------------
10 - Catalog | List View
----------------------------------*/


/*----------------------------------
11 - Catalog | Table View
----------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prodtb-i .prodtb-i-info {
    position: absolute;
    padding: 2px 10px 0 20px;
    top: 0;
    min-width: 200px;
    text-align: center;
    right: 0;
    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: 12px 7px 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prodtb-i .prodlist-i {
    margin: 0;
    border-top: none;
    display: none;
}


/*----------------------------------
11 - Catalog | Table View
----------------------------------*/


/*----------------------------------
12 - Sidebar Categories
----------------------------------*/

.section-sb {
    float: left;
    width: 25%;
    padding: 0 0 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*----------------------------------
12 - Sidebar Categories
----------------------------------*/


/*----------------------------------
13 - Sidebar Filter
----------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*----------------------------------
13 - Sidebar Filter
----------------------------------*/


/*----------------------------------
14 - Catalog Topbar
----------------------------------*/

.section-cont {
    float: left;
    width: 75%;
    padding: 0 0 50px 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.section-cont .section-count p {
    width: 61px;
    line-height: 28px;
}


/*----------------------------------
14 - Catalog Topbar
----------------------------------*/


/*----------------------------------
15 - Products List
----------------------------------*/

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

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

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

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

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

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

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

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

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

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


/*----------------------------------
15 - Products List
----------------------------------*/


/*----------------------------------
16 - Single Product
----------------------------------*/

.prod-wrap {
    float: left;
    width: 80%;
    padding: 0 30px 50px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prod-cont .prod-i-props b {
    color: #373d54;
    font-weight: 500;
}


/*----------------------------------
16 - Single Product
----------------------------------*/


/*----------------------------------
17 - Single Product Tabs
----------------------------------*/

.prod-tabs-wrap {
    margin-bottom: 50px;
    clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prod-comment-form input[type=submit]:hover,
.prod-comment-form button[type=button]:hover {
    background: #474f6e;
}


/*----------------------------------
17 - Single Product Tabs
----------------------------------*/


/*----------------------------------
18 - Single Product Related
----------------------------------*/

.prod-related {
    float: left;
    width: 20%;
    padding: 10px;
    margin-bottom: 20px;
    text-align: left;
    overflow: hidden;
    background: #ffdd7f9a;
}

.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: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0 20px 0;
    font-weight: 700;
    margin: 0;
    color: #373d54;
}

.prod-related h2 span {
    /* background: #0B7D41; */
    padding: 16px 37px;
    color: #0B7D41;
}

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

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

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

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

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

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

.prod-related .prod-rel h3 a {
    color: #373d54;
    transition: all 0.2s;
    line-height: 120%;
}

.prod-related .prod-rel h3 a:hover {
    color: #3a89cf;
    text-decoration: none;
}

.prod-related .prod-rel-price {
    color: #373d54;
    margin: 0 0 9px;
    font-size: 12px;
}

.prod-related .prod-rel-price b {
    font-size: 16px;
    font-weight: 500;
}

.prod-related .prod-rel-price del {
    color: #888;
    font-size: 12px;
    display: block;
    font-weight: 400;
}

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

.prod-related .prod-rel-compare {
    float: left;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #cacaca;
    margin: 0 12px 7px 0px;
    transition: all 0.2s;
}

.prod-related .prod-rel .prod-rel-compare:hover {
    color: #373d54;
    text-decoration: none;
}

.prod-related .prod-rel .prod-rel-compare.compare-added {
    color: #373d54;
    text-decoration: none;
    cursor: default;
}

.prod-related .prod-rel-favorites {
    float: left;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #cacaca;
    margin: 0 15px 7px 0;
    transition: all 0.2s;
}

.prod-related .prod-rel .prod-rel-favorites:hover {
    color: #373d54;
    text-decoration: none;
}

.prod-related .prod-rel .prod-rel-favorites.favorite-added {
    color: #373d54;
}

.prod-related .prod-rel-buy {
    float: left;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    color: #cacaca;
    padding: 1px;
    margin: 0 0 7px 0px;
    transition: all 0.2s;
}

.prod-related .prod-rel .prod-rel-buy:hover {
    color: #373d54;
    text-decoration: none;
}

.prod-related .prod-i-addwrap {
    float: left;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    color: #cacaca;
    position: relative;
    padding: 0 0 0 0px;
    margin: 0 0 7px 0px;
    transition: all 0.2s;
}

.prod-related .prod-i-add {
    line-height: 1.3;
    display: block;
    margin: 0;
    transition: all 0.2s;
}

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

.prod-related .prod-i-add:hover {
    color: #373d54;
    text-decoration: none;
}

.prod-related .prod-rel .prod-i-addwrap .prod-i-addres {
    display: none;
    width: 150px;
    padding: 8px 0;
    font-size: 13px;
    margin: 0 -9px 8px 0;
    border: 1px solid #e0e4f6;
    background: #fff;
    position: absolute;
    bottom: 100%;
    color: #373d54;
    font-weight: 500;
    right: 0;
    left: auto;
    line-height: 140%;
}

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

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

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

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

.prod-related .flex-control-nav {
    display: none;
    position: relative;
    bottom: auto;
    margin: 10px 0;
}

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

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

.prod-related .flex-control-nav li a:hover,
.prod-related .flex-control-nav li a.flex-active {
    background: #373d54;
}

.prod-related .flex-direction-nav {
    position: absolute;
    top: -47px;
    left: 0;
    width: 100%;
}

.prod-related .flex-direction-nav a {
    top: -6px;
    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: 3px;
}

.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: 3px;
    text-align: right;
}

.prod-related .flex-direction-nav .flex-next:before {
    transition: all 0.3s;
    display: block;
    content: "";
    text-indent: initial;
    margin: -9px 0 0;
    background: url(../img/nav1.png) no-repeat left top;
    height: 18px;
    width: 20px;
    position: absolute;
    top: 50%;
    right: 0;
}

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

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

.prod-related .prod-i-skucolor {
    overflow: hidden;
    margin: 0 0 2px;
}

.prod-related .prod-i-skucolor li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px 7px 0;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
    /* box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); */
}

.prod-related .prod-i-skucolor li.active {
    border: 1px solid #3a89cf;
    padding: 2px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*----------------------------------
18 - Single Product Related
----------------------------------*/


/*----------------------------------
Single Product V2
----------------------------------*/

.prod2-wrap {
    width: auto;
    float: none;
    padding: 0 0 50px 0;
    position: relative;
}

.prod2-wrap .prod2-slider-wrap:not(.slider-load) {
    float: left;
    width: 53%;
    margin: 0 3% 50px 0;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 100px;
}

.prod2-slider-wrap:not(.slider-load) .prod-slider {
    padding: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 0 0 20px;
    border: none;
}

.prod2-slider-wrap:not(.slider-load) .prod-slider .prod2-slider-car {
    width: auto;
    position: relative;
    margin: 0;
    padding: 0;
}

.prod2-slider-wrap:not(.slider-load) .prod-slider li {
    float: none;
    list-style: none;
    position: relative;
    width: auto !important;
    padding: 0;
    margin: 0 0 20px;
}

.prod2-slider-wrap:not(.slider-load) .prod-slider li a {
    display: block;
}

.prod2-slider-wrap:not(.slider-load) .prod-slider li img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 800px;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    border: none;
}

.prod2-slider-wrap:not(.slider-load) .prod2-thumbs-car {
    width: 85px;
    padding: 0;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs .bx-wrapper .bx-viewport {
    background: transparent;
    margin-bottom: -1px;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs:after {
    clear: both;
    display: block;
    content: "";
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs .prod-thumbs-car2 {
    width: auto;
    position: relative;
    margin: 0;
    padding: 0;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs li {
    width: 85px;
    position: relative;
    float: none;
    margin: 0 0 10px;
    line-height: 85px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    height: 85px;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs li:after {
    display: none;
}

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

.prod2-slider-wrap:not(.slider-load) .prod-thumbs li a {
    display: block;
    width: 100%;
    height: 85px;
    line-height: 85px;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs li img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.prod2-slider-wrap:not(.slider-load) .stick {
    position: fixed;
    top: 15px;
}

.scroll_active {
    opacity: 0.5;
}

.fixed {
    position: fixed;
}

.prod2-wrap .prod-cont .prod-price {
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 5px 30px 0 0;
}

.prod2-wrap .prod-tabs-wrap {
    margin-top: 50px;
}

.prod2-wrap .prod-tabs li a {
    padding: 15px 18px 15px;
}

.prod2-wrap .prod-tabs li a.active {
    padding: 16px 18px 16px;
}

.prod-props {
    overflow: hidden;
}

.prod-props li {
    border-bottom: 1px dotted #b8c3e2;
    font-size: 0;
    margin: 0 0 10px 0;
}

.prod-props li * {
    font-size: 14px;
    line-height: 1.2;
}

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

.prod-props .prod-propttl span {
    background: #fff;
    display: inline-block;
    padding-bottom: 0;
    vertical-align: bottom;
    margin-bottom: -5px;
}

.prod-props .prod-propval {
    background: #fff;
    color: #7b7b7b;
    width: 50%;
    display: inline-block;
    padding-bottom: 0;
    vertical-align: bottom;
    margin-bottom: -5px;
}

.prod2-related {
    width: auto;
    float: none;
}

.prod2-related h2 {
    font-size: 22px;
    text-transform: uppercase;
    color: #373d54;
    margin: 0 0 10px;
    font-weight: 900;
    position: relative;
    letter-spacing: 2px;
    text-align: center;
}

.prod2-related h2 span {
    position: relative;
    display: inline-block;
    padding: 0 0 8px;
}

.prod2-related h2 span:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    height: 2px;
    left: 50%;
    margin: 0 0 0 -50px;
    width: 100px;
    background: #373d54;
}

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

.prod2-related .prod-related-car .slides {
    font-size: 0;
}

.prod2-related .prod-rel {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    padding-right: 10px;
    font-size: 14px;
}

.prod2-related .prod-rel:last-child {
    border-bottom: 1px solid #e0e4f6;
}

.prod2-related .flex-direction-nav {
    top: -66px;
}

.prod2-related .flex-control-nav {
    display: block;
}


/*----------------------------------
Single Product V2
----------------------------------*/


/*----------------------------------
19 - Blog
----------------------------------*/

.blog-list {
    overflow: hidden;
}

.main-ttl-categs {
    display: inline-block;
    vertical-align: top;
    width: 40%;
}

body .blog-categs {
    width: 60%;
    text-align: right;
    margin: 6px 0 10px -5px;
    display: inline-block;
    vertical-align: top;
}

body .blog-categs li {
    display: inline-block;
    margin: 0 0 20px 34px;
    vertical-align: top;
    padding: 0;
}

body .blog-categs li:after {
    display: none;
}

body .blog-categs li a {
    color: #373d54;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    transition: all 0.2s;
    font-weight: 500;
    position: relative;
    display: block;
}

body .blog-categs li.active a {
    color: #3a89cf;
    text-decoration: none;
}

body .blog-categs li a:hover {
    color: #3a89cf;
    text-decoration: none;
}

body .blog-categs li.active a:hover {
    color: #3a89cf;
    text-decoration: none;
}


/*----------------------------------
19 - Blog
----------------------------------*/


/*----------------------------------
Blog V2
----------------------------------*/

.posts-list .posts2-i {
    color: #373d54;
    position: relative;
    /*width: 33.33333%;*/
    /*padding: 0 15px;*/
    /*float: left;*/
    margin: 0 0 30px;
    overflow: hidden;
}

.posts2-i .posts-i-img {
    display: block;
    overflow: hidden;
    border: none;
    position: relative;
    height: 236px;
    margin: 0 0 18px;
}

.posts2-i .posts-i-img:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s;
}

.posts2-i .posts-i-img:hover:after {
    background: rgba(0, 0, 0, 0.3);
}

.posts2-i .posts-i-img span {
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    display: block;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.posts2-i .posts-i-img:hover span {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    -moz-transform: scale3d(1.05, 1.05, 1);
    -ms-transform: scale3d(1.05, 1.05, 1);
    -o-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.posts2-i .posts-i-date {
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
    padding: 8px 12px 7px;
    position: absolute;
    color: #fff;
    top: 20px;
    left: 35px;
    background: rgba(51, 129, 197, 0.85);
}

.posts2-i .posts-i-date span {
    display: block;
    font-size: 26px;
    line-height: 1;
    font-family: 'PT Serif', Roboto, sans-serif;
    font-weight: 700;
    margin: 0 0 1px;
}

.posts2-i p {
    padding: 0;
    margin: 0 0 8px;
    line-height: 1.7;
    font-size: 14px;
    color: #616161;
}

.posts2-i .posts-i-ttl {
    font-family: 'PT Serif', Roboto, sans-serif;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.2;
}

.posts2-i .posts-i-ttl a {
    border: none;
    line-height: 1.2;
    transition: color 0.2s;
}

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

.posts2-i .posts-i-ctg {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 6px;
    display: inline-block;
    line-height: 1;
    border: none;
    color: #373d54;
    transition: color 0.2s;
}

.posts2-i .posts-i-ctg:hover {
    color: #3a89cf;
}

.posts2-i .posts-i-more {
    display: inline-block;
    margin: 0 0 5px;
    transition: color 0.2s;
    font-weight: 700;
    font-family: 'PT Serif', Roboto, sans-serif;
    border: none;
    color: #3a89cf;
}


/*.posts2-i .posts-i-more:hover {
	color: #373d54;
}*/


/*----------------------------------
Blog V2
----------------------------------*/


/*----------------------------------
20 - Blog Post
----------------------------------*/

.post-wrap {
    float: left;
    width: 80%;
    padding: 0 30px 50px 0;
}

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

.post-wrap .post-slider {
    border: none;
    box-shadow: none;
    overflow: hidden;
    margin: 0 0 30px;
    position: relative;
}

.post-wrap .post-slider ul {
    margin: 0;
    padding: 0;
}

.post-wrap .post-slider ul li {
    margin: 0;
    padding: 0;
    position: initial;
}

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

.post-wrap .post-slider .flex-direction-nav a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    opacity: 1 !important;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    color: #373d54;
    text-shadow: none;
    z-index: 2;
    background: rgba(255, 255, 255, 0.8);
    border: none;
}

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

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

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

.post-wrap .post-slider .flex-direction-nav a:hover {
    background: rgba(255, 255, 255, 1);
    text-decoration: none;
}

.post-wrap .post-slider.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 20px;
}

.post-wrap .post-slider.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 20px;
}

.post-img {
    margin: 0 0 30px;
    padding: 0;
    display: block;
    max-width: 100%;
    max-height: 800px;
    width: auto;
    height: auto;
}

.post-wrap p {
    margin: 0 0 20px;
}

.post-share-wrap {
    border-top: 1px solid #e0e4f6;
    color: #888;
    overflow: hidden;
    margin: 28px 0 70px;
}

.post-share-wrap .post-share {
    float: left;
    padding: 21px 0 0;
    font-size: 18px;
    margin: 0;
}

.post-share-wrap .post-share li {
    display: inline-block;
    margin: 0 14px 10px 0;
    padding: 0;
}

.post-share-wrap .post-share li:after {
    display: none;
}

.post-share-wrap .post-share li a {
    transition: all 0.2s;
    border: none;
    color: #5f6680;
}

.post-share-wrap .post-share li a:hover {
    color: #373d54;
    text-decoration: none;
}

.post-share-wrap .post-share li a .fa {
    transition: all 0.2s;
    padding: 1px;
}

.post-share-wrap .post-share li a .fa-pinterest:hover {
    color: #f44336;
}

.post-share-wrap .post-share li a .fa-facebook-square:hover,
.post-share-wrap .post-share li a .fa-facebook:hover {
    color: #0083C9;
}

.post-share-wrap .post-share li a .fa-twitter:hover {
    color: #5BBCEC;
}

.post-share-wrap .post-share li a .fa-linkedin:hover {
    color: #FF4518;
}

.post-share-wrap .post-share li a .fa-dribbble:hover {
    color: #90C9DC;
}

.post-share-wrap .post-share li a .fa-google-plus:hover {
    color: #CE3C2D;
}

.post-share-wrap .post-share li a .fa-instagram:hover {
    color: #b4307d;
}

.post-share-wrap .post-share li a .fa-vk:hover {
    color: #4c75a3;
}

.post-share-wrap .post-info {
    padding: 21px 0 0;
    float: right;
    text-align: right;
    margin: 0;
}

.post-share-wrap .post-info li {
    display: inline-block;
    padding: 0 0 10px 18px;
    margin: 0 0 0 5px;
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
}

.post-share-wrap .post-info li:after {
    display: block;
    content: "";
    width: 9px;
    height: 19px;
    background: url(../img/separator1.png) no-repeat left top;
    top: 50%;
    left: 0;
    margin: -15px 0 0;
    position: absolute;
}

.post-share-wrap .post-info li:first-child:after {
    display: none;
}

.post-share-wrap .post-info li a {
    color: #3a89cf;
    transition: all 0.2s;
}

.post-share-wrap .post-info li a:hover {
    text-decoration: none;
}

.post-rel-wrap {
    position: relative;
    overflow: hidden;
    border: none;
    margin: 0 0 30px;
    box-shadow: none;
}

.post-rel-wrap ul {
    margin: 0;
    padding: 0;
}

.post-rel-wrap ul li {
    margin: 0;
    padding: 0;
    position: initial;
}

.post-rel-wrap ul li:after {
    display: none;
}

.post-rel-wrap .posts-i {
    height: 236px;
    float: left;
    width: 280px;
    margin: 0 20px 0 0;
    color: #373d54;
    position: relative;
    padding: 0;
    overflow: hidden;
}

.post-rel-wrap .posts-i .posts-i-date {
    left: 20px;
}

.post-rel-wrap .posts-i .posts-i-info {
    left: 20px;
}

.post-rel-wrap .flex-direction-nav a {
    transition: all 0.2s ease-in;
    background: none;
    text-align: center;
    overflow: hidden;
    width: 38px;
    background: rgba(255, 255, 255, 0.85);
    text-indent: 100%;
    white-space: nowrap;
    height: 42px;
    margin-top: -21px;
    z-index: 1;
    opacity: 0;
}

.post-rel-wrap .flex-direction-nav a:before {
    transition: all 0.2s ease-in;
    display: block;
    content: "";
    text-indent: initial;
    background: url(../img/nav1.png) no-repeat left top;
    height: 18px;
    width: 20px;
    position: absolute;
    top: 50%;
}

.post-rel-wrap.flexslider .flex-direction-nav .flex-next {
    right: 0;
}

.post-rel-wrap.flexslider .flex-direction-nav .flex-prev {
    left: 0;
}

.post-rel-wrap.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 20px;
}

.post-rel-wrap.flexslider .flex-direction-nav .flex-next:before {
    right: 8px;
    margin: -9px 0 0 0;
    content: '';
}

.post-rel-wrap.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 20px;
}

.post-rel-wrap.flexslider .flex-direction-nav .flex-prev:before {
    left: 8px;
    margin: -9px 0 0 0;
    background-position: left bottom;
    content: '';
}


/*----------------------------------
20 - Blog Post
----------------------------------*/


/*----------------------------------
21 - Cart
----------------------------------*/

.cart-items-wrap {
    overflow: auto;
    clear: both;
}

.cart-items-wrap .cart-items {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    text-align: left;
    border: none;
}

.cart-items-wrap .cart-items a {
    border: none;
}

.cart-items-wrap .cart-items p {
    margin: 0;
}

.cart-items-wrap .cart-items td {
    padding: 17px 20px 17px 0;
    vertical-align: middle;
    border: 1px solid #e0e4f6;
    font-size: 14px;
}

.cart-items-wrap .cart-items thead td {
    text-transform: uppercase;
    font-size: 13px;
    border: none;
    border-bottom: 1px solid #e0e4f6;
}

.cart-items-wrap .cart-items tbody td {
    padding: 17px 20px 17px 0;
    border: none;
    border-bottom: 1px solid #e0e4f6;
    font-weight: 500;
}

.cart-items-wrap .cart-items tbody td b {
    font-weight: 500;
}

.cart-items-wrap .cart-items tbody .cart-image {
    min-width: 100px;
    padding: 17px 20px 17px 0;
}

.cart-items-wrap .cart-items tbody .cart-image a {
    display: block;
    height: 80px;
}

.cart-items-wrap .cart-items tbody .cart-image img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.cart-items-wrap .cart-items tbody .cart-ttl {
    text-transform: uppercase;
    color: #373d54;
    text-align: left;
}

.cart-items-wrap .cart-items tbody .cart-ttl a {
    color: #373d54;
    transition: all 0.2s;
}

.cart-items-wrap .cart-items tbody .cart-ttl a:hover {
    color: #3a89cf;
    text-decoration: none;
}

.cart-items-wrap .cart-items tbody .cart-ttl p {
    text-transform: none;
    font-weight: 400;
    font-size: 13px;
}

.cart-items-wrap .cart-items tbody .cart-price span {
    color: #bbbbbb;
    font-weight: 400;
}

.cart-items-wrap .cart-items tbody .cart-price del {
    color: #bbbbbb;
    font-weight: 400;
    display: block;
}

.cart-items-wrap .cart-items tbody .cart-summ span {
    color: #bbbbbb;
    font-weight: 400;
}

.cart-items-wrap .cart-items tbody .cart-summ .cart-forone {
    font-weight: 400;
    font-size: 13px;
    position: relative;
    display: none;
    padding: 7px 0 0;
    margin: 4px 0 0;
    line-height: 1.2;
}

.cart-items-wrap .cart-items tbody .cart-summ .cart-forone:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 1px;
    content: '';
    margin: 0;
    display: block;
    background: #e0e4f6;
    line-height: 1.2;
}

.cart-items-wrap .cart-items tbody .cart-summ .cart-forone b {
    font-weight: 400;
    line-height: 1.2;
}

.cart-items-wrap .cart-items .cart-image {
    width: 120px;
}

.cart-items-wrap .cart-items .cart-price,
.cart-items-wrap .cart-items .cart-summ {
    width: 150px;
}

.cart-items-wrap .cart-items .cart-quantity {
    width: 150px;
}

.cart-items-wrap .cart-items .cart-del {
    width: 32px;
    padding-right: 0;
}

.cart-items-wrap .cart-items tbody .cart-remove {
    width: 32px;
    height: 32px;
    transition: all 0.2s;
    display: block;
    background: url(../img/remove.jpg) center center no-repeat;
}

.cart-items-wrap .cart-items .cart-qnt {
    overflow: hidden;
    margin: 0;
    width: 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: #f8fafc;
    border: 1px solid #e0e4f6;
}

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

.cart-items-wrap .cart-items .cart-plus:hover {
    color: #3a89cf;
}

.cart-items-wrap .cart-items .cart-plus .fa {
    padding: 0;
    line-height: 1;
}

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

.cart-items-wrap .cart-items .cart-minus:hover {
    color: #3a89cf;
}

.cart-items-wrap .cart-items .cart-minus .fa {
    padding: 0;
    line-height: 1;
}

.cart-submit {
    overflow: hidden;
    margin: 0 0 15px;
    padding: 0;
}

.cart-coupon {
    float: left;
    width: 42.2%;
    display: block;
    position: relative;
    margin: 0 0 15px;
}

.cart-coupon input[type=text] {
    display: block;
    height: 34px;
    border: 1px solid #e0e4f6;
    padding: 0 17px;
    color: #373d54;
    width: 100%;
}

.cart-coupon input[type=image] {
    position: absolute;
    border: none;
    width: 20px;
    height: 15px;
    display: block;
    top: 50%;
    right: 14px;
    margin: -7px 0 0 0px;
}

.cart-coupon .cart-coupon-btn {
    position: absolute;
    border: none;
    width: 20px;
    height: 15px;
    display: block;
    top: 50%;
    right: 14px;
    margin: -7px 0 0 0px;
    transition: all 0.2s;
}

.cart-coupon .cart-coupon-btn:hover {
    opacity: 0.85;
}

.cart-submit input[type=submit] {
    display: block;
    border: none;
    float: right;
    border-radius: 50px;
    font-size: 15px;
    color: #fff;
    margin: 0 0 15px;
    padding: 8px 24px 7px;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    background: #3a89cf;
    transition: all 0.2s;
    height: auto;
}

.cart-submit input[type=submit]:hover {
    background: #22B2F9;
}

.cart-submit .cart-submit-btn {
    display: block;
    border: none;
    float: right;
    font-size: 13px;
    color: #fff;
    margin: 0 0 15px 25px;
    padding: 10px 20px 9px;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    background: #373d54;
    letter-spacing: 1px;
    transition: all 0.2s;
    height: auto;
}

.cart-submit .cart-submit-btn:hover {
    background: #474f6e;
    text-decoration: none;
    color: #fff;
}

.cart-submit .cart-clear {
    display: block;
    border: none;
    float: right;
    font-size: 15px;
    color: #373d54;
    line-height: 100%;
    margin: 0 0 15px;
    padding: 11px 0 0;
    border-bottom: 1px solid #373d54;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
    transition: all 0.2s;
    height: auto;
}

.cart-submit .cart-clear:hover {
    text-decoration: none;
    color: #373d54;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

body .cart-total {
    padding: 0;
    font-size: 18px;
    color: #373d54;
    font-weight: 700;
    overflow: hidden;
    margin: 0 0 30px;
    border-bottom: 1px solid #e0e4f6;
}

body .cart-total li {
    list-style: none;
    float: right;
    margin: 18px 15px 15px 0;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    padding: 0 0 0 20px;
}

body .cart-total li:last-child {
    margin-left: 0;
    padding-left: 0;
}

body .cart-total li:after {
    position: absolute;
    content: "";
    left: 0;
    height: 26px;
    width: 1px;
    top: 50%;
    margin: -13px 0 0;
    background: #e0e4f6;
}

body .cart-total li:last-child:after {
    display: none;
}

body .cart-total li span {
    text-transform: none;
    color: #ccc;
    font-weight: 400;
}

body .cart-total li b {
    font-weight: 400;
}

body .cart-total .cart-summ {
    float: right;
    margin: 15px 0 15px 0;
    padding: 0 0 0 20px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
}

body .cart-total .cart-summ:after {
    position: absolute;
    content: "";
    left: 0;
    height: 26px;
    width: 1px;
    top: 50%;
    margin: -13px 0 0;
    background: #e0e4f6;
}

body .cart-total .cart-summ span {
    text-transform: none;
    color: #ccc;
    font-weight: 400;
}

body .cart-total .cart-summ b {
    color: #3a89cf;
    text-transform: none;
    font-weight: 500;
}


/*----------------------------------
21 - Cart
----------------------------------*/


/*----------------------------------
22 - Blog Posts
----------------------------------*/

.posts-wrap {
    overflow: hidden;
    margin: 0 0 50px;
}

.posts-list {
    margin: 0 -15px;
}

.posts-list:after {
    clear: both;
    content: '';
    display: block;
}

.posts-list .posts-i {
    color: #373d54;
    position: relative;
    width: 33.33333%;
    padding: 0 15px;
    float: left;
    margin: 0 0 30px;
    height: 236px;
    overflow: hidden;
}

.posts-i .posts-i-img {
    display: block;
    height: 100%;
    overflow: hidden;
    border: none;
    position: relative;
}

.posts-i .posts-i-img:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s;
}

.posts-i:hover .posts-i-img:after {
    background: rgba(0, 0, 0, 0.5);
}

.posts-i .posts-i-img span {
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    display: block;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.posts-i:hover .posts-i-img span {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    -moz-transform: scale3d(1.05, 1.05, 1);
    -ms-transform: scale3d(1.05, 1.05, 1);
    -o-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.posts-i .posts-i-date {
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
    padding: 0;
    position: absolute;
    color: #fff;
    top: 15px;
    left: 35px;
    opacity: 0;
    transition: all 0.3s ease-in;
}

.posts-i:hover .posts-i-date {
    opacity: 1;
    top: 20px;
}

.posts-i .posts-i-date span {
    display: block;
    font-size: 28px;
    line-height: 1;
    font-family: 'PT Serif', Roboto, sans-serif;
    font-weight: 700;
    margin: 0 0 1px;
}

.posts-i .posts-i-info {
    position: absolute;
    bottom: 15px;
    left: 35px;
    right: 35px;
    padding: 0;
    color: #fff;
    line-height: 1;
    opacity: 0;
    transition: all 0.3s ease-in;
}

.posts-i:hover .posts-i-info {
    opacity: 1;
    bottom: 20px;
}

.posts-i .posts-i-ttl {
    font-family: 'PT Serif', Roboto, sans-serif;
    font-size: 19px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.posts-i .posts-i-ttl a {
    border: none;
    color: #fff;
    line-height: 1.2;
    transition: color 0.2s;
}

.posts-i .posts-i-ttl a:hover {
    color: #b3bede;
}

.posts-i .posts-i-ctg {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 7px;
    display: inline-block;
    line-height: 1;
    border: none;
    color: #fff;
    transition: color 0.2s;
}

.posts-i .posts-i-ctg:hover {
    color: #b3bede;
}

.posts-list-rel {
    margin: 0;
    padding: 0 0 50px;
    overflow: hidden;
}

.posts-list-rel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.posts-list-rel .posts-i {
    padding: 0;
    margin: 0;
    list-style: none !important;
}

.posts-list-rel .posts-i .posts-i-info {
    left: 22px;
    right: 22px;
}

.posts-list-rel .posts-i .posts-i-date {
    left: 22px;
}

.posts-list-rel .flex-control-nav {
    bottom: 10px;
    margin: 0;
    list-style: none;
}

.posts-list-rel .flex-control-nav li {
    margin: 0 4px;
}

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

.posts-list-rel .flex-control-nav li a:hover {
    background: #373d54;
}

.posts-list-rel .flex-control-nav li a.flex-active {
    background: #373d54;
    cursor: default;
}

.posts-list-rel .flex-direction-nav a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    opacity: 1 !important;
    margin: -48px 0 0;
    position: absolute;
    top: 50%;
    color: #373d54;
    text-shadow: none;
    z-index: 2;
    background: rgba(255, 255, 255, 0.8);
    border: none;
}

.posts-list-rel .flex-direction-nav a.flex-disabled {
    display: none;
}

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

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

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

.posts-list-rel .flex-direction-nav a:hover {
    background: rgba(255, 255, 255, 1);
    text-decoration: none;
}

.posts-list-rel.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 20px;
}

.posts-list-rel.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 20px;
}


/*----------------------------------
22 - Blog Posts
----------------------------------*/


/*----------------------------------
23 - Reviews Carousel
----------------------------------*/

.reviews-wrap {
    margin: 0 auto 30px;
    max-width: 800px;
}

.reviewscar .swiper-slide {
    font-family: 'PT Serif', Roboto, sans-serif;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    line-height: 1.9;
    margin: 0;
    padding: 0 0 39px;
    position: relative;
}

.reviewscar .swiper-slide:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 24px;
    left: 50%;
    width: 60px;
    margin: 0 0 0 -30px;
    height: 1px;
    background: #373d54;
}

.reviewscar .swiper-slide p {
    line-height: 1.9;
    margin: 0;
    padding: 0;
}

.reviewscar .reviewscar-ttl {
    font-style: normal;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 25px 0 10px;
    padding-top: 25px;
    position: relative;
}

.reviewscar .reviewscar-ttl:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    margin: 0 0 0 -30px;
    height: 1px;
    background: #373d54;
}

.reviewscar-thumbs {
    box-sizing: border-box;
    padding: 0 0 100px;
}

.reviewscar-thumbs .swiper-slide {
    width: 80px;
    height: 80px;
    opacity: 0.6;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
}

.reviewscar-thumbs .swiper-slide:hover,
.reviewscar-thumbs .swiper-slide-active {
    opacity: 1;
}

.reviewscar-thumbs .reviewscar-ttl {
    font-style: normal;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 100px;
    left: -80px;
    right: -80px;
    display: none;
}

.reviewscar-thumbs .reviewscar-ttl a {
    color: #373d54;
    border: none;
}

.reviewscar-thumbs .reviewscar-post {
    position: absolute;
    text-align: center;
    top: 119px;
    left: -80px;
    right: -80px;
    display: none;
    color: #373d54;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 13px;
    font-weight: 400;
    letter-spacing: 1px;
    font-style: normal;
}

.reviewscar-thumbs .swiper-slide-active .reviewscar-ttl,
.reviewscar-thumbs .swiper-slide-active .reviewscar-post {
    display: block;
}


/*----------------------------------
23 - Reviews Carousel
----------------------------------*/


/*----------------------------------
24 - Reviews List
----------------------------------*/

.reviews-list {
    margin: 0 0 30px;
    clear: both;
}

.prod-tab .reviews-list {
    padding-top: 15px;
}

.reviews-list:after {
    clear: both;
    content: '';
    display: block;
}

.reviews-list .reviews-i {
    position: relative;
    padding: 0;
    font-weight: 300;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
    margin: 0 0 30px;
    padding: 0 0 5px;
    border-bottom: 1px solid #eee;
}

.reviews-list .reviews-i.existimg {
    padding: 0 0 5px 144px;
    min-height: 200px;
}

.reviews-i .reviews-i-img {
    top: 2px;
    left: 0;
    width: 120px;
    position: absolute;
    margin: 0;
}

.reviews-i .reviews-i-img img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 14px;
}

.reviews-i .reviews-i-rating {
    font-size: 13px;
    color: #3a89cf;
    text-align: center;
    display: block;
    margin: 0 0 4px;
}

.reviews-i .reviews-i-rating .fa {
    margin: 0 1px;
}

.reviews-i .reviews-i-cont {
    line-height: 1.7;
    position: relative;
}

.reviews-i .reviews-i-cont:after {
    clear: both;
    content: '';
    display: block;
}

.reviews-i .reviews-i-date {
    font-size: 14px;
    text-align: center;
    display: block;
    color: #373d54;
    font-family: 'PT Serif', sans-serif;
    font-style: italic;
}

.reviews-i .reviews-i-cont .reviews-i-rating {
    text-align: left;
    margin-bottom: 11px;
    position: absolute;
    right: 0;
    top: 3px;
}

.reviews-i .reviews-i-cont .reviews-i-date {
    text-align: left;
    margin-bottom: 11px;
}

.reviews-i p {
    line-height: 1.7;
    margin: 0 0 12px;
}

.reviews-i .reviews-i-margin {
    display: block;
    margin-top: 12px;
}

.reviews-i .reviews-i-showanswer {
    font-size: 14px;
    color: #3a89cf;
    letter-spacing: 0.03em;
    float: right;
    line-height: 1.4;
    cursor: pointer;
}

.reviews-i .reviews-i-showanswer.opened .fa:before {
    content: '\f106';
}

.reviews-i .reviews-i-showanswer span {
    display: inline-block;
    border-bottom: 1px solid transparent;
    transition: all 0.2s;
    line-height: 1;
}

.reviews-i .reviews-i-showanswer:hover span {
    border-color: #3a89cf;
}

.reviews-i .reviews-i-ttl {
    font-family: 'PT Serif', sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    padding: 0 0 0 56px;
    position: relative;
    line-height: 1.1;
    margin: 0 0 20px;
    letter-spacing: 0.02em;
    float: left;
    color: #373d54;
}

.reviews-i .reviews-i-ttl:after {
    position: absolute;
    top: 8px;
    left: 0;
    background: #373d54;
    height: 1px;
    display: block;
    width: 42px;
    content: '';
}

.reviews-i .reviews-i-answer {
    font-weight: 300;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
    padding: 0 0 0 40px;
    position: relative;
    display: none;
    overflow: hidden;
}

.reviews-i .reviews-i-answer:after {
    content: '';
    display: block;
    width: 2px;
    top: 3px;
    bottom: 13px;
    left: 20px;
    background: #373d54;
    position: absolute;
}


/*----------------------------------
24 - Reviews List
----------------------------------*/


/*----------------------------------
25 - Modal Form
----------------------------------*/

.bx-wrapper {
    margin-bottom: 0;
}

.bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
    left: auto;
    background: #fff;
}

.modalform {
    font-size: 14px;
    background: #fff;
    width: 100%;
    padding: 30px 30px 20px;
    margin: 0 auto;
    width: 280px;
}

.modalform .modalform-ttl {
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 0 11px;
    font-weight: 500;
    margin: 0 0 20px;
    color: #373d54;
    text-align: center;
    position: relative;
}

.modalform .modalform-ttl:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 1px;
    margin: 0 0 0 -25px;
    display: block;
    background: #373d54;
}

.modalform input[type=text] {
    width: 100%;
    display: block;
    margin: 0 auto 20px;
    border: 1px solid #e0e4f6;
    height: 40px;
    color: #373d54;
    background: #f8fafc;
    transition: all 0.2s;
    padding: 0 14px;
    font-size: 14px;
}

.modalform input[type=text]::-webkit-input-placeholder {
    color: #c7cbdc;
}

.modalform input[type=text]::-moz-placeholder {
    color: #c7cbdc;
    opacity: 1;
}

.modalform input[type=text]:-ms-input-placeholder {
    color: #c7cbdc;
}

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

.modalform textarea::-webkit-input-placeholder {
    color: #c7cbdc;
}

.modalform textarea::-moz-placeholder {
    color: #c7cbdc;
    opacity: 1;
}

.modalform textarea:-ms-input-placeholder {
    color: #c7cbdc;
}

.modalform button[type=submit] {
    display: block;
    border: none;
    font-size: 13px;
    color: #fff;
    margin: 0 auto 15px;
    padding: 10px 24px 9px;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    background: #313b54;
    transition: all 0.2s;
    height: auto;
    width: 100%;
}

.modalform button[type=submit] .fa {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    font-size: 12px;
}

.modalform button[type=submit]:hover {
    background: #22B2F9;
}

.redborder {
    border-color: red !important;
}

.modalform .form-result {
    margin: 0;
}


/*----------------------------------
25 - Modal Form
----------------------------------*/


/*----------------------------------
26 - Quick View
----------------------------------*/

.qview-modal {
    height: 0;
    overflow: hidden;
    width: 950px;
    width: 100%;
    max-width: 950px;
}

.qview-modal .prod-slider-wrap,
.qview-modal .prod-cont {
    margin-bottom: 0;
}

.qview-modal .prod-wrap {
    float: none;
    width: auto;
    padding: 20px;
    background: #fff;
    max-width: 950px;
    width: 100%;
}

.fancybox-wrap .qview-modal {
    overflow: initial;
    height: auto;
    width: auto;
}


/*----------------------------------
26 - Quick View
----------------------------------*/


/*----------------------------------
27 - Elements
----------------------------------*/

body .component-ttl {
    font-size: 22px;
    text-transform: uppercase;
    color: #373d54;
    margin: 0 0 50px;
    font-weight: 900;
    position: relative;
    letter-spacing: 2px;
}

body .component-ttl-hasdesc {
    margin: 0 0 18px;
}

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

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

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

body .component-ttl-ct {
    text-align: center;
}

body .component-ttl-ct span:after {
    left: 50%;
    margin: 0 0 0 -30px;
}

body .component-desc {
    margin: 0 0 45px;
    font-size: 15px;
    font-family: 'PT Serif';
    font-style: italic;
    letter-spacing: 0.05em;
}

body .component-desc.component-desc-ct {
    text-align: center;
}


/*----------------------------------
27 - Elements
----------------------------------*/


/*----------------------------------
28 - Pricing Table
----------------------------------*/

.pricing-wrap {
    overflow: hidden;
    margin-bottom: 30px;
}

.pricing-list {
    margin-left: -15px;
    margin-right: -15px;
}

.pricing-list .pricing-i {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #373d54;
    margin-left: auto;
    margin-right: auto;
    max-width: 390px;
}

.pricing-list .pricing-i:nth-child(3n+1) {
    clear: left;
}

.pricing-list .pricing-i-marked {
    margin-top: 0;
}

.pricing-i .pricing-i-top {
    color: #ffffff;
    background: #3f4661;
    padding: 24px 15px 14px;
    font-weight: 300;
    overflow: hidden;
}

.pricing-i-marked .pricing-i-top {
    padding-top: 33px;
    padding-bottom: 22px;
}

.pricing-i .pricing-i-ttl {
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 5px;
    line-height: 1.2;
    color: #fff;
}

.pricing-i-marked .pricing-i-ttl {
    font-size: 39px;
    margin-bottom: 10px;
}

.pricing-i .pricing-i-subttl {
    opacity: 0.23;
    font-size: 15px;
    margin: 0 0 9px;
}

.pricing-i .pricing-i-price {
    font-size: 28px;
    color: #fff;
    font-weight: 300;
    background: #373d54;
    margin: 0;
    padding: 12px 15px;
}

.pricing-i .pricing-i-price span {
    font-size: 16px;
}

.pricing-i .pricing-i-desc {
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #e0e4f6;
    border-left: 2px solid #e0e4f6;
    border-right: 2px solid #e0e4f6;
}

.pricing-i-marked .pricing-i-desc {
    border-color: #373d54;
}

.pricing-i .pricing-i-desc li {
    list-style: none;
    padding: 22px 15px;
    font-size: 15px;
    margin: 0;
}

.pricing-i .pricing-i-desc li:nth-child(2n) {
    background: #f8fafc;
}

.pricing-i .pricing-i-desc li.pricing-i-no {
    color: #7c83a1;
}

.pricing-i .pricing-i-desc .pricing-i-order {
    padding: 15px 15px;
}

.pricing-i .pricing-i-desc .pricing-i-order a {
    display: block;
    width: 100%;
    padding: 16px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    background: #373d54;
    border: none;
    letter-spacing: 1px;
}

.pricing-i .pricing-i-desc .pricing-i-order a:hover {
    background: #474f6e;
}

.pricing-list.pricing-list-1,
.pricing-list.pricing-list-2 {
    text-align: center;
}

.pricing-list.pricing-list-1 .pricing-i,
.pricing-list.pricing-list-2 .pricing-i {
    float: none;
    display: inline-block;
    vertical-align: top;
}


/*----------------------------------
28 - Pricing Table
----------------------------------*/


/*----------------------------------
29 - Team
----------------------------------*/

.team-wrap {
    overflow: hidden;
    margin-bottom: 30px;
}

.team-list {
    margin-left: -15px;
    margin-right: -15px;
}

.team-list .team-i {
    text-align: center;
    margin-bottom: 40px;
    color: #373d54;
    margin-left: auto;
    margin-right: auto;
    max-width: 390px;
    font-weight: 300;
    color: #616161;
    line-height: 1.7;
}

.team-list .team-i:nth-child(3n+1) {
    clear: left;
}

.team-i .team-i-img {
    margin: 0 0 25px;
    padding: 0;
    overflow: hidden;
    height: 280px;
}

.team-i .team-i-img img {
    display: block;
    width: 100%;
    min-height: 100%;
}

.team-i .team-i-ttl {
    margin: 0 0 2px;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
}

.team-i .team-i-post {
    color: #373d54;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 13px;
    font-weight: 400;
    letter-spacing: 1px;
}

.team-i p {
    margin-bottom: 19px;
}

.team-i .team-i-margin {
    display: block;
    margin-top: 19px;
}

.team-i .team-i-social {
    text-align: center;
    padding: 17px 0 0;
    margin: 0;
    position: relative;
}

.team-i .team-i-social:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 50%;
    width: 190px;
    margin: 0 0 0 -95px;
    height: 1px;
    background: #e0e4f6;
}

.team-i .team-i-social li {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0 8px 8px;
}

.team-i .team-i-social li a {
    transition: all 0.2s;
    border: none;
    color: #5f6680;
    font-size: 18px;
}

.team-i .team-i-social li a:hover .fa {
    color: #3a89cf;
}

.team-i .team-i-social li a:hover .fa-pinteres {
    color: #f44336;
}

.team-i .team-i-social li a:hover .fa-facebook-square,
.team-i .team-i-social li a:hover .fa-faceboo {
    color: #0083C9;
}

.team-i .team-i-social li a:hover .fa-twitter {
    color: #5BBCEC;
}

.team-i .team-i-social li a:hover .fa-linkedin {
    color: #FF4518;
}

.team-i .team-i-social li a:hover .fa-dribbble {
    color: #90C9DC;
}

.team-i .team-i-social li a:hover .fa-google-plus {
    color: #CE3C2D;
}

.team-i .team-i-social li a:hover .fa-instagram {
    color: #b4307d;
}

.team-i .team-i-social li a:hover .fa-vk {
    color: #4c75a3;
}


/*----------------------------------
29 - Team
----------------------------------*/


/*----------------------------------
30 - Contact Forms
----------------------------------*/

.contactform-wrap {
    margin: 0 auto 40px;
    max-width: 600px;
    font-size: 14px;
}

.contactform-wrap p {
    margin: 0 0 20px;
}

.contactform-wrap label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 5px;
    color: #313b54;
    font-size: 14px;
}

.contactform-wrap .contactform-label {
    width: 20%;
    text-align: right;
    padding-right: 15px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}

.contactform-multiselect .contactform-label,
.contactform-textarea .contactform-label {
    vertical-align: top;
    margin: 13px 0 0;
}

.contactform-field .contactform-label+.contactform-input,
.contactform-field .contactform-label+select,
.contactform-field .contactform-label+textarea,
.contactform-field .contactform-label+input[type=file],
.contactform-field .contactform-label+input[type=password],
.contactform-field .contactform-label+input[type=email],
.contactform-field .contactform-label+input[type=tel],
.contactform-field .contactform-label+input[type=search],
.contactform-field .contactform-label+input[type=text] {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 80%;
}

.contactform-wrap .contactform-field input[type=file] {
    width: auto;
    color: #313b54;
    font-size: 14px;
}

.contactform-wrap .contactform-field select {
    background: #fff;
    outline: none !important;
    background: #f8fafc;
    color: #313b54;
}

.contactform-wrap .contactform-radio .contactform-label,
.contactform-wrap .contactform-checkbox .contactform-label {
    margin: 0 0 5px;
}

.contactform-wrap .contactform-radio label:not(.contactform-label),
.contactform-wrap .contactform-checkbox label:not(.contactform-label) {
    text-transform: none;
    letter-spacing: 0;
    width: auto;
    text-align: left;
    line-height: 1;
    margin: 0;
}

.contactform-wrap .contactform-radio input[type=radio],
.contactform-wrap .contactform-checkbox input[type=checkbox] {
    margin: 0 5px 5px 0;
}

.contactform-wrap .contactform-radio label[for],
.contactform-wrap .contactform-checkbox label[for] {
    margin: 0 10px 5px 0;
    line-height: 1;
}

.contactform-wrap .contactform-radio br,
.contactform-wrap .contactform-checkbox br {
    display: none;
}

.contactform-wrap .contactform-date input[type=text] {
    display: inline-block;
    width: 70%;
    margin: 0 5px 0 0;
}

.contactform-wrap .contactform-submit {
    text-align: center;
    padding: 15px 0 0;
}

.contactform-submit input[type=submit] {
    display: inline-block;
}

.form-required {
    color: red;
}

.form-result {
    text-align: center;
    color: #373d54;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 20px;
}

.contacts-map {
    height: 400px;
}


/*----------------------------------
30 - Contact Forms
----------------------------------*/


/*----------------------------------
31 - Brands
----------------------------------*/

.brands-wrap {
    overflow: hidden;
    position: relative;
    margin-bottom: 60px;
}

.brands-list {
    overflow: hidden;
    position: relative;
    padding: 0 50px;
}

.brands-list ul.slides {
    overflow: hidden;
    position: relative;
    width: 1600%;
    transition-duration: 0s;
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    margin: 0 auto;
}

.brands-list ul.slides li {
    float: left;
    width: 157px;
    margin: 0 20px 0 0;
    height: 60px;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
    display: block;
}

.brands-list ul.slides li a {
    border: none;
    display: block;
    transition: all 0.2s;
    height: 100%;
    vertical-align: middle;
}

.brands-list ul.slides li a:after {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}

.brands-list ul.slides li a:hover {
    opacity: 0.85;
}

.brands-list ul.slides li img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.brands-list .flex-direction-nav .flex-prev {
    left: 2px;
}

.brands-list .flex-direction-nav .flex-prev:hover {
    left: 0px;
}

.brands-list .flex-direction-nav .flex-next {
    right: 2px;
}

.brands-list .flex-direction-nav .flex-next:hover {
    right: 0;
}


/*----------------------------------
31 - Brands
----------------------------------*/


/*----------------------------------
32 - Banners
----------------------------------*/

.banners-list {
    margin: 0 -10px 50px;
}

.banners-list:after {
    clear: both;
    content: '';
    display: block;
}

.banners-list .banner-i {
    width: 50%;
    padding: 10px 0;
    margin: 0 2px 20px;
    position: relative;
    float: left;
    border: 1px solid #ececec;
    cursor: pointer;
}

.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: #0B7B34;
    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: 24.5%;
    text-align: center;
}

.banner-i.style_22:hover {
    box-shadow: 0 0 10px #ccc;
    transform: scale(1.1);
    transition: transform .5s;
    z-index: 99999;
}

.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 40px 0 0;
    width: 100px;
    position: relative;
    padding: 20px 30px 0 120px;
    min-height: 120px;
    border-right: 1px solid #e0e4f6;
}

.discounts-i .discounts-i-img {
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

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

.discounts-i .discounts-i-ttl {
    color: #373d54;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 5px;
}

.discounts-i .discounts-i-ttl a {
    color: #373d54;
    line-height: 1.2;
}

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

.discounts-i .discounts-i-price {
    color: #ff3333;
    font-size: 12px;
}

.discounts-i .discounts-i-price b {
    font-size: 16px;
    font-weight: 500;
}

.discounts-i .discounts-i-price del {
    color: #888;
    font-size: 12px;
    display: block;
    font-weight: 400;
    margin: 9px 0 0;
}

.discounts-wrap .discounts-info {
    color: #373d54;
    font-size: 15px;
    position: absolute;
    bottom: 27px;
    right: 0;
    width: 210px;
}

.discounts-wrap .discounts-info p {
    margin: 0 0 15px;
}

.discounts-wrap .discounts-info a {
    background: #373d54;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 20px;
    font-weight: 500;
    display: inline-block;
    transition: all 0.2s;
    letter-spacing: 1px;
}

.discounts-wrap .discounts-info a:hover {
    background: #474f6e;
}


/*----------------------------------
33 - Discounts
----------------------------------*/


/*----------------------------------
34 - Newsletter
----------------------------------*/

.newsletter {
    color: #373d54;
    background-image: url(../img/subscribe.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 13px;
    margin: 0 auto 80px;
    max-width: 570px;
    padding: 35px 40px 21px;
}

.newsletter h3 {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0 0 6px;
    font-weight: 700;
    line-height: 1.2;
}

.newsletter p {
    margin: 0 0 21px;
    color: #5f6680;
}

.newsletter input[type=text] {
    border: none;
    background: #fff;
    transition: all 0.2s;
    margin: 0 0 20px 0;
    display: inline-block;
    vertical-align: top;
    height: 35px;
    font-size: 13px;
    padding: 0 15px;
    width: 158px;
}

.newsletter input[type=submit] {
    border: none;
    height: 35px;
    background: #373d54;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 20px;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    transition: all 0.2s;
    letter-spacing: 1px;
    margin: 0 0 20px;
}

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


/*----------------------------------
34 - Newsletter
----------------------------------*/


/*----------------------------------
35 - Iconbox 1
----------------------------------*/

.iconbox-wrap {
    overflow: hidden;
    margin-bottom: 30px;
}

.iconbox-list {}

.iconbox-list .iconbox-i {
    text-align: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
}

.iconbox-i .iconbox-i-img {
    margin: 0 0 30px;
    padding: 0;
    height: 90px;
}

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

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

.iconbox-i .iconbox-i-ttl {
    margin: 0 0 16px;
    padding: 0 0 17px;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.iconbox-i .iconbox-i-ttl:after {
    background-color: #5f6476;
    width: 50px;
    height: 2px;
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -25px;
}

.iconbox-i .iconbox-i-link {
    color: #373d54;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-weight: 500;
    display: inline-block;
    letter-spacing: 3px;
    border: none;
}

.iconbox-i .iconbox-i-link:hover {
    color: #3a89cf;
}

.iconbox-i .iconbox-i-link .fa {
    font-size: 16px;
    margin-left: 3px;
}

.iconbox-i p {
    font-size: 14px;
    margin-bottom: 10px;
}

.iconbox-i .iconbox-i-margin {
    display: block;
    margin-top: 10px;
}


/*----------------------------------
35 - Iconbox 1
----------------------------------*/


/*----------------------------------
36 - Iconbox 2
----------------------------------*/

.iconbox-2-wrap {
    overflow: hidden;
    margin-bottom: 30px;
}

.iconbox-2-list .iconbox-2-col {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.iconbox-2-list .iconbox-2-i {
    font-weight: 300;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
    position: relative;
    padding-left: 80px;
}

.iconbox-2-i .iconbox-2-i-img {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    left: 0;
    width: 50px;
}

.iconbox-2-i .iconbox-2-i-img img {
    width: 100%;
    height: auto;
    display: block;
}

.iconbox-2-i .iconbox-2-i-ttl {
    margin: 0 0 12px;
    padding: 0 0 13px;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    letter-spacing: 1px;
}

.iconbox-2-i .iconbox-2-i-ttl:after {
    background-color: #5f6476;
    width: 50px;
    height: 1px;
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    transition: all 0.2s;
}

.iconbox-2-i .iconbox-2-i-link {
    color: #373d54;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-weight: 500;
    display: inline-block;
    letter-spacing: 3px;
    border: none;
}

.iconbox-2-i .iconbox-2-i-link:hover {
    color: #3a89cf;
}

.iconbox-2-i .iconbox-2-i-link .fa {
    font-size: 16px;
    margin-left: 3px;
}

.iconbox-2-i p {
    font-size: 14px;
    margin-bottom: 6px;
}

.iconbox-2-i .iconbox-2-i-margin {
    display: block;
    margin-top: 6px;
}


/*----------------------------------
36 - Iconbox 2
----------------------------------*/


/*----------------------------------
37 - Counters
----------------------------------*/

.facts-wrap {
    overflow: hidden;
    margin-bottom: 30px;
}

.facts-list .facts-i {
    text-align: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
    position: relative;
    padding-bottom: 11px;
}

.facts-list .facts-i:after {
    background-color: #373d54;
    width: 50px;
    height: 1px;
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -25px;
    transition: all 0.2s;
}

.facts-list .facts-i:hover:after {
    background-color: #3a89cf;
}

.facts-i .facts-i-num {
    margin: 0 0 10px;
    padding: 0;
    color: #373d54;
    white-space: nowrap;
    line-height: 1;
    font-size: 42px;
    letter-spacing: 2px;
    transition: all 0.2s;
    height: 42px;
    position: relative;
    font-weight: 700;
    font-family: 'PT Serif', sans-serif;
}

.facts-i:hover .facts-i-num {
    color: #3a89cf;
}

.facts-i .facts-i-ttl {
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.1em;
}

.facts-i p {
    font-size: 14px;
    margin-bottom: 11px;
}

.facts-i .facts-i-margin {
    display: block;
    margin-top: 11px;
}

.facts-i .facts-i-percent {
    margin: 0 auto 23px;
    padding: 0;
    color: #373d54;
    white-space: nowrap;
    line-height: 1;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    height: 105px;
    width: 105px;
}

.facts-i .facts-i-percent .progressbar-text {
    color: #373d54 !important;
    font-size: 30px;
    font-family: 'PT Serif', sans-serif;
    font-weight: 700;
}

.facts-i .facts-i-percent .progressbar-text span {
    font-size: 20px;
}

.style-2 .facts-i .facts-i-ttl {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}


/*----------------------------------
37 - Counters
----------------------------------*/


/*----------------------------------
38 - Social Links
----------------------------------*/

.social-wrap {
    margin-bottom: 40px;
}

.social-wrap .social-list {
    text-align: center;
}

.social-list .social-i {
    text-align: center;
    margin: 0 5px 30px;
    display: inline-block;
    width: 160px;
    vertical-align: top;
}

.social-i a {
    color: #373d54;
    transition: all 0.3s;
    display: block;
    border: none;
}

.social-i .social-i-img {
    color: #ffffff;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    line-height: 82px;
    margin: 0 auto 20px;
    background: #373d54;
    transition: all 0.3s;
}

.social-i .social-i-img .fa {
    color: #ffffff;
    line-height: 1;
    font-size: 28px;
    transition: all 0.3s;
}

.social-i a:hover .social-i-img {
    background: #f5f5f5;
}

.social-i a:hover .social-i-img .fa {
    color: #373d54;
}

.social-i .social-i-ttl {
    text-transform: uppercase;
    font-size: 13px;
    color: #373d54;
    font-weight: 500;
    margin: 0;
    letter-spacing: 1px;
}


/*----------------------------------
38 - Social Links
----------------------------------*/


/*----------------------------------
39 - Accordion
----------------------------------*/

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

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

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

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

.height_auto {
    height: auto !important;
}

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

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

.accordion-tab-mob.active {
    color: #373d54;
}

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

.accordion-inner {
    padding-bottom: 1px;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
}

.accordion-inner:after {
    clear: both;
    content: '';
    display: block;
}

.tabs-wrap {
    padding-bottom: 1px;
}

.tabs-wrap .flex-viewport {
    padding-bottom: 1px;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
}

.tabs-wrap .flex-viewport:after {
    clear: both;
    content: '';
    display: block;
}

.tabs-margin {
    margin-top: 30px;
    display: block;
}


/*----------------------------------
39 - Accordion
----------------------------------*/


/*----------------------------------
40 - Select Styles
----------------------------------*/

.section-filter .section-filter-select {
    margin: 0 0 10px;
}

.section-filter .section-filter-select select.chosen-select {
    width: 100%;
    display: block;
    opacity: 0;
    height: 32px;
}


/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/


/* @group Base */

.chosen-container {
    position: relative;
    display: block;
    vertical-align: middle;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.chosen-container * {
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid #e0e4f6;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.chosen-container a {
    cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
}


/* @end */


/* @group Single Chosen */

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
    height: 32px;
    border: 1px solid #e0e4f6;
    background-color: #fff;
    color: #373d54;
    text-decoration: none;
    white-space: nowrap;
    line-height: 30px;
}

.chosen-container-single .chosen-single span {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../img/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div:after {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -9px -1px 0 0;
    display: block;
    font-family: FontAwesome;
    content: '\f107';
    font-size: 14px;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 4px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -10px 10px 0 0;
    display: block;
    font-family: FontAwesome;
    color: #8890af;
    content: '\f002';
    font-size: 12px;
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 0;
    padding: 0 20px 0 5px;
    width: 100%;
    height: 28px;
    outline: 0;
    border: 1px solid #e0e4f6;
    font-size: 14px;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}


/* @end */


/* @group Results */

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3a89cf;
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}


/* @end */


/* @group Multi Chosen */

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 3px 10px;
    width: 100%;
    height: auto;
    border: 1px solid #e0e4f6;
    background-color: #fff;
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 0;
    padding: 0;
    height: 24px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #373d54;
    font-size: 14px;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 1px 17px 1px 5px;
    border: 1px solid #e0e4f6;
    max-width: 100%;
    font-size: 13px;
    background-color: #f8fafc;
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    color: #313b54;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 12px;
    height: 12px;
    color: #8890af;
    content: '\f00d;';
    font-family: FontAwesome;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
    font-size: 11px;
    content: '\f00d';
    font-family: FontAwesome;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    color: #313b54;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}


/* @end */


/* @group Active  */

.chosen-container-active .chosen-single {}

.chosen-container-active.chosen-with-drop .chosen-single {}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important;
}


/* @end */


/* @group Disabled Support */

.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}


/* @end */


/* @group Right to Left */

.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: white url('../img/chosen-sprite.png') no-repeat -30px -20px;
    background: url('../img/chosen-sprite.png') no-repeat -30px -20px;
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}


/*----------------------------------
40 - Select Styles
----------------------------------*/


/*----------------------------------
41 - Footer
----------------------------------*/

.footer-wrap {
    background: #0d3535;
    border-top: 1px solid #9a9da9;
}

.footer-top .container {
    border-bottom: 1px solid #e0e4f6;
    padding-bottom: 20px;
}

.companyinfo {
    width: 16.66666667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 50px;
    color: #acadae;
    font-size: 12px;
    font-weight: 300;
}

.companyinfo a:hover {
    text-decoration: none;
    color: #acadae;
}

.companyinfo img {
    display: block;
    margin: 0 0 9px;
}

.companyinfo p {
    margin: 0;
    padding: 0;
}

.f-block-list {
    overflow: hidden;
    width: 58.33333333%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 0 10px;
}

.f-block-wrap {
    padding: 0 15px;
    width: 25%;
    float: left;
}

.f-block-wrap:nth-child(4n+1) {
    clear: left;
}

.f-block {
    position: relative;
    margin-top: 50px;
    text-align: center;
    overflow: hidden;
}

.f-block a img {
    height: 100%;
    width: 100%;
}

.f-block .iframe-img {
    position: relative;
    display: block;
    height: 61px;
    margin-bottom: 10px;
    border: 1px solid #e0e4f6;
    padding: 3px;
    background: #fff;
    overflow: hidden;
}

.f-block .overlay-icon {
    position: absolute;
    top: 0;
    width: 100%;
    height: 61px;
    background: #3a89cf;
    color: #FFF;
    font-size: 20px;
    line-height: 0;
    display: block;
    opacity: 0;
    transition: 200ms;
}

.f-block .overlay-icon .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
    border-radius: 100px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: rgba(255, 255, 255, 0.2);
}

.f-block .overlay-icon * {
    line-height: 1;
}

.f-block a:hover .overlay-icon {
    opacity: 1;
}

.f-block .f-info-ttl {
    color: #373d54;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 1.2;
}

.f-block p {
    color: #acadae;
    font-size: 12px;
    font-weight: 300;
    margin-top: 0px;
    line-height: 1.2;
}

.f-block-modal {
    display: none;
}

.f-block-modal.f-block-modal-map {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    width: 0;
    background: #fff;
}

.f-block-modal-wrap .f-block-modal.f-block-modal-map {
    width: 700px;
    height: 400px;
}

.f-block-modal.f-block-modal-map .allstore-gmap {
    width: 700px;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.f-block-modal-video iframe {
    width: 853px;
    height: 480px;
}

.f-block-modal.f-block-modal-callback {
    max-width: 500px;
    padding: 0;
}

.f-block-modal.f-block-modal-content {
    max-width: 500px;
    padding: 20px;
}

.f-block-modal .f-block-modal-img {
    display: block;
    margin: 0 0 18px;
    border: 1px solid #e0e4f6;
    padding: 4px;
}

.f-block-modal-wrap .fancybox-skin {
    background: #fff;
}

.f-delivery {
    margin-top: 34px;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 25%;
    float: left;
    padding: 0 15px;
}

.f-delivery img {
    width: auto;
}

.f-delivery h1,
.f-delivery h2,
.f-delivery h3,
.f-delivery h4,
.f-delivery h5,
.f-delivery h6 {
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    top: 87px;
    color: #373d54;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    font-style: italic;
}

.f-delivery p {
    left: 0;
    right: 0;
    position: absolute;
    top: 107px;
    color: #acadae;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
}

.f-menu-list {
    margin-bottom: 20px;
    padding-top: 30px;
}

.f-menu-list .f-menu {
    float: left;
    /* width: 18.75%; */
    padding: 0 15px;
    margin: 0 0 25px;
}

.f-menu-list .f-menu h3 {
    color: #9ad805;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.f-menu-list .f-menu ul li a {
    color: #616161;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 0;
}

.f-menu-list .f-menu ul li a i {
    margin-right: 18px;
}

.f-menu-list .f-menu ul li a:hover {
    background: none;
    color: #3a89cf;
}

.f-menu-list .f-menu ul li a {
    color: #849845;
    background-color: transparent;
    border-radius: 0;
}

.f-menu-list .f-menu ul li a:hover {
    color: #ffffff;
    background-color: transparent;
}

.f-menu-list .f-menu ul li.active a {
    color: #ffffff;
}

.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: #f3d825;
    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: 5px;
    float: left;
}

.footer-bottom #bx-composite-banner {
    text-align: center;
    margin: 5px 0;
}


/*----------------------------------
41 - Footer
----------------------------------*/


/*----------------------------------
42 - Error 404
----------------------------------*/

.err404 {
    margin: 0 auto 50px;
    text-align: center;
    max-width: 500px;
    padding: 40px 0;
}

.err404 .err404-ttl {
    text-align: center;
    font-size: 170px;
    font-family: 'PT Serif', sans-serif;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 1;
}

.err404 .err404-subttl {
    text-align: center;
    font-size: 45px;
    font-family: 'PT Serif', sans-serif;
    margin: 0 0 40px;
}

.err404 .err404-search {
    position: relative;
    margin: 0 0 50px;
}

.err404 .err404-search input[type=text] {
    border: 1px solid #e0e4f6;
    color: #373d54;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-top: 0;
    outline: none;
    padding: 7px 50px 7px 18px;
    width: 100%;
    max-width: 100%;
    border-radius: 100px;
    transition: all 0.2s;
}

.err404 .err404-search input[type=text]::-webkit-input-placeholder {
    color: #c7cbdc;
}

.err404 .err404-search input[type=text]::-moz-placeholder {
    color: #c7cbdc;
    opacity: 1;
}

.err404 .err404-search input[type=text]:-ms-input-placeholder {
    color: #c7cbdc;
}

.err404 .err404-search input[type=text]:focus {
    border-color: #d1d5e5;
}

.err404 .err404-search button {
    background: transparent;
    border: none;
    line-height: 1;
    padding: 7px 17px 8px;
    transition: all 0.2s;
    color: #373d54;
    height: 35px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
}

.err404 .err404-search button:hover,
.err404 .err404-search button:focus {
    color: #404d6e;
}

.err404 .err404-menus {
    text-align: justify;
}

.err404 .err404-menus:after {
    width: 100%;
    height: 0;
    content: '';
    display: inline-block;
}

.err404-menus ul {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: left;
}

.err404-menus ul li {
    margin: 0 0 8px;
}

.err404-menus ul li a {
    transition: all 0.2s;
    line-height: 1.2;
    color: #373d54;
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.err404-menus ul li a:hover {
    border-color: #373d54;
    color: #373d54;
}


/*----------------------------------
42 - Error 404
----------------------------------*/


/*----------------------------------
43 - Compare List
----------------------------------*/

.wccm-catalog-items {
    clear: both;
    margin: 2em 0;
    vertical-align: middle;
}

.wccm-catalog-item {
    float: left;
    margin-right: 1em;
    position: relative;
}

.wccm-catalog-item img {
    width: 48px;
    height: 48px;
}

.wccm-catalog-item a.dashicons {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: red;
    display: block;
}

.wccm-empty-compare {
    background-color: #faa;
    padding: 10px;
    color: black;
}

.wccm-compare-table {
    margin: 20px 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.wccm-table-wrapper {
    margin: 0 0 0 150px;
    overflow: hidden;
}

.wccm-table {
    border-spacing: 0px;
    border-collapse: separate;
    margin: 0;
    table-layout: fixed;
}

.wccm-thead .price del {
    display: block;
}

.wccm-tr {
    position: relative;
}

.wccm-table td {
    vertical-align: top;
    padding: 10px 0;
    border: none;
}

.wccm-th {
    width: 130px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 10px;
    line-height: 1;
    color: #373d54;
    font-weight: 500;
}

.wccm-td {
    text-align: center;
    width: 200px !important;
}

.wccm-td p:first-child {
    margin-top: 0;
}

.wccm-td p:last-child {
    margin-bottom: 0;
}

.wccm-thumb {
    margin: 0 auto;
    position: relative;
    display: inline-block;
}

.wccm-thumb a {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: red;
}

.wccm-compare-table .wccm-tr {
    border-bottom: 1px solid #e0e4f6;
    padding: 7px 0;
}

.wccm-compare-table .wccm-th {
    padding: 11px 0;
}

.wccm-td a {
    font-size: 15px;
    color: #373d54;
    transition: all 0.2s;
    font-weight: 700;
    border: none;
    display: block;
    line-height: 1.2;
    margin: 0 0 8px;
}

.wccm-td a:hover {
    color: #337ab7;
}

.wccm-table-wrapper .wccm-table .wccm-td .price {
    font-weight: 700;
    font-size: 20px;
    color: #373d54;
    margin: 0 0 8px;
}

.wccm-table-wrapper .wccm-table .wccm-td .price ins {
    text-decoration: none;
    background: transparent;
    color: #283346;
    padding: 0;
}

.wccm-table-wrapper .wccm-table .wccm-td .price del {
    font-weight: 400;
    color: #868ca7;
}

.wccm-table-wrapper .wccm-table .wccm-thumb {
    margin: 0 0 15px;
    padding: 0 10px;
    position: relative;
    display: inline-block;
    height: 150px;
    width: 100%;
    min-width: 150px;
    text-align: center;
    font-size: 0;
}

.wccm-table-wrapper .wccm-table .wccm-thumb:before {
    height: 100%;
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.wccm-table-wrapper .wccm-table .wccm-thumb .fa {
    right: 0;
    font-size: 16px;
    border: none;
    color: red;
    transition: color 0.2s;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.wccm-table-wrapper .wccm-table .wccm-thumb .fa:hover {
    color: #ff3535;
}

.wccm-table-wrapper .wccm-table .wccm-thumb img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.wccm-table-wrapper .wccm-table .wccm-td {
    text-align: center;
    width: 170px !important;
    min-width: 170px !important;
}

.wccm-table-wrapper .wccm-table {
    border: none;
    margin: 0;
}

.wccm-table-wrapper .wccm-table tr {
    border: none;
}

.wccm-table-wrapper .wccm-table td {
    border: none;
    padding: 0;
}


/*----------------------------------
43 - Compare List
----------------------------------*/

@media only screen and (max-width: 992px) {
    .wccm-table-wrapper .wccm-table .wccm-thumb {
        min-width: 120px;
        height: 120px;
    }
    .wccm-table-wrapper .wccm-table .wccm-td {
        width: 140px !important;
        min-width: 140px !important;
    }
    .wccm-td a {
        font-size: 15px;
    }
    .wccm-table-wrapper .wccm-table .wccm-td .price {
        font-size: 17px;
    }
}

@media only screen and (max-width: 768px) {
    .wccm-th {
        width: 110px;
    }
    .wccm-table-wrapper {
        margin: 0 0 0 110px;
    }
    .wccm-table-wrapper .wccm-table .wccm-thumb {
        min-width: 100px;
        height: 100px;
    }
    .wccm-table-wrapper .wccm-table .wccm-td {
        width: 120px !important;
        min-width: 120px !important;
    }
    .wccm-td a {
        font-size: 15px;
    }
    .wccm-table-wrapper .wccm-table .wccm-td .price {
        font-size: 17px;
    }
    .wccm-compare-table .wccm-tbody {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    .wccm-th {
        width: 100px;
    }
    .wccm-table-wrapper {
        margin: 0 0 0 100px;
    }
    .wccm-table-wrapper .wccm-table .wccm-thumb {
        min-width: 70px;
        height: 70px;
    }
    .wccm-table-wrapper .wccm-table .wccm-td {
        width: 90px !important;
        min-width: 90px !important;
    }
}


/*----------------------------------
44 - Auth
----------------------------------*/

.auth-wrap {
    overflow: hidden;
}

.auth-wrap .auth-col {
    width: 46%;
    margin: 0 8% 0 0;
    float: left;
}

.auth-wrap .auth-col:nth-child(2n) {
    margin-right: 0;
}

.auth-wrap .auth-col h2 {
    font-size: 22px;
    margin: 0 0 25px 20%;
}

.auth-wrap .auth-col p {
    overflow: hidden;
    margin: 0 0 20px;
}

.auth-wrap .auth-col .required {
    color: red;
}

.auth-wrap .auth-col p a {
    line-height: 1;
    display: inline-block;
}

.auth-wrap .auth-col .auth-lost_password {
    padding: 0 0 0 20%;
}

.auth-wrap .auth-col label {
    width: 20%;
    text-align: right;
    padding-right: 15px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
}

.auth-wrap .auth-col input[type=email],
.auth-wrap .auth-col input[type=password],
.auth-wrap .auth-col input[type=text] {
    padding: 0 15px;
    color: #373d54;
    background: #f8fafc;
    font-size: 14px;
    height: 40px;
    border: 1px solid #e0e4f6;
    transition: all 0.2s;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 80%;
}

.auth-wrap .auth-col input[type=submit] {
    margin: 0 0 0 20%;
    font-size: 13px;
    padding: 10px 20px;
}

.auth-wrap .auth-submit {
    position: relative;
    margin: 0px 0 23px;
}

.auth-wrap .auth-submit input[type=checkbox] {
    display: none;
}

.auth-wrap .auth-submit input[type=checkbox]+label {
    padding: 2px 25px 0 0;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: color 0.2s;
    width: auto;
    position: absolute;
    top: 50%;
    margin: -10px 0 0;
    right: 0;
}

.auth-wrap .auth-submit input[type=checkbox]+label:hover {
    color: #3a89cf;
}

.auth-wrap .auth-submit input[type=checkbox]+label:after {
    content: "\f00c";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 50%;
    margin: -7px 0 0;
    right: 0;
    border: 2px solid #8890af;
    border-radius: 4px;
    background-color: #fff;
    color: #fff;
    font-size: 8px;
    padding: 0 0 0 1px;
    text-align: center;
    font-family: FontAwesome;
    line-height: 10px;
}

.auth-wrap .auth-submit input[type=checkbox]:checked+label:after {
    border-color: #5f6680;
    background-color: #5f6680;
}

.auth-wrap .auth-register {}


/*----------------------------------
44 - Auth
----------------------------------*/


/* Navbar container */

.navbar {
    overflow: hidden;
    background-color: #333;
    font-family: Arial;
}


/* Links inside the navbar */

.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


/* The dropdown container */

.dropdown {
    float: left;
    overflow: hidden;
}


/* Dropdown button */

.dropdown .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font: inherit;
    /* Important for vertical align on mobile phones */
    margin: 0;
    /* Important for vertical align on mobile phones */
}


/* Add a red background color to navbar links on hover */

.navbar a:hover,
.dropdown:hover .dropbtn {
    background-color: red;
}


/* Dropdown content (hidden by default) */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 100%;
    left: 0;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}


/* Mega Menu header, if needed */

.dropdown-content .header {
    background: red;
    padding: 16px;
    color: white;
}


/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {
    display: block;
}


/* Create three equal columns that floats next to each other */

.column {
    float: left;
    width: 33.33%;
    padding: 10px;
    background-color: #ccc;
    height: 250px;
}


/* Style links inside the columns */

.column a {
    float: none;
    color: black;
    padding: 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}


/* Add a background color on hover */

.column a:hover {
    background-color: #ddd;
}


/* Clear floats after the columns */

.row:after {
    content: "";
    display: table;
    clear: both;
}


/* fr silder */

@media (min-width: 1200px) {
    .container {
        width: 1340px;
    }
}

.tab-pane {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
}

.office_address {
    line-height: 30px;
}

.prod-cont ul {
    list-style: disc;
}