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

@import url('../css/icons/fontawesome.min.css');

* {
    box-sizing: border-box;
}

body {
    color:#434a3a;
    font-size:14px;
    line-height:2;
    font-family:Verdana, Geneva, sans-serif;
    
    font-weight:normal;
    font-style:normal;
}

input, textarea, button, select {
    font-family:Verdana, Geneva, sans-serif;
}

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

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


/* SCREEN >= TEMPLATE WIDTH */

@media (min-width:130px) {
    .sparky_container {
        width:100%;
    }

    [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.7;
    color:#0a5c07;
    font-size:48px;
    font-family:'Dancing Script', cursive;
    
    font-weight:400;
    font-style:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1;
    color:#478719;
    font-size:48px;
    font-family:'Dosis', sans-serif;
    
    font-weight:300;
    font-style:normal;
}

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

h3 {
    padding:15px 0;
    margin:0;
    color:#0b3013;
    font-size:24px;
    line-height:1.3;
    font-family:'Dosis', sans-serif;
    
    font-weight:300;
    font-style:normal;
}

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

h4 {
    padding:15px 0;
    margin:0;
    color:#444444;
    font-size:14px;
    line-height:1.4;
    font-family:'Dancing Script', cursive;
    
    font-weight:400;
    font-style:normal;
}

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

a:hover, a:active, a:focus {
    color:#333333;
    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:space-between;
    clear:both;
}

.blog-items.columns-2 .blog-item {
    width:calc(50% - 7.5px);
}

.blog-items.columns-3 .blog-item {
    width:calc(33.33% - 7.5px);
}

.blog-items.columns-4 .blog-item {
    width:calc(25% - 7.5px);
}

.blog-items.columns-5 .blog-item {
    width:calc(20% - 7.5px);
}

.blog-items.columns-6 .blog-item {
    width:calc(16.66% - 7.5px);
}

@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%;
    }

}

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

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

.pull-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;
}


.fa, .fas, [class*=' icon-'], [class^=icon-] {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

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 5 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;
}

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

.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 5 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:#a6920f;
    font-size:50px;
    font-family:'Dancing Script', cursive;
    font-weight:400;
    font-style:normal;
    
    text-decoration:none;
}
.sparky_slogan {
    color:#999999;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    text-align:left;
    text-decoration:none;
}

.sparky_logo_link {
    display:block;
}


/* 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:right;
    position:relative;
    font-family:;
}

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

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

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

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

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

.mnu_mainmenu > li.active {
}

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

.mnu_mainmenu li:hover {
    position:relative;
}

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

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

.mnu_mainmenu li ul a, .mnu_mainmenu li ul span {
    line-height:40px;
    font-size:14px;
    color:#f7efef;
    font-weight:300;
    font-family:'Dosis', 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:#19cf5c;
}

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

.mnu_mainmenu ul ul {
    top:0px;
}

.mnu_mainmenu > li.parent {
    background-image:url('../images/arrow_down.png');
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:15px;
}

.mnu_mainmenu li li.parent {
    background:url('../images/arrow_right.png') no-repeat right center;
}

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

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


/* STANDARD MENU */
ul.mnu_footermenu1 , ul.mnu_footermenu2  {
    display:block;
    margin:0;
    padding:0;
}
ul.mnu_footermenu1 ul, ul.mnu_footermenu2 ul {
    margin:10px;
    padding:0;
}
.mnu_footermenu1 li, .mnu_footermenu2 li {
    display:block;
}
.mnu_footermenu1 > li, .mnu_footermenu2 > li {
    margin-bottom:5px;
    padding:0px 0px;
    font-size:14px;
    font-weight:300;
    font-style:normal;
}
.mnu_footermenu1 > li > a, .mnu_footermenu2 > li > a {
    color:#999999;
    font-family:'Open Sans', sans-serif;
    font-weight:300;
    font-style:normal;
}
.mnu_footermenu1 > li > a:hover, .mnu_footermenu2 > li > a:hover {
    color:#aaaaaa;
}
.mnu_footermenu1 > li li, .mnu_footermenu2 > li li {
    margin:0;
    padding:0;
    font-size:12px;
    line-height:15px;
    font-weight:300;
    font-style:normal;
}
.mnu_footermenu1 > li li a, .mnu_footermenu2 > li li a {
    color:#782320;
    font-family:'Open Sans', sans-serif;
    font-weight:300;
    font-style:normal;
}
.mnu_footermenu1 > li li a:hover, .mnu_footermenu2 > li li a:hover {
    color:#333333;   
}


/* STANDARD MENU */

ul.mnu_omradet {
    display:block;
    margin:0;
    padding:0;
}

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

.mnu_omradet li {
    display:block;
}

.mnu_omradet > li {
    margin-bottom:5px;
    padding:5px 0px;
    font-size:16px;
    font-weight:normal;
    font-style:normal;
}

.mnu_omradet > li > a {
    color:#877f13;
    font-family:Verdana, Geneva, sans-serif;
    font-weight:normal;
    font-style:normal;
}

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

.mnu_omradet > li li {
    margin:0;
    padding:0;
    font-size:11px;
    line-height:15px;
    font-weight:normal;
    font-style:normal;
}

.mnu_omradet > li li a {
    color:#782320;
    font-family:;
    font-weight:normal;
    font-style:normal;
}

.mnu_omradet > 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_white.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: 1000px) {

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

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

    .nav-toggle {
        display: none;
    }

}

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

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

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

}
    
/* SCROLL TO TOP */

#back-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
}

#back-top span {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 7px;
    background: url('../images/arrow_up.png') no-repeat center center;
    cursor: pointer;
    transition: 1s;
}

/* FLOATING ROW (usually for top menu) */

@keyframes topmenushow {
    0% {
        opacity: 1;
        transform: translateY(-50px);
    }
    
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fix_menu {
    position: fixed;
    top: 0;
    z-index: 89;
    width: 100%;
    background: rgba(255,255,255,.9) !important;
}

.topmenushow {
    animation-name: topmenushow;
    animation-fill-mode: both;
    animation-duration: .5s;
}

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

a.jmodedit.btn {
    text-decoration: none;
}

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

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

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

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

#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;
    width: 50%;
    margin:0 0 10px;
}

.content_vote {
    display:inline-block;
    width: 50%;
    margin:0 0 10px;
    text-align:right;
}

.content_vote select {
    width:80px;
    font-size:10.5px;
    height:23px;
}

/* 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 */

/* forms */

.inputbox, input.required, textarea.required, .form-control {
	padding: 8px;
	margin: 0;
	background-color: #ffffff;
	color:#555555;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border linear 0.2s, box-shadow linear 0.2s;
	border-radius: 4px;
}

.button, .btn, a.btn, button.btn {
	margin: 0;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	border: 1px solid #cccccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.button:hover, .btn:hover, a.btn:hover, button.btn:hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	transition: background-position 0.1s linear;
	background-color: #e6e6e6;
}

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

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

/* abovecontent and belowcontent modules */

div.abovecontent {
}

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

.center {
	text-align: center;
}

img {
	max-width: 100%;
}

.sparky_home h1, .category-module h2 {
	font-size: 48px;
	font-weight: normal;
	text-transform: uppercase;
    font-family: 'Dosis', sans-serif;
    color: #444;
}

.category-module h2 {
	padding-top: 0;
}

h2, h3, h4 {
	text-transform: uppercase;
}

.sparky_home h2, .sparky_home h2 a, .blog-items h2, .blog-items h2 a, .category-module h2, .category-module h2 a {
	font-size: 28px;
}

.blog-items h2 {
	padding-bottom: 25px;
}

.sparky_inner .item-page h1, .sparky_inner .item-page h2 {
	text-align: center;
}

.blog-items .blog-item {
	padding-bottom: 30px;
}

.item-page h2, .item-page.fixed h2 {
	margin-bottom: 30px;
}

h1 span {
	font-family: 'Dancing Script', cursive;
	font-weight: 700;
	text-transform: none;
	display: block;
	color:#f96666;
	font-size: 32px;
}

.toprow {
	width: 100%;
	z-index: 10;
}

.sparky_home .toprow {
	position: absolute;
}

.toprow.fix_menu {
	position: fixed;
}

.sparky_inner .toprow {
	background: url(../images/custom/topmenu_bg1.jpg) no-repeat;
	background-size: cover;
}

.mp_logo .sparky_feature {
	background: url(../images/10logo.png) no-repeat left;
	padding-left: 115px;
}

.toprow.topmenushow  {
	box-shadow: 0 0 7px #333;
}

.toprow.topmenushow .mp_logo.sparky_cell, .toprow.topmenushow .mp_mainmenu.sparky_cell {
	padding: 10px 6%;
}

.toprow.topmenushow .sparky_logo {
	font-size: 40px;
	padding: 5px 0;
	color: #333;
}

.toprow.topmenushow .mp_logo .sparky_feature {
	background: url(../images/1logo.png) no-repeat left;
	background-size: 50px 50px;
	padding-left: 65px;
	line-height: 1;
}

.toprow.topmenushow ul.menu > li > a, ul.menu > li > span {
	text-shadow:none;
	color: #333 !important;
}

.toprow.topmenushow ul.menu > li.active > a, .toprow.topmenushow ul.menu > li.active > span {
	text-shadow:none;
	color: #333 !important;
	font-weight: 700;
}

.topmenushow .nav-collapse.opened ul.menu > li > a, .topmenushow .nav-collapse.opened ul.menu > li > span {
    color:#fff !important;
}

.topmenushow .nav-collapse.opened ul.menu > li > a:hover, .topmenushow .nav-collapse.opened ul.menu > li:hover > a, .topmenushow .nav-collapse.opened ul.menu > li > a:hover, .topmenushow .nav-collapse.opened ul.menu > li:hover > span {
    color:#fff !important;
}

ul.navv_sparky {
	text-transform: uppercase;
}

ul.menu > li > a, ul.menu > li > span {
}

.mp_logo.sparky_cell {
	padding: 10px 6%;
}

.mp_mainmenu.sparky_cell {
	padding: 40px 6%;
}

.content_sparky.sparky_cell {
	padding: 50px 6%;
}

.userrow {
	background: #f4fbf8;
	border-top: 1px solid #e3ece8;
	border-bottom: 1px solid #e3ece8;
}

.userrow .sparky_container {
	display: flex;
}

.mp_user2 {
	border-left: 1px solid #e3ece8;
}

.mp_user1.sparky_cell, .mp_user2.sparky_cell {
	padding: 20px 6%;
}

.mp_user3.sparky_cell {
	padding: 50px 6%;
}

.mp_user3 h3 {
	font-family: 'Dancing Script', cursive;
	font-weight: 700;
	text-transform: none;
	display: block;
	color:#f96666;
	font-size: 32px;
	padding: 0 0 0 180px;
	margin: 0;
}

.mp_user4.sparky_cell {
	padding: 0;
}

.mp_user4 small {
	display: none;
}

.mp_user5 {
	text-align: center;
}

.mp_user5 img {
	padding: 30px; 
}

/* carouselrow */

.carouselrow .sparky_cell {
	padding: 0;
}

/* full carousel */

.hero {
	box-shadow: 0 0 7px #333;
}

.hero-carousel h2 {
	color: #fff;
	background: #333;
	padding: 5px 20px;
	display: inline-block;
	text-transform: uppercase;
}

.hero-carousel p {
	background: rgba(51,51,51,.75);
	padding: 10px 20px;
	margin: 5px 0;
	display: inline-block;
	font-family: 'Dancing Script', cursive;
	text-transform: lowercase;
	line-height: 1;
}

.hero-carousel-nav li {
	text-indent: -9999px;
}

.hero-carousel-nav li a, .hero-carousel-nav li a:hover {
	background: url(../images/custom/arrows.png) !important;
}

.hero-carousel-nav li.next a, .hero-carousel-nav li.next a:hover {
	background: url(../images/custom/arrows.png) right !important;
}

.hero-carousel-nav li a:hover, .hero-carousel-nav li.next a:hover {
	background-color:none !important;
}

/* contentrow */

.blog-items .item-image img {
    border-radius: 50%;
}

.blog-items.columns-3 .blog-item {
    width: calc(33.33% - 30px);
}

/* film tape */

#hot_film_tape p {
	padding: 10px;
}

/* articles category */

.mod-articles-category-writtenby, .mod-articles-category-date {
	text-transform: uppercase;
	color:#f96666;
	line-height: 32px;
}

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

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

.category-module img {
	float: left;
	border-radius: 50%;
	margin: 0 30px 50px 0;
}

/* social */

.rowsocial {
	background: #222;
	padding: 15px 0;
}

.rowsocial a {
	color: #ddd;
	padding: 0 30px;
}

.rowsocial a:hover {
	color: #fff;
}

.rowsocial i {
	font-size: 32px;
}

/* footer */

.rowfooter {
	background: #333;
	color: #999;
	font-size: 14px;
}

.rowfooter .sparky_container {
	padding: 0 calc(6% - 15px);
	width: 100%;
}

.rowfooter h3 {
	color: #eee;
	font-size: 20px;
	font-weight: 400;
}

.rowfooter a {
	text-transform: uppercase;
}

.rowfooter .sparky_cell {

}

.copyrightrow {
	background: #333;
	color: #666;
	font-size: 14px;
	text-align: center;
}

.copyrightrow a {
	color:#666;
	font-weight: 300;
}

.copyrightrow .sparky_feature {
	padding: 30px 0;
	margin: 0 6%;
	border-top: 1px solid #444;
}

.mp_copyright {
	width: 100%;
}

.dl-horizontal dd {
	margin-bottom: 10px;
}

/* read more buttons */

p.readmore a, p.readmore a.btn, p.mod-articles-category-readmore a, ul.pagenav a, ul.pagination a.page-link {
	display: inline-block;
	padding: 10px 15px;
	line-height: 1;
	color: #ffffff !important;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border: 0;
	border-radius: 4px;
	border-radius: 4px;
	background-color: #f96666;
	background-image: none;
	box-shadow: 0 -2px 1px #9f2f19 inset,0 2px 1px rgba(0,0,0,0.05);
	text-shadow:none;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
}

p.readmore a.btn:hover, p.mod-articles-category-readmore a:hover, ul.pagenav a:hover {
	color: #ffffff !important;
	box-shadow: 0 2px 1px #9f2f19 inset;
	background-position: inherit;
	background-color: #f96666;
}

ul.pagination {
	clear: both;
	justify-content: center;
	margin-top: 50px;
}

ul.pagination li.page-item {
	margin: 0 15px;
}


/* unordered lists */

.custom ul {
	margin: 0;
	padding: 0;
}

.custom li {
	list-style: none;
	line-height: 32px;
	background: url(../images/custom/arrow_right.png) no-repeat left;
	padding: 0 0 0 30px;
	margin: 0;
}

.item-page li {
	line-height: 32px;
}

/* top menu */

.toprow ul.menu ul {
	background: rgba(51,51,51,.8);
	display: none;
}

/* pages with fixed width */

.item-page.fixed, .contact.fixed {
	max-width: 960px;
	margin: 0 auto;
}

.twocols {
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
}

@media (max-width: 1300px) {
	.multicols {
		-moz-column-count:1;
		-webkit-column-count:1;
		column-count:1;
	}
}

.content_sparky .pagination li {
	background: none;
}

.pager .previous a, .pager .next a {
	float: none;
}

ul.pager.pagenav li {
	background: none;
	margin: 0 5px !important;
	padding: 0 !important;
}

/* tags */

ul.tags.tags-inline {
	margin: 10px 0;
	padding: 0;
}

ul.tags.tags-inline li {
	display: inline-block;
	list-style: none;
	margin: 0 2px !important;
	padding: 0;
}

ul.tags.tags-inline li a.btn {
	display: inline-block;
	padding: 5px;
	background: #ccc;
	border-radius: 3px;
	color: #000 !important;
	font-weight: normal;
	background-color: #ccc;
}

ul.tags.tags-inline li a.btn:hover {
	background-color: #bbb;
}

/* responsive behaviour */

@media (max-width: 1024px) {

	.hero-carousel article .contents {
		width: 50% !important;
	}

}

@media (max-width: 979px) {
  
  	.toprow nav:not(.opened) ul.menu {
		display: none;
	}

	.hero-carousel article .contents {
		width: 50% !important;
	}

	.mp_empty0 {
		display: none;
	}

	.sparky_container > .mp_bottom1.sparky_cell,
	.sparky_container > .mp_bottom2.sparky_cell,
	.sparky_container > .mp_bottom3.sparky_cell,
	.sparky_container > .mp_bottom4.sparky_cell {
		width: 25%;
	}

	.right.item-image, .left.item-image {
		width: 100%;
		float: none;
		margin: 0 0 15px 0;
	}

	.right.item-image img, .left.item-image img {
		width: 90%;
		margin: 0 auto;
		display: block;
	}

	.twocols {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

	.topmenushow .nav-toggle {
		background: url(../images/tinynav.png);
    	background-size: 42px 84px;
	}

	.topmenushow .nav-toggle.active {
		background: url(../images/tinynav.png);
    	background-size: 42px 84px;
	    background-position: bottom;
	}

}

@media (max-width: 768px) {

	.sparky_container > .mp_logo.sparky_cell {
		width: 70% !important;
	}

	.sparky_container > .mp_mainmenu.sparky_cell {
		width: 30% !important;
	}

	img.img_left, img.img_right {
		float:none;
		margin:0 0 30px 0;
	}

	.blog-items.columns-3 .blog-item {
		width: 100%;
	}

	.userrow .sparky_container {
	    flex-direction: column;
	}

	.userrow .sparky_container .sparky_cell {
		width: 100%;
	}

}

@media (max-width: 700px) {

	.sparky_container > .mp_bottom1.sparky_cell,
	.sparky_container > .mp_bottom2.sparky_cell,
	.sparky_container > .mp_bottom3.sparky_cell,
	.sparky_container > .mp_bottom4.sparky_cell {
		width: 100%;
	}

}

@media (max-width: 480px) {

	.mp_user3 h3 {
		padding: 0 0 15px 0;
		text-align: center;
	}

	.category-module img {
		float: none;
		margin: 0 10% 50px 10%;
		width: 80%;
	}

	.hero-carousel article .contents {
		width: 80% !important;
	}

	.hero-carousel article .contents h2 {
		font-size: 36px !important;
	}

	.hero-carousel article .contents {
		font-size: 32px !important;
	}

	.sparky_home h2, .sparky_home h2 a, .blog-items h2, .blog-items h2 a, .category-module h2, .category-module h2 a {
		margin-top: 15px;
	}

	.mp_user5 img {
		padding: 30px 15px;
	}

}

video {
	max-width: 100%;
}
/* mobile landscape and smaller */
@media (max-width: 768px) {
  	video {
		max-width: 98%;
	}
}