h2 {
    background: var(--sparkycolor2);
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 30px;
    width: -moz-fit-content;
    width: fit-content;
}

h2 span, h2 a span {
    opacity: 0.7;
}

strong {
	font-weight: 700;
}

.btn, a.btn, button.btn {
	background: var(--sparkycolor2);
	border: 0;
	color: #fff;
	padding: 7px 15px;
	border-radius: 3px;
}

.btn:hover, a.btn:hover, button.btn:hover {
	background: #666;
	color: #fff;
}

.form-control {
	padding: 7px 15px;
	border-radius: 3px;
	border-color: var(--sparkycolor2);
}

.form-control:focus, .form-control:active {
	box-shadow: none;
}

.input-group {
	border: 2px solid var(--sparkycolor3);
	border-radius: 4px;
	padding: 3px;
	width: -moz-fit-content;
	width: fit-content;	
}

.input-group .form-control {
	border-color: #fff;
}

p.readmore a.btn {
	background: url(../images/readmore_bg.png) no-repeat;
	border: 0;
	border-radius: 3px;
	color: #fff;
	font-family: "PT Serif", serif;
	font-style: italic;
	padding: 5px 15px 5px 50px;
}

p.readmore a.btn:hover {
	opacity: 0.8;
}

/* header_area */

.header_area .input-group {
	margin-top: 30px;
	margin-bottom: 0;
	float: right;
}

/* topmenu_area */

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

.topmenu_area ul.menu ul {
	border-radius: 0 0 5px 5px;
}

.topmenu_area ul.menu ul ul {
	border-radius: 5px;
}

/* carousel_area */

.carousel_area {
	padding: 30px 0 0;
}

.carousel_area .contents {
	font-family: "PT Serif", serif;
    font-style: italic;
}

.carousel_area h2 {
	background: transparent;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 15px;
}

.carousel_area .contents .btn {
	font-size: 16px;
}

.flickity-page-dots {
	bottom: 79px !important;
	text-align: left !important;
	background: rgba(255,255,255,0.3);
	width: -moz-fit-content !important;
	width: fit-content !important;
	padding: 8px !important;
	border-radius: 5px 5px 0 0;
}

.flickity-page-dots .dot {
	width: 26px !important;
	height: 26px !important;
	border-radius: 0 !important;
	opacity: 1 !important;
	background: url(../images/bg_control_nav.png) !important;
}

.flickity-page-dots .dot:hover {
	background: url(../images/bg_control_nav.png) center !important;
}

.flickity-page-dots .dot.is-selected {
	background: url(../images/bg_control_nav.png) bottom !important;
}

/* content_area */

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

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

.content_area .sparky_container > .sparky_cell.mp_left {
	padding-right: 30px;
}

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

.blog-items .blog-item:last-child {
	margin-bottom: 0;
}

.item-image {
	margin-bottom: 15px;
}

.content_area div.moduletable {
	margin: 30px 0;
}

.content_area div.moduletable > h3 {
	border-bottom: 1px solid #dcdcdc;
	padding-top: 0;
	margin-bottom: 15px;
}

div.moduletable._color {
	color:#fff;
	background: var(--sparkycolor2);
	padding:20px;
	border-radius: 5px;
}

div.moduletable._color h3 {
	color:#fff;
}

div.moduletable._grey {
	color:#fff;
	background: #545454;
	padding:20px;
	border-radius: 5px;
}

div.moduletable._grey h3 {
	color:#fff;
}

div.moduletable._color img,
div.moduletable._grey img {
	border-radius: 5px;
}

ul.menu.standard_sparky li.current.active {
	background: url(../images/main_menu_bg.png) no-repeat left;
}

ul.menu.standard_sparky li.current.active > a {
	color: var(--sparkycolor2);
	font-weight: 700;
}

/* bottom_area */

.bottom_area {
	padding-bottom: 70px;
}

/* footer_area */

.footer_area {
	padding-bottom: 30px;
	text-align: right;
}

.footer_area div.moduletable {
	margin-bottom: 15px;
}

.footer_area i {
	color: #fff;
	background: var(--sparkycolor2);
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 0 0 0 10px;
	border-radius: 50%;
	text-align: center;
}

.footer_area i:hover {
	background: #666;
}

/* responsive */

.nav-toggle {
	float: none;
}

@media (max-width: 1009px) {

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

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

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

	.flickity-page-dots {
		position: relative !important;
		margin: 0 auto !important;
	    bottom: 0 !important;
	}

}

@media (max-width: 767px) {

	.content_area .sparky_container > .sparky_cell.mp_right {
	    padding: 0 15px;
	}

	.header_area .input-group {
		margin: 0;
	}

	.sparky_container > .mp_logo.sparky_cell {
		padding-bottom: 0;
	}

	.sparky_container > .mp_user4.sparky_cell {
		padding-top: 0;
	}

	.header_area .input-group {
		float: none;
	}

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

	.hot_swipe_carousel_slides .contents {
		width: 80% !important;
		top: 0 !important;
		background: rgba(255,255,255,0.7) !important;
		padding: 0 15px 0 !important;
	}

}

@media (max-width: 600px) {

	.carousel_area.sparky_full {
		background-size: cover;
	}

	.flickity-viewport {
		height: 500px !important;
	}

	.flickity-page-dots .dot {
	    background: url(../images/bg_control_nav.png) center !important;
	}

	.hot_swipe_carousel_slides .contents {
		position: relative !important;
		width: 100% !important;
		top: 0 !important;
		font-size: 14px !important;
		background: rgba(255,255,255,0) !important;
	}

	.contents h2 {
	    font-size: 24px !important;
	    margin-bottom: 0;
	}

}

@media (max-width: 500px) {

	.flickity-viewport {
		height: 450px !important;
	}

}