/*
** COLORS
*/

:root
{
    --color-1: #92C01F;
    --color-2: #A1A1A1;
    --color-3: #E7F6FF;
    --color-4: #DDEFFF;
    --color-5: #7FAD0E;
    --color-6: #D6D6D6;
    --color-7: #404040;
    --color-8: #F5F5F5;
    --color-9: #666666;
    --color-10: #222222;
    --color-11: #EAEAEA;
    --color-12: #9B9A9A;
    --color-13: #808081;
    --color-white: #FFFFFF;
    --color-primary: #00659D;
    --color-danger: #CD2B4D;
    --color-warning: #FFA500;
    --color-success: #009E43;
    --color-info: #FFD600;
    --color-other: #318EFF;
    --color-text: #393A39;
}

/*
** BODY

*/
body
{
    margin: 0 !important;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-text);
    font-family: 'Ubuntu', sans-serif;
}

/*
** BASE
*/

p, ul, figure, blockquote
{
    padding: 0;
    margin: 0;
}

.input-group
{
    position: relative;
    border: 1px solid var(--color-6);
    border-right: 0;
    border-radius: 20px;
    background: var(--color-white);
}

.input-group::before
{
    position: absolute;
    display: block;
    top: 7px;
    left: 12px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: var(--color-6);
}

.input-group .form-control
{
    height: 38px;
    line-height: 38px;
    padding: 0 34px;
    padding-right: 17px;
    font-size: 14px;
    border: 0;
    box-shadow: none;
    background: none;
}

.input-group .input-group-btn > .btn
{
    margin: -1px 0;
    right: -1px;
    height: 40px;
    border-radius: 20px;
}

.ml-5
{
	margin-left: 5px !important;
}

.mr-7
{
	margin-right: 7px !important;
}

.mr-10
{
	margin-right: 10px !important;
}

.bg-success
{
    background: var(--color-1) !important;
}

/*
** CONTAINER
*/

@media (min-width: 1200px)
{
    .container
    {
        max-width: 1360px;
    }
}

.container .container
{
    padding: 0;
    max-width: 100%;
    width: 100%;
}

/*
** BUTTON
*/

.btn
{
    padding: 12px 20px;
    border: 0;
    font-size: 14px;
    line-height: 16px;
    border-radius: 20px;
    box-shadow: none !important;
}

.btn.btn-lg
{
    padding: 20px 32px;
    font-size: 18px;
    line-height: 21px;
    border-radius: 30px;
}

.btn.btn-xs
{
	font-size: 12px;
	line-height: 18px;
	padding: 6px 15px;
}

.btn.text-bigger
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 21px;
}

.btn.btn-link
{
    display: inline;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    color: var(--color-1);
    vertical-align: inherit;
}

.btn.btn-favorite
{
    display: block;
    color: var(--color-2);
}

.btn > i
{
    margin-right: 5px;
}

.btn.btn-primary
{
    background: var(--color-1) !important;
}

.btn.btn-secondary
{
    background: var(--color-primary) !important;
}

.btn.btn-remove
{
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--color-danger);
    background: var(--color-white) !important;
}

.btn.btn-remove > i
{
    margin: 0;
}

/*
** ALERT
*/

.alert
{
	margin: 0;
	border: 0;
	border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
}

.alert a
{
	color: inherit;
	font-weight: bold;
	text-decoration: underline;
}

.alert a:hover
{
	text-decoration: none;
}

.alert.alert-success
{
	color: #FFFFFF;
	background: var(--color-1);
}

.alert.alert-info
{
	color: #FFFFFF;
	background: var(--color-info);
}

.alert.alert-info-blue
{
	color: #FFFFFF;
	background: var(--color-primary);
}

.alert.alert-danger
{
	color: #FFFFFF;
	background: var(--color-warning);
}

/*
** BACKDROP
*/

#backdrop
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0.7;
    background: var(--color-7);
    z-index: 9999;
}

.backdrop-over
{
    z-index: 99999;
}

/*
** HEADER
*/

header
{
    /*position: relative;*/
    margin: 33px 0 20px;
    /*z-index: 999;*/
}

header #contact > li + li
{
    margin-top: 6px;
}

header #contact > li > a,
header #contact > li > button
{
    display: block;
    padding: 0;
    color: var(--color-2);
    font-size: 12px;
    line-height: 13px;
}

header #contact > li > a > i,
header #contact > li > button > i
{
    margin-right: 5px;
    color: var(--color-1);
}

header #search
{
    position: relative;
}

header #search::before
{
    content: "\f002";
}

header #account p,
header #cart > a
{
    display: block;
    position: relative;
    padding-left: 34px;
}

header #account p > i,
header #cart > a > i
{
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 27px;
    color: var(--color-primary);
}

header #account p > strong,
header #cart > a > strong
{
    display: block;
    color: var(--color-7);
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
}

header #account p > span,
header #cart > a > span
{
    display: block;
    color: var(--color-1);
    font-size: 12px;
    line-height: 13px;
}

header #account p > span a
{
    color: inherit;
}

header #cart
{
    position: relative;
    z-index: 998;
}

header #cart > a
{
    padding-left: 55px;
    text-decoration: none;
}

header #cart > a:hover > span
{
    text-decoration: underline;
}

header #cart > a > i
{
    top: -3px;
    font-size: 35px;
}

header #cart #minicart
{
    position: absolute;
    top: -25px;
    right: -25px;
    width: 310px;
    border-radius: 24px;
    padding: 75px 25px 25px;
    box-shadow: 0 2px 20px 0 rgba(64,64,64,0.12);
    background: #FFFFFF;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s ease, opacity 0.3s ease;
}

header #cart:hover #minicart
{
    visibility: visible;
    opacity: 1;
}

header #cart #minicart .list-unstyled
{
    margin: 0 -25px;
    border-top: 1px solid var(--color-4);
}

header #cart #minicart .list-unstyled > li
{
    position: relative;
    border-bottom: 1px solid var(--color-4);
}

header #cart #minicart .list-unstyled > li > a
{
    position: relative;
    display: block;
    padding: 15px;
    padding-left: 85px;
    padding-right: 52px;
    text-decoration: none;
    min-height: 85px;
}

header #cart #minicart .list-unstyled > li > a .-image
{
    position: absolute;
    width: 55px;
    height: 55px;
    top: 17px;
    left: 15px;
}

header #cart #minicart .list-unstyled > li > a .-name
{
    display: block;
    color: var(--color-7);
    font-size: 12px;
    line-height: 14px;
}

header #cart #minicart .list-unstyled > li > a .-price
{
    display: block;
    margin: 5px 0 0;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}

header #cart #minicart .list-unstyled > li > a .-quantity
{
    display: block;
    color: var(--color-2);
    font-size: 10px;
    line-height: 11px;
}

header #cart #minicart .list-unstyled > li > a:hover .-name
{
    text-decoration: underline;
}

header #cart #minicart .list-unstyled > li > .btn-remove
{
    position: absolute;
    right: 15px;
    top: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 20px;
    margin-top: -12px;
}

header #cart #minicart p
{
    margin-top: 25px;
}

header #menu
{
    position: relative;
    z-index: 99;
}

header #menu .list-menu
{
    display: flex;
    margin: 33px 0 0;
    padding: 0 30px;
    border-radius: 24px;
    background: var(--color-primary);
}

header #menu .list-menu> li
{
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
}

header #menu .list-menu > li > a
{
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    color: var(--color-white);
    text-transform: uppercase;
    text-decoration: none;
    background: var(--color-primary);
    transition: background 0.3s ease;
}

header #menu .list-menu > li:hover > a,
header #menu .list-menu > li.-contact > a
{
    background: var(--color-1);
}

header #menu .list-menu > li > a > i
{
    position: relative;
    top: -2.5px;
    height: 15px;
    margin-right: 8px;
}

header #menu .list-menu > li > .submenu
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 60px 50px 40px;
    border-radius: 24px;
    background: var(--color-white);
    box-shadow: 0 2px 20px 0 rgba(64, 64, 64, 0.12);
    z-index: -1;

    max-height: 0 ;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    -ms-transition: 350ms;
    -moz-transform: rotate3d(1,0,0,-90deg);
    -moz-transform-origin: 50% 0;
    -ms-transform: rotate3d(1,0,0,-90deg);
    -ms-transform-origin: 50% 0;
    transition: 350ms;
    transform-style: preserve-3d;

    transition-delay: 0.25s;
}

header #menu .list-menu > li:hover > .submenu
{
    max-height: 1800px;
    visibility: visible;
    -webkit-transform: perspective(400) rotate3d(0,0,0,0);
    -moz-transform: rotate3d(0,0,0,0);
    -ms-transform: rotate3d(0,0,0,0);
}

header #menu .list-menu > li > .submenu > .row > div
{
    min-height: 110px;
}

header #menu .list-menu > li > .submenu .subcategory-level-1
{
    display: block;
    margin: 30px 0 0;
    position: relative;
    padding-left: 100px;
    color: var(--color-7);
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
}

header #menu .list-menu > li > .submenu .subcategory-level-1 > img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
}

header #menu .list-menu > li > .submenu .list-submenu
{
    margin: 20px 0 0;
    margin-left: 100px;
}

header #menu .list-menu > li > .submenu .list-submenu > li
{
    position: relative;
    padding-left: 12px;
}

header #menu .list-menu > li > .submenu .list-submenu > li:not(.more)::before
{
    position: absolute;
    display: block;
    content: "";
    top: 5px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--color-1);
}

header #menu .list-menu > li > .submenu .list-submenu > li + li
{
    margin-top: 10px;
}

header #menu .list-menu > li > .submenu .list-submenu > li > a
{
    display: block;
    color: var(--color-7);
    font-size: 13px;
    line-height: 14px;
}

header #menu .list-menu > li > .submenu .list-submenu > li.more > a
{
    text-decoration: underline;
}

header #menu .list-menu > li > .submenu .list-submenu > li.more > a:hover
{
    text-decoration: none;
}

header #search
{
    position: relative;
}

header #search #searchAutocomplete
{
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 50px;
    margin-top: 1px;
    transform: translateX(-50%);
    width: 765px;
    border-radius: 24px;
    box-shadow: 0 2px 20px 0 rgba(64,64,64,0.12);
    background: var(--color-white);
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s ease, opacity 0.3s ease;
}

header #search #searchAutocomplete.active
{
    visibility: visible;
    opacity: 1;
}

header #search #searchAutocomplete .-buttons
{
    margin-top: 30px;
}

header #search #searchAutocomplete .-buttons .btn-primary
{
    font-size: 18px;
    padding-left: 30px;
    padding-right: 30px;
}

header #search #searchAutocomplete .-buttons .btn-close
{
    font-size: 14px;
    line-height: 16px;
    color: var(--color-primary);
}

header #search #searchAutocomplete .-buttons .btn-close > i
{
    position: relative;
    top: 2px;
    font-size: 20px;
}

header #search #searchAutocomplete .list-category
{
    margin: -35px -5px 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--color-8);
}

header #search #searchAutocomplete .list-category > li
{
    display: inline-block;
    padding: 5px;
}

header #search #searchAutocomplete .list-product
{

}

header #search #searchAutocomplete .list-product > li
{
    padding: 20px 0;
    border-bottom: 1px solid var(--color-8);
}

header #search #searchAutocomplete .list-product > li:first-child
{
    padding-top: 0;
}

header #search #searchAutocomplete .list-product > li > .row
{
    margin-left: -10px;
    margin-right: -10px;
}

header #search #searchAutocomplete .list-product > li > .row > div
{
    padding-left: 10px;
    padding-right: 10px;
}

header #search #searchAutocomplete .list-product .-image
{
    display: block;
    width: 80px;
}

header #search #searchAutocomplete .list-product .-name
{
    color: #393A39;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
}

header #search #searchAutocomplete .list-product .-stock
{
    color: #009E43;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 40px;
    text-align: right;
}

header #search #searchAutocomplete .list-product .-price
{
    color: #00659D;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
}

header #search #searchAutocomplete .list-product .-price > span
{
    color: #A1A1A1;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 13px;
    font-weight: 400;
}

header #search #searchAutocomplete .list-product .-price > .--old
{
    display: block;
    margin: 0 0 3px;
    font-size: 13px;
    text-decoration: line-through;
}

/*
** FOOTER
*/

footer
{
    padding: 60px 0 0;
    background: var(--color-10);
}

footer .footer-title
{
    margin: 0 0 20px;
    color: var(--color-1);
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
}

footer .footer-title ~ .footer-title
{
    margin-top: 20px;
}

footer .list-link > li
{
    color: var(--color-2);
    font-size: 14px;
    line-height: 16px;
}

footer .list-link > li + li
{
    margin-top: 5px;
}

footer .list-link > li > a
{
    display: block;
    color: inherit;
}

footer .list-social > li > a
{
    display: block;
    font-size: 30px;
    color: var(--color-2);
    transition: color 0.3s ease;
}

footer .list-social > li > a:hover
{
    color: var(--color-white);
}

footer .row.row-logo
{
    margin: 25px -2.5px;
}

footer .row.row-logo > div
{
    padding: 0 2.5px !important;
}

footer .row.row-logo > div img
{
    width: 39px;
    border-radius: 4px;
}

footer .list-contact > li
{
    height: 31px;
}

footer .list-contact > li + li
{
    margin-top: 20px;
}

footer .list-contact > li > a
{
    display: inline-block;
    position: relative;
    padding-left: 35px;
    text-align: left;
    color: var(--color-white);
    text-decoration: none;
}

footer .list-contact > li > a > i
{
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 24px;
}

footer .list-contact > li > a > strong
{
    display: block;
    color: var(--color-1);
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
}

footer .list-contact > li > a > span
{
    display: block;
    margin-top: 2px;
    font-size: 12px;
    line-height: 13px;
}

footer .list-contact > li > a:hover > span
{
    text-decoration: underline;
}

footer .text-quote
{
    position: relative;
    margin: 20px 0 0;
    padding: 0;
    padding-left: 35px;
    color: var(--color-white);
    font-size: 24px;
    font-weight: bold;
    line-height: 31px;
    text-transform: uppercase;
}

footer .text-quote::before
{
    position: absolute;
    display: block;
    content: "\f10d";
    top: 0;
    left: 0;
    font-size: 20px;
    color: var(--color-1);
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
}

footer #copyright
{
    margin: 60px 0 0;
    padding: 15px 0;
    border-top: 1px solid var(--color-7);
}

footer #copyright .text-copyright
{
    color: var(--color-2);
    font-size: 16px;
    line-height: 18px;
}

footer .text-startujemeweby
{
    position: relative;
    display: block;
    height: 36px;
    width: 213px;
    margin-left: auto;
    padding-left: 68px;
}

footer .text-startujemeweby > span
{
    position: relative;
    top: 13px;
    display: block;
    width: 130px;
    height: 9px;
    font-size: 0;
    margin-left: 15px;
    text-indent: -999px;
    mask: url(../image/logo-startujemeweby.svg) no-repeat;
    mask-size: contain;
    -webkit-mask-image: url(../image/logo-startujemeweby.svg);
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    opacity: 0.4;
    background: var(--color-white);
    transition: opacity 0.3s ease;
}

footer .text-startujemeweby:hover > span
{
    opacity: 1;
}

footer .text-startujemeweby > strong
{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 36px;
    padding-top: 5px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    opacity: 0.4;
    text-align: right;
    color: var(--color-white);
    padding-right: 15px;
    text-transform: uppercase;
}

footer .text-startujemeweby > strong::after
{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: -2px;
    height: 36px;
    border-right: 1px solid var(--color-3);
}

/*
** OC COLUMN SYSTEM
*/

main
{
    margin: 0 0 70px;
}

main #content > *:first-child
{
    margin-top: 0 !important;
}

main #content > *:last-child
{
    margin-bottom: 0 !important;
}

aside
{
    width: 250px;
}

/*
** ITEM
*/

/* ITEM: SLIDESHOW */
.item-slideshow
{
    position: relative;
    overflow: hidden;
    width: 880px;
    height: 355px;
    border-radius: 5px;
}

/* ITEM: LETTER */
.item-letter
{
    font-size: 0;
    line-height: 0;
    margin: -1.5px -1.5px 75px;
}

.item-letter > a
{
    display: inline-block;
    width: 42px;
    height: 42px;
    margin: 1.5px;
    line-height: 42px;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--color-7);
    font-weight: 400;
    text-decoration: none !important;;
    text-align: center;
    border-radius: 5px;
    border: 1px solid var(--color-11);
    box-shadow: 0 2px 20px 0 rgba(64, 64, 64, 0);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.item-letter > a:hover
{
	border-color: var(--color-white);
	box-shadow: 0 2px 20px 0 rgba(64, 64, 64, 0.12);
}

/* ITEM: MANUFACTURER LIST */
.item-manufacturer_list
{
    
}

.item-manufacturer_list + .item-manufacturer_list
{
    margin-top: 100px;
}

.item-manufacturer_list .-title
{
    margin: 0 0 50px;
    padding: 0;
    font-weight: 100;
    color: var(--color-text);
    font-size: 55px;
    line-height: 55px;
    border-bottom: 1px solid var(--color-8);
}

.item-manufacturer_list .-title > span
{
    position: relative;
    top: 9px;
    display: inline-block;
    padding-right: 25px;
    background: var(--color-white);
    z-index: 99;
}

.item-manufacturer_list a
{
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 25px;
    text-decoration: none;
    color: var(--color-9);
    transition: color 0.3s ease;
}

.item-manufacturer_list a:hover
{
    text-decoration: underline;
}

/* ITEM: BESTSELLER */
.item-bestseller
{
    padding: 10.5px 25.5px;
    padding-right: 45.5px;
    border: 1px solid var(--color-11);
    border-radius: 5px;
    box-shadow: 0 2px 20px 0 rgba(64, 64, 64, 0);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.item-bestseller.-wishlist
{
    padding-right: 8px;
}

.item-bestseller:hover
{
    border-color: var(--color-white);
    box-shadow: 0 2px 20px 0 rgba(64, 64, 64, 0.12);
}

.item-bestseller + .item-bestseller
{
    margin-top: 10px;
}

.item-bestseller .row
{
    margin: 0 -10px;
}

.item-bestseller .row > div
{
    padding: 0 10px;
}

.item-bestseller .-image
{
    display: block;
    width: 60px;
    height: 60px;
}

.item-bestseller .-number
{
    width: 34px;
    height: 34px;
    color: var(--color-7);
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
}

.item-bestseller .-number.--gold
{
    background: var(--color-info);
}

.item-bestseller .-number.--silver
{
    background: var(--color-11);
}

.item-bestseller .-number.--bronze
{
    background: var(--color-warning);
}

.item-bestseller .-code
{
    display: block;
    margin: 0 0 5px;
    color: var(--color-2);
    font-size: 11px;
    line-height: 12px;
}

.item-bestseller .-name
{
    display: block;
    margin: 0;
    color: var(--color-7);
    font-size: 14px;
    line-height: 17px;
}

.item-bestseller .-price
{
    margin: 0 !important;
    color: var(--color-primary);
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    text-align: right;
}

.item-bestseller .-price .--old
{
    display: block;
    color: var(--color-2);
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    text-decoration: line-through;
}

/* ITEM: PAGINATION */
.item-pagination
{
    
}

.item-pagination .list-pagination
{
    font-size: 0;
    line-height: 0;
}

.item-pagination .list-pagination > li
{
    display: inline-block;
}

.item-pagination .list-pagination > li + li
{
    margin-left: 3px;
}

.item-pagination .list-pagination > li > *
{
    display: block;
    height: 40px;
    width: 40px;
    line-height: 39px;
    text-align: center;
    color: var(--color-2);
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid var(--color-6);
    transition: color 0.3s ease, border-color 0.3s ease;
}

.item-pagination .list-pagination > li > *:hover,
.item-pagination .list-pagination > li > span
{
    color: var(--color-1);
    border-color: var(--color-1);
}

/* ITEM: BENEFIT */
.item-benefit
{
    position: relative;
    padding-left: 80px;
    color: var(--color-9);
    font-size: 14px;
    line-height: 16px;
}

.item-benefit > i
{
    position: absolute;
    font-size: 45px;
    left: 0;
    top: 5px;
    color: var(--color-primary);
}

.item-benefit .-title
{
    margin: 0 0 10px;
    color: var(--color-text);
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

/* ITEM: QUOTE */
.item-quote
{
    text-align: center;
    color: var(--color-text);
    font-size: 24px;
    font-weight: bold;
    line-height: 31px;
    text-transform: uppercase;
}

.item-quote blockquote
{
    position: relative;
}

.item-quote blockquote::before
{
    position: absolute;
    display: block;
    content: "\f10d";
    top: 0;
    left: -40px;
    font-size: 20px;
    color: var(--color-1);
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
}

.item-quote blockquote h1
{
    font-size: inherit;
    line-height: inherit;
}

/* ITEM: CATEGRY */
.item-category
{
    position: relative;
    height: calc(100% - 15px);
    margin: 0  0 15px;
}

.item-category > a
{
    position: relative;
    display: flex;
    justify-content: left;
    align-items: center;
    min-height: 61px;
    height: 100%;
    padding: 10.5px;
    padding-left: 60px;
    color: var(--color-7);
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    border: 1px solid var(--color-11);
    border-radius: 5px;
    box-shadow: 0 2px 20px 0 rgba(64, 64, 64, 0);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.item-category > a:hover
{
    border-color: var(--color-white);
    box-shadow: 0 2px 20px 0 rgba(64, 64, 64, 0.12);
}

.item-category > a > img
{
    position: absolute;
    top: 10.5px;
    left: 10.5px;
    width: 40px;
    height: 40px;
}

/* ITEM: PRODUCT DETAIL */
.item-product-detail
{
    margin: 0 0 70px;
}

.item-product-detail .-image
{
    display: block;
    padding: 20px;
    border-radius: 5px;
    outline: none;
    border: 1px solid var(--color-4);
}

.item-product-detail .slick-image
{
    width: 80px;
}

.item-product-detail .slick-image .slick-slide
{
    border: 0 !important;
}

.item-product-detail .slick-image .slick-slide .-image
{
    padding: 8px;
    width: 80px;
    margin-bottom: 10px;
}

.item-product-detail .-favorite
{
    margin-bottom: 30px;
}

.item-product-detail .-short-description
{
    font-size: 16px;
    line-height: 24px;
    color: var(--color-9);
}

.item-product-detail .-stock
{
    margin: 0 0 5px;
    color: var(--color-success) !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

.item-product-detail .-price
{
    color: var(--color-primary);
    font-size: 32px;
    font-weight: bold;
    line-height: 37px;
}

.item-product-detail .-price small
{
	display: block;
	font-size: 0.4em;
	color: var(--color-2);
	line-height: 1.4em;
	margin-top: 5px;
}

.item-product-detail .-price .--old
{
    display: block;
    margin: 0 0 2px;
    color: var(--color-2);
    font-size: 19px;
    line-height: 23px;
    font-weight: 400;
    text-decoration: line-through;
}

.item-product-detail .-price_register
{
    font-weight: bold;
    color: var(--color-1) !important;
}

.item-product-detail #button-cart
{
    text-transform: uppercase;
}

.item-product-detail .list-data
{
    display: table;
    width: 100%;
    margin: 30px 0;
}

.item-product-detail .list-data > li
{
    display: table-row;
}

.item-product-detail .list-data > li > *
{
    display: table-cell;
    padding: 8px 15px;
    color: var(--color-2);
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid var(--color-8);
}

.item-product-detail .list-data > li > strong
{
    width: 1px;
    text-align: right;
    white-space: nowrap;
}

.item-product-detail .list-data > li > strong a
{
    color: inherit;
}

.item-product-detail .item-quantity-picker
{
    margin-right: 10px;
}

.item-product-detail .-label
{
    margin: -2.5px;
    font-size: 0;
    line-height: 0;
}

.item-product-detail .-label > span
{
    border-radius: 3px;
}

/* ITEM: PRODUCT */
.item-product
{
    position: relative;
    height: calc(100% - 50px);
    margin: 0 0 50px;
    padding: 20px 15px;
    border: 1px solid var(--color-4);
    border-radius: 5px;
    box-shadow: 0 2px 20px 0 rgba(64, 64, 64, 0);
    transition: border-radius 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.item-product:hover
{
    border-radius: 10px;
    border-color: var(--color-white);
    box-shadow: 0 2px 20px 0 rgba(64, 64, 64, 0.12);
}

.item-product .-image
{
    position: relative;
    display: block;
    margin: 0 0 20px;
}

.item-product .-image > img
{
    display: block;
    width: 180px;
    margin: 0 auto;
}

.item-product .-image > .-label
{
    display: block;
    position: absolute;
    top: -2.5px;
    left: -17.5px;
}

.item-product .-label > span,
.item-product-detail .-label > span
{
    display: inline-block;
    margin: 2.5px;
    padding: 7px 10px;
    color: var(--color-white);
    font-size: 12px;
    line-height: 13px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.item-product .-label > .--label-green,
.item-product-detail .-label > .--label-green
{
    opacity: 0.8;
    background: var(--color-success);
}

.item-product .-label > .--label-green2,
.item-product-detail .-label > .--label-green2
{
    opacity: 0.8;
    background: var(--color-5);
}

.item-product .-label > .--label-red,
.item-product-detail .-label > .--label-red
{
    opacity: 0.8;
    background: var(--color-danger);
}

.item-product .-label > .--label-blue,
.item-product-detail .-label > .--label-blue
{
    opacity: 0.8;
    background: var(--color-primary);
}

.item-product .-label > .--label-orange,
.item-product-detail .-label > .--label-orange
{
    opacity: 0.8;
    background: var(--color-warning);
}

.item-product .-code
{
    margin: 0 0 5px;
    color: var(--color-2);
    font-size: 12px;
    line-height: 13px;
}

.item-product .-title
{
    margin: 0;
    color: var(--color-7);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

.item-product .-title > a
{
    display: block;
    color: inherit;
}

.item-product .-bottom
{
    width: 100%;
}

.item-product .-stock
{
    margin: 10px 0;
    color: var(--color-success);
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
}

.item-product .-price
{
    margin: 0 0 20px;
    color: var(--color-primary);
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
}

.item-product .-price .--old
{
    padding-left: 5px;
    color: var(--color-2);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-decoration: line-through;
}

.item-product .item-quantity-picker
{
    margin-right: 15px;
}

.item-product .btn-cart
{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
}

/* ITEM: QUANTITY PICKER */
.item-quantity-picker
{
    width: 80px;
    height: 40px;
    border: 1px solid var(--color-6);
    border-radius: 19px;
    box-shadow: inset 0 1px 4px 0 rgba(183, 185, 189, 0.3);
}

.item-quantity-picker .btn
{
    padding: 0;
    width: 28px;
    line-height: 38px;
    text-align: center;
    color: var(--color-1);
}

.item-quantity-picker .btn > i
{
    margin: 0;
}

.item-quantity-picker .form-control
{
    border: 0;
    padding: 0;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: var(--color-2);
    box-shadow: none !important;
}

.item-quantity-picker.-large
{
    height: 60px;
    width: 115px;
    border-radius: 30px;
}

.item-quantity-picker.-large .btn,
.item-quantity-picker.-large .form-control
{
    line-height: 58px;
    height: 58px;
    font-size: 18px;
}

.item-quantity-picker.-large .btn
{
    width: 48px;
}

/* ITEM: CONTENT BOX */
.item-content-box .-title
{
    margin: 0 0 30px;
    color: var(--color-text);
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    text-transform: uppercase;
}

.item-content-box .-content
{
    padding: 70px;
    padding-right: 200px;
    border-radius: 14px;
    color: var(--color-white);
    background: var(--color-primary);
}

.item-content-box div[id^="map"],
.item-content-box iframe
{
    position: relative;
    display: block;
    width: calc(100% + 150px);
    margin-top: 50px;
    margin-left: -150px;
    height: calc(100% - 100px);
    border: 0 !important;
    border-radius: 14px;
    z-index: 9;
}

.item-content-box.-flipped .-content
{
    padding: 70px;
    padding-left: 200px;
}

.item-content-box.-flipped div[id^="map"],
.item-content-box.-flipped iframe
{
    margin-left: 0;
    margin-right: -150px;
}

/* ITEM: SORTING */
.item-sorting
{
    margin: 0 0 30px;
    border: 1px solid var(--color-8);
    border-bottom: 0;
    border-radius: 5px;
    background: var(--color-8);
}

.item-sorting .nav-tabs
{
    border: 0;
}

.item-sorting .nav-tabs > li > a
{
    display: block;
    margin: 0;
    padding: 15px 30px;
    color: var(--color-12);
    font-size: 16px;
    line-height: 18px;
    border: 0;
}

.item-sorting .nav-tabs > li > a:hover
{
    text-decoration: underline;
}

.item-sorting .nav-tabs > li > a.active
{
    color: var(--color-7);
}

/*
** MODULE
*/

[class*="module-"]
{
    margin: 50px 0;
}

[class*="module-"] .module-title,
[class*="module-"] .module-subtitle
{
    margin: 0 0 50px;
    color: var(--color-text);
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    text-transform: uppercase;
}

[class*="module-"] .module-subtitle
{
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
}

[class*="module-"] .module-title-caption
{
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 18px;
}

[class*="module-content"] ul
{
    margin: 15px 0 40px;
    padding-left: 50px;
}

[class*="module-content"] ul > li + li
{
    margin-top: 5px;
}

[class*="module-content"] p + p
{
    margin-top: 10px;
}

[class*="module-content"] p a,
[class*="module-content"] p a:hover,
[class*="module-content"] li a,
[class*="module-content"] li a:hover
{
    color: inherit;
    text-decoration: underline;
}

[class*="module-content"] p a:hover,
[class*="module-content"] li a:hover
{
    text-decoration: none;
}

[class*="module-content"] h2,
[class*="module-content"] h3
{
    font-size: 32px;
    line-height: 1.5;
    font-weight: bold;
    margin: 20px 0;
}

[class*="module-content"] h3
{
    font-size: 24px;
    margin: 15px 0 0;
}

/* MODULE: SLIDESHOW */
.module-slideshow
{
    position: relative;
    overflow: hidden;
    height: 355px;
    margin: 50px 0;
}

.module-slideshow .container
{
    position: relative;
    width: 880px;
    padding: 0;
    z-index: 9;
}

.module-slideshow .container > .slick-arrow
{
    position: absolute;
    top: 166.5px;
    left: -22px;
    padding: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    text-align: center;
}

.module-slideshow .container > .slick-arrow ~ .slick-arrow
{
    left: auto;
    right: -22px;
}

.module-slideshow .container > .slick-arrow > i
{
    margin: 0;
}

.module-slideshow .slick-slideshow
{
    position: relative;
    opacity: 0;
    height: 100%;
    transition: opacity 0.3s ease;
}

.module-slideshow .slick-slideshow.slick-initialized
{
    opacity: 1;
}

.module-slideshow .slick-list
{
    margin: 0 -25px;
}

.module-slideshow .slick-slide
{
    position: relative;
    margin: 0 25px;
    transition: opacity 0.3s ease;
}

.module-slideshow .slick-slide:not(.slick-current)
{
    opacity: 0.5;
}

.module-slideshow .slick-slide::after
{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);*/
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.module-slideshow .slick-slide:not(.slick-current)::after
{
    visibility: visible;
    opacity: 1;
}

/* MODULE: BENEFIT */
.module-benefit
{
    margin: 50px 0;
    padding: 40px 0;
    background: var(--color-8);
}

/* MODULE: QUOTE */
.module-quote
{

}

/* MODULE: PRODUCT */
.module-product
{
    margin: 30px 0;
}

.module-product.-detail
{
    margin: 0 0 70px;
}

.module-product.-detail .module-title
{
    margin: 0 0 20px;
    font-size: 26px;
    line-height: 30px;
    text-transform: none;
}

.module-product.-single-module
{
    margin-top: 70px;
    margin-bottom: 90px;
}

.module-product .row.row-product
{
    margin-bottom: -50px;
}

/* MODULE: CATEGORY */
.module-category
{
    position: relative;
    /*overflow: hidden;*/
    margin: 0 0 30px;
    margin-top: 0 !important;
}

.module-category .row.row-category
{
    margin: 0 -7.5px -15px;
}

.module-category .row.row-category > div
{
    padding: 0 7.5px;
}

/* MODULE: CONTENT BOX */
.module-content-box
{
    margin: 70px 0;
}

/* MODULE: NEWSLETTER */
.module-newsletter
{
    margin: 0 !important;
    padding: 25px 0 35px;
    border-top: 1px solid var(--color-3);
}

.module-newsletter .module-title
{
    margin: 0;
    color: var(--color-7);
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    text-transform: none;
}

.module-newsletter svg
{
    width: 50px;
}

.module-newsletter .input-group::before
{
    content: "\f0e0";
}

.module-newsletter .checkbox
{
    margin-top: 12px;
    margin-bottom: -36px;
    padding-left: 15px;
    color: var(--color-9);
    font-size: 14px;
    line-height: 16px;
}

.module-newsletter .checkbox a
{
    color: inherit;
    text-decoration: underline;
}

.module-newsletter .checkbox a:hover
{
    text-decoration: none;
}

/* MODULE: PAGINATION */
.module-pagination
{
    margin: 30px 0 30px !important;
}

main .module-pagination
{
    margin-bottom: 0 !important;
}

/* MODULE: CATEGORY DESCRIPTION */
.module-category-description
{
    margin: 70px 0;
    padding: 70px 0;
    background: var(--color-3);
}

/* MODULE: PRODUCT DESCRIPTION */
.module-product-description
{
    margin: 70px 0;
    padding: 50px 0;
    background: var(--color-8);
}

body[class*="product-manufacturer"] .module-product-description,
body[class*="information-information"] .module-product-description
{
    margin: 0 0 70px;
    padding: 0;
    background: none;
}

/* MODULE: BREADCRUMB */
.module-breadcrumb
{
    margin: 20px 0;
}

.module-breadcrumb + *
{
    margin-top: 0 !important;
}

.module-breadcrumb .list-breadcrumb
{
    font-size: 0;
    line-height: 0;
    padding: 0 19px;
}

.module-breadcrumb .list-breadcrumb > li
{
    position: relative;
    display: inline-block;
}

.module-breadcrumb .list-breadcrumb > li + li
{
    margin-left: 17px;
}

.module-breadcrumb .list-breadcrumb > li + li::before
{
    position: absolute;
    display: block;
    content: "\f101";
    top: 0;
    left: -17px;
    width: 17px;
    color: var(--color-1);
    line-height: 13px;
    font-size: 10px;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
}

.module-breadcrumb .list-breadcrumb > li > *
{
    display: block;
    color: var(--color-2);
    font-size: 12px;
    line-height: 13px;
    text-decoration: underline;
}

.module-breadcrumb .list-breadcrumb > li > a:hover
{
    text-decoration: none;
}

.module-breadcrumb .list-breadcrumb > li > span
{
    color: var(--color-12);
    font-weight: bold;
    text-decoration: none;
}

/* MODULE: CONTENT TEXT */
.module-content-text
{
    margin: 30px 0;
    padding: 0 0 25px;
    color: var(--color-9);
    border-bottom: 1px solid var(--color-4);
}

.module-content-text .module-title
{
    margin-bottom: 20px;
}

/* MODULE: NOTIFICATION */
.module-notification
{
    margin: 0 !important;
}

.module-notification > .container
{
    margin-bottom: 30px;
}

.module-notification > .container:empty
{
    display: none;
}

/* MODULE: ACCOUNT MENU */
.module-account_menu
{
    margin: 0;
    padding: 25px;
    border-radius: 5px;
    background: var(--color-8);
}

.module-account_menu .module-title
{
    margin: 0 0 25px !important;
    color: var(--color-text);
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    text-transform: none;
}

.module-account_menu .list-account > li + li,
.module-account .list-account > li + li
{
    margin-top: 10px;
}

.module-account_menu .list-account > li > a,
.module-account .list-account > li > a
{
    position: relative;
    display: block;
    padding-left: 24px;
    color: var(--color-9);
    font-size: 16px;
    line-height: 24px;
}

.module-account_menu .list-account > li > a::before,
.module-account .list-account > li > a::before
{
    position: absolute;
    display: block;
    content: "";
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../image/icon-spokojenezvire.png) top left no-repeat;
    background-size: contain;
}

/* MODULE: ACCOUNT */
.module-account
{
    margin: 0;
}

.module-account .module-title
{
    margin: 0 0 25px;
    text-transform: none;
}

.module-account .module-subtitle
{
    text-transform: none;
}

.module-account .list-account + .module-subtitle
{
    margin-top: 30px;
}

.module-account fieldset ~ fieldset
{
    margin-top: 30px;
}

.module-account .form-group
{
    margin: 0;
}

.module-account .form-group ~ .form-group
{
    margin-top: 15px;
}

.module-account .form-group .form-control
{
    height: 40px;
    line-height: 40px;
    padding: 0 17px;
    font-size: 14px;
    border: 0;
    box-shadow: none;
    border-radius: 20px;
    border: 1px solid var(--color-6);
    background: var(--color-white);
}

.module-account .form-group .text-danger
{
    margin: 5px 0 0;
    font-weight: bold;
    font-size: 14px;
    color: var(--color-danger);
    padding-left: 17px;
}

.module-account .custom-control
{
    min-height: 20px;
    padding: 0;
}

.module-account .custom-control > .custom-control-label
{
    display: block;
    padding-left: 26px;
    float: right;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-9);
}

.module-account .custom-control > .custom-control-label::before
{
    position: absolute;
    top: 1.5px;
    left: 0;
    display: block;
    height: 16px;
    width: 16px;
    border: 1px solid var(--color-6);
    border-radius: 4px;
    background-color: var(--color-white) !important;
    box-shadow: inset 0 1px 4px 0 rgba(183, 185, 189, 0.3);
    transform: none !important;
}

.module-account .custom-control > .custom-control-label::after
{
	position: absolute;
	display: block;
	content: "";
	top: 3.5px;
	left: 2px;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	background: var(--color-1) !important;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0.3s ease, opacity 0.3s ease;
}

.module-account .custom-control > input:checked + .custom-control-label::after
{
    visibility: visible;
    opacity: 1;
}

.module-account .custom-control > .custom-control-label > a
{
    color: inherit;
    text-decoration: underline;
}

.module-account .custom-control > .custom-control-label > a:hover
{
    text-decoration: none;
}

.module-account p + form
{
    margin-top: 25px;
}

.module-account .row.row-button
{
    margin-top: 30px;
}

/* MODULE: FILTER */
.module-filter
{
    margin: 0 !important;
    padding: 25px;
    border-radius: 5px;
    background: var(--color-8);
}

.module-filter .module-title
{
    margin: 0 0 25px;
    color: var(--color-text);
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    text-transform: none;
}

.module-filter .mfilter-content
{
    border: 0;
}

.module-filter .mfilter-content > ul
{
    margin: 0 -25px;
}

.module-filter .mfilter-content > ul > li
{
    padding: 0 15px;
}

.module-filter .mfilter-content > ul > li + li
{
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid var(--color-4);
}

.module-filter .mfilter-selected-filters
{
    position: relative;
    margin: 0 -25px 25px;
    padding: 25px 15px 65px;
    width: auto;
    background: var(--color-4);
}

.module-filter .mfilter-button-top
{
	position: absolute;
	display: block;
    left: 0;
	width: 100%;
	margin-top: -70px;
    padding: 0;
}

.module-filter .mfilter-selected-filters[style*="none"] + .mfilter-button-top
{
    display: none;
}

.module-filter .mfilter-button-top .mfilter-button-reset
{
    display: block;
    color: #CD2B4D;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    float: none;
}

.module-filter .mfilter-button-top .mfilter-button-reset > i
{
    display: none;
}

.module-filter .mfilter-selected-filters-cnt
{
    display: block;
}

.module-filter .mfilter-selected-filters-cnt a
{
	display: block;
    color: var(--color-primary) !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
}

.module-filter .mfilter-selected-filters-cnt a:hover > span:not([class])
{
    text-decoration: underline;
}

.module-filter .mfilter-selected-filters-cnt a + a
{
    margin-top: 10px;
}

.module-filter .mfilter-selected-filters-cnt a > span
{
	display: inline-block;
    padding: 0 !important;
    width: auto !important;
}

.module-filter .mfilter-selected-filters-cnt a > span.mfilter-close
{
    position: relative;
    top: 2px;
    padding-left: 17px !important;
}

.module-filter .mfilter-selected-filters-cnt a > span.mfilter-close i
{
	float: none;
    margin: 0;
}

.module-filter .mfilter-heading 
{
    color: var(--color-7);
    font-size: 16px;
    line-height: 18px;
    border: 0;
    cursor: inherit;
    background: none;
}

.module-filter .mfilter-heading .mfilter-heading-content
{
    padding: 0 0 15px;
    cursor: inherit;
}

.module-filter .mfilter-heading .mfilter-heading-content .mfilter-heading-text,
.module-filter .mfilter-heading .mfilter-heading-content .mfilter-heading-text > span
{
    display: block;
    margin: 0;
    padding: 0;
}

.module-filter .mfilter-heading .mfilter-head-icon
{
    display: none;
}

.module-filter .mfilter-opts-container
{
    padding: 0;
    border: 0;
}

.module-filter .mfilter-filter-item .mfilter-options
{
    padding: 0;
}

.module-filter .mfilter-filter-item .mfilter-iscroll .mfilter-options .mfilter-col-input
{
    position: relative;
    padding: 0;
    padding-right: 10px !important;
    width: 1px;
    white-space: nowrap;
    border: 0;
}

.module-filter .mfilter-filter-item .mfilter-iscroll .mfilter-options .mfilter-col-input > input
{
    opacity: 0;
    visibility: hidden
}

.module-filter .mfilter-filter-item .mfilter-iscroll .mfilter-options .mfilter-col-input > input + span
{
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    height: 16px;
    width: 16px;
    border: 1px solid var(--color-6);
    border-radius: 4px;
    background-color: var(--color-white);
    box-shadow: inset 0 1px 4px 0 rgba(183, 185, 189, 0.3);
}

.module-filter .mfilter-filter-item .mfilter-iscroll .mfilter-options .mfilter-col-input > input + span::after
{
    position: absolute;;
    display: block;
    content: "";
    top: 1px;
    left: 1px;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background-color: var(--color-1);
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.3s ease, opacity 0.3s ease;
}

.module-filter .mfilter-filter-item .mfilter-iscroll .mfilter-options .mfilter-col-input > input:checked + span::after
{
    visibility: visible;
    opacity: 1;
}

.module-filter .mfilter-filter-item .mfilter-iscroll .mfilter-options .mfilter-tb-as-td
{
    position: relative;
    padding: 0;
    border: 0;
    color: var(--color-13);
    font-size: 14px;
    line-height: 16px;
}

.module-filter .mfilter-filter-item .mfilter-iscroll .mfilter-options .mfilter-tb-as-td::before
{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: -24px;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.module-filter .mfilter-filter-item .mfilter-iscroll .mfilter-options .mfilter-tb-as-tr + .mfilter-tb-as-tr > .mfilter-tb-as-td
{
    padding-top: 10px;
}

.module-filter .mfilter-filter-item .mfilter-iscroll .mfilter-options .mfilter-tb-as-tr + .mfilter-tb-as-tr > .mfilter-tb-as-td > input + span
{
    top: 11px;
}

.module-filter .mfilter-filter-item .mfilter-iscroll .mfilter-options .mfilter-tb-as-tr > .mfilter-col-count
{
    display: none !important;
}

.module-filter .mfilter-price-inputs
{
    display: none;
}

.module-filter .mfilter-option.mfilter-price
{
    position: relative;
}

.module-filter .mfilter-price-slider,
.module-filter .mfilter-slider-container
{
    position: relative;
    margin: 0 8px !important;
    padding: 21px 0 0 !important;
    background: none !important;
}

.module-filter .mfilter-price-slider::before,
.module-filter .mfilter-slider-container::before
{
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: -8px;
    width: calc(100% + 16px);
    height: 6px;
    border-radius: 8px !important;
    background: #F2F4F7 !important;
    box-shadow: inset 0 1px 4px 0 rgba(183,185,189,0.3);
}

.module-filter .mfilter-price-slider > #mfilter-price-slider,
.module-filter .mfilter-slider-container > .mfilter-slider-slider
{
    margin: 0 !important;
    height: 6px !important;
    background: none !important;
}

.module-filter .mfilter-slider-inputs .form-control
{
    display: block;
    margin: 0 0 -10px;
    outline: none !important;
    height: 11px;
    color: var(--color-13);
    font-size: 10px;
    line-height: 11px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}

.module-filter #mfilter-price-slider .ui-slider-range,
.module-filter .ui-slider .ui-slider-range
{
    background: var(--color-4) !important;
}

.module-filter #mfilter-price-slider .ui-slider-handle,
.module-filter .ui-slider .ui-slider-handle
{
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    margin: 0 !important;
    margin-left: -8px !important;
    margin-top: -0.5px !important;
    background: var(--color-1) !important;
    transition: background 0.3s ease !important;
}

.module-filter #mfilter-price-slider .ui-slider-handle:hover,
.module-filter .ui-slider .ui-slider-handle:hover
{
    background: var(--color-1) !important;
}

.module-filter .mfilter-price-slider + .mfilter-price-custom_minmax_identificator
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.module-filter .mfilter-price-slider + .mfilter-price-custom_minmax_identificator > span
{
    display: block;
    float: left;
    padding: 0;
    color: var(--color-13);
    font-size: 10px;
    line-height: 11px;
}

.module-filter .mfilter-price-slider + .mfilter-price-custom_minmax_identificator > span + span
{
    float: right;
}

@media (max-width: 1199px)
{
    body
    {
        font-size: 14px;
        line-height: 22px;
    }

    .btn.btn-lg
    {
        padding: 12px 30px;
        font-size: 16px;
        line-height: 21px;
    }

    .input-group::before
    {
        top: 5px;
    }

    .input-group .form-control
    {
        height: 34px;
        line-height: 34px;
        padding-left: 34px;
    }

    .input-group .input-group-btn > .btn
    {
        height: 36px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    header
    {
        margin-top: 20px;
    }



    header #search #searchAutocomplete
    {
        padding: 20px;
    }

    header #search #searchAutocomplete .list-category
    {
        margin: -5px -5px 15px;
    }

    header #search #searchAutocomplete .list-product > li
    {
        padding: 15px 0;
    }

    header #search #searchAutocomplete .list-product .-image
    {
        display: block;
        width: 50px;
    }

    header #search #searchAutocomplete .list-product .-stock
    {
        line-height: 32px;
    }

    header #search #searchAutocomplete .list-product .btn
    {
        padding: 8px 15px;
        font-size: 12px;
    }

    header #search #searchAutocomplete .-buttons
    {
        margin-top: 20px;
    }

    header #search #searchAutocomplete .-buttons .btn-primary
    {
        font-size: 16px;
        padding-left: 25px;
        padding-right: 25px;
    }

    header #search #searchAutocomplete .-buttons .btn-close {
        font-size: 12px;
        line-height: 15px;
        padding: 10px;
        padding-left: 0;
    }

    header #contact
    {
        display: flex;
    }

    header #contact > li + li
    {
        margin: 0;
        margin-left: 15px;
    }

    header #contact > li > a
    {
        font-size: 25px;
        line-height: 25px;
    }

    header #contact > li > a > i
    {
        position: relative;
        top: 1px;
        margin: 0 !important;
        color: var(--color-primary);
    }

    header #account p
    {
        padding-left: 31px;
    }

    header #cart > a
    {
        padding-left: 35px;
    }

    header #cart > a > i
    {
        top: 2px;
        font-size: 25px;
    }

    header #account p > span,
    header #cart > a > span
    {
        font-size: 11px;
        line-height: 12px;
    }

    header #account p > strong,
    header #cart > a > strong
    {
        font-size: 11px;
    }

    header #search::before
    {
        top: 5px;
    }

    header #menu .list-menu
    {
        margin-top: 20px;
        padding: 0 20px;
        border-radius: 20px;
    }

    header #menu .list-menu > li > a
    {
        font-size: 13px;
        line-height: 40px;
    }

    header #menu .list-menu > li > a > i
    {
        top: -0.5px;
        font-size: 14px;
        margin-right: 4px;
    }

    header #menu .list-menu > li > .submenu
    {
        padding: 40px 20px 20px;
    }

    header #menu .list-menu > li > .submenu .list-submenu
    {
        margin: 10px 0px 0;
        margin-left: 70px;
    }

    header #menu .list-menu > li > .submenu .list-submenu > li + li
    {
        margin-top: 5px;
    }

    header #menu .list-menu > li > .submenu .list-submenu > li > a
    {
        font-size: 12px;
    }

    header #menu .list-menu > li > .submenu .subcategory-level-1
    {
        padding-left: 70px;
        margin-top: 20px;
    }

    header #menu .list-menu > li > .submenu .subcategory-level-1 > img
    {
        width: 50px;
    }

    footer
    {
        padding-top: 40px;
    }

    footer .text-quote
    {
        font-size: 22px;
        line-height: 28px;
    }

    footer #copyright
    {
        margin-top: 40px;
    }

    aside
    {
        width: 220px;
    }

    main
    {
        margin-bottom: 30px;
    }

    .item-slideshow
    {
        width: 700px;
        height: 283px;
    }

    .item-benefit
    {
        margin-top: 30px;
        padding-left: 0;
        font-size: 12px;
        line-height: 14px;
        text-align: center;
    }

    .item-benefit .-title
    {
        font-size: 16px;
        line-height: 22px;
    }

    .item-benefit > i
    {
        position: relative;
        display: block;
        font-size: 30px;
        margin: 0 auto 15px;
        text-align: center;
    }

    .item-content-box
    {
        font-size: 14px;
        line-height: 22px;
    }

    .item-content-box .-title
    {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 26px;
    }

    .item-content-box .-content
    {
        padding: 25px 30px;
        padding-right: 130px;
    }

    .item-content-box.-flipped .-content
    {
        padding: 25px 30px;
        padding-left: 130px;
    }

    .item-content-box div[id^="map"],
    .item-content-box iframe
    {
        width: calc(100% + 100px);
        margin-top: 30px;
        margin-left: -100px;
        height: calc(100% - 60px);
    }

    .item-quote
    {
        font-size: 20px;
        line-height: 26px;
    }

    .item-product .btn-cart > i
    {
        margin: 0;
    }

    .item-category > a
    {
        font-size: 14px;
        line-height: 16px;
        padding: 8px;
        padding-left: 50px;
        min-height: 51px;
    }

    .item-category > a > img
    {
        top: 8px;
        left: 8px;
        width: 35px;
        height: 35px;
    }

    .item-pagination #btn-pagination-load_more
    {
        margin-bottom: 20px;
    }

    .item-product
    {
        height: calc(100% - 30px);
        margin-bottom: 30px;
    }
    
    .item-bestseller
    {
        padding: 10px;
        padding-right: 15px;
    }

    .item-bestseller .-number
    {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        margin-right: -10px;
    }

    .item-bestseller .-image
    {
        width: 50px;
        height: 50px;
        margin-right: -10px;
    }

    .item-product-detail
    {
        margin-bottom: 30px;
    }

    .item-product-detail .slick-image
    {
        margin-top: 10px;
        width: 100%;
    }

    .item-product-detail .slick-image .slick-slide .-image
    {
        margin: 0;
        margin-right: 10px;
    }

    .item-product-detail .-favorite
    {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 20px;
    }

    .item-product-detail .-short-description
    {
        font-size: 14px;
        line-height: 20px;
    }

    .item-product-detail .list-data
    {
        margin: 15px 0 25px;
    }

    .item-product-detail .list-data > li > *
    {
        padding-left: 0;
        padding-right: 0;
        font-size: 13px;
        line-height: 16px;
    }

    .item-product-detail .-price
    {
        font-size: 28px;
        line-height: 32px;
    }

    .item-product-detail .-price .--old
    {
        font-size: 16px;
        line-height: 20px;
    }

    .item-quantity-picker.-large
    {
        height: 45px;
        width: 105px;
    }

    .item-quantity-picker.-large .btn
    {
        width: 34px;
    }

    .item-quantity-picker.-large .btn,
    .item-quantity-picker.-large .form-control
    {
        line-height: 43px;
        height: 43px;
        font-size: 14px;
    }

    .item-letter
    {
        margin-bottom: 30px;
    }

    .item-manufacturer_list + .item-manufacturer_list
    {
        margin-top: 30px;
    }

    .item-manufacturer_list .-title
    {
        margin: 0 0 20px;
        font-size: 35px;
        line-height: 40px;
    }

    .item-letter
    {
        margin-bottom: 20px;
    }

    .item-manufacturer_list + .item-manufacturer_list
    {
        margin-top: 20px;
    }

    [class*="module-"]
    {
        margin: 30px 0;
    }

    [class*="module-"] .module-title,
    [class*="module-"] .module-subtitle,
    [class*="module-content"] h2
    {
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 26px;
    }

    [class*="module-"] .module-subtitle,
    [class*="module-content"] h3
    {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 20px;
    }

    .module-breadcrumb
    {
        margin: 20px 0;
    }

    .module-slideshow
    {
        margin: 30px 0;
        height: 283px;
    }
    
    .module-slideshow .slick-slide
    {
        margin: 0 15px;
    }

    .module-slideshow .container
    {
        width: 700px;
    }

    .module-slideshow .container > .slick-arrow
    {
        top: 119.5px;
    }

    .module-benefit .row
    {
        margin-top: -30px;
    }

    .module-product.-single-module
    {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .module-benefit
    {
        padding: 30px 0;
    }

    .module-newsletter
    {
        padding: 30px 0;
    }

    .module-newsletter svg
    {
        width: 40px;
    }

    .module-newsletter .module-title
    {
        margin: 0 !important;
        font-size: 22px;
        line-height: 26px;
    }

    .module-newsletter #newsletter
    {
        margin: 20px auto 0;
        width: 350px;
        max-width: 100%;
    }

    .module-newsletter .checkbox,
    .module-newsletter .checkbox > label
    {
        display: block;
        width: 100%;
        margin-bottom: 0;
        padding-left: 0;
        text-align: center;
    }

    .module-product .row.row-product
    {
        margin-bottom: -30px;
    }

    body[class*="product-manufacturer"] .module-product-description,
    body[class*="information-information"] .module-product-description
    {
        margin-bottom: 30px;
    }

    .module-product.-detail
    {
        margin: 0 0 30px;
    }

    .module-product.-detail .module-title
    {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .module-product-description
    {
        margin: 30px 0;
        padding: 30px 0;
    }

    .module-account,
    .module-account_menu
    {
        margin: 0 !important;
    }

    .module-account_menu .list-account > li > a,
    .module-account .list-account > li > a
    {
        font-size: 14px;
        line-height: 18px;
    }

    .module-account_menu .list-account > li > a::before,
    .module-account .list-account > li > a::before
    {
        top: 2px;
    }
}

@media (max-width: 991px)
{
    header .container-menu
    {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    header #search #searchAutocomplete
    {
        left: calc((0px - ((100vw - 720px) / 2)) - 175px);
        transform: none;
        width: calc(100vw - 40px);
    }

    header #menu .list-menu
    {
        padding: 0 6px;
        border-radius: 0;
    }

    header #menu .list-menu > li > a
    {
        font-size: 12px;
        line-height: 36px;
    }

    header #menu .list-menu > li > a > i
    {
        font-size: 11px;
        margin-right: 2px;
    }

    header #menu .list-menu > li > .submenu
    {
        padding-top: 35px;
    }

    footer #copyright
    {
        margin-top: 15px;
    }

    footer .text-quote
    {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 40px;
    }

    aside
    {
        width: 100%;
        margin-bottom: 30px;
    }

    .item-sorting .nav-tabs > li > a
    {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 16px;
    }

    .item-slideshow
    {
        width: 600px;
        height: 242px;
    }

    .module-slideshow
    {
        height: 242px;
    }

    .module-slideshow .container
    {
        width: 600px;
    }

    .module-slideshow .container > .slick-arrow
    {
        top: 99px;
    }

    .item-content-box div[id^="map"],
    .item-content-box.-flipped div[id^="map"],
    .item-content-box iframe,
    .item-content-box.-flipped iframe
    {
        width: calc(100% - 40px);
        margin-top: -50px;
        margin-left: 20px;
        height: 270px;
    }

    .item-content-box .-content
    {
        text-align: center;
        padding: 35px 20px !important;
        padding-bottom: 80px !important;
    }

    .item-quantity-picker
    {
        height: 33px;
    }

    .item-quantity-picker .btn
    {
        line-height: 31px;
    }

    .item-quantity-picker .form-control
    {
        height: 31px;
        line-height: 31px;
    }

    .item-product
    {
        padding: 15px;
        height: calc(100% - 14px);
        margin-bottom: 14px;
    }

    .item-product .-label > span,
    .item-product-detail .-label > span
    {
        padding: 5px 12px;
        font-size: 10px;
        line-height: 13px;
    }

    .item-product .-title,
    .item-bestseller .-name
    {
        font-size: 13px;
        line-height: 17px;
    }

    .item-product .-stock
    {
        margin-bottom: 5px;
    }

    .item-product .-price,
    .item-bestseller .-price
    {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    .item-product .-price .--old,
    .item-bestseller .-price .--old
    {
        font-size: 12px;
    }

    .item-product .btn-cart
    {
        padding: 0;
        line-height: 33px;
        text-align: center;
    }

    .item-product .item-quantity-picker
    {
        margin-right: 8px;
    }

    .item-product-detail .-image
    {
        margin-bottom: 30px;
    }

    .item-product-detail .-image > img
    {
        display: block;
        max-height: 310px;
        margin: 0 auto;
    }

    .item-product-detail .list-data
    {
        margin: 15px 0;
    }

    .item-product-detail .slick-image
    {
        margin: 0;
        width: 80px;
    }

    .item-product-detail .slick-image .slick-slide .-image
    {
        margin: 0;
        margin-bottom: 10px;
    }

    .module-product .row.row-product
    {
        margin-bottom: -14px;
        margin-left: -7px;
        margin-right: -7px;
    }

    .module-product .row.row-product > div[class*="col"]
    {
        padding-left: 7px;
        padding-right: 7px;
    }

    body[class*="product-manufacturer"] .module-product-description,
    body[class*="information-information"] .module-product-description,
    .module-content-text
    {
        font-size: 14px;
        line-height: 22px;
    }

    .module-filter
    {
        padding: 15px 0 0;
    }

    .module-filter .module-title
    {
        position: relative;
        cursor: pointer;
        padding: 15px !important;
        margin-top: -15px;
        margin-bottom: 0 !important;
        font-size: 18px;
        line-height: 24px;
        border-radius: 5px;
        color: var(--color-white);
        background: var(--color-1);
        transition: background 0.3s ease, color 0.3s ease;
    }

    .module-filter .module-title.-expanded
    {
        color: var(--color-text);
        background: var(--color-8);
    }

    .module-filter .module-title > .-expand
    {
        position: absolute;
        top: 14px;
        right: 15px;
        width: 24px;
        line-height: 24px;
        text-align: center;
        transition: transform 0.3s ease;
    }

    .module-filter .module-title.-expanded > .-expand
    {
        transform: rotate(180deg);
    }

    .module-filter .module-title:hover
    {
        text-decoration: underline;
    }

    .module-filter .mfilter-selected-filters
    {
        margin: 0 !important;
        padding: 15px 15px 35px;
    }

    .module-filter .mfilter-button-top
    {
        margin: 0;
        margin-top: -35px;
    }

    .module-filter .mfilter-content > ul
    {
        display: none;
        margin: 0;
        padding: 15px 0;
    }

    body[class*="account-"] aside
    {
        margin-top: 30px;
    }

    .module-account_menu:last-child
    {
        margin-bottom: -30px !important;
    }
}

@media (max-width: 767px)
{
    .btn.btn-lg
    {
        padding: 10px 30px;
        font-size: 14px;
        line-height: 20px;
    }

    .btn.text-bigger
    {
        font-size: 14px;
        line-height: 16px;
    }

    .container
    {
        width: 100%;
        max-width: 100%;
        padding-left: 7px;
        padding-right: 7px;
    }

    .row:not(.no-gutters)
    {
        margin-left: -7px;
        margin-right: -7px;
    }

    .row:not(.no-gutters) > div[class*="col"]
    {
        padding-left: 7px;
        padding-right: 7px;
    }

    main
    {
        margin-bottom: 20px;
    }

    header
    {
        position: relative;
        margin-top: 0;
        margin-bottom: 15px;
        padding: 15px 0;
        border-bottom: 1px solid #92C01F;
    }

    header #logo > img
    {
        max-height: 34px;
    }

    header #search
    {
        margin-top: 10px;
    }

    header #search #searchAutocomplete
    {
        left: 0;
        width: 100%;
    }

    header #cart #minicart
    {
        display: none !important;
    }

    header #cart
    {
        top: -1px;
        padding-right: 46px;
    }

    header #cart > a
    {
        padding: 0;
        padding-right: 7px;
    }

    header #cart > a > strong,
    header #cart > a > span > .-text
    {
        display: none;
    }

    header #cart > a > span > .-quantity
    {
        position: absolute;
        top: -7px;
        right: 0px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        font-size: 10px;
        color: var(--color-white);
        border-radius: 50%;
        background: var(--color-1);
    }

    header #account p > i,
    header #cart > a > i
    {
        position: relative;
        top: 0;
        left: 0;
        font-size: 20px;
        display: block;
    }

    header #cart > a > i
    {
        top: 2px;
    }

    header #contact
    {
        margin-right: -34px;
    }

    header #contact > li + li
    {
        margin-left: 10px;
    }

    header #contact > li > a
    {
        font-size: 20px;
        line-height: 33px;
    }

    header #menuToggle
    {
        position: relative;
        right: -50px;
        width: 30px;
        text-align: center;
        color: var(--color-1);
        z-index: 999;
    }

    body.menuToggled header #menuToggle,
    body.menuToggled header #menuToggle > i
    {
        color: var(--color-primary);
    }

    header #menuToggle > i
    {
        font-size: 28px;
        margin: 0 !important;
    }

    body.menuToggled header #menuToggle > i[class*="bars"],
    body:not(.menuToggled) header #menuToggle > i[class*="times"],
    body:not(.menuToggled) header #menuToggle > span + span,
    body.menuToggled header #menuToggle > i + span
    {
        display: none !important;
    }

    header #menuToggle > span
    {
        display: block;
        margin-top: -2px;
        font-size: 8px;
        line-height: 9px;
        text-transform: lowercase;
    }

    header #menu
    {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin: 0;
    }

    header #menu .list-menu
    {
        display: block;
        width: 100%;
        margin: 1px 0 0;
        padding: 0;
    }

    header #menu .list-menu > li > a
    {
        position: relative;
        display: block;
        padding: 15px;
        padding-right: 63px;
        text-align: left;
        font-size: 16px;
        line-height: 18px;
    }

    header #menu .list-menu > li > a > i
    {
        position: relative;
        top: -1px;
        font-size: 16px;
        margin-right: 10px;
    }

    header #menu .list-menu > li a > .-expand
    {
        position: absolute;
        top: 0;
        right: 0;
        width: 48px;
        height: 100%;
        font-size: 12px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        transition: transform 0.3s ease;
    }

    header #menu .list-menu > li a > .-expand.-expanded
    {
        transform: rotate(180deg);
    }

    header #menu .list-menu > li > .submenu
    {
        position: relative;
        display: none;
        max-height: none;
        padding: 0;
        transform: none !important;
        transition: none !important;
        border-radius: 0;
        z-index: 9;
    }
    
    header #menu .list-menu > li > .submenu > .row > div
    {
        min-height: 0;
        border-bottom: 1px solid var(--color-1);
    }
    
    header #menu .list-menu > li > .submenu > .row > div:first-child
    {
        border-top: 1px solid var(--color-1);
    }

    header #menu .list-menu > li > .submenu .subcategory-level-1
    {
        position: relative;
        padding: 12px 10px;
        padding-left: 50px;
        padding-right: 53px;
        margin: 0;
        font-size: 14px;
        line-height: 19px;
    }

    header #menu .list-menu > li > .submenu .subcategory-level-1 > .-expand
    {
        width: 43px;
    }

    header #menu .list-menu > li > .submenu .subcategory-level-1 > img
    {
        left: 8px;
        top: 50%;
        max-width: 34px;
        max-height: 34px;
        transform: translateY(-50%);
    }

    header #menu .list-menu > li > .submenu .list-submenu
    {
        display: none;
        margin: 0;
        margin-left: 50px;
        padding: 0 0 15px;
    }

    footer .text-quote
    {
        display: inline-block;
        margin-top: 30px;
        font-size: 18px;
        line-height: 24px;
        text-align: left;
    }

    footer .text-quote::before
    {

    }

    footer .list-contact > li
    {
        padding-left: 15px;
        padding-right: 15px;
    }

    footer .list-contact > li + li
    {
        margin-top: 0;
    }

    footer .row-payment
    {
        margin-top: 40px;
    }

    footer #copyright .text-copyright
    {
        font-size: 14px;
    }

    aside
    {
        margin-bottom: 20px;
    }

    .item-slideshow
    {
        width: 500px;
        height: 202px;
    }

    .item-quote
    {
        font-size: 18px;
        line-height: 22px;
    }

    .item-benefit
    {
        margin-top: 20px;
    }

    .item-benefit .-title
    {
        margin-bottom: 8px;
    }

    .item-sorting
    {
        margin-bottom: 20px;
    }

    .item-pagination .list-pagination > li > *
    {
        height: 35px;
        width: 35px;
        line-height: 34px;
        font-size: 14px;
    }

    .item-product-detail .-image
    {
        margin-bottom: 20px;
    }

    .item-product-detail .-favorite
    {
        margin-bottom: 15px;
    }

    .item-product-detail .-price
    {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .item-product-detail .-price_register
    {
        margin-top: -10px;
        margin-bottom: 15px;
    }

    .item-quantity-picker.-large
    {
        height: 40px;
        width: 95px;
    }

    .item-quantity-picker.-large .btn,
    .item-quantity-picker.-large .form-control
    {
        line-height: 38px;
        height: 38px;
        font-size: 14px;
    }

    .item-manufacturer_list a
    {
        padding-top: 5px;
    }

    [class*="module-"]
    {
        margin: 20px 0;
    }

    [class*="module-"] .module-title,
    [class*="module-"] .module-subtitle,
    [class*="module-content"] h2,
    [class*="module-content"] h3
    {
        margin-bottom: 20px;
    }

    .module-slideshow
    {
        height: 202px;
        margin: 15px 0;
    }

    .module-slideshow .container
    {
        width: 500px;
    }

    .module-slideshow .container > .slick-arrow
    {
        top: 87px;
        left: -14px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 10px;
    }

    .module-slideshow .container > .slick-arrow ~ .slick-arrow
    {
        left: auto;
        right: -14px;
    }

    .module-quote
    {
        margin: 20px 0;
    }

    .module-benefit
    {
        padding: 20px 0;
    }

    .module-benefit .row
    {
        margin-top: -20px;
    }

    .module-product.-single-module
    {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .module-newsletter
    {
        padding: 20px 0 25px;
    }

    .module-breadcrumb
    {
        margin: 15px 0;
    }

    .module-breadcrumb .list-breadcrumb
    {
        padding: 0;
    }

    .module-content-text
    {
        padding-bottom: 15px;
    }

    .module-pagination
    {
        margin: 20px 0 20px !important;
    }

    body[class*="product-manufacturer"] .module-product-description,
    body[class*="information-information"] .module-product-description
    {
        margin-bottom: 20px;
    }

    .module-product.-detail
    {
        margin: 0 0 20px;
    }

    .module-product-description
    {
        margin: 20px 0;
        padding: 20px 0;
    }

    .module-notification > .container
    {
        margin-bottom: 20px;
    }

    body[class*="account-"] aside
    {
        margin-top: 20px;
    }

    .module-account .row.row-button
    {
        margin-top: 20px;
    }

    .module-account_menu
    {
        padding: 20px 20px 15px;
    }

    .module-account_menu .module-title
    {
        margin-bottom: 20px !important;
    }

    .module-account_menu:last-child
    {
        margin-bottom: -20px !important;
    }

    .module-product-description .col-contact-form
    {
        padding-top: 20px;
    }
}

@media (max-width: 575px)
{
    header #search #searchAutocomplete
    {
        padding: 15px;
    }

    header #search #searchAutocomplete .list-category
    {
        margin: -2px -2px 10px;
        font-size: 0;
        line-height: 0;
    }

    header #search #searchAutocomplete .list-category > li
    {
        padding: 2px;
    }

    header #search #searchAutocomplete .list-category > li:first-child
    {
        display: block;
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 10px !important;
    }

    header #search #searchAutocomplete .list-category > li > .btn
    {
        font-size: 11px;
        line-height: 16px;
        padding: 5px 12px;
    }

    header #search #searchAutocomplete .list-product > li
    {
        padding: 10px 0;
    }

    header #search #searchAutocomplete .list-product .-price
    {
        font-size: 14px;
        line-height: 18px;
    }

    header #search #searchAutocomplete .list-product .-price > span
    {
        font-size: 10px;
    }

    header #search #searchAutocomplete .list-product .-image
    {
        width: 40px;
        margin-left: -10px;
    }
    
    header #search #searchAutocomplete .list-product .-stock
    {
        padding-left: 70px;
    }

    header #search #searchAutocomplete .list-product .h-100
    {
        height: auto !important;
        margin-left: -10px;
    }

    header #search #searchAutocomplete .list-product .w-100
    {
        padding-top: 5px;
    }

    header #search #searchAutocomplete .-buttons
    {
        margin-top: 15px;
    }

    header #search #searchAutocomplete .-buttons .btn.btn-primary
    {
        display: block;
        font-size: 12px;
        padding: 8px 15px;
    }

    header #search #searchAutocomplete .-buttons .btn-close
    {
        padding: 5px 10px 0;
        display: block;
        text-align: center;
        width: 100%;
        font-size: 10px;
    }

    footer .list-contact > li
    {
        padding-left: 8px;
        padding-right: 8px;
    }

    footer .list-contact > li > a
    {
        padding-left: 30px;
    }
    
    footer .list-contact > li > a > i
    {
        top: 7px;
        font-size: 20px;
    }

    footer .text-startujemeweby
    {
        margin-top: 10px;
        margin-left: 0;
    }

    .item-slideshow
    {
        width: calc(100vw - 14px);
        height: auto;
    }

    .item-quote blockquote
    {
        text-align: left;
        padding-left: 26px;
    }

    .item-quote blockquote::before
    {
        top: 1px;
        left: 0;
        font-size: 18px;
    }

    .item-product-detail .slick-image
    {
        margin: 0 0 20px;
        width: calc(100% + 8px);
    }

    .item-product-detail .slick-image .slick-slide .-image
    {
        width: auto;
        margin: 0;
        margin-right: 10px;
    }

    .item-bestseller.-wishlist .btn-cart > i
    {
        margin: 0 !important;
    }

    .module-slideshow
    {
        height: auto;
    }

    .module-slideshow .container
    {
        position: static;
        width: 100vw;
    }

    .module-slideshow .container > .slick-arrow
    {
        top: 50%;
        left: 3px;
        margin-top: -14px;
        z-index: 97;
    }

    .module-slideshow .container > .slick-arrow ~ .slick-arrow
    {
        left: auto;
        right: 3px;
    }

    .module-newsletter .module-title
    {
        text-align: center;
    }

    .module-newsletter svg
    {
        display: block;
        margin: 0 auto 15px;
    }
    
    .module-product.-detail
    {
        position: relative;
        overflow: hidden;
    }

    .module-account .col-sm-6 + .col-sm-6
    {
        padding-top: 20px;
    }
}

/* COOKIEBAR */
.cookie
{
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    background: var(--color-primary);
    z-index: 999999;
}

.cookie a
{
    color: inherit;
    text-decoration: underline;
}

.cookie a:hover
{
    text-decoration: none;
}

.cookie p
{
    color: #FFFFFF !important;
    text-align: center !important;
}

.cookie .container-fluid > *
{
    display: inline-block;
    margin: 10px 15px;
}

.cookie .btn
{
    padding: 5px 15px;
    font-size: 12px;
}

.cookie .btn:hover
{
    text-decoration: underline;
}

.cookie .btn > i
{
    margin-left: 12px;
}

@media (max-width: 767px)
{
    #lista .container-fluid,
    .cookie .container-fluid
    {
        padding: 0 35px;
    }
}

/*
** FOOTER VET LOGO
*/

footer .footer-vet-logo 
{
    display: block;
    margin-top: 20px;
}

@media (max-width: 991px)
{
    footer .footer-vet-logo 
    {
        margin-top: -15px;
        margin-bottom: 30px;
    }
}

/*
** POPUP
*/

body > div[id^="hw-"]
{
    z-index: 1000 !important;
}

#popupModal ~ .modal-backdrop,
#addToCartModal ~ .modal-backdrop,
#skipInstockSpecialModal ~ .modal-backdrop
{
    background: var(--color-white);
}

#popupModal ~ .modal-backdrop.show,
#addToCartModal ~ .modal-backdrop.show,
#skipInstockSpecialModal ~ .modal-backdrop.show
{
    opacity: 0.75;
}

#popupModal .modal-content,
#addToCartModal .modal-content,
#skipInstockSpecialModal .modal-content
{
    border-radius: 20px;
    border: 0;
    box-shadow: 0 2px 20px 0 rgba(64, 64, 64, 0.12);
    background: transparent;
}

#popupModal .modal-header,
#addToCartModal .modal-header,
#skipInstockSpecialModal .modal-header
{
    color: var(--color-white);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: var(--color-primary);
}

#popupModal .modal-header .close,
#addToCartModal .modal-header .close,
#skipInstockSpecialModal .modal-header .close
{
    color: var(--color-white);
    text-shadow: none !important;
    opacity: 1;
}

#popupModal .modal-body,
#popupModal .modal-footer,
#addToCartModal .modal-body,
#addToCartModal .modal-footer,
#skipInstockSpecialModal .modal-body,
#skipInstockSpecialModal .modal-footer
{
    background: var(--color-white);
}

#popupModal .modal-footer,
#addToCartModal .modal-footer,
#skipInstockSpecialModal .modal-footer
{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#addToCartModal .modal-title,
#skipInstockSpecialModal .modal-title
{
    font-size: 20px;
    font-weight: 700;
}

#addToCartModal .btn-link,
#skipInstockSpecialModal .btn-link
{
    color: #000000;
    font-size: 14px;
    text-decoration: underline;
}

#addToCartModal .btn-primary:hover,
#skipInstockSpecialModal .btn-primary:hover
{
    text-decoration: underline;
}

#addToCartModal .btn-link:hover,
#skipInstockSpecialModal .btn-link:hover
{
  text-decoration: none;
}

#addToCartModal p > strong,
#skipInstockSpecialModal p > strong
{
  display: block;
}

@media (max-width: 575px)
{
    #addToCartModal p,
    #skipInstockSpecialModal p
    {
        font-size: 14px;
    }

    #addToCartModal .modal-title,
    #skipInstockSpecialModal .modal-title
    {
        font-size: 18px;
    }
}

/* 2025 */
.module-button_link
{
    margin: 20px 0 0;
}

.module-button_link ul
{
    padding: 0;
    margin: 0;
}

.module-button_link ul > li
{
    padding: 0 3px;
    display: inline-block;
}

.module-button_link ul > li > a,
.module-button_link ul > li > a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

.module-button_link ul > li > a:hover
{
    text-decoration: underline;
}

#addToCartModal-p2b
{
    margin: 16px -16px 0;
    padding: 25px 16px 0;
    text-align: center;
    border-top: 1px solid #dee2e6;
}

#addToCartModal-p2b > .-title
{
    display: inline-block;
    position: relative;
    padding: 0;
    padding-left: 40px;
    margin: 0 0 25px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 20px;
    text-align: center;
}

#addToCartModal-p2b > .-title > i
{
    position: absolute;
    display: block;
    top: -4px;
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 13px;
    text-align: center;
    color: #FFFFFF;
    background: #0072a3;
}

#addToCartModal-p2b .item-product
{
    padding: 0 15px;
    margin: 0;
    border: 0 !important;
    box-shadow: none !important;
}

#addToCartModal-p2b .item-product .-title
{
    font-size: 14px;
    line-height: 20px;
}

#addToCartModal-p2b .item-product .-bottom
{
	margin-top: 10px;
}

#addToCartModal-p2b .item-product .-price
{
	margin-bottom: 15px;
    color: #333333;
    font-size: 16px;
}

#addToCartModal-p2b .item-product .-price .--old
{
    padding: 0;
}

#addToCartModal-p2b .item-product .-price .--old + span
{
    padding-left: 6px;
    color: var(--color-primary);
}

#addToCartModal-p2b .item-product .item-quantity-picker
{
    margin: 10px auto;
    width: 100px;
    height: 30px;
}

#addToCartModal-p2b .item-quantity-picker .btn
{
    font-size: 12px;
    line-height: 30px;
}

#addToCartModal-p2b .item-quantity-picker .form-control
{
    height: 28px;
    line-height: 28px;
    background: transparent;
}

#addToCartModal-p2b .item-product .btn-cart
{
    padding: 7px 15px;
    line-height: 16px !important;
}

.slick-p2b-modal
{
    position: relative;
}

.slick-p2b-modal .slick-track
{
    display: flex !important;
}

.slick-p2b-modal .slick-slide
{
    height: inherit !important;
}

.slick-p2b-modal .slick-arrow
{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    text-align: center;
}

.slick-p2b-modal .slick-arrow ~ .slick-arrow
{
    left: auto;
    right: 0;
}

.slick-p2b-modal .slick-arrow > i
{
    margin: 0;
}

.slick-p2b-modal .slick-arrow + .slick-list
{
    margin: 0 30px;
}

@media (max-width: 575px)
{
    #addToCartModal-p2b .item-product
    {
        width: 100%;
        position: relative;
        padding-left: 80px;
        padding-right: 0;
        text-align: left;
    }

    #addToCartModal-p2b .slick-p2b-modal > div + div
    {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #dee2e6;

    }

    #addToCartModal-p2b .item-product .-image
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 80px;
    }

    #addToCartModal-p2b .item-product .-price
    {
        font-size: 14px;
    }

    #addToCartModal-p2b .item-product .item-quantity-picker
    {
        margin: 0;
        width: 80px;
    }
}


/* LISTA */
#lista
{
    padding: 12px 0;
    z-index: 999;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    left: 0;
    color: #FFFFFF;
    background: var(--color-1);
}

#lista .close
{
    position: absolute;
    top: 10px;
    right: 13px;
    color: #FFFFFF !important;
    text-shadow: none !important;
    font-size: 16px;
}

#lista a
{
    color: inherit;
    text-decoration: underline;
}

#lista a:hover
{
    text-decoration: none;
}