.category-list {
        background-color: #000000; /* Replace with your desired color code */
    }

a {
	transition: all .3s;
}

h1 {
    padding:0 0 30px 0;
    margin:0;
    line-height:normal;
}

h2, h2 a {
    padding:0 0 15px 0;
    margin:0;
    line-height:normal;
}

h3 {
    margin:15px 0;
    padding:0;
}

h4 {
    margin:0 0 15px 0;
    padding:0;
}

/* read more button */

.btn {
  border:0 !important;
  padding: 11px 15px !important;
}

p.readmore a.btn {
	display: inline-block;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	background-color: #fcda2c;
}

p.readmore a.btn:hover, p.readmore a.btn:focus {
	color: #fcda2c;
	text-decoration: bold;
  	background-color: #000000;
}

p.readmore a span {
	display: none;
}

/* forms */

.inputbox, input.required, textarea.required, .form-control {
	display: inline-block;
	vertical-align: middle;
	padding: 8px;
	margin: 0;
	background-color: #000000;
	color:#fdcc29;
}

.input-group .awesomplete {
  	text-align: initial;
}

.button, .btn, a.btn, button.btn {
	display: inline-block;
	padding: 10px 10px;
	margin: 0;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #fcda2c;
	border:0;
}

.button:hover, .btn:hover {
	color: #fcda2c;
	text-decoration: bold;
	background-color: #000000;
}

ul.tags.list-inline li a.btn, .mod-tagspopular ul li a {
  	padding: 5px !important;
}

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 {
	padding: 0 0 30px 0;
}

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

/* topmenurow */

.topmenurow {
	background: #000000;
}

.topmenurow .input-group {
  margin-bottom: 0;
  justify-content: flex-end;
}

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

.mp_search {
	text-align: right;
}

.mp_search input {
	border: 0;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	padding: 16px 20px;
	background: #000000;
	border-left:1px solid #555;
	outline: 0;
	color: #fff;
  	height: 50px;
    border-radius: 0;
  	box-shadow: none !important;
  	outline: none !important;
}

.mp_search input:focus {
	outline: 0;
}

.mp_search button.btn {
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	padding: 19px 20px 18px;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #333333;
    color: #fdcc29;
  	height: 50px;
}

/* logorow */

.logorow {
	padding: 10px 0;
	background: #000000 !important;
}

.logorow p {
	margin: 0;
}

.logorow i {
	display: block;
	float: center;
	font-size: 24px;
	margin: 3px 15px 0 0;
	color: #000000;
	height: 50px;
}

.mp_logo .sparky_feature {
	background: url(../images/logo.png) no-repeat;
	background-size: 40px 55px;
	padding: 0 10px 0 50px;
}

.sparky_logo {
	line-height: 36px;
}

.sparky_slogan {
	text-transform: uppercase;
}

/* carouselrow */

.carouselrow {
	padding-bottom: 50px;
	background: #fdcc29 !important;
}

.carouselrow .sparky_cell {
 	padding-left: 0;
  	padding-right: 0; 
}

.carouselrow .contents {
	font-weight: 400;
}

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

.subheading {
	padding-top: 50px;
}

.subheading h2 {
	text-align: center;
	padding-bottom: 0;
}

.subheading p {
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	margin: 0;
}

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

/* servicesrow */

.servicesrow {
	text-align: center;
	padding-bottom: 20px;
	background: #000000 !important;
}

.servicesrow h3 {
	text-align: center;
	font-size: 28px;
	margin: 15px 0 15px;
	font-family: Arvo;
	font-weight: 500;
}

.servicesrow h3 a {
	color: #fcda2c;
}

.servicesrow h3 a:hover {
	color: #fcda2c;
}

/* contentrow */

.contentrow {
	padding: 40px 0;
	background: #000000 !important;
}

.sparky_home h1 {
	font-size: 36px;
	font-weight: 400;
	text-align: center;
}

.blog-featured h2, .blog-featured h2 a {
	font-size: 24px;
}

.blog-featured h2 a:hover {
	color: #fdcc29;
}

.blog-featured .item-image {
	max-width: 30%;
	display: inline-block;
}

.pull-left.item-image {
	margin: 0 30px 18px 0;
  	float: left;
}

.pull-right.item-image {
	margin: 0 0 18px 30px;
  	float: right;
}

.blog-featured img, .item-image img {
	border:5px solid #fdcc29;
}

.blog-featured .item-content {
	display: inline-block;
	max-width: 220px;
}

.content_sparky li {
	line-height: 1.4;
}

.mp_right.sparky_cell {
	padding: 30px 10px 0 30px;
}

.mp_right h3 {
	padding-top: 30px;
}

.mnu_sidemenu li {
	border-bottom: 1px solid #eee;
	padding-left: 30px; 
}

.mnu_sidemenu li a:before {
	font-family: FontAwesome;
    padding: 0;
    margin: 0 -25px;
    position: absolute;
    content: "\f0c9";
    color:#ccc;
}

.mnu_sidemenu li a:hover:before {
	color:#fdcc29;
}

.mnu_sidemenu li a:hover, .mnu_sidemenu li.active a {
	font-weight: 700;
}

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

/* sloganrow */

.sloganrow {
	font-size: 32px;
	text-align: center;
	padding: 50px 0;
	background: url(../images/custom/slogan_bg.jpg) top center fixed;
	background-size: cover;
	color: #fdcc29;
}

.sloganrow p {
	max-width: 800px;
	display: inline-block;
}

/* galleryrow */

.galleryrow {
	padding: 20px 0 50px;
}

.galleryrow h3, .testimonialsrow h3, .partnersrow h3 {
	font-size: 36px;
    font-weight: 400;
    text-align: center;
    font-family: Arvo;
    padding: 30px 0;
    margin: 0;
}

/* testimonialsrow */

.testimonialsrow {
	background: url(../images/custom/concrete_bg.jpg);
	padding: 20px 0 30px;
}

.hot_swipe_carousel_slides_testimonials {
	text-align: center;
}

.hot_swipe_carousel_slides_testimonials .contents {
	text-align: left;
	background: #000000 !important;
	border:2px solid #ccc;
	border-radius: 7px;
	margin-top: 45px;
	padding-top: 50px !important;
	padding-bottom: 0 !important;
}

.hot_swipe_carousel_slides_testimonials img {
	width: auto !important;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	margin-bottom: 150px;
}

.hot_swipe_carousel_slides_testimonials .flickity-page-dots {
	position: relative;
	padding-top: 45px;
}

.hot_swipe_carousel_slides_testimonials .flickity-page-dots .dot {
	background: #333;
}

.testimonialsrow .author {
	color:#cccccc;
}

/* partnersrow */

.partnersrow {
	padding: 30px 0 40px;
	background: url(../images/custom/concrete_bg_arrow.png) top center no-repeat;
	text-align: center;
}

.partnersrow img {
	max-width: 180px;
	margin: 0 15px;
}

/* bottomrow */

.bottomrow {
	background: #3a3a3a;
	padding: 30px 0;
	color: #fdcc29;
}

.bottomrow h3 {
	color: #fdcc29;
	font-size: 18px;
	font-family: Arvo;
}

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

.bottomrow .custom li {
	margin: 0;
    padding: 0;
    line-height: 34px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    display: block;
}

.bottomrow .custom li a {
	color: #000000;
}

.bottomrow .custom li a:hover {
	color: #fdcc29;
}

.bottomrow i {
	font-size: 24px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.mp_bottom2 i {
	display: block;
    float: left;
    font-size: 24px;
    margin: 3px 15px 0 0;
    color: #000000;
    height: 50px;
    width: 25px;
}

/* copyrightrow */

.copyrightrow {
	background: #000000;
	color: #fdcc29;
	padding: 20px 0;
}

.copyrightrow p {
	margin: 0;
}

.copyrightrow a {
	color: #fdcc29;
}

.mp_footer.sparky_cell {
	background: url(../images/logo2.png) no-repeat;
	background-size: 30px 41px;
	padding: 0 10px 0 40px;
}

.mp_footer .sparky_logo {
	color: #000000;
	font-size: 24px;
	line-height: 24px;
}

.mp_footer .sparky_slogan {
	color: #000000;
	font-size: 12px;
}

.mp_copyright {
	text-align: right;
}

.mp_copyright.sparky_cell {
	padding-top: 10px;
}

/* animation */

.hot_swipe_carousel_slides .gallery-cell.is-selected .contents p.animright {
	opacity: 0;
	position: relative;
	right: 20px;
    animation-name: fromright;
    animation-fill-mode: both;
    animation-duration: 3s;
}

@keyframes growslowly {
    0% {
        transform: scale(1);
    }
    
    100% {
        transform: scale(1.1);
    }
}

@keyframes contentshow {
    25% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}

@keyframes fromleft {
    50% {
        opacity: 0;
        left: -20px;
    }
    
    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fromright {
    33% {
        opacity: 0;
        right: -20px;
    }

    100% {
        opacity: 1;
        right: 0;
    }
}

@keyframes frombottom {
    
    75% {
        opacity: 0;
        bottom: -20px;
    }

    100% {
        opacity: 1;
        bottom: 0;
    }
}

/* responsive */

.nav-toggle {
	float: left;
	margin:10px;
  	background: url(../images/tinynav_white.png);
  	width: 40px;
  	height: 30px;
}

@media (max-width: 1230px) {

	.mp_search button {
		display: none;
	}

	.mp_search input {
		border-right: 1px solid #555;
	}

	.testimonialsrow .flickity-viewport {
		padding-bottom: 10px;
	}

	.mnu_topmenu > li > a, .mnu_topmenu > li > span {
		padding-left: 15px;
		padding-right: 15px;
	}

	.sloganrow {
		background: url(../images/custom/slogan_bg_small.jpg) top center fixed;
		background-size: cover;
	}

}

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

	.logorow i {
		float: none;
		height: auto;
		margin:0 0 10px 0;
	}

	.mp_top1, .mp_top2, .mp_top3, .mp_top4, .mp_top5, .mp_top6 {
		width: 33.333333%;
      	padding-bottom: 15px !important;
	}

	.testimonialsrow .flickity-viewport {
		padding-bottom: 50px;
      	min-height: 300px;
	}

	.hot_swipe_carousel_slides .contents {
		top: 35% !important;
		font-size: 24px !important;
	}

	.subheading {
	    padding-top: 30px;
	}
  
  	.pull-left.item-image, .pull-right.item-image {
      	display: block;
	    float: none;
	    margin: 0 0 30px 0;
      	max-width: 100%;
	}
  
  	.blog-featured img, .item-image img {
      	width: 100%;
  	}

}

@media (max-width: 767px) {

	.one .mp_topmenu, .one .mp_search {
		width: 50% !important;
	}
  
  	.mp_logo.sparky_cell {
      	margin-bottom: 15px;
  	}

	.sparky_container .mp_header1.sparky_cell,
  	.sparky_container .mp_header2.sparky_cell {
		width: 50% !important;
		padding: 15px 15px 0;
	}

	.logorow i {
		float: left;
		margin: 3px 15px 0 0;
		height: 50px;
	}

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

	.hot_swipe_carousel_slides_testimonials .gallery-cell {
		width: 100% !important;
	}

	.testimonialsrow .flickity-viewport {
		padding-bottom: 0 !important;
	}
  
  	.blog-featured .item-content, .blog-featured .item-image {
      	max-width: 9999px;
  	}
  
  	.blog-items .blog-item {
      	padding-bottom: 30px;
  	}

	.bottomrow .sparky_cell {
		width: 50%;
	}

	.bottomrow .mp_bottom1 {
		clear: both;
	}

	.sparky_container > .mp_copyright.sparky_cell {
		padding-top: 0;
	}
  
  	img.img_right, img.img_left {
      	display: block;
	    float: none;
	    margin: 0 0 30px 0;
	}
  
  	p.copyright {
      	text-align: initial;
      	padding: 20px 25px;
  	}
  
  	.mp_right.sparky_cell {
      	padding: 0 15px;
  	}

}

@media (max-width: 500px) {
  
  	h1 {
    	font-size: 48px;  
  	}

	.hot_swipe_carousel_slides .contents {
		left: 20% !important;
		width: 60% !important;
		font-size: 18px !important;
	}

	.mp_top1, .mp_top2, .mp_top3, .mp_top4, .mp_top5, .mp_top6 {
		width: 100%;
	}

	.logorow i {
		height: 80px;
	}

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

	.one .mp_search {
		width: 75% !important;
	}

	.mp_search input {
		max-width: 80%
	}

}