body {
	background: url(../images/bg1.png) no-repeat top left;
	background-size: calc((100vw - 1170px) / 2 + 285px) 114px;
}

body.sparky_home {
	background: url(../images/bg1.png) no-repeat top left;
	background-size: calc((100vw - 1170px) / 2 + 285px) 700px;
}

.sparky_wrapper {
	background: url(../images/bg_texture.jpg) no-repeat top right;
}

body.sparky_home main.content_sparky {
	padding-bottom: 0;
}

/* typography */

h1 b {
	color: var(--sparkycolor2);
}

.page-header h1 {
	padding-bottom: 60px;
}

.rounded10 {
	border-radius: 10px;
}

.has-large-font-size {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    line-height: 1.2;
}

.sparky_inner .item-page .intro_big {
	font-size: 1.5em;
	font-family: 'Playfair Display', serif;
    font-weight: 900;
    line-height: 1.2;
    max-width: 770px;
}

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

.align_right {
	text-align: right;
}

hr {
	background-color: var(--sparkycolor2);
}

/* form */

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

button.btn, input.button, a.btn, p.readmore a.btn {
	line-height: 50px;
}

button:hover, button.btn:hover, button.btn-primary:hover, input.button:hover, a.btn:hover,
button:active, button.btn:active, button.btn-primary:active, input.button:active, a.btn:active,
button:focus, button.btn:focus, button.btn-primary:focus, input.button:focus, a.btn:focus,
p.readmore a.btn:hover, p.readmore a.btn:active, p.readmore a.btn:focus,
a.sparky_button:hover, a.sparky_button:active, a.sparky_button:focus {
    background: #000;
    border:1px solid #000;
    color: #fff !important;
    transition: all 0.3s;
}

button.btn-primary, p.readmore a.btn, a.btn-primary {
    background: var(--sparkycolor2);
    border:1px solid var(--sparkycolor2);
}

button.btn-primary:hover, p.readmore a.btn:hover, a.btn-primary:hover {
    background: #000;
    border:1px solid #000;
}

/* logorow */

.sparky_logo_image img {
	max-width: 135px;
}

.logorow > .sparky_container > .sparky_cell:last-child ul.menu > li {
	border:2px solid var(--sparkycolor1);
	border-radius: 5px;
	transition: all 0.3s;
}

.logorow > .sparky_container > .sparky_cell:last-child ul.menu > li:hover {
	background: transparent;
	border:2px solid var(--sparkycolor2);
	transition: all 0.3s;
}

.logorow > .sparky_container > .sparky_cell:last-child ul.menu > li a {
	color: inherit;
	transition: all 0.3s;
}

.logorow > .sparky_container > .sparky_cell:last-child ul.menu > li:hover {
	border-color: #000;
}

.logorow > .sparky_container > .sparky_cell:last-child ul.menu > li:hover a {
	color:#fff;
	background: #000;
}

/* icons_row */

.icons_row .sparky_page_container {
	max-width: 1400px;
}

.icons_row figure {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
    background: var(--sparkycolor4);
    width: 90px;
	height: 90px;
	border-radius: 50%;    
}

.icons_row figure img {
	margin-bottom: 0;
}

.icons_row .has-large-font-size {
	margin-bottom: 0;
}

/* dark_row */

.dark_row {
	background: var(--sparkycolor4);
}

/* pricing_row */

.pricing_row {
	background: url(../images/bg2.png) no-repeat bottom left;
	background-size: 100vw 450px;
}

.pricing_row > .sparky_page_container {
	gap: 30px;
}

.pricing_row > .sparky_page_container > .sparky_cell {
	background: rgba(255,255,255,0.8);
	backdrop-filter: blur(20px);
    border-radius: 10px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);   
}

.pricing_row > .sparky_page_container > .sparky_cell:first-child,
.pricing_row > .sparky_page_container > .sparky_cell:last-child {
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.pricing_row ul.checklist li:before {
	color: var(--sparkycolor2);
}

/* team_row */

.team_row .sparky_cell {
	background: var(--sparkycolor2);
}

/* testimonials */

.sparky_home .five_stars {
	text-align: center;
	padding-bottom: 20px;
}

.five_stars i {
	color: var(--sparkycolor2);
	font-size: 20px;
	padding: 0 2px;
}

/* contact */

main.content_sparky > .com-contact.contact {
	max-width: 720px;
    margin: 0 auto;
}

/* modules */

ul.mod-articlesnews-horizontal {
	margin: 0;
}

ul.mod-articlesnews-horizontal li {
	background: #fff;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
	border-radius: 10px;
	padding: 0 15px !important;
}

ul.mod-articlesnews-horizontal .newsflash-image img {
	border-radius: 10px;
	margin: 0;
}

ul.mod-articlesnews-horizontal .newsflash-title a {
	color: var(--sparkycolor2);
	font-weight: 900;
	transition: all 0.3s;
}

ul.mod-articlesnews-horizontal .newsflash-title a:hover {
	color: #333;
	transition: all 0.3s;
}

ul.mod-articlesnews-horizontal .date {
	color: var(--sparkycolor2);
}

.mod-finder label {
	display: block;
	margin: 15px 0;
}

.mod-finder button.btn, .input-group button.btn {
	line-height: 30px;
}

div[id^="responsivelightbox"] img {
	border-radius: 10px;
}

/* carousel */

.carousel_row .mp_advert1 {
	padding: 0;
}

.hot_swipe_carousel_slides .contents,
.hot_swipe_carousel_slides .contents h2 {
	text-align: center;
	padding-top: 0;
}

/* blog */

.blog-items .blog-item {
	margin-bottom: 50px;
}

.blog-items .blog-item .item-image.pull-left {
	margin-right: 30px;
}

.blog-items .blog-item .item-image.pull-right {
	margin-left: 30px;
}

.item-image img {
	border-radius: 10px;
}

/* userrow */

.userrow {
	padding: 30px 0;
}

.userrow, .userrow a {
	color: #ccc;
	font-weight: 400;
}

.userrow h3 {
	color: #fff;
	font-family: 'Lora', serif;
	font-size: 18px;
	font-weight: 700;
}

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

.userrow ul {
	list-style: none;
	margin: 15px;
}

/* footerrow */

.footerrow {
	color: #fff;
}

.footerrow .sparky_container {
	border-top: 1px solid #444;
}

.mp_bottom1 figure img {
	margin-bottom: 0;
}

p.copyright {
	margin: 25px 0 0 0;
	color: #ccc;
	text-align: center;
}

.footerrow i:hover, .footerrow a:hover {
	color: var(--sparkycolor2);
}

/* responsive */

@media (max-width: 1229px) {

	.mod-finder button.btn {
		border-radius: 3px !important;
		margin-top: 10px;
	}

	.blog-items .blog-item .item-image.pull-left,
	.blog-items .blog-item .item-image.pull-right {
	    margin-left: 0;
	    margin-right: 0;
	    margin-bottom: 15px;
	    width: 100%;
	}

}

@media (max-width: 991px) {

	.logorow.one .sparkle3 {
	    width: 75% !important;
	}

	.logorow.one .sparkle7 {
	    width: 25% !important;
	}

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

	h1, h1 a {
		font-size: 48px;
	}

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

	.icons_row figure {
		width: 60px;
		height: 60px;
	}

	.icons_row figure img {
		width: 30px !important;
		height: 30px !important;
	}

	.hot_swipe_carousel_slides .contents,
	.hot_swipe_carousel_slides .contents h2 {
		color: #fff !important;
	}

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

	.flickity-prev-next-button {
		display: none;
	}

}

@media (max-width: 414px) {

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

	.icons_row figure {
		width: 90px;
		height: 90px;
	}

	.icons_row figure img {
		width: 40px !important;
		height: 40px !important;
	}

	.mod-finder button.btn {
		margin-top: 0;
	}

	.mp_bottom1, .mp_footer .sparky_social_icons {
		text-align: center !important;
	}

	.pricing_row {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.pricing_row .sparky_page_container .sparky_cell:first-child,
	.pricing_row .sparky_page_container .sparky_cell:last-child {
		display: none;
	}

	.pricing_row > .sparky_page_container > .sparky_cell {
		box-shadow: none;
	}


}

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

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

.sparky_settings:hover {
    background: #333;
}

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

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

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

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

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

.settings_content span.style3 {
    background: #5678da;
}

.settings_content span.style4 {
    background: #8b56da;
}

.settings_content span.style5 {
    background: #56da8b;
}

.settings_content a {
    text-decoration: none;
}

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

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