html {
  	overflow-x: hidden;
}

.btn, a.btn, button.btn, a.sparky_button, p.readmore a.btn {
	background: var(--sparkycolor2);
	border: 0;
	border-radius: 3px;
	color: #fff;
	font-weight: 400;
	padding: 10px 20px;
	transition: all 0.3s;
}

.btn:hover, a.btn:hover, button.btn:hover, a.sparky_button:hover, p.readmore a.btn:hover {
	background: var(--sparkycolor3);
	color: #fff;
	transition: all 0.3s;
}

.form-control {
	padding: 10px 20px;
	line-height: 1.8;
}

/* toprow */

.toprow > .sparky_container > .sparky_cell {
	padding: 5px 15px;
}

.toprow .sparky_page_container > .sparky_cell {
	padding: 0 5px;
	justify-content: center;
}

.toprow i, .toprow p {
	margin: 0 !important;
}

.toprow i {
  	color: var(--sparkycolor2);
}

.toprow a {
	color: var(--sparkycolor1);
	font-weight: 400;
}

.toprow a:hover {
	color: var(--sparkycolor2);
}

/* logorow */

.sparky_home .logorow {
	position: absolute;
	width: 100%;
	z-index: 1;
}

.sparky_inner .logorow {
	background: var(--sparkycolor3);
}

.logorow ul.menu > li:hover, .logorow ul.menu > li ul li:hover {
	border-radius: 3px;
}

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

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

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

.logorow ul.menu > li ul ul {
	left: calc(200px - 10px);
}

.logorow .nav-collapse.opened ul.menu > li ul ul {
	left: 0;
}

.logorow .sparky_menu {
	margin-top: 15px;
}

.logorow .sparky_logo_image img {
	max-width: 150px;
}

/* carouselrow */

.carouselrow > .sparky_container > .sparky_cell {
	padding: 0;
}

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

.carouselrow .hot_swipe_carousel_slides img {
	filter: brightness(1.0);
}

.flickity-page-dots {
	text-align: left !important;
	margin: 0 15px !important;
	width: auto !important;
}

.flickity-page-dots .dot.is-selected {
	width: 12px !important;
	height: 12px !important;
}

.flickity-prev-next-button {
	top: auto !important;
	bottom: 0 !important;
	background: transparent !important;
	width: 30px !important;
	height: 30px !important;
}

.flickity-prev-next-button .arrow {
    fill: #fff !important;
}

.flickity-prev-next-button.previous {
	left: auto !important;
	right: 50px !important;
}

/* advertrow */

.advertrow > .sparky_container {
	background: #fff;
	position: relative;
	top: -60px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.sparky_container > .mp_advert2.sparky_cell {
	padding-left: 30px;
}

.mp_advert2 h2 {
	padding-bottom: 30px;
}

.advertrow ul {
	margin: 15px 15px;
}

.advertrow ul li {
	margin-bottom: 25px;
}

.advertrow ul li:last-child {
	margin-bottom: 0;
}

/* contentrow */

p.name {
	color: var(--sparkycolor2);
	font-weight: 700;
}

.sparky_page_row .fa-quote-left {
	color: var(--sparkycolor2);
}

.shadowbottomleft figure {
	display: flex;
}

.shadowbottomright figure {
	display: flex;
	justify-content: flex-end;
}

.shadowbottomleft figure::before {
	content: " ";
	background: var(--sparkycolor2);
	opacity: 0.3;
	width: 100%;
	max-width: 250px;
	height: 300px;
	position: absolute;
	margin-left: -15px;
	align-self: flex-end;
	z-index: -1;
}

.shadowbottomright figure::before {
	content: " ";
	background: var(--sparkycolor2);
	opacity: 0.3;
	width: 100%;
	max-width: 250px;
	height: 300px;
	position: absolute;
	margin-right: -15px;
	align-self: flex-end;
	z-index: -1;
}

.shadowbottomleft .sparky_col1 figure::before,
.shadowbottomright .sparky_col0 figure::before {
	display: none;
}

.parallaxbg.row_full_width {
	overflow: visible;
}

.parallaxbg > .sparky_page_container > .sparky_cell {
	position: relative;
    top: 50px;
    padding-top: 50px;
    padding-bottom: 30px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* blog */

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

h2 a:hover {
	color: var(--sparkycolor2);
}

@media (min-width: 768px) {
	.content_sparky.sparkle9 {
		padding-right: 50px;
	}
}

.mp_right {
	margin: 30px 0;
}

.mp_right .moduletable {
	margin-bottom: 30px;
}

.mp_right p.readmore a.btn {
	padding: 3px 10px;
	font-size: 13px;
	background: transparent;
	border: 1px solid var(--sparkycolor2);
	color: var(--sparkycolor2);
}

.mp_right p.readmore a.btn:hover {
	border: 1px solid var(--sparkycolor1);
	color: var(--sparkycolor1);
}

/* team */

.team_row > .sparky_page_container > .sparky_cell {
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

/* pricing */

.pricing_row > .sparky_page_container > .sparky_cell {
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.price {
	color: var(--sparkycolor2);
}

/* portfolio */

.portfolio_row > .sparky_page_container > .sparky_cell {
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* searchrow */

.searchrow {
	text-align: center;
	padding-bottom: 40px;
}

.searchrow h3 {
	display: inline-block;
    max-width: 600px;
	font-family: 'Racing Sans One', cursive;
	font-size: 36px;
	text-align: center;
	margin-bottom: 30px;
}

.searchrow form.mod-finder .input-group {
	justify-content: center;
	margin-left: 50px;
}

.searchrow .input-group button.btn {
	margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px 20px;
    position: relative;
    left: -100px;
    border-radius: 3px !important;
}

.searchrow .awesomplete {
	text-align: initial;
}

@media (min-width: 992px) {
	.searchrow .awesomplete {
		width: 600px;
	}
}

/* bottomrow */

.bottomrow {
	color: #fff;
	padding: 35px 0 50px;
}

.bottomrow h3, .bottomrow a:hover {
	color: var(--sparkycolor2);
}

.bottomrow a {
	color: #fff;
}

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

.bottomrow ul.checklist {
	margin-left: 15px;
}

.bottomrow .sparky_social_icons a:hover {
	color: #fff;
}

.bottomrow .sparky_social_icon1 {
	padding-left: 0;
}

/* footerrow */

.footerrow {
	text-align: center;
}

.footerrow > .sparky_container > .sparky_cell {
	padding: 5px 15px;
}

.footerrow p {
	margin: 0;
}

/* required for page builder powered modules (search, user, etc.) */

.moduletable .sparky_page_container {
	display: flex;
}

.moduletable .sparky_page_container > .sparky_cell {
    display: flex;
    flex-direction: column;
}

.moduletable .has-text-align-right {
    text-align: right;
}

.sparky_social_icons {
	color: rgb(204, 204, 204);
}

.sparky_social_icons a {
    color: inherit;
    padding: 0 10px;
}

.bottomrow .sparky_social_icon1 {
    padding-left: 0;
}

ul li, ol li {
    margin: 0 0 10px 0;
    padding: 0;
}

/* responsive */

@media (max-width: 1280px) {

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

	.flickity-prev-next-button {
		bottom: 70px !important;
	}

	.flickity-page-dots {
		bottom: 90px !important;
	}

}

@media (max-width: 1280px) { 

	.hot_swipe_carousel_slides .contents {
		top: 22% !important;
	}

	.hot_swipe_carousel_slides .contents h2 {
		font-size: 60px !important;
	}

}

@media (max-width: 991px) {

	.toprow > .sparky_container > .sparky_cell {
		width: 100%;
	}

	.toprow ul.menu {
		text-align: center;
	}

	.logorow .sparky_logo_image img {
	    max-width: 100px;
	}

	.logorow .sparky_menu {
		margin-top: 5px;
	}

	.logorow nav:not(.opened) ul.menu {
		display: none;
	}

	.logorow nav.opened ul.menu ul ul {
		padding: 0 15px;
	}

	.nav-collapse.opened > ul {
		background: var(--sparkycolor3);
	}

	.nav-collapse.opened li.active, .nav-collapse.opened li:hover {
	    background-color: var(--sparkycolor2);
	}

	.hot_swipe_carousel_slides .contents h2 {
		font-size: 48px !important;
	}

	.searchrow .awesomplete {
		width: 60%;
	}

	.team_row > .sparky_page_container > .sparky_cell p,
	.team_row > .sparky_page_container > .sparky_cell h2 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.shadowbottomright figure::before,
	.shadowbottomleft figure::before {
		max-width: 120px;
		height: 150px;
	}

	.searchrow form.mod-finder .input-group {
		margin-left: 0;
		justify-content: unset;
	}

	.searchrow h3 {
		max-width: 100%;
		text-align: initial;
	}

}

@media (max-width: 767px) {

	.flickity-prev-next-button {
		bottom: 0 !important;
	}

	.flickity-page-dots {
		bottom: 20px !important;
	}

	.hot_swipe_carousel_slides .contents {
		background: var(--sparkycolor3) !important;
	}

	.carouselrow .hot_swipe_carousel_slides img {
		filter: brightness(0.7);
	}

	.advertrow > .sparky_container {
		top: 0;
	}

	.sparky_container > .sparky_cell.mp_advert3,
	.sparky_container > .sparky_cell.mp_advert4,
	.sparky_container > .sparky_cell.mp_bottom1,
	.sparky_container > .sparky_cell.mp_bottom2,
	.sparky_container > .sparky_cell.mp_bottom3,
	.sparky_container > .sparky_cell.mp_bottom4 {
		width: 50% !important;
	}

	.advertrow ul {
		margin: 0 30px 30px;
	}

}

@media (max-width: 414px) {

	h1, h1 a {
		word-break: break-word;
	}

	.toprow .sparky_page_container > .sparky_cell.sparkle1 {
		width: 10%;
		margin-bottom: 0;
	}

	.toprow .sparky_page_container > .sparky_cell.sparkle5 {
		width: 90%;
		margin-bottom: 0;
	}

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

	.advertrow ul {
		margin-bottom: 0;
	}

	.searchrow .input-group button.btn {
		left: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.sparky_page_container {
	    flex-wrap: wrap;
	}

}

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

.sparky_settings {
    position: fixed;
    z-index: 9999;
    top:70%;
    padding: 0 5px;
    background: #000;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    line-height: 1.4;
}

.sparky_settings:hover {
    background: #000;
}

.settings_content {
    display: none;
    float: left;
    padding-right: 15px;
    height: 28px;
}

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

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

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

.settings_content span.style2 {
    background: #3E92CC;
}

.settings_content span.style3 {
    background: #EF8354;
}

.settings_content span.style4 {
    background: #7CA982;
}

.settings_content span.style5 {
    background: #9893DA;
}

.settings_content a {
    text-decoration: none;
}

.settings_cog {
    float: left;
    width: 30px;
    height: 28px;
}

.sparky_settings i {
    font-size: 28px;
    color: #eee;
}