/*------------------------------------------------------------------------
# "Hot Polygons" - 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
-------------------------------------------------------------------------*/

/******* COMMON SPARKY'S TEXT STYLES *******/

body {
	margin:0;
	padding:0;
	line-height: 1.5;
	background-size: cover;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	overflow-y: scroll;
}

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

.item-page h2 {
	font-size: 40px !important;
}

h3 {
    margin:15px 0;
    padding:0;
    line-height: 1;
}

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

/* read more button */

p.readmore a {
	display: inline-block;
	padding: 4px 12px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
}

p.readmore a:hover, p.readmore a:focus {
	color: #333333;
	text-decoration: 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;
	border: 1px solid #cccccc;
}

.button, .btn {
	display: inline-block;
	padding: 8px;
	margin: 0;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
}

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

#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;
	position: relative;
	top: -12px;
}

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

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

p.copyright a {
	color: #999;
}

/* HOT POLYGONS SPECIFICS */

/* toprow */

.sparky_logo {
	text-transform: uppercase;
}

.toprow {
	border-bottom: 1px solid #2e485e;
}

.toprow .cell_pad {
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}

.mp_topmenu .cell_pad {
	padding-top: 0;
	padding-bottom: 0;
}

.toprow canvas, .bottomrow canvas {
	position: absolute;
	z-index: -1;
}

.mnu_topmenu > li > a {
	text-transform: uppercase;
}

.mnu_topmenu > li > a, .mnu_topmenu > li > span {
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}

.mp_search {
	text-align: right;
}

.mp_search .cell_pad {
	padding-top: 0;
	padding-bottom: 0;
	margin: 15px 18px;
	border-left: 1px solid #88a1b7;
}

.mp_search input {
	background: transparent;
	border: 0;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #88a1b7;
}

.mp_search input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.mp_search button.button.btn {
	text-shadow:none;
	background: transparent;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #ccc;
	padding: 0;
}

.mp_search button.button.btn:before {
	font-family: FontAwesome;
    padding: 0;
    margin: 0 -20px;
    position: absolute;
    content: "\f002";
}

/* carousel */

.hot_swipe_carousel_slides1 .contents {
	width: 1328px !important;
}

.hot_swipe_carousel_slides1 .contents p {
	max-width: 700px;
	text-shadow: 1px 1px 1px #333;
}

.hot_swipe_carousel_slides1 .contents h2 {
	font-weight: 300;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
}

.hot_swipe_carousel_slides1 .contents h2 span {
	font-weight: 900;
}

/* advertrow */

.advertrow {
	text-align: center;
	font-size: 20px;
	color: #999;
	font-weight: 300;
	margin-bottom: 50px;
}

.advertrow h3 {
	text-align: center;
	font-weight: 300;
	padding: 75px 0 30px 0;
	margin: 0;
	line-height: 1;
	font-size: 60px;
}

.advertrow p {
	max-width: 750px;
	margin: 15px auto;
}

.mp_advert2 h3 {
	padding: 30px 0;
}

.mp_advert2 .cell_pad {
	padding-bottom: 50px;
}

/* contentrow */

.contentrow {
	padding: 50px 0;
}

.contentrow .container, .contentrow .row {
	width: 1400px;
}

.contentrow .cell_pad {
	margin: 0;
}

.category-desc {
	text-align: center;
	padding-bottom: 50px;
	font-size: 20px;
	color: #999;
	font-weight: 300;
}

.blog h1 {
	padding: 0;
}

.item-page {
	padding: 0 35px;
}

/* bottomrow */

.bottomrow {
	color: #ccc;
	min-height: 412px;
}

.bottomrow .cell_pad {
	padding-top: 50px;
	padding-bottom: 50px;
}

.bottomrow h3 {
	color: #fff;
	font-weight: 300;
	margin-bottom: 30px;
}

ul.latestnews {
	margin: 0;
	padding: 0;
	list-style: none;
}

.latest_news_image {
	width: 50%;
	height: auto;
	float: left;
	margin: 0 15px 25px 0;
	border: 1px solid #111;
	transition:all .3s;
}

.latest_news_image:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	transition:all .3s;
}

ul.latestnews h4 {
	margin: 0;
	text-transform: uppercase;
}

ul.latestnews h4 a {
	color: #fff;
	font-weight: 700;
}

.social_links {
	margin-top: 25px;
}

.social_links i {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #88a1b7;
	margin: 0 10px 0 0;
	color: #88a1b7;
	font-size: 24px;
	transition:all .3s;
}

.social_links i:hover {
	border: 1px solid #fff;
	color: #fff;
	transition:all .3s;
}

.rapid_contact .inputbox, .rapid_contact .textarea, .rapid_contact .button {
	background: transparent;
	border: 1px solid #88a1b7;
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-family: 'Lato', sans-serif;
	color: #88a1b7;
	transition:all .3s;
	padding-top: 0;
	padding-bottom: 0;
}

.rapid_contact .textarea {
	height: 87px;
}

.rapid_contact .button {
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
}

.rapid_contact .inputbox:focus, .rapid_contact .textarea:focus, .rapid_contact .button:hover {
	border: 1px solid #fff;
	color: #fff;
	transition:all .3s;
	outline: 0;
}

/* copyrightrow */

.copyrightrow {
	background: #222;
}

/* Effect 21: borders slight translate */

.pagination ul {
	text-transform: uppercase;
	font-size: 20px;
}

.pagination a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 20px;
	transition:all 0.5s;
	border: 1px solid #ccc;
}

.pagination a:hover {
	border: 5px solid #ccc;
	transition:all 0.5s;
}

/* lightbox */

#responsivelightbox {
	max-width: 1330px;
	margin: 0 auto;
}

/* slicebox */

.sb-slider {
	margin: 0 auto 10px;
}

/* contact form */

.contact-form input.required, .contact-form textarea.required, .search .inputbox {
	padding: 15px;
}

/* POLYGONS SCRIPT */

.content_sparky *,
.content_sparky *:after,
.content_sparky *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
}

.clearfix:after {
	clear: both;
}

body.body--hidden {
	overflow: hidden;
}

body.body--hidden .codrops-header,
body.body--hidden .content--related {
	opacity: 0;
}

.codrops-header,
.content--related {
	-webkit-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* CARD */

.card {
	position: relative;
	float: left;
	width: 29%;
	height: 0;
	margin: 2%;
	padding-bottom: 20%;
}

.card__container {
	position: fixed;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	/* prevents flicker */

	-webkit-overflow-scrolling: touch;
}

.card__container--closed {
	position: absolute;
	overflow: hidden;
}

.card__image {
	position: relative;
	left: 50%;
	display: block;
	height: 100%;
	max-height: 500px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.card__container--closed .card__image {
	cursor: pointer;
	border: 0;
	transition: all 0.5s;
	border: 1px solid #2e485e;
}

.card__container--closed .card__image:hover {
	border: 4px solid #2e485e;
	transition: all 0.3s;
}

.card__content {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 30px 40px 22px;
	color: #888;
	background: #fff;
}

.card__container--closed .card__content {
	margin-top: 0;
	padding: 5px 32px 5px 0;
	pointer-events: none;
	background: transparent;
	position: relative;
	top: -20px;
}

.card__caption {
	font-size: 2em;
	max-width: 900px;
	margin: 0 auto;
	padding: 35px 30px;
}

.card__container--closed .card__caption {
	font-size: 1em;
	max-width: none;
	padding: 20px;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	background: rgba(0,0,0,0.5);
}

h2.card__title {
	line-height: 1;
	padding: 0;
	font-size: 1.5em;
}

.card__container--closed .card__title {
	color: #fff;
}

.card__subtitle {
	font-size: .95em;
	line-height: 1;
	margin: 5px 0 0;
	color: #777778;
}

.card__container--closed .card__subtitle p {
	margin: 0;
}

.card__container--closed .card__subtitle {
	color: #f5f5f5;
}

.card__copy {
	font-size: 1.25em;
	max-width: 900px;
	margin: 0 auto;
	padding: 25px 30px 100px;
	color: #3b393d;
}

.card__copy p:first-of-type {
	font-size: 1.5em;
	padding: 0 0 1em 0;
}

.card__btn-close {
	font-size: 36px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 36px;
	cursor: pointer;
}

.card__btn-close:hover {
	color: #000;
}

.card__container--closed .card__btn-close {
	display: none;
}

.meta {
	font-size: .85em;
	display: -webkit-flex;
	display: flex;
	padding: 0 0 35px 0;

	-webkit-align-items: center;
	align-items: center;
}

.card__container--closed .meta {
	visibility: hidden;
}

.meta__author {
	font-weight: bold;
}

.meta__date {
	margin: 0 0 0 auto;
}

@media only screen and (max-width: 992px) {
	.card {
		width: 29%;
		padding-bottom: 22.2%;
	}
	.card__image {
		max-height: 260px;
	}
	.card__content {
		margin-bottom: 0;
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media only screen and (max-width: 768px) {
	.card {
		width: 96%;
		padding-bottom: 53%;
	}

	.card__image {
		max-height: 360px;
	}

}

@media only screen and (max-width: 400px) {
	.card__caption {
		font-size: 1.25em;
		padding: 35px 0px 0px;
	}
	.meta {
		padding: 0 0 25px 0;
	}
	.card__copy {
		font-size: 90%;
		padding: 25px 0px 100px;
	}
}

/* PATTERN */

.pattern {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pattern--hidden {
	visibility: hidden;
	opacity: 0;
}

.pattern--hidden .polygon {
	transition-duration: 0ms;
}

.pattern svg {
	width: 100%;
	height: 100%;
}

.polygon {
	transition: -webkit-transform 300ms ease-in-out, opacity 300ms ease-in-out;
	transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	fill: transparent;
}

.polygon--hidden {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

/* disable scale on firefox */

.ff .polygon {
	-webkit-transform: scale(1)!important;
	transform: scale(1)!important;
}

/* responsive */

@media only screen and (max-width: 1399px) {

	.contentrow .container, .contentrow .row {
		width: 100%;
	}

	.card__container--closed .card__image {
		border: 0;
	}

	.search .inputbox {
		width: 100px;
	}

	.gallery-cell .contents {
		width: 90% !important;
		top: 60px !important;
	}

	.card__container--closed .card__caption {
		position: relative;
		left: 1px;
	}

}

@media only screen and (max-width: 1210px) {

	.mp_topmenu {
		width: 50%;
	}

	.mp_search {
		width: 25%;
	}

}

@media only screen and (max-width: 992px) {

	.latest_news_image {
		width: 100%;
		float: none;
		margin: 0 15px 10px 0;
	}

	.rapid_contact.button {
		width: 70% !important;
	}

	.gallery-cell .contents h2 {
		font-size: 40px;
	}

	.gallery-cell .contents {
		font-size: 18px;
		top: 30px !important;
	}

}

@media only screen and (max-width: 768px) {

	.mp_logo, .mp_topmenu {
		width: 50%;
		float: left;
	}

	.mp_search {
		width: 100%;
		float: none;
		clear: both;
		text-align: left;
	}

	.search .inputbox {
		width: 130px;
	}

	.rapid_contact .inputbox, .rapid_contact .textarea, .rapid_contact .button {
		width: 80%;
	}

	.gallery-cell img {
		min-height: 250px;
	}

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

	.gallery-cell .contents {
		font-size: 16px;
		top: 30px !important;
	}


}