/* SPARKY DYNAMICALLY GENERATED CSS - DO NOT EDIT THIS FILE!
YOUR CHANGES WILL BE OVERWRITTEN AFTER NEXT SAVE OF TEMPLATE PARAMETERS!
You can add your custom CSS code in template options, under Custom tab or
you can edit file custom.css to add your CSS code. */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEooCPNLA3JC9c.ttf);
}
    
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCPNLA3JC9c.ttf);
}
    
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pYCPNLA3JC9c.ttf);
}
    
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtapYCPNLA3JC9c.ttf);
}
    
* {
    box-sizing: border-box;
}

body {
    color:#666666;
    font-size:20px;
    line-height:1.6;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    font-weight:normal;
    font-style:normal;
}

input, textarea, button, select {
    font-family:Arial, Helvetica, sans-serif;
}

.content_sparky li, dl, dd, dt {
    line-height:1.6;
}

.sparky_container::after {
    content:'';
    display:table;
    clear:both;
}

.clr {
    clear:both;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border:none;
}

.sparky_container {
    margin:0 auto;
    padding:0;
}

.sparky_container > .sparky_cell {
    float:left;
}


/* GRID SYSTEM */

.sparkle1 {
    width: 8.3333333333333%;
}

.sparkle2 {
    width: 16.666666666667%;
}

.sparkle3 {
    width: 25%;
}

.sparkle4 {
    width: 33.333333333333%;
}

.sparkle5 {
    width: 41.666666666667%;
}

.sparkle6 {
    width: 50%;
}

.sparkle7 {
    width: 58.333333333333%;
}

.sparkle8 {
    width: 66.666666666667%;
}

.sparkle9 {
    width: 75%;
}

.sparkle10 {
    width: 83.333333333333%;
}

.sparkle11 {
    width: 91.666666666667%;
}

.sparkle12 {
    width: 100%;
}

.full .sparky_container {
    width:100%;
}

/* ROW SETTINGS */

.sparky_row6.sparky_full {
    background-image: url('../images/advertrow_bg.jpg');
    background-position:top center;
    background-repeat:no-repeat;
}


/* SCREEN < 768px AND < TEMPLATE WIDTH */

@media (max-width: 767px) {
    .sparky_container {
        width: 100%;
    }

    .sparky_container > [class*='sparkle'] {
        width: 100% !important;
    }

    .two [class*='sparkle'] {
        width: 50% !important;
    }

    .full .sparky_container {
        width:100%;
    }

    .full .sparky_container > .sparky_cell {
        margin: 0;
        padding: 0;
    }
}

/* SCREEN >= 768px AND < TEMPLATE WIDTH */

@media (min-width: 768px) {
    .sparky_container {
        width: 750px;
    }
}

/* SCREEN >= 992px AND < TEMPLATE WIDTH */

@media (min-width: 992px) {
    .sparky_container {
        width: 970px;
    }
}

/* SCREEN >= TEMPLATE WIDTH */

@media (min-width:1200px) {
    .sparky_container {
        width:1170px;
    }

    [class*='sparkle'] {
        margin-left: 0;
    }
}
.one .sparkle1 {
    width: 8.3333333333333% !important;
}
.one .sparkle2 {
    width: 16.666666666667% !important;
}
.one .sparkle3 {
    width: 25% !important;
}
.one .sparkle4 {
    width: 33.333333333333% !important;
}
.one .sparkle5 {
    width: 41.666666666667% !important;
}
.one .sparkle6 {
    width: 50% !important;
}
.one .sparkle7 {
    width: 58.333333333333% !important;
}
.one .sparkle8 {
    width: 66.666666666667% !important;
}
.one .sparkle9 {
    width: 75% !important;
}
.one .sparkle10 {
    width: 83.333333333333% !important;
}
.one .sparkle11 {
    width: 91.666666666667% !important;
}
.one .sparkle12 {
    width: 100% !important;
}
.fluid .sparky_container {
    width: 100%;
}
.sparky_container > .sparky_cell {
    padding:15px 15px;
}

/* FONTS AND TYPOGRAPHY */

h1, h1 a {
    padding:30px 0;
    margin:0;
    line-height:1.4;
    color:#000000;
    font-size:35px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    font-weight:normal;
    font-style:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1.4;
    color:#000000;
    font-size:35px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    font-weight:normal;
    font-style:normal;
}

h2.row_heading {
    padding-left:15px;
    padding-right:15px;
}

h3 {
    padding:15px 0;
    margin:0;
    color:#000000;
    font-size:28px;
    line-height:1.4;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    font-weight:normal;
    font-style:normal;
}

h3.row_subheading {
    padding-left:15px;
    padding-right:15px;
}

h4 {
    padding:15px 0;
    margin:0;
    color:#000000;
    font-size:16px;
    line-height:1.4;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    font-weight:normal;
    font-style:normal;
}

a {
    color:#fbc7b1;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
}

a:hover, a:active, a:focus {
    color:#385871;
    text-decoration:none;
}

p {
    margin: 0 0 15px;
}

button,
button.btn,
a.btn,
button.btn-primary,
p.readmore a,
a.readmore {
    display: inline-block;
    padding: 4px 12px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image:none;
    border: 1px solid #cccccc;
    font-size:inherit;
    line-height:inherit;
    text-shadow:none;
    border-radius:0;
    box-shadow:none;
}

button:hover,
button.btn:hover,
button.btn-primary:hover,
button:active,
button.btn:active,
button.btn-primary:active,
button:focus,
button.btn:focus,
button.btn-primary:focus,
p.readmore a:hover,
p.readmore a:focus,
a.readmore:hover,
a.readmore:focus {
    color: #333333;
    text-decoration: none;
    background-color: #eeeeee;
    background-image:none;
}

p.readmore a.btn span {
    display:none;
}

/* blog layout */

.blog-items {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    clear:both;
}

.blog-items.columns-2 .blog-item {
    width:calc(50% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-3 .blog-item {
    width:calc(33.33% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-4 .blog-item {
    width:calc(25% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-5 .blog-item {
    width:calc(20% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-6 .blog-item {
    width:calc(16.66% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .blog-items.columns-2 .blog-item,
    .blog-items.columns-3 .blog-item,
    .blog-items.columns-4 .blog-item,
    .blog-items.columns-5 .blog-item,
    .blog-items.columns-6 .blog-item {
        width:100%;
        margin-inline-end: 0;
    }

}

.page-header {
    padding: 0;
    margin: 0;
    border: 0;
}

.pull-left.item-image, figure.left.item-image {
    margin-right:15px;
    float:left;
}

.pull-right.item-image, figure.right.item-image {
    margin-left:15px;
    float:right;
}

/* forms */

form {
    margin:0;
}

.form-inline {
    display:inline;
}

#login-form input {
    padding: 4px;
}

/* lists */

ul, ol {
    margin: 15px 45px;
    padding: 0;
}

div.item-page ol li, div.item-page ul li {
    margin: 0 0 10px 0;
    padding: 0;
}

div.icons ul.dropdown-menu li {
    margin: 0;
}


ul.arrow, ul.arrowleft, ul.calendar, ul.checklist, ul.clock, ul.delete, ul.email, ul.file, ul.folder, ul.heart, ul.information, ul.lock, ul.pencil, ul.play, ul.rss, ul.person, ul.shop, ul.song, ul.star, ul.star2, ul.trash, ul.tweak, ul.unlock, ul.warn {
    margin: 15px 45px;
    padding: 0;
}

ul.arrow li, ul.arrowleft li, ul.calendar li, ul.checklist li, ul.clock li, ul.delete li, ul.email li, ul.file li, ul.folder li, ul.heart li, ul.information li, ul.lock li, ul.pencil li, ul.play li, ul.rss li, ul.person li, ul.shop li, ul.song li, ul.star li, ul.star2 li, ul.trash li, ul.tweak li, ul.unlock li, ul.warn li {
    list-style: none;
    padding: 0 15px;
}

ul.arrow li:before, ul.arrowleft li:before, ul.calendar li:before, ul.checklist li:before, ul.clock li:before, ul.delete li:before, ul.email li:before, ul.file li:before, ul.folder li:before, ul.heart li:before, ul.information li:before, ul.lock li:before, ul.pencil li:before, ul.play li:before, ul.rss li:before, ul.person li:before, ul.shop li:before, ul.song li:before, ul.star li:before, ul.star2 li:before, ul.trash li:before, ul.tweak li:before, ul.unlock li:before, ul.warn li:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    padding: 0;
    margin: 0 -30px;
    position: absolute;
}

ul.arrow li:before {
    content: '\f061';
}

ul.arrowleft li:before {
    content: '\f060';
} 

ul.calendar li:before {
    content: '\f073';
}

ul.checklist li:before {
    content: '\f00c';
}

ul.clock li:before {
    content: '\f017';
}

ul.delete li:before {
    content: '\f00d';
}

ul.email li:before {
    content: '\f0e0';
}

ul.file li:before {
    content: '\f15b';
}

ul.folder li:before {
    content: '\f07b';
}

ul.heart li:before {
    content: '\f004';
}

ul.information li:before {
    content: '\f05a';
}

ul.lock li:before {
    content: '\f023';
}

ul.pencil li:before {
    content: '\f303';
}

ul.person li:before {
    content: '\f007';
}

ul.play li:before {
    content: '\f04b';
}

ul.rss li:before {
    content: '\f09e';
}

ul.shop li:before {
    content: '\f07a';
}

ul.song li:before {
    content: '\f001';
}

ul.star li:before {
    content: '\f005';
}

ul.star2 li:before {
    content: '\f006';
}

ul.trash li:before {
    content: '\f2ed';
}

ul.tweak li:before {
    content: '\f0ad';
}

ul.unlock li:before {
    content: '\f09c';
}

ul.warn li:before {
    content: '\f071';
}

/* font awesome icon sizes */

.fa-1 {
    font-size: 1em;
}

.fa-2 {
    font-size: 2em;
}

.fa-3 {
    font-size: 4em;
}

.fa-4 {
    font-size: 7em;
}

.fa-5 {
    font-size: 12em;
}

.fa-6 {
    font-size: 16em;
}

.fontawesome-icon-list {
    font-size: 10px;
}

.fontawesome-icon-list i {
    font-size: 16px;
}

.warning, .info, .error {
    padding:15px 30px;
    min-height: 50px;
}

.warning {
    color:#000;
    border: 1px solid #ffcc00;
    background:#ffff66;
}

.info {
    color:#006699;
    border: 1px solid #006699;
    background:#bde1ff;
}

.error {
    color:#900;
    border: 1px solid #900;
    background:#f8b5b5;
}

.alert-heading .warning, .alert-heading .info, .alert-heading .error {
    border: 0;
    background: transparent;
    padding:15px 0;
}

.warning:before, .info:before, .error:before {
    font-family: 'Font Awesome 6 Free';
    font-size: 32px;
    font-weight: 900;
    line-height:1;
    margin: 0 30px 0 0;
    float: left;
}

.alert-heading .warning:before, .alert-heading .info:before, .alert-heading .error:before {
    float: none;
}

.warning:before {
    content: '\f071';
    color: #ffcc00;
}

.info:before {
    content: '\f05a';
    color:#006699;
}

.error:before {
    content: '\f057';
    color:#900;
}

.outline {
    background: transparent;
}

.warning.outline {
    color: #d5aa00;
}

.typewriter {
    background: url('../images/typewriter_bg.png');
    padding:20px 15px 20px 30px;
    color:#000;
    font-family:'Courier New', Courier, monospace;
    line-height:20px;
}

.quote {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 15px 15px 15px;
    font-size: 24px;
    font-style: normal;
    line-height: 1.4;
    text-align: center;
    max-width: 600px;
}

.dropcap:first-letter {
    font-size: 300%;
    font-weight:bold;
    float:left;
    margin:0 10px 5px 0;
    line-height: 1;
}

.p_number:first-letter {
    display:block;
    float:left;
    font-family: monospace;
    font-size: 400%;
    line-height:1;
    font-weight:bold;
    text-align: center;
    margin:0 15px 15px 0;
    padding:5px 15px;
    position: relative;
    color: #fff;
    background: #ccc;
}

.inset_left {
    display:block;
    float:left;
    width: 150px;
    font-style: italic;
    margin: 15px 15px 15px 0;
}

.inset_right {
    display:block;
    float:right;
    width: 150px;
    font-style: italic;
    margin: 15px 0 15px 15px;
}

.inset_title {
    font-weight:bold;
    display:block;
}

img.img_left {
    float:left;
    margin:0 30px 30px 0;
}

img.img_right {
    float:right;
    margin:0 0 30px 30px;
}

blockquote {
    border-left: 3px solid #ccc;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 15px;
    padding: 15px;
}

legend {
    display: block;
    padding: 15px;
    margin-bottom: 5px;
    background:#f5f5f5;
    border: 0;
    font-size:inherit;
    line-height:inherit;
}

code {
    display: block;
    padding: 1em;
    color:inherit;
    border:0;
}


.quote:before {
    display: block;
    text-align: center;
    font-family: 'Font Awesome 6 Free';
    content: '\f10d';
    font-size: 1.5em;
    font-style: normal;
    font-weight: 900;
    color: #ccc;
    float: none;
    margin-bottom: 15px;
}

.fontawesome-icon-list div {
    width: 25%;
    float: left;
    padding: 5px 0;
}

.fontawesome-icon-list i {
    width: 30px;
    color: #333;
}

@media(min-width:600px) {
    .two-cols {
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .three-cols {
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .four-cols {
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .five-cols {
        -moz-column-count:5;
        -webkit-column-count:5;
        column-count:5;
        -moz-column-gap:2em;
        -webkit-column-gap:2em;
        column-gap:2em;
    }

    .six-cols {
        -moz-column-count:6;
        -webkit-column-count:6;
        column-count:6;
        -moz-column-gap:2em;
        -webkit-column-gap:2em;
        column-gap:2em;
    }
}

.abovecontent {
    padding: 0 0 30px 0;
}

.belowcontent {
    padding: 30px 0 0 0;
}


/* LOGO */

.sparky_logo {
    color:#000000;
    font-size:32px;
    font-family:'Raleway', sans-serif;
    font-weight:800;
    font-style:normal;
    text-align:left;
    text-decoration:none;
}
.sparky_slogan {
    color:#000000;
    font-size:12px;
    font-family:'Raleway', sans-serif;
    font-weight:400;
    font-style:normal;
    text-align:left;
    text-decoration:none;
}

.sparky_logo_link {
    display:block;
}


/* STANDARD MENU */
ul.mnu_topmenuleft , ul.mnu_topmenuright  {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
}
ul.mnu_topmenuleft ul, ul.mnu_topmenuright ul {
    margin:10px;
    padding:0;
}
.mnu_topmenuleft li, .mnu_topmenuright li {
    display:block;
}
.mnu_topmenuleft > li, .mnu_topmenuright > li {
    display:inline-block;
}
.mnu_topmenuleft > li, .mnu_topmenuright > li {
    margin-bottom:0px;
    padding:30px 5px;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    text-align:left;
}
.mnu_topmenuleft > li > a, .mnu_topmenuright > li > a {
    color:#666666;
    font-family:'Raleway', sans-serif;
    font-weight:400;
    font-style:normal;
}
.mnu_topmenuleft > li > a:hover, .mnu_topmenuright > li > a:hover {
    color:#fbc7b1;
}
.mnu_topmenuleft > li li, .mnu_topmenuright > li li {
    margin:0;
    padding:0;
    font-size:11px;
    line-height:15px;
    font-weight:400;
    font-style:normal;
    text-align:left;
}
.mnu_topmenuleft > li li a, .mnu_topmenuright > li li a {
    color:#782320;
    font-family:;
    font-weight:400;
    font-style:normal;
    text-align:left;
}
.mnu_topmenuleft > li li a:hover, .mnu_topmenuright > li li a:hover {
    color:#333333;   
}


/* DROP-DOWN MENU */

ul.mnu_mainmenu {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:absolute;
    z-index:100;
    white-space:nowrap;
    text-align:left;
    position:relative;
    font-family:'Raleway', sans-serif;
}

.mnu_mainmenu ul {
    margin:0;
    list-style-type:none;
    list-style-position:outside;
    text-align:initial;
    position:absolute;
    z-index:100;
    background:#e8e9e4;
    width:190px;
    border:0px solid #dddddd;
    padding:12px;
}

.mnu_mainmenu > li > a, .mnu_mainmenu > li > span {
    display:block;
    margin:0;
    text-decoration:none;
    color:#000000;
    font-size:20px;
    padding:0 30px;
    font-weight:700;
    font-style:normal;
    height:30px;
    line-height:30px;
    cursor:pointer;
}

.mnu_mainmenu  > li.active > a, .mnu_mainmenu > li.active > span {
    color:#fbc7b1;
    cursor:pointer;
}

.mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span {
    color:#fbc7b1;
}

.mnu_mainmenu > li {
    display:inline-block;
    position:relative;
    text-align:left;
    margin:0;
    padding:0;
    border-right:0px solid #cccccc;
    border-bottom:0px solid #cccccc;
    border-top:0px solid #cccccc;
}

.mnu_mainmenu > li.active {
}

.mnu_mainmenu > li:first-child {
    border-left:0px solid #cccccc;
}

.mnu_mainmenu li:hover {
    position:relative;
}

.mnu_mainmenu li ul li:hover {
    background-color:#e8e9e4;
}

.mnu_mainmenu li ul li {
    height:25px;
    border-bottom:0px solid #dddddd;
    padding:0 10px;
    margin: 0;
    
    text-align:left;
}

.mnu_mainmenu li ul a, .mnu_mainmenu li ul span {
    display: block;
    line-height:25px;
    font-size:12px;
    color:#666666;
    font-weight:400;
    font-family:'Raleway', sans-serif;
    font-style:normal;
    padding-top:0;
    cursor:pointer;
}

.mnu_mainmenu li ul li:hover > a, .mnu_mainmenu li ul li:hover > span {
    color:#333333;
}

.mnu_mainmenu li ul ul {
    left: calc(190px - 12px);
    margin-top:-12px;
}

.mnu_mainmenu ul ul {
    top:0px;
}

.mnu_mainmenu .sub {
    font-size:10px;
    line-height:normal;
    display:block;
}

.mnu_mainmenu > li > ul {
    display: none;
}


/* STANDARD MENU */
ul.mnu_bottommenu1 , ul.mnu_bottommenu2 , ul.mnu_bottommenu3  {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
}
ul.mnu_bottommenu1 ul, ul.mnu_bottommenu2 ul, ul.mnu_bottommenu3 ul {
    margin:10px;
    padding:0;
}
.mnu_bottommenu1 li, .mnu_bottommenu2 li, .mnu_bottommenu3 li {
    display:block;
}
.mnu_bottommenu1 > li, .mnu_bottommenu2 > li, .mnu_bottommenu3 > li {
    margin-bottom:5px;
    padding:5px 0px;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    text-align:left;
}
.mnu_bottommenu1 > li > a, .mnu_bottommenu2 > li > a, .mnu_bottommenu3 > li > a {
    color:#666666;
    font-family:'Raleway', sans-serif;
    font-weight:400;
    font-style:normal;
}
.mnu_bottommenu1 > li > a:hover, .mnu_bottommenu2 > li > a:hover, .mnu_bottommenu3 > li > a:hover {
    color:#fbc7b1;
}
.mnu_bottommenu1 > li li, .mnu_bottommenu2 > li li, .mnu_bottommenu3 > li li {
    margin:0;
    padding:0;
    font-size:11px;
    line-height:15px;
    font-weight:400;
    font-style:normal;
    text-align:left;
}
.mnu_bottommenu1 > li li a, .mnu_bottommenu2 > li li a, .mnu_bottommenu3 > li li a {
    color:#782320;
    font-family:'Raleway', sans-serif;
    font-weight:400;
    font-style:normal;
    text-align:left;
}
.mnu_bottommenu1 > li li a:hover, .mnu_bottommenu2 > li li a:hover, .mnu_bottommenu3 > li li a:hover {
    color:#333333;   
}


/* STANDARD MENU */

ul.mnu_footermenu {
    display:block;
    margin:0;
    padding:0;
    text-align:right;
}

ul.mnu_footermenu ul {
    margin:10px;
    padding:0;
}

.mnu_footermenu li {
    display:block;
}

.mnu_footermenu > li {
    display:inline-block;
}

nav ul.mnu_footermenu > li {
    margin-bottom:0px;
    padding:5px 5px;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    text-align:right;
}

.mnu_footermenu > li > a {
    color:#666666;
    font-family:'Raleway', sans-serif;
    font-weight:400;
    font-style:normal;
}

.mnu_footermenu > li > a:hover {
    color:#fbc7b1;
}

.mnu_footermenu > li li {
    margin:0;
    padding:0;
    font-size:11px;
    line-height:15px;
    font-weight:400;
    font-style:normal;
    text-align:right;
}

.mnu_footermenu > li li a {
    color:#782320;
    font-family:'Raleway', sans-serif;
    font-weight:400;
    font-style:normal;
    text-align:right;
}

.mnu_footermenu > li li a:hover {
    color:#333333;   
}

/* RESPONSIVE TOP MENU */

.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    zoom: 1;
}

.nav-collapse.opened {
    max-height: 9999px;
    position:absolute;
}

.nav-collapse.opened > ul {
    position: fixed;
    top: 0;
    left: 5%;
    width: 90%;
    height: auto;
    background:#444;
}

.nav-collapse.opened > ul ul {
    width: 100%;
    position: relative;
    left:0;
    padding:0;
    margin:0;
    background:#444;
    border:0;
}

.nav-collapse.opened > ul ul li {
    height:auto;
}

.nav-collapse.opened li {
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    text-align:initial;
}

.nav-collapse.opened li.active, .nav-collapse.opened li:hover {
    background-color:#333;
}

.nav-collapse.opened li.active a {
    color:#fff !important;
}

.nav-collapse.opened li a,
.nav-collapse.opened li span {
    padding:0 15px;
    margin:0;
    line-height:50px;
    height:50px;
    color:#fff !important;
}

.nav-collapse.opened li li a,
.nav-collapse.opened li li span {
    padding:0 30px;
    line-height:30px;
    height:30px;
}

.nav-toggle {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: url('../images/tinynav.png');
    background-size: 42px 84px;
    width: 42px;
    height: 42px;
    text-indent:-9999px;
    display:inline-block;
    float:right;
}

.nav-toggle.active {
    position: fixed;
    z-index: 999;
    right: 5%;
    top: 0;
    margin-top:5px;
    margin-right:15px;
    background-position: bottom;
}

#blocker {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:9999;
}

@media screen and (min-width: 992px) {

    .js .nav-collapse {
        position: relative;
    }

    .js .nav-collapse.closed {
        max-height: none;
    }

    .nav-toggle {
        display: none;
    }

}

@media screen and (max-width: 991px) {

    .nav-collapse.closed {
        overflow:hidden;
    }

    .firstClick + ul {
        display: none !important;
    }

}
    
/* IMAGE ANIMATION */

.img-with-animation {
    opacity: 0;
    position: relative;
}

.img-with-animation[data-animation='grow-in'] {
    opacity: 0;
    transform: scale(0.4);
    transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);}

.img-with-animation[data-animation='fade-in-from-left'] {
    left: -40px;
}

.img-with-animation[data-animation='fade-in-from-right'] {
    right: -40px;
}

.img-with-animation[data-animation='fade-in-from-bottom'] {
    bottom: -100px;
}

.element-invisible {
    display:none !important;
}

/* forms */

.input-group {
    margin-bottom:15px;
}

.has-danger input {
    border-color:red;
}

.form-control-feedback {
    color:red;
    padding: 0 15px;
}

.control-group {
    margin-bottom:15px;
}

.input-prepend .add-on,
.input-prepend .btn,
a.jmodedit {
    box-sizing: content-box;
}

.nav-tabs.nav-stacked {
    margin:0;
}

a.modal.btn, a.btn.hasTooltip, a.btn.modal-button {
    font-size:13px;
}

.input-password-toggle .icon-eye::before {
    content: '\f06e';
}

.input-password-toggle .icon-eye-slash::before {
    content: '\f070';
}

.btn .icon-edit::before {
    content: '\f044';
}

/* front-end edit */

a.jmodedit.btn {
    position: relative;
    z-index: 9999;
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
}

a.jmodedit.btn > span.icon-edit {
    color: #fff
}

a.jmodedit.btn:hover {
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #000;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
}

.moduletable [role='tooltip'] {
    color: #333;
    background: #fff;
    font-weight: 400;
    line-height: 1.5;
}

form#modules-form {
    background: #fff;
    color: #333;
    padding: 15px;
}

form#modules-form legend {
    color: #fff;
    background: #333;
    border: 0;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}

[aria-describedby^='editarticle'] {
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
    position: absolute;
    z-index: 9999;
    left: 15px;
}

[aria-describedby^='editarticle']:hover {
    color: #fff;
    background: #333;
}

[aria-describedby^='editarticle'] [role='tooltip'] {
    color: #333;
    background: #fff;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 15px;
    margin-left: -15px;
}

.edit.item-page button span {
    margin:0 5px;
}

#jform_publish_up_img, #jform_publish_down_img {
    padding:7px 12px 6px;
}

#jformposition_chzn ul.chzn-results li:nth-child(1),
#jformposition_chzn ul.chzn-results li:nth-child(2),
#jformposition_chzn ul.chzn-results li:nth-child(3) {
    display:none;
} 

/* article info */

dl.article-info {
    display:inline-block;
    width:auto;
    margin:0 0 10px;
    padding:4px 3px 3px;
    font-size:13px;
}

dl.article-info dt.article-info-term {
    display:none;
}

dl.article-info dd {
    display:inline-block;
    padding:0 5px;
    margin:0;
    border-right:1px solid #ccc;
}

dl.article-info dd:first-of-type {
    padding:0 5px 0 0;
}

dl.article-info dd:last-child {
    border:0;
}

/* print/email drop-down */

.items-leading .icons,
.items-row .icons {
    float:right;
    width:15%;
}

.dropdown-menu li a span {
    padding:0 10px;
    background-image:none !important;
}

.dropdown-menu li a span:before {
    margin-left:-10px;
}

/* pagination */

.icon-angle-left:before {
    content: '\f104';
}

.icon-angle-double-left:before {
    content: '\f100';
}

.icon-angle-right:before {
    content: '\f105';
}

.icon-angle-double-right:before {
    content: '\f101';
}

/* pager */

.pager li > a, .pager li > span {
    background: transparent;
    border: 1px solid #121212;
    border-radius: 0;
    color: #121212;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 25px;
    text-transform: uppercase;
}

/* tags */

ul.tags.list-inline, .mod-tagspopular ul {
    margin:0;
    padding:15px 0;
    list-style:none;
}

ul.tags.list-inline li, .mod-tagspopular ul li {
    display:inline-block;
    border:1px solid #ccc;
    padding:0;
    border-radius:4px;
    line-height:13px;
}

ul.tags.list-inline li:hover, .mod-tagspopular ul li:hover {
    background:#f5f5f5;
}

ul.tags.list-inline li a.btn, .mod-tagspopular ul li a {
    display:inline-block;
    background:none;
    border:none;
    text-shadow:none;
    color:#999;
    padding:5px;
    margin:0;
    font-size:13px;
    line-height:13px;
}

ul.tags.list-inline li a.btn:hover, .mod-tagspopular ul li a:hover {
    color:#666 !important;
}

/* rating */

.content_rating {
    display: inline-block;
    margin-inline-end: 15px;
}

.content_vote {
    display: inline-block;
    margin-bottom: 15px;
}

.content_rating ul {
    margin: 0 0 15px;
}

.content_vote select {
    display: inline-block;
    height: 30px;
}

.content_vote input.btn {
    height: 30px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

/* blog */

.items-more ol.nav {
    margin:0;
}

.items-more ol.nav li a {
    border:0;
    padding:5px 0;
}

.items-more ol.nav li a:hover,
.items-more ol.nav li a:focus {
    background:none;
}

/* category */

ul.category {
    margin:0;
    padding:0;
    list-style:none;
}

ul.category li {
    padding:10px 0;
}

ul.category li .list-title {
    font-size:18px;
}

/* contact form */


/* search form */

ol.com-finder__results-list,
ol.com-finder__results-list ul.result__taxonomy {
    margin: 0;
}

.com-finder__explained {
    padding-bottom: 30px;
}

/* user */

.registration legend,
.profile-edit legend {
    border:0;
    font-size:18px;
}

ul.mod-login__options {
    margin-left:0;
    margin-right:0;
}

/* breadcrumbs */

ol.mod-breadcrumbs {
    margin: 0;
}

/* faq */

.accordion-header {
    padding: 0;
}


/* Custom user code */

/* Claude, 28-10-2026: keuzelijst (maat) boven de +/- knoppen van het aantal */
.product-field-display .choices.is-open,
.product-field-display .choices__list--dropdown,
.choices__list--dropdown { z-index: 20; }

/* Claude, 01-11-2026: uitklapmenu (Andere merken) in de stijl van het hoofdmenu, alleen op de computer */
@media (min-width: 769px) {
  .mnu_mainmenu li ul.mod-menu__sub {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    padding: 10px;
    min-width: 240px;
  }
  .mnu_mainmenu li ul.mod-menu__sub li { padding: 0; height: auto; line-height: normal; margin: 2px 0; }
  .mnu_mainmenu li ul.mod-menu__sub a {
    font-family: Raleway, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #000;
    line-height: 1.4;
    padding: 12px 18px;
    border-radius: 8px;
  }
  .mnu_mainmenu li ul.mod-menu__sub a:hover,
  .mnu_mainmenu li ul.mod-menu__sub a:focus { background: #f2f2f0; text-decoration: none; }
}

/* Claude, 01-11-2026: op de telefoon pagina niet breder dan het scherm (animatieblok en zoekbalk staken uit) */
@media (max-width: 768px) {
  html, body { overflow-x: clip; }
  #mod_virtuemart_search { max-width: 100%; box-sizing: border-box; }
  .sparky_custom_html { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* Claude, 01-11-2026: miniaturen onder de productfoto vierkant en volledig zichtbaar (liggende foto's werden lange stroken) */
.additional-images { align-items: flex-start !important; }
.additional-images .product-image { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: contain !important; background: #fff; }
/* Claude, 01-11-2026: grote productfoto nooit groter dan het origineel (smalle foto's werden opgeblazen en onscherp) */
.main-image > a { align-self: center; display: block; text-align: center; }
.main-image img { width: auto !important; max-width: 100% !important; height: auto !important; max-height: 520px; margin: 0 auto; }


/* Claude, 02-11-2026: "Andere merken" als paneel met merklogo's (computer); op de telefoon alleen de namen */
.mnu_mainmenu img.bl-merklogo { display: none; }
@media (min-width: 769px) {
  .mnu_mainmenu li.item-1044 > ul.mod-menu__sub {
    width: 720px;
    max-width: 92vw;
    padding: 14px;
    left: 0;
    transform: none;
    white-space: normal;
  }
  .mnu_mainmenu li.item-1044 > ul.mod-menu__sub > li {
    display: inline-block;
    width: calc(25% - 10px);
    margin: 5px;
    vertical-align: top;
  }
  .mnu_mainmenu li.item-1044 > ul.mod-menu__sub > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 8px;
    border: 1px solid #eee;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    letter-spacing: .02em;
  }
  .mnu_mainmenu li.item-1044 img.bl-merklogo {
    display: block;
    width: 100%;
    max-width: 120px;
    height: 80px;
    object-fit: contain;
  }
}
/* Claude, 02-11-2026: "Dames" als paneel met foto's per categorie (computer); op de telefoon alleen de namen */
.mnu_mainmenu img.bl-damescat { display: none; }
@media (min-width: 769px) {
  .mnu_mainmenu li.item-163 > ul.mod-menu__sub { width: 720px; max-width: 92vw; padding: 14px; left: 0; transform: none; white-space: normal; }
  .mnu_mainmenu li.item-163 > ul.mod-menu__sub > li { display: inline-block; width: calc(33.333% - 10px); margin: 5px; vertical-align: top; }
  .mnu_mainmenu li.item-163 > ul.mod-menu__sub > li > a { display:flex; flex-direction:column; align-items:center; gap:8px; padding:8px; border:1px solid #eee; border-radius:10px; text-align:center; font-size:12px; letter-spacing:.02em; }
  .mnu_mainmenu li.item-163 img.bl-damescat { display:block; width:100%; height:150px; object-fit:cover; object-position:top; border-radius:6px; }
}

/* Claude, 02-11-2026: "Heren" als paneel met foto's per categorie (computer) */
@media (min-width: 769px) {
  .mnu_mainmenu li.item-158 > ul.mod-menu__sub { width: 640px; max-width: 92vw; padding: 14px; left: 0; transform: none; white-space: normal; }
  .mnu_mainmenu li.item-158 > ul.mod-menu__sub > li { display: inline-block; width: calc(25% - 10px); margin: 5px; vertical-align: top; }
  .mnu_mainmenu li.item-158 > ul.mod-menu__sub > li > a { display:flex; flex-direction:column; align-items:center; gap:8px; padding:8px; border:1px solid #eee; border-radius:10px; text-align:center; font-size:12px; letter-spacing:.02em; }
  .mnu_mainmenu li.item-158 img.bl-damescat { display:block; width:100%; height:150px; object-fit:cover; object-position:top; border-radius:6px; }
}

/* Claude, 02-11-2026: Heren en Andere merken even grote vakjes als Dames (ca. 230px breed, 4 per rij) */
@media (min-width: 769px) {
  .mnu_mainmenu li.item-158 > ul.mod-menu__sub, .mnu_mainmenu li.item-1044 > ul.mod-menu__sub { width: 960px; }
  .mnu_mainmenu li.item-1044 > ul.mod-menu__sub > li > a { min-height: 196px; justify-content: center; }
  .mnu_mainmenu li.item-1044 img.bl-merklogo { max-width: 190px; height: 150px; }
}

/* Claude, 02-11-2026: eigen filmpjes (wit, bestandsnaam eindigt op -nl.mp4) krijgen een rand zodat ze niet wegvallen op de witte pagina */
video:has(source[src$="-nl.mp4"]) { border: 1px solid #ddd; border-radius: 12px; box-shadow: 0 3px 14px rgba(0,0,0,.10); max-width: 100%; height: auto; }

/* Claude, 02-11-2026: productvakjes in categorieën als kaart met licht randje, zodat duidelijk is welke knop bij welk product hoort */
.vm-product-grid .product-container { border: 1px solid #e6e6e6; border-radius: 12px; padding: 14px; background: #fff; transition: box-shadow .2s, border-color .2s; }
.vm-product-grid .product-container:hover { border-color: #d5d5d5; box-shadow: 0 4px 16px rgba(0,0,0,.08); }

/* Claude, 02-11-2026: zacht zwart randje om de productfoto's op de productpagina (André) */
.vm-product-media-container .main-image { border: 1px solid rgba(0,0,0,.22); border-radius: 12px; padding: 12px; background: #fff; }
.vm-product-media-container .additional-images .img-thumbnail { border: 1px solid rgba(0,0,0,.22); border-radius: 8px; }

/* Claude, 02-11-2026: meelopende fotokolom op de productpagina had z-index 1020 en lag daardoor over het uitklapmenu (z 100); nu eronder */
.vm-product-media-container.sticky-lg-top { z-index: 5; }

/* Claude, 02-11-2026: labels Sale (korting) en Bestseller (vinkje Uitgelicht) linksboven op de productfoto */
.vm-product-media-container, .vm-product-media-container .main-image { position: relative; }
.bl-badges { position: absolute; top: 10px; left: 10px; z-index: 3; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; pointer-events: none; }
.bl-badge { display: inline-block; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; line-height: 1.2; box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.bl-badge-sale { background: #c8102e; color: #fff; }
.bl-badge-best { background: #111; color: #fff; }

/* Claude, 02-11-2026: Bestseller rechtsboven, Sale linksboven (André) */
.bl-badges { left: 10px; right: 10px; flex-direction: row; justify-content: flex-start; }
.bl-badge-best { margin-left: auto; }

/* Claude, 02-11-2026: productblokken op de startpagina (Bestsellers, Nieuw binnen) als raster; de module zet elke rij in een eigen div */
.vmgroup.bl-home-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
@media (max-width:767px){.vmgroup.bl-home-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}
.vmgroup.bl-home-products > div{display:contents;}
.vmgroup.bl-home-products > br,.vmgroup.bl-home-products .clear{display:none;}
.vmgroup.bl-home-products .product-container{width:auto!important;float:none!important;border:1px solid #e5e5e5;border-radius:6px;padding:10px;text-align:center;}
.vmgroup.bl-home-products .product-container img{width:100%;height:240px;object-fit:contain;}
.vmgroup.bl-home-products .product-container a{color:#222;font-size:14px;font-weight:600;line-height:1.4;display:block;margin-top:8px;}
.vmgroup.bl-home-products .PricesalesPrice{font-weight:600;color:#222;margin-top:6px;}

/* Claude, 02-11-2026: merklogo's op de startpagina even hoog en verticaal gecentreerd (cellen met alleen een figuur) */
.sparky_home .sparky_cell > figure:only-child{display:flex;align-items:center;justify-content:center;height:170px;margin:0;border:1px solid #e5e5e5;border-radius:6px;padding:12px;background:#fff;}
.sparky_home .sparky_cell > figure:only-child img{max-height:130px;max-width:100%;width:auto;height:auto;object-fit:contain;}

/* Claude, 02-11-2026: categorietegels op de startpagina (cel met foto + kop) met randje */
.sparky_home .sparky_cell:has(> figure + h3){position:relative;padding:18px 18px 10px;}
.sparky_home .sparky_cell:has(> figure + h3)::before{content:"";position:absolute;inset:8px;border:1px solid #e5e5e5;border-radius:6px;pointer-events:none;z-index:2;}
.sparky_home .sparky_cell:has(> figure + h3) > figure img{display:block;max-width:100%;height:auto;margin:0 auto;}
.sparky_home .sparky_cell:has(> figure + h3) > figure{margin:0;}
.sparky_home .sparky_cell:has(> figure + h3) > h3 a{color:#222;}

/* Claude, 02-11-2026: blogoverzicht als lijst met foto links (blog_item.php) */
.bl-blog-card{display:flex;gap:24px;align-items:flex-start;padding:24px 0;border-bottom:1px solid #e5e5e5;}
.bl-blog-card__img{flex:0 0 320px;}
.bl-blog-card__img img{display:block;width:320px;height:180px;object-fit:cover;object-position:center;border-radius:6px;border:1px solid #e5e5e5;background:#fff;}
.bl-blog-card__body{flex:1;min-width:0;}
.blog .bl-blog-card__title,.blog .bl-blog-card__title a{font-size:20px!important;line-height:1.3;text-transform:none!important;letter-spacing:0!important;margin:0 0 6px;}
.bl-blog-card__title a{color:#222;}
.bl-blog-card__date{font-size:14px;color:#888;margin:0 0 10px;}
.bl-blog-card__text{line-height:1.6;margin:0 0 10px;}
.bl-blog-card__more{font-weight:600;}
.blog .items-row,.blog .item,.blog .blog-item,.blog .com-content-category-blog__item{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;background:none!important;}
@media (max-width:767px){.bl-blog-card{flex-direction:column;gap:12px;}.bl-blog-card__img,.bl-blog-card__img img{width:100%;flex-basis:auto;}.bl-blog-card__img img{height:200px;}}

/* Claude, 02-11-2026: productfoto's in blogartikelen niet hoger dan 420 px (hoge smalle foto's werden anders 1300 px hoog) */
.com-content-article__body figure img,.item-page figure img{width:auto!important;max-width:100%!important;max-height:420px;height:auto!important;display:block;margin:0 auto;}

/* Claude, 02-11-2026: tabellen in blogartikelen met lijnen, ruimte en een kopregel */
.com-content-article__body table{width:100%;border-collapse:collapse;margin:20px 0 25px;font-size:15px;line-height:1.5;}
.com-content-article__body th,.com-content-article__body td{border:1px solid #e5e5e5;padding:10px 12px;text-align:left;vertical-align:top;}
.com-content-article__body thead th,.com-content-article__body tr:first-child th{background:#f6f3f0;color:#222;font-weight:600;}
.com-content-article__body tbody tr:nth-child(even) td{background:#fafafa;}
.com-content-article__body td:first-child{font-weight:600;color:#222;}
@media (max-width:767px){.com-content-article__body table{font-size:14px;}.com-content-article__body th,.com-content-article__body td{padding:8px;}}