/*------------------------------------------------------------------------
# "Hot Flat" - Commercial Joomla Template
# Copyright (C) 2015 HotThemes. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotThemes
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/
.contitrow {
  	padding: 60px 0px 10px 0px;
  	text-align: left;
}
.contitrow h2 {
  	color: #9c6a7d;
}
.toprow {
  	background-color: #333;
}
.mnurow {
  	background-color: #9c6a7d;
}
.head2row {
  	background-color: #ededed;
  	padding: 40px 0px 20px 0px;
}
.contirow {
  	background-color: #595963;
  	padding: 20px 0px 10px 0px;
  	color: #ffffff;
}
.contirow h3 {
  	color: #ffffff;
}
.copyrow {
  	background-color: #292929;
  	padding: 30px 0px 20px 0px;
  	color: #ffffff;
}
.footrow {
  	background-color: #4b4b54;
  	padding: 30px 0px 20px 0px;
  	color: #ffffff;
}
.footrow h3 {
  	color: #ffffff;
}

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

body {
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
}

.clr {
    clear:both;
}

p {
	margin: 0 0 15px;
}

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

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;
	padding: 15px 20px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-color: #feae00;
	border: 0;
	text-transform: uppercase;
}

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

p.readmore 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: #f5f5f5;
	color:#333;
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.button, .btn {
	display: inline-block;
	padding: 16px 30px;
	margin: 0;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: #2cb9cb;
	text-transform: uppercase;
}

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

#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: 15px 0 30px 0;
}

.abovecontent #map {
	box-sizing:border-box;
}

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

p.copyright {
	text-align: center;
}

/******* HOT FLAT SPECIFICS *******/

/* topmenurow */

.sparky_logo {
	background: url(../images/logo.png) no-repeat left;
	padding: 0 50px;
	margin-top: 15px;
}

.topmenurow {
	background: #2cb9cb;
}

.topmenurow > .container {
    padding: 0 30px;
}

.topmenurow.fix_menu {
	background: #3a454f;
}

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

.sparky_home .mnu_topmenu > li.active {
	background: transparent;
}

/* carouselrow */

.carouselrow {
    background: #2cb9cb;
    font-weight: 400;
    padding-top: 50px;
}

.carouselrow h2 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -2px;
}

.flickity-page-dots {
	text-align: left;
}

.flickity-page-dots .dot {
	margin: 0 15px 0 0;
}

.hot_swipe_carousel_slides1 img {
	width: 720px;
	float: right;
}

/* contentrow */

.contentrow {
    padding: 60px 0;
}

.contentrow p,
.content_sparky li,
blockquote {
    line-height: 1.7;
}

.sparky_home .contentrow h1 {
	text-align: center;
	font-size: 32px;
}

.sparky_home .contentrow h2 {
    text-align: center;
    padding: 30px 0 15px;
}

.sparky_home .contentrow h2 a {
    font-weight: 400;
}

.contentrow h2 a:hover {
    color: #2cb9cb;
}

.sparky_home .contentrow p {
    text-align: center;
}

.blog-featured .item-image {
	text-align: center;
}

.blog-featured .item-image img {
	max-width: 150px;
}

.tagscloud a {
    color: #909090;
}

.tagscloud a:hover {
    color: #333;
}

.item-page ul.tags,
.items-row ul.tags {
    display: block;
    margin: 30px 0;
}

.items-row ul.tags {
	font-size: 12px;
}

.item-page .item-image {
    padding-bottom: 15px;
}

.blog .items-row.cols-1 .item .item-image {
    float: right;
    margin-left: 30px;
}

.blog .items-row .item dl.article-info {
    margin-bottom: 10px;
    font-size: 12px;
}

.blog .items-row .item h2 {
    padding: 0;
}

.items-row.row-fluid.cols-1 {
    padding-bottom: 60px;
}

.article-info .icon-calendar {
	display: none;
}

.contact-form label {
	line-height: 40px;
}

.contact-form label#jform_contact_email_copy-lbl {
	line-height: 1.3;
}

.contact-form #jform_contact_emailmsg,
.contact-form #jform_contact_message {
	max-width: 430px;
}

.contact-form #jform_contact_message {
	height: 200px;
}

/* side modules */

.mp_right .cell_pad {
	margin-left: 40px;
}

.contentrow .moduletable,
.contentrow .moduletable_featured {
	background: #f3f3f3;
	border-radius: 5px;
	margin-bottom: 50px;
}

.contentrow .moduletable_plain {
	margin-bottom: 50px;
}

.contentrow .moduletable > div,
.contentrow .moduletable > nav,
.contentrow .moduletable > form,
.contentrow .moduletable_featured > div,
.contentrow .moduletable_featured > nav,
.contentrow .moduletable_featured > form {
	padding: 0 15px 15px;
}

#responsivelightbox {
	padding: 15px;
}

.contentrow .moduletable h3,
.contentrow .moduletable_featured h3 {
	background: #3a454f;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: none;
	text-align: center;
	padding: 15px 0;
	border-radius: 5px 5px 0 0;
}

.contentrow .moduletable_featured h3 {
	background: #2cb9cb;
}


/* productrow */

.productrow {
    padding: 50px 0 0 0;
    background: #f3f3f3;
    text-align: center;
}

.productrow .mp_advert1 .cell_pad {
    padding: 15px 0 0 0;
}

.productrow h3 {
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
}

.productrow p {
	margin-bottom: 60px;
}


/* timelinerow */

.timelinerow {
    padding: 60px 0;
}

.timelinerow p.intro {
	margin-bottom: 60px;
	text-align: center;
}

.timelinerow h3 {
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
}

.timeline {
	display:flex;
	display: -ms-flexbox;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
	background: url(../images/custom/timeline_bg.png) no-repeat center;
}

.timeline .item {
	width: 150px;
	text-align: center;
}

.timeline .item:nth-child(even) p {
	margin-top: 27px;
}

.timeline span {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 32px;
	font-weight: 700;
	display: block;
	text-align: center;
}

.timeline img {
	margin: 10px 0;
}


/* portfoliorow */

.portfoliorow {
    padding: 50px 0;
    background: #f3f3f3;
}

.portfoliorow h3 {
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
}

.hot_swipe_carousel_slides2 img {
    width: auto !important;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.hot_swipe_carousel_slides2 .contents {
    position: relative !important;
    padding-top: 0;
    min-height: 160px;
}

.hot_swipe_carousel_slides2 .contents p {
    max-width: 600px;
    margin: 0 auto;
}

.hot_swipe_carousel_slides2 .gallery-cell,
.hot_swipe_carousel_slides2 h4 {
    text-align: center;
}

.hot_swipe_carousel_slides2 .flickity-page-dots {
    bottom: 0;
    position: relative;
    padding: 0;
}

.hot_swipe_carousel_slides2 .flickity-page-dots .dot {
    background: #ccc;
}

.hot_swipe_carousel_slides2 .flickity-page-dots .dot.is-selected {
    background: #fff;
}

.hot_swipe_carousel_slides2 .flickity-page-dots {
	text-align: center;
	margin-top: 30px;
}


/* purchaserow */

.purchaserow {
    padding: 50px 0;
    background: #2cb9cb;
    color: #fff;
}

.purchaserow p {
	float: left;
	margin: 15px 0;
}

.purchaserow a.btn {
	float: right;
	background: transparent;
	border:2px solid #fff;
	color: #fff;
	text-transform: uppercase;
}

.purchaserow a.btn:hover {
	background: #fff;
	color: #2cb9cb;
}

/* maprow */

.maprow {
    padding: 50px 0;
    background: #3a454f;
}

.maprow h3 {
    font-size: 32px;
    text-transform: uppercase;
    color: #fff;
}

.maprow .subheading {
    margin-bottom: 60px;
}

input.rapid_contact {
	width: 100%;
}

textarea.rapid_contact {
	width: 100%;
	height: 150px;
}

.maprow .button:hover, .maprow .btn:hover {
	color: #262F38;
    background-color: #fff;
}


/* pricingrow */

.pricingrow {
    padding: 50px 0;
	text-align: center;
	background: #f3f3f3;
}

.pricingrow h3 {
	font-size: 32px;
	text-transform: uppercase;
	text-align: center;
}

.pricingrow h4 {
	text-align: center;
	background: #3a454f;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	margin: 0;
	padding-top: 15px;
	border-radius: 5px 5px 0 0;
}

.pricingrow .item {
	background: #fff;
	width: 30%;
    margin: 20px 1.66% !important;
    border-radius: 5px;
    padding-bottom: 15px;
}

.pricingrow .container .cell_pad {
	margin: 0 -10px;
}

.pricingrow .item p.pricing_price {
	background: #3a454f;
	color: #fff;
	margin: 0 0 15px 0 !important;
	padding-bottom: 15px;
	border:0;
}

.pricingrow .item p {
	margin: 0 10px;
	padding: 8px 0;
	border-bottom: 1px solid #f3f3f3;
}

.pricingrow .item p:last-child {
	border-bottom: 0;
}

.pricingrow .featured h4, .pricingrow .item.featured p.pricing_price {
	background: #2cb9cb;
}

.pricingrow a.btn {
	background: #3a454f;
	color: #fff;
	margin-top: 15px;
	text-transform: uppercase;
}

.pricingrow .featured a.btn, .pricingrow a.btn:hover {
	background: #2cb9cb;
}

.pricingrow .featured a.btn:hover {
	background: #3a454f;
}


/* testimonialsrow */

.testimonialsrow {
	background: #2cb9cb url(../images/custom/world_bg.png) no-repeat;
    padding: 40px 0;
    text-align: center;
    background-attachment: fixed;
}

.testimonialsrow h4 {
	font-size: 24px;
	color: #fff;
	font-weight: 300;
}

/* grid */

.portfoliorow .container .cell_pad {
	margin: 0 -10px;
}

.grid-item {
	width: 30%;
	min-height: 354px; /* safari fix */
	margin: 20px 1.66%;
	background: #fff;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.grid-item h4 {
	padding: 15px 15px 0 15px;
	color: #2cb9cb;
	font-weight: 400;
}

.grid-item p {
	padding: 0 15px;
}

.grid-item img {
	border-radius: 5px 5px 0 0;
	width: 100%;
	height: auto;
}

.button-group {
	text-align: center;
	margin-bottom: 50px;
}

button {
	background: #fff;
	border:0;
	border-radius: 5px;
	color: #444;
	padding: 15px 30px;
	margin: 0 5px;
	outline: none;
	font-family: 'Open Sans', sans-serif;
}

button:hover, button.active {
	background: #2cb9cb;
	color: #fff;
}

#imagelightbox-close {
	padding: 0;
}

/* bottomrow */

.bottomrow {
    background: #262F38;
    height: 50px;
    padding: 25px 0 0 0;
    text-align: center;
}

.bottomrow a {
	padding: 0 10px;
}


/* copyrightrow */

.copyrightrow {
    background: #262F38;
    bottom: 0;
    color: #fff;
    padding: 25px 0 0 0;
    height: 50px;
}

.copyrightrow p {
	margin: 0;
}

.copyrightrow a {
	color: #2cb9cb;
}


/* j2store */

.product-qty input[type="text"], .product-qty input[type="number"] {
    padding: 14px 5px !important;
    width: 50px !important;
}

.j2store-products-row {
	margin: 15px 0 30px;
}

.pcolumn-2 {
	margin-left: 20px;
}

.j2store-products-row .j2store-single-product .options {
	float: right;
	margin-top: -3px;
}

.j2store-products-row .j2store-single-product h2 {
	padding: 15px 0 5px;
}

.j2store-add-to-cart {
    margin-left: 0;
}

.j2store-single-product .nav-tabs > .active > a {
	color: #444444;
    font-size: 24px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    padding-top: 20px;
}

.j2store-cart {
	margin-top: 16px;
}

.j2store-cart-table input.input-mini {
	padding: 0;
	text-align: center;
}

.j2store-cart-table a.j2store-remove {
	padding: 12px;
	margin-bottom: 20px;
}

.j2store-cart-table a.j2store-remove i {
	font-size: 24px;
}

.j2store.checkout #billing-address input.inputbox {
	width: 90%;
	height: 30px;
}

.j2store-addtocart-form select {
	padding: 0;
}

.j2store-cart .row {
	width: auto;
}

/* responsive */

@media (max-width: 1240px) {

	.topmenurow > .container {
	    padding: 0;
	}

	.pricingrow .container .cell_pad, .portfoliorow .container .cell_pad {
		margin: 0 10px;
	}

	.timeline {
		background: none;
	}

	.timeline .item {
		width: 33.33%;
	}

	.timeline .item:first-child {
		display: none;
	}

	.timeline img {
	    display: block;
	    margin: 5px auto;
	}

	.timeline .item:nth-child(even) p {
		margin-top: 0;
	}

	.hot_swipe_carousel_slides1 .contents {
		top: 0;
	}

	.hot_swipe_carousel_slides1 .contents h2 {
		line-height: 1;
	}

	.mp_right #mod-search-searchword {
		width: 160px;
	}

	.j2store-products-row .j2store-single-product .options {
	    float: none;
	    margin-top: 0;
	}

}

@media (max-width: 992px) {

	.button, .btn {
		padding: 16px 25px;
	}

	.carouselrow {
	    padding-top: 30px;
	}

	.hot_swipe_carousel_slides1 img {
		width: 500px;
	}

	.hot_swipe_carousel_slides1 .contents {
		font-size: 14px;
	}

	.hot_swipe_carousel_slides1 .contents h2 {
		font-size: 32px;
	}

	.blog-featured .row-fluid .span3 {
	    width: 47%;
	}

	.blog-featured .cols-4 div.item:nth-child(even) {
	    margin: 0;
	}

	.purchaserow {
		text-align: center;
	}

	.purchaserow p, .purchaserow a.btn {
		float: none;
	}

	.contact-form input, .contact-form textarea {
	    max-width: 265px !important;
	}

	.blog .items-row.cols-1 .item .item-image {
	    float: none;
	    margin-left: 0;
	}

	.contentrow .moduletable h3, .contentrow .moduletable_featured h3 {
		font-size: 18px;
	}

	.fontawesome-icon-list div {
		width: 100%;
		float: none;
	}

	.testimonialsrow {
	    background-attachment: scroll;
	    background-size: cover;
	}

}

@media (max-width: 767px) {

	.pricingrow .item {
		margin: 20px 0 !important;
	}

	.blog-featured .row-fluid .span3 {
		width: 100%;
		margin: 0;
	}

	.timeline .item {
		width: 100%;
	}

	.portfoliorow button {
		margin-bottom: 15px;
	}

	.grid-item {
		width: 96%;
	}

	.hot_swipe_carousel_slides1 .contents {
		width: 100%;
		position: relative;
		padding-top: 30px;
	}

	.hot_swipe_carousel_slides1 .contents p {
		width: 65%;
		float: left;
	}

	.hot_swipe_carousel_slides1 .contents p.readmore {
		width: 30%;
		float: right;
		text-align: right;
		padding-bottom: 30px;
	}

	.hot_swipe_carousel_slides1 img {
		width: 100%;
		float: none;
	}

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

	.mp_right .cell_pad {
		margin-left: 10px;
	}

	.j2store-products-row.row-fluid > div,
	.j2store-single-product .row-fluid > div,
	.j2store-cart .row-fluid > div,
	.j2store.checkout .row-fluid > div {
		margin-left: 0 !important;
		margin-bottom: 30px;
		width: 100% !important;
	}

	.pcolumn-2 {
		margin-left: 0;
	}

}