/*------------------------------------------------------------------------
# "Hot Construction" - Commercial Joomla Template
# Copyright (C) 2016 HotThemes. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotThemes
# Website: http://www.sonaconstructions.in
-------------------------------------------------------------------------*/

/******* COMMON SPARKY'S CSS *******/

body {
	margin:0;
	padding:0;
	line-height: 1.4;
}

a {
	transition: all .3s;
}

.clr {
    clear:both;
}

p {
	margin: 0 0 15px;
}

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

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

p.readmore a:hover, p.readmore a:focus {
	color: #fff;
	text-decoration: none;
}

p.readmore a span {
	display: none;
}

/* contacts category layout */

.category th {
	height: 30px;
	background: #eee;
}

.category .item-num {
	width:9%;
	padding:1%;
}

.category .item-title {
	width:17%;
	padding:1%;
}

.category td.item-title a:link,
.category td.item-title a:visited,
.category td.item-title a:hover {
	text-decoration:underline;
}

.category .item-position {
	width:17%;
	padding:1%;
}

.category .item-phone {
	width:17%;
	padding:1%;
}

.category .item-suburb {
	width:17%;
	padding:1%;
}

.category .item-state {
	width:17%;
	padding:1%;
}

/* forms */

.input {
	margin:0;
	padding:0;
}

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

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

.button:hover, .btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: #222;
}

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

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: FontAwesome;
    padding: 0;
    margin: 0 -20px;
    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: "\f040";
}

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: "\f014";
}

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

/* typography */

.warning, .info, .error {
	padding:15px 30px;
	min-height: 50px;
}

.warning:before, .info:before, .error:before {
	font-family: FontAwesome;
	font-size: 32px;
	margin: 0 30px 0 0;
	float: left;
}

.warning {
	color:#000;
	border: 1px solid #ffcc00;
	background:#ffff66;
}

.warning:before {
	content: "\f071";
	color: #ffcc00;
}

.info {
	color:#006699;
	border: 1px solid #006699;
	background:#bde1ff;
}

.info:before {
	content: "\f05a";
}

.error {
	color:#900;
	border: 1px solid #900;
	background:#f8b5b5;
}

.error:before {
	content: "\f057";
}

.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;
	text-align:left;
}

.quote {
	margin:0;
	padding:15px 15px 15px 15px;
	font-size:150%;
	font-style:italic;
	line-height:normal;
}

.quote:before {
	font-family: FontAwesome;
	content: "\f10d";
	font-size: 4em;
	font-style:normal;
	color: #ddd;
	float: left;
	margin-right: 30px;
}

.dropcap:first-letter {
	font-size: 300%;
	font-weight:bold;
	float:left;
	margin:0 10px 5px 0;
	line-height: 1;
}

span.p_number {
	font-size: 400%;
	font-weight:bold;
	float:left;
	margin:0 10px 10px 0;
	position: relative;
	line-height: 40px;
}

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

.fontawesome-icon-list div {
	width: 25%;
	float: left;
	padding: 5px 0;
}

.fontawesome-icon-list i {
	width: 30px;
	color: #333;
}

/******* CUSTOM ROWS AND CELLS STYLING *******/

.sparky_full {
}

.container {
	margin:0 auto;
	padding:0;
}

.row > * {
	float:left;
}

/* abovecontent and belowcontent modules */

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

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

/******* HOT CONSTRUCTION *******/

/* topmenurow */

.topmenurow {
	background: #3a3a3a;
}

.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: #3a3a3a;
	border-left:1px solid #555;
	outline: 0;
	color: #fff;
}

.mp_search input:focus {
	outline: 0;
}

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

/* logorow */

.logorow {
	padding: 1px 0;
	background: url(../images/custom/concrete_bg.jpg);
}

.logorow p {
	margin: 0;
}

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

.mp_logo .cell_pad {
	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;
}

.mp_header1 .cell_pad {
	border-right: 0px solid #ccc;
	padding-top:20px;
}

/* carouselrow */

.carouselrow {
	padding-bottom: 50px;
	background: url(../images/custom/concrete_bg.jpg);
}

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

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

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

/* servicesrow */

.servicesrow {
	text-align: center;
	padding-bottom: 50px;
	background: url(../images/custom/concrete_bg.jpg);
}

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

.servicesrow h3 a {
	color: #333;
}

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

/* contentrow */

.contentrow {
	padding: 50px 0;
	background: url(../images/custom/concrete_bg_arrow.png) top center no-repeat;
}

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

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

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

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

.pull-left.item-image {
	margin: 0 7% 18px 0;
}

.pull-right.item-image {
	margin: 0 0 18px 3%;
}

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

.construction-wrapper {
	display: inline-block;
	max-width: 63%;
}

.content_sparky li {
	line-height: 1.4;
}

.mp_right .cell_pad {
	margin: 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:#ff9000;
}

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

.blog .items-row {
	padding-bottom: 30px;
}

.blog .items-row .item-image img {
	max-width: 200px;
}

/* sloganrow */

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

.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: #fff;
	border:2px solid #ccc;
	border-radius: 7px;
	margin-top: 45px;
	padding-top: 50px;
	padding-bottom: 0;
}

.hot_swipe_carousel_slides_testimonials img {
	width: auto;
	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:#ff9000;
}

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

.bottomrow h3 {
	color: #fff;
	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: #ddd;
}

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

.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: #ddd;
    height: 50px;
    width: 25px;
}

/* copyrightrow */

.copyrightrow {
	background: #333;
	color: #666;
	padding: 20px 0;
}

.copyrightrow p {
	margin: 0;
}

.copyrightrow a {
	color: #999;
}

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

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

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

.mp_copyright {
	text-align: right;
}

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

/* animation */

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* responsive */

@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) {

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

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

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

	.subheading {
	    padding-top: 30px;
	}

	.contact-form input {
		max-width: 204px
	}

	.contact-form textarea {
		max-width: 204px
	}

}

@media (max-width: 767px) {

	.one .mp_topmenu, .one .mp_search {
		width: 50%;
	}

	.mp_header1, .mp_header2 {
		width: 50%;
		padding-top: 15px;
	}

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

	.hot_swipe_carousel_slides .contents {
		top: 20%;
	}

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

	.testimonialsrow .flickity-viewport {
		padding-bottom: 0;
	}

	.bottomrow .cell {
		width: 50%;
	}

	.bottomrow .mp_bottom1 {
		clear: both;
	}

	.one .mp_footer, .one .mp_copyright {
		width: 50%;
	}

	.mp_copyright .cell_pad {
		padding-top: 0;
	}

}

@media (max-width: 500px) {

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

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

	.logorow i {
		height: 80px;
	}

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

	.one .mp_topmenu {
		width: 25%;
	}

	.one .mp_search {
		width: 75%;
	}

	.mp_search input {
		max-width: 80%
	}

}