/* 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('../../sparky_framework/css/icons/fontawesome.min.css');

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf);
}
    
* {
    box-sizing: border-box;
}

body {
    color:#000000;
    font-size:14px;
    line-height:1.6;
    font-family:'Poppins', sans-serif;
    text-align:left;
    font-weight:400;
    font-style:normal;
}

input, textarea, button, select {
    font-family:'Poppins', 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_row1.sparky_full {
    background-color:#000000;
}

.sparky_row6.sparky_full {
    background-color:#eff3f7;
}

.sparky_row7.sparky_full {
    background-color:#abc1d5;
}

.sparky_row9.sparky_full {
    background-color:#eff3f7;
}

.sparky_row11.sparky_full {
    background-color:#eff3f7;
}

.sparky_row12.sparky_full {
    background-color:#abc1d5;
}

.sparky_row13.sparky_full {
    background-color:#abc1d5;
}

.sparky_row14.sparky_full {
    background-color:#eff3f7;
}


/* 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:1190px) {
    .sparky_container {
        width:1160px;
    }

    [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:40px 15px;
}

/* FONTS AND TYPOGRAPHY */

h1, h1 a {
    padding:30px 0;
    margin:0;
    line-height:1;
    color:#1b71b7;
    font-size:25px;
    font-family:'Poppins', sans-serif;
    text-align:left;
    font-weight:400;
    font-style:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1.4;
    color:#384452;
    font-size:38px;
    font-family:'Poppins', sans-serif;
    text-align:left;
    font-weight:400;
    font-style:normal;
}

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

h3 {
    padding:15px 0;
    margin:0;
    color:var(--sparkycolor2);
    font-size:22px;
    line-height:1.4;
    font-family:'Poppins', sans-serif;
    text-align:left;
    font-weight:400;
    font-style:normal;
}

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

h4 {
    padding:15px 0;
    margin:0;
    color:#384452;
    font-size:14px;
    line-height:1.4;
    font-family:'Poppins', sans-serif;
    text-align:left;
    font-weight:400;
    font-style:normal;
}

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

a:hover, a:active, a:focus {
    color:#333333;
    text-decoration:underline;
}

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


.fa, .fas, [class*=' icon-'], [class^=icon-] {
    font-family: 'Font Awesome 6 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 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;
}

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

.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:var(--sparkycolor2);
    font-size:20px;
    font-family:'Poppins', sans-serif;
    font-weight:700;
    font-style:normal;
    text-align:left;
    text-decoration:none;
}
.sparky_slogan {
    color:var(--sparkycolor2);
    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_topmenu {
    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:'Poppins', sans-serif;
}

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

.mnu_topmenu > li > a, .mnu_topmenu > li > span {
    display:block;
    margin:0;
    text-decoration:none;
    color:var(--sparkycolor2);
    font-size:14px;
    padding:0 15px;
    font-weight:400;
    font-style:normal;
    height:40px;
    line-height:40px;
    cursor:pointer;
}

.mnu_topmenu  > li.active > a, .mnu_topmenu > li.active > span {
    color:var(--sparkycolor2);
    cursor:pointer;
}

.mnu_topmenu > li > a:hover, .mnu_topmenu > li:hover > a, .mnu_topmenu > li > a:hover, .mnu_topmenu > li:hover > span {
    color:#444444;
}

.mnu_topmenu > 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_topmenu > li.active {
}

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

.mnu_topmenu li:hover {
    position:relative;
    background:var(--sparkycolor2);
}

.mnu_topmenu li ul li:hover {
    background-color:var(--sparkycolor2);
}

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

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

.mnu_topmenu li ul li:hover > a, .mnu_topmenu li ul li:hover > span {
    color:#888888;
}

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

.mnu_topmenu ul ul {
    top:0px;
}

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

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

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

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

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

}
    
/* 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;
    background-size: contain;
    cursor: pointer;
    transition: 1s;
}

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

blockquote {
	font-size: 1.5em;
}

button, button.btn, a.btn, button.btn-primary, p.readmore a, a.readmore, input.button, .btn-primary, .btn-warning {
	background: #8ccc00;
	border: 0;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 400;
	padding: 10px 20px;
	transition: all 0.3s;
}

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, .btn:hover, input.button:hover, .btn-primary:hover, .btn-warning:hover {
	background: #384452;
	box-shadow: 0 0 5px #eee;
	color: #fff;
	transition: all 0.3s;
}

.btn:hover, .btn:focus {
	background-position: 0 0;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 5px;
	border:1px solid #ddd;
	padding: 11px;
	box-shadow: 0 0 5px #eee;
}

.sparky_home dl.article-info {
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
	color:#ccc;
	letter-spacing: 2px;
}

.heading {
	font-size: 20px;
}

ul.checklist li:before {
    color: #58b75d;
}

.item-page-thin {
	max-width: 800px;
	margin: 0 auto;
}

h2.row_heading {
    font-size: 40px;
    line-height: 1.4;
    padding: 15px 0px;
    margin: 0px;
    font-weight: 400;
    text-align: center;
}

h3.row_subheading {
    max-width: 700px;
    margin: 0 auto;
    padding-top: 0;
    color: #777777;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
}

/* logorow */

.sparky_home .logorow {
	position: absolute;
	width: 100%;
}

.sparky_inner .logorow {
	background:#306085;
}

.sparky_logo {
	line-height: 1.4;
}

.logorow ul.menu > li > a, ul.menu > li > span {
	text-transform: uppercase;
}

.logorow ul.menu > li {
	border-radius: 5px;
	margin-left: 10px;
}

.logorow ul.menu > li.parent {
    border-radius: 5px 5px 0 0;
}

.logorow ul.menu > li:last-child {
	background:#fff;
	margin-left: 25px;
}

.logorow ul.menu > li:last-child a {
	color:#444;
}

.logorow ul.menu > li > ul {
	border-radius: 0 5px 5px 5px;
	border-bottom: 3px solid #306085;
}

/* carouselrow */

.sparky_home .carouselrow {
	text-align: center;
	padding-top: 110px;
	background: #306085; /* Old browsers */
	background: radial-gradient(farthest-side at 50% 100%, #6b9dc4, #306085);
}

.carouselrow .sparky_container {
	background:url(../images/custom/cloud_divider.png) bottom no-repeat;
	background-size:contain;
}

.sparky_inner .carouselrow .sparky_cell {
	padding: 0;
}

.carouselrow h1 {
	text-align: center;
	color: #fff;
	padding-top: 15px;
	font-size: 52px;
}

.carouselrow h2 {
	text-align: center;
	color: #fff;
}

.sparky_home .carouselrow h4 {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.sparky_home .carouselrow p {
	color: #fff;
	max-width: 600px;
	margin: 0 auto 15px;
}

.carouselrow .btn {
	margin-top: 15px;
}

.hot_swipe_carousel_slides .contents {
	border-radius: 5px;
}

.hot_swipe_carousel_slides .flickity-page-dots {
	width: 40px;
    right: 15px;
}

.hot_swipe_carousel_slides .flickity-page-dots .dot,
.hot_swipe_carousel_slides .flickity-page-dots .dot.is-selected {
	display: block;
    margin-bottom: 5px;
	width: 20px;
	height: 20px;
	border-radius: 3px;
}


/* breadcrumbsrow */

.breadcrumbsrow .sparky_cell {
	padding: 10px 15px;
}

.breadcrumbsrow .breadcrumb {
	margin: 0;
	padding: 0 !important;
	background: #f9fbfa;
}

.mp_header2, .mp_header3 {
	text-align: center;
	padding-bottom: 0;
}

.mp_header2 h2, .mp_header3 h2, .mp_advert2 h2 {
	text-align: center;
}

.mp_header2 h2 span, .mp_header3 h2 span, .mp_advert2 h2 span {
	font-weight: 700;
}

.mp_header2 p, .mp_header3 p, .mp_advert2 p {
	max-width: 600px;
	margin: 0 auto;
}


/* userrow */

.userrow {
	text-align: center;
	padding-bottom: 50px;
	margin: 70px 0 50px;
}

.userrow .sparky_cell {
	padding: 50px 45px;
	margin:0 30px;
	width: calc(33% - 60px);
}

.userrow h3 {
	text-align: center;
	font-size: 18px;
}

.userrow img {
	padding-bottom: 15px;
}

.userrow img::after {
	content:"";
    display: block;
    background: #ccc;
    width: 60px;
    height: 10px;
}

.userrow a {
	text-transform: uppercase;
}

.mp_user2 {
	box-shadow: 0px 20px 60px #eee;
}


/* userrow2 */

.userrow2 {
	padding: 50px 0;
	text-align: center;
}

.userrow2 .sparky_container {
	display: flex;
	flex-wrap: wrap;
}

.userrow2 .sparky_cell {
	background:#fff;
	margin:0 30px;
	width: calc(33% - 60px);
	border-radius: 5px;
	box-shadow: 0px 20px 60px #eee;
}

.mp_header3 {
	padding-top: 60px;
}

.userrow2 h4 {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.userrow2 .price {
	font-size: 28px;
	font-weight: bold;
	color: #384452;
}

.userrow2 .mp_user5 .price {
	font-size: 32px;
	line-height: 44px;
}

.userrow2 .mp_user4, .userrow2 .mp_user6 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mp_user4 h4 {
	color: #f6d830;
}

.mp_user5 h4 {
	color: #8ccc00;
}

.mp_user6 h4 {
	color: #306085;
}

.userrow2 ul {
	list-style: none;
	min-height: 170px;
}

.userrow2 .mp_user5 ul {
	min-height: 200px;
    margin-top: 50px;
}

.userrow2 li {
	padding: 5px 0;
}

.userrow2 .btn {
	min-width: 200px;
}

.mp_user4 .btn {
	background: #f6d830;
}

.mp_user6 .btn {
	background: #306085;
}

.mp_user4 .btn:hover, .mp_user6 .btn:hover {
	background: #384452;
}

.hot_swipe_carousel_slides2 img {
    width: auto !important;
    max-width: 120px !important;
    margin-top: 20px;
    border:1px solid #eee;
    box-shadow: 0 0 20px #ccc;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.hot_swipe_carousel_slides2 .contents {
    position: relative !important;
    padding-top: 30px !important;
    min-height: 280px;
}

.hot_swipe_carousel_slides2 .contents .testimonial {
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-style: italic;
    font-size: 18px;
}

.hot_swipe_carousel_slides2 .contents p {
	max-width: 600px;
	margin: 15px auto 0;
}

.hot_swipe_carousel_slides2 .contents:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f10e";
	color: #ccc;
	font-size: 24px;
	display: block;
	margin-bottom: 15px;
}

.hot_swipe_carousel_slides2 .gallery-cell, .hot_swipe_carousel_slides2 h4 {
	text-align: center;
}

.hot_swipe_carousel_slides2 .flickity-page-dots {
	position: relative;
	padding: 0;
}

.hot_swipe_carousel_slides2  .flickity-page-dots .dot {
	width: 12px;
	height: 12px;
	background: #ccc;
}

.hot_swipe_carousel_slides2 .flickity-page-dots .dot.is-selected {
	width: 12px;
	height: 12px;
	background: #ccc;
}


/* contentrow */

.contentrow {
	padding: 30px 0 50px;
}

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

.blog-featured .item-image {
	max-width: 240px;
	float: left;
	margin: 0 30px 0 0;
}

.blog-featured h2, .blog-featured h2 a {
	font-size: 24px;
	padding-top: 0;
	padding-bottom: 0;
}

.blog-featured dl.article-info {
    display: inline-block;
    width: auto;
    max-width: 280px;
    margin: 0 0 10px;
    padding: 4px 0px 3px;
    font-size: 12px;
}

.blog-featured dl.article-info dd {
	border-right: 0;
}

.sparky_inner .item {
	padding-bottom: 70px;
}

.sparky_inner .items-row:last-child .item {
	padding-bottom: 0;
}

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

.abovecontent, .abovecontent h2, .abovecontent h3 {
	text-align: center;
}

.abovecontent h2 span {
	font-weight: bold;
}

.abovecontent p {
	max-width: 700px;
	margin: 0 auto;
}

#nav-arrows.nav-arrows {
	text-align: initial;
}

.sb-description h3 {
	padding: 15px 0;
}

.sb-description h3 span {
	color: initial;
}

.contentrow .item-page li {
	line-height: 1.6;
}

.item-image img {
	width: 100%;
}


/* contactrow */

.contactrow {
	background: #f9fbfa url(../images/custom/cloud_divider2.png) bottom no-repeat;
	background-size: contain;
	padding-top: 30px;
	padding-bottom: 150px;
	text-align: center;
}

div.rapid_contact {
	padding-top: 30px;
}

.rapid_contact .inputbox, .rapid_contact .textarea {
	width: 320px;
  	box-sizing: content-box;
    margin-bottom: 10px;
}

.rapid_contact.button {
	margin-top: 20px;
	width: 305px !important;
  	box-sizing: content-box;
}


/* partnersrow */

.partnersrow {
	padding: 0;
}

.partnersrow .sparky_cell {
	padding-top: 0;
}

.partnersrow img {
	margin-right: 30px;
}

.partnersrow img:last-child {
	margin-right: 0;
}


/* bottomrow */

.bottomrow {
}

.bottomrow .sparky_cell {

}

.mp_bottom1 {
	padding-right: 80px;
}

.bottomrow h3 {
	text-transform: uppercase;
	font-size: 18px;
}

.bottomrow .phone {
	font-size: 18px;
	letter-spacing: 2px;
}

.bottomrow a {
	font-weight: 400;
	color: #333;
}


/* copyrightrow */

.copyrightrow .sparky_container {
	border-top:1px solid #eee;
}

.mp_footer {
	text-align: right;
}

.copyrightrow i {
	display: inline-block;
	width: 35px;
	margin-left: 5px;
	font-size: 18px;
	color: #a3a6af;
	text-align: center;
}

.copyrightrow i:hover {
	color: #333;
}

.copyrightrow a {
	font-weight: 400;
	color: #333;
}

.copyrightrow p {
	margin: 0;
}


/* team page */

.contentrow .sparky_container.team {
	width: 100%;
}

.contentrow .sparky_container.team .sparky_cell {
	border:0;
	padding-left: 15px;
	padding-right: 15px;
}

.contentrow .team, .meet-the-team h1 {
	text-align:center;
}

.contentrow .team p.name {
	text-transform: uppercase;
	font-size: 20px;
}

.team img {
	border-radius: 50%;
}

.team_position {
	display: block;
	font-size: 13px;
	text-transform: none;
	color: #ccc;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.contentrow .team i {
    font-style: normal;
    margin: 0 10px;
}


/* pricing page */

.sparky_container.pricing {
	text-align: center;
	width: 100%;
}

.pricing-page h1, .pricing-page .heading {
	text-align: center;
	margin: 0 10%;
}

.sparky_container.pricing .plan {
	background: #f9fbfa;
	padding: 50px 30px 30px;
	margin: 50px 15px;
	border-radius: 5px;
    box-shadow: 0px 20px 60px #ddd;
}

.sparky_container.pricing .plan.recommended {
	margin: 0 15px;
}

.sparky_container.pricing .plan.recommended ul {
	margin: 100px 0;
}

.plan_name {
	text-transform: uppercase;
	font-weight: 700;
	color: #f6d830;
}

.pricing .sparky_cell:nth-of-type(2) .plan_name {
	color: #8ccc00;
}

.pricing .sparky_cell:nth-of-type(3) .plan_name {
	color: #306085;
}

.plan_price {
	font-size: 28px;
	font-weight: 700;
	color: #384452;
}

.sparky_container.pricing ul {
	margin: 50px 0 50px;
	padding: 0;
	list-style: none;
	min-height: 160px;
}

.sparky_container.pricing li::before {
	content:"\f00c";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	display: inline-block;
	margin: 0 10px;
	color: #58b75d;
}

.pricing .btn {
	min-width: 200px;
}

.pricing .sparky_cell:nth-of-type(1) .btn {
	background: #f6d830;
}

.pricing .sparky_cell:nth-of-type(3) .btn {
	background: #306085;
}

.pricing .sparky_cell:nth-of-type(1) .btn:hover,
.pricing .sparky_cell:nth-of-type(3) .btn:hover {
	background: #384452;
}


/* contact page */

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

.contact .accordion-group {
	background: #fff;
}

.contact .contact-form label {
	line-height: 35px;
}


/* 404 page */

.sparky_container.page404 {
	width: 100%;
}

.sparky_container.page404 .sparky_cell {
	border:0 !important;
}

.page404 h1 {
	font-size: 250px;
	color: #ccc;
	line-height: 1;
	padding-top: 0;
	font-weight: 700;
}

.page404 h2 {
	line-height: 1;
}

.page404 .inputbox {
    border: 0;
    background: #eee;
    margin-bottom: 0;
}


/* coming soon page */

.soon {
	font-size: 18px;
}

.contentrow .soon.sparky_container {
	width: 100%;
}

.contentrow .soon .sparky_cell {
	border:0 !important;
}

.soon h1 {
	text-align: left;
}

#mc_embed_signup {
	clear:left;
	width:100%;
}

.soon .email {
    border: 0;
    background: #eee;
    float: left;
    padding: 9px;
}

.soon .button {
	float: left;
	margin-left: 10px;
	padding: 8px 20px;
}

.soon .terms {
	font-size: 14px;
	color: #999;
	margin-top: 15px;
}

/* faq page */

.accordion.faq {
	margin: 50px 0 30px;
}

.accordion.faq .accordion-group {
	background: #fff;
}

.accordion.faq .accordion-heading {
	font-size: 18px;
    padding: 0 15px;
}

.accordion.faq .accordion-heading a {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
    line-height: 1.5;
}

.accordion.faq .accordion-heading::before {
	content: "\f059";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	display: block;
    float: left;
    line-height: 40px;
    margin: 0 15px;
    color: #999;
}

.accordion-group:hover .accordion-heading::before {
	color: #333;
}

.accordion.faq .accordion-inner {
	padding: 30px 30px 30px 60px;
}

.item-page .accordion.faq a:after {
    display: none;
}


/* blog pages */

.blog .items-row {
	padding: 0;
}


ul.tags.inline li {
	border: 0;
    text-transform: uppercase;
}

ul.tags.inline li a.label {
	color: #333;
	background: #f6f6f6;
    border-radius: 3px;
    padding: 10px 15px;
    display: inline-block;
    font-weight: 400;
}

ul.tags.inline li a.label:hover {
	color: #b9a981;
}

.tagspopular ul li {
	background: #f6f6f6;
	border-radius: 3px;
	display: inline-block;
    padding: 5px 15px;
    text-transform: uppercase;
}

.tagspopular ul li a {
	font-size: 11px;
}

.mp_right h3 {
	line-height: 1;
}

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

.mp_right li {
	margin: 0;
	padding: 0 0 15px;
}

.mp_right .mod-articles-category-title {
	font-size: 18px;
}

.mp_right li strong {
	font-weight: 400;
}

.mod-articles-category-title {
	display: block;
}

.mod-articles-category-writtenby,
.mod-articles-category-date {
	display:block;
	font-size: 13px;
	text-transform: uppercase;
    color: #ccc;
    letter-spacing: 2px;
    padding-bottom: 15px;
}

dl.article-info {
	color: #ccc;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.item-page dl.article-info {
	padding: 30px 0;
}

dl.article-info dd {
    padding: 0 15px;
    border-right: 0;
}

.mp_right .newsflash img {
	border: 1px solid #eee;
    padding: 5px;
}

/* tags pages */

.tag-category .inputbox {
    border: 0;
    background: #eee;
    margin: 0 15px 0 0;
}

.tag-category button {
	margin: 0 15px 0 0;
}

/* search page */

.search #searchForm .inputbox {
    border: 0;
    background: #eee;
}

.search-results .result-title {
	font-size: 32px;
    line-height: 1.4;
}

.search-results dd {
	margin-left: 35px;
	margin-right: 35px;
}

.search-results .result-category {
	text-transform: uppercase;
    font-weight: 700;
}


/* responsive */

.nav-toggle {
	margin-top: 0;
	position: relative;
	z-index: 1;
	background: url(../images/tinynav_white.png);
}

.nav-collapse.opened > ul {
	padding-top: 0;
}

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

.nav-collapse.opened > ul ul li {
    padding-left: 15px;
    padding-right: 15px;
}


@media (max-width:1189px) {

	.blog-featured .item-image {
	    max-width: 100%;
	    float: none;
	    margin: 0 0 30px 0;
	}

	.partnersrow img {
		max-width: 150px;
	}

}


@media (max-width:991px) {

	.logorow nav:not(.opened) ul.menu {
		opacity: 0;
	}

	.logorow ul.menu > li {
		margin-left: 0;
		border-radius: 0;
	}

	.logorow ul.menu > li.parent {
		border-radius: 0;
	}

	.logorow ul.menu > li:last-child {
		background:#fff;
		margin-left: 0;
		border:3px solid #444;
	}

	.logorow ul.menu > li:last-child a {
		color: #444 !important;
	}

	.userrow .sparky_container,
	.userrow2 .sparky_container {
		width: 100%;
	}

	.userrow .sparky_cell {
	    padding: 30px 20px;
	}

	.userrow2 ul {
	    margin: 15px 30px;
	}

	.userrow2 .btn, .pricing .btn {
	    min-width: 0;
	}

}

@media (max-width:767px) {

	.carouselrow h1, h1, h1 a {
	    font-size: 44px;
	}

	h2, h2 a {
		font-size: 40px;
	}

	.userrow .sparky_cell {
		margin: 0;
	}

	.mp_user2 {
	    box-shadow: none;
	}

	.partnersrow {
		text-align: center;
	}

	.partnersrow img, .partnersrow img:last-child {
	    margin: 0 15px;
	}

	.bottomrow .sparky_cell {
	    width: 50% !important;
	}

	.mp_bottom1 {
	    padding-right: 15px;
	}

	.mp_bottom3 {
		clear: both;
	}

	.copyrightrow .mp_copyright, .copyrightrow .mp_footer {
		text-align: center;
	}

	.copyrightrow .mp_copyright {
		padding-bottom: 0;
	}

	.hot_swipe_carousel_slides .contents {
	    padding: 15px !important;
	    top: 30px !important;
	}

	.hot_swipe_carousel_slides .contents h2 {
		font-size: 24px !important;
		padding: 5px 0;
	}
  
  	.contact-form textarea {
	    width: 206px;
	}

	.dl-horizontal dt {
		width: 30px;
	}

	.dl-horizontal dd {
	    margin-left: 50px;
	}

}


@media (max-width:600px) {

	.one .mp_logo {
	    width: 70% !important;
	}

	.one .mp_topmenu {
	    width: 30% !important;
	}

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

	.hot_swipe_carousel_slides .contents {
		width: 90% !important;
	}

	.flickity-page-dots {
		display: none;
	}

}

@media (max-width:400px) {

	.rapid_contact .inputbox, .rapid_contact .textarea {
	    width: 90%;
	    padding-left: 5%;
	    padding-right: 5%;
	}

	.rapid_contact.button {
	    width: 90% !important;
	   	padding-left: 5%;
	    padding-right: 5%;
	}

}



/* For DEMO purposes only. Can be safely deleted */

.sparky_settings {
	position: fixed;
	z-index: 9999;
    top: 40%;
    padding: 10px;
    background: #ccc;
    border-radius: 0 32px 32px 0;
    cursor: pointer;
    line-height: 1.4;
}

.sparky_settings:hover {
	background: #000;
}

.settings_content {
	display: none;
	float: left;
	padding-right: 30px;
}

.settings_content span {
	display: inline-block;
	width: 38px;
	height: 38px;
	border:3px solid #fff;
	border-radius: 19px;
}

.settings_content span:hover {
	border:3px solid #ccc;
}

.settings_content span.style1 {
	background: #306085;
}

.settings_content span.style2 {
	background: #973726;
}

.settings_content span.style3 {
	background: #181b27;
}

.settings_content span.style4 {
	background: #6F3662;
}

.settings_content span.style5 {
	background: #668E39;
}

.settings_cog {
	float: left;
}

.sparky_settings i {
	font-size: 40px;
	color: #fff;
}

.sparky_settings:hover i {
	-webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

@-moz-keyframes spin {
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
}