/*------------------------------------------------------------------------
# "Hot Startup" - 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;
	-webkit-font-smoothing: antialiased;
}

.clr {
    clear:both;
}

p {
	margin: 0 0 15px;
	line-height: 1.6;
}

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;
    letter-spacing: 2px;
}

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

/* read more button */

p.readmore a {
	display: inline-block;
	padding: 20px 40px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background: #23bfe8;
	font-weight: 900;
	letter-spacing: 2px;
}

p.readmore a:hover, p.readmore a:focus {
	text-decoration: none;
	background: #fff;
	color: #23bfe8;
	-webkit-box-shadow:inset 0px 0px 0px 3px #23bfe8;
    -moz-box-shadow:inset 0px 0px 0px 3px #23bfe8;
    box-shadow:inset 0px 0px 0px 3px #23bfe8;
    transition: color 1s;
}

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: #ffffff;
	color:#555555;
	border: 1px solid #cccccc;
}

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

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

#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;
	line-height: 1.6;
}

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

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

blockquote {
	margin:0;
	padding:15px 15px 15px 15px;
	font-size:150%;
	font-style:italic;
	font-family: serif;
	line-height:normal;
}

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

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

/* HOT STARTUP TEMPLATE SPECIFICS */

.sparky_logo, .sparky_slogan, .mnu_topmenu > li > a, .mnu_topmenu > li > span, .carouselrow, p.readmore a, h1, h2, h3, h4 {
	text-transform: uppercase;
}

a, a:hover, .button:hover, .button, .btn:hover, .btn, i, i:hover, .contentrow .moduletable .menu li:hover:before {
	transition: all .3s;
}

/* linea icon font */

@font-face {
	font-family: "linea-basic-10";
	src:url("../fonts/linea-basic-10.eot");
	src:url("../fonts/linea-basic-10.eot?#iefix") format("embedded-opentype"),
	    url("../fonts/linea-basic-10.woff") format("woff"),
	    url("../fonts/linea-basic-10.ttf") format("truetype"),
	    url("../fonts/linea-basic-10.svg#linea-basic-10") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* logorow */

.logorow {
	padding:0 0;
}

.sparky_logo {
	display: inline-block;
	height: 24px;
	letter-spacing: 5px;
}

.sparky_slogan {
	height: 12px;
	display: inline-block;
	border-left: 1px solid #000;
	margin-left: 10px;
	padding-left: 10px;
	letter-spacing: 3px;
}

.mnu_topmenu > li > a, .mnu_topmenu > li > span {
	letter-spacing: 2px;
}

.mnu_topmenu ul {
	border: 0;
}

.fix_menu {
    background: #23bfe8 !important;
	padding:30px 0;
}

.fix_menu .sparky_logo, .fix_menu .sparky_logo a, .fix_menu .sparky_slogan, .fix_menu .mnu_topmenu > li > a, .fix_menu .mnu_topmenu > li > span {
	color: #fff;
	transition: all 0s;
}

.fix_menu .mnu_topmenu > li.active > a, .fix_menu .mnu_topmenu > li.active > span {
	color: #fff !important;
	transition: all 0s;
	border-bottom: 2px solid #fff;
}

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

.fix_menu .mnu_topmenu > li > a:hover, .fix_menu .mnu_topmenu > li:hover > a, .fix_menu .mnu_topmenu > li > a:hover, .fix_menu .mnu_topmenu > li:hover > span {
	color: #444 !important;
}

.fix_menu  .sparky_slogan {
	border-left: 1px solid #fff;
}

/* breadcrumbsrow */

.breadcrumbsrow {
	background:url(../images/custom/counter_bg.jpg);
	background-size: cover;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

.breadcrumbsrow .container {
	width: 100%;
	background: rgba(35,191,232,0.8);
	padding: 40px 0;
}

.breadcrumbsrow .container .row {
	margin: 0 auto;
}

.breadcrumbsrow a {
	color: #fff;
	font-weight: bold;
}

/* carouselrow */

.carouselrow h2 {
	color: #fff;
	font-weight: 900;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 20px;

}

.carouselrow p {
	font-weight: 900;
	letter-spacing: 2px;
	text-align: center;
	font-size: 16px;
}

.carouselrow p.readmore {
	margin-top: 70px;
}

.sb-slider {
	margin-top: 0;
}

/* advertrow */

.advertrow {
	padding: 100px 0;
}

.advertrow h3 {
	font-size: 16px;
	line-height: 32px;
	position: relative;
	left: -32px;
}

.advertrow h3:before {
	font-family: "linea-basic-10" !important;
	font-size: 32px;
	width: 32px;
	display: block;
	float: left;
	position: relative;
	left: -32px;
	color: #23BFE8;
}

.advertrow .moduletable {
	padding-left: 60px;
}

.mp_advert1 h3:before {
	content: "?";
}

.mp_advert2 h3:before {
	content: "\e014";
}

.mp_advert3 h3:before {
	content: "\e027";
}

/* videorow */

.mp_top1 .cell_pad {
	width: 566px;
	float: right;
}

.videorow .mp_top1 .moduletable {
	padding-right: 50px;
	padding-top: 70px;
}

.videorow h3 {
	margin-bottom: 5px;
}

.videorow h4 {
	margin-bottom: 50px;
}

.videorow p.readmore {
	margin-top: 50px;
}

video {
	width:100%;
	height:auto
}

/* touchrow */

.touchrow {
	margin: 100px 0;
}

.touchrow h3 {
	margin-bottom: 5px;
}

.touchrow h4 {
	margin-bottom: 50px;
}

.touchrow p.readmore {
	margin-top: 50px;
}

.mp_user2 .moduletable {
	padding-top: 70px;
}

.mp_user2, .mp_user2 p, .mp_user2 h3, .mp_user2 h4 {
	text-align: right;
}

/* counterrow */

.counterrow {
	background:url(../images/custom/counter_bg.jpg);
	background-size: cover;
}

.counterrow .container {
	width: 100%;
	background: rgba(35,191,232,0.8);
	padding: 100px 0;
}

.counterrow .container .row {
	margin: 0 auto;
}

/* contentrow */

.contentrow {
	margin: 10px 0;
}

.blog-featured .page-header {
	text-align: center;
}

.blog-featured h1 {
	font-size: 24px;
	text-align: center;
	letter-spacing: 2px;
	border-bottom: 3px solid #23bfe8;
	display: inline-block;
	padding: 0 0 10px 0;
	margin-bottom: 50px;
}

.items-row h2 {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 2px;
}

.items-row p.readmore a {
	display: inline-block;
	padding: 20px 0 40px;
	color: #23bfe8;
	text-align: inherit;
	background: none;
	letter-spacing: 0px;
	font-size: 14px;
}

.items-row p.readmore a:hover {
	background: none;
	color: #000;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.items-row .item-image {
	position: absolute;
}

.startup_intro_container {
	padding-left: 110px;
}

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

.sparky_inner .items-row .page-header {
	margin: 2px 0px 0 0px;
	padding-bottom: 0;
}

.sparky_inner .items-row .page-header h2 {
	padding-bottom: 0;
}

.sparky_inner .items-row .article-info {
	padding-bottom: 30px;
}

.item-page .page-header h1 {
	font-size: 28px;
	padding: 0;
	margin: 50px 0 0 0;
	letter-spacing: 2px;
}

.item-page .page-header {
	margin: 2px 0 0 0;
	padding-bottom: 0;
}

.item-page .article-info {
	margin: 5px 0 50px;
}

/* column */

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

.mp_left .cell_pad {
	margin-right: 30px;
}

#mod-search-searchword {
	font-style: italic;
	padding-top: 0;
	padding-bottom: 0;
	height: 34px;
}

.moduletable .search .button {
	padding-top: 0;
	padding-bottom: 0;
	height: 36px;
}

.contentrow .moduletable h3 {
	font-size: 16px;
	padding: 30px 0;
}

.contentrow .moduletable li {
	padding: 10px 0;
}

.contentrow .moduletable .menu {
	list-style: none;
	margin: 0 15px;
}

.contentrow .moduletable .menu li:before {
	font-family: FontAwesome;
	content: "\f111";
    font-size: 10px;
	float: left;
	padding-top: 4px;
	padding-right: 10px;
}

.contentrow .moduletable .menu li a, .contentrow .moduletable .menu li:hover a {
	color: #000;
}

.contentrow .moduletable .menu li:hover:before {
	color: #23bfe8;
}

.testimonial {
	font-style: italic;
}

/* lightboxrow */

#responsivelightbox li {
	width: 16.6666666%;
}

#responsivelightbox img {
	width: 100%;
	height: 100%;
}

/* testimonialsrow */

.testimonialsrow {
	margin: 100px 0;
}

.hot_swipe_carousel_slides2 {
}

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

.hot_swipe_carousel_slides2 .contents {
    position: relative !important;
    top: -60px !important;
    padding-top: 110px;
    border: 2px solid #eee;
    min-height: 160px;
}

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

.hot_swipe_carousel_slides2 .contents p:before {
	font-family: FontAwesome;
	content: "\f10d";
	color: #23bfe8;
	font-size: 24px;
	position: absolute;
	top: 130px;
	left: 150px;
}

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

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

.hot_swipe_carousel_slides2  .flickity-page-dots .dot {
	width: 12px;
	height: 12px;
	background: #000;
}

.hot_swipe_carousel_slides2 .flickity-page-dots .dot.is-selected {
	width: 12px;
	height: 12px;
	background: #23bfe8;
}

/* socialrow */

.socialrow {
	background: #23bfe8;
	text-align: center;
	padding: 100px 0;
	color: #fff;
}

.socialrow a {
	color: #eee;
	font-size: 60px;
	display: inline-block;
	width: 20%;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}


.socialrow a:hover i {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
	color: #000;
}

/* bottomrow */

.bottomrow {
	background: #111;
	padding: 100px 0;
	color: #eee;
	font-size: 14px;
 	margin: 0 auto;
}

.bottomrow .cell_pad {
	margin-right: 30px;
}

.bottomrow h3 {
	color: #eee;
	font-size: 16px;
	line-height: 32px;
}

.bottomrow li {
	border-bottom: 1px solid #333;
}

/* copyrightrow */

.copyrightrow {
	background: #000000;
	padding: 30px 0;
	color: #eee;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}

.copyrightrow a {
	font-weight: bold;
	color: #fff;
}

/* responsive */

@media (max-width: 1600px) {

	.hot_swipe_carousel_slides1 .contents {
		top: 50px;
	}

	.carouselrow p.readmore {
		margin-top: 30px;
	}

	.videorow .mp_top1 .moduletable {
		padding-top: 20px;
	}

}

@media (max-width: 1250px) {

	.carouselrow h2 {
		padding: 0;
	}

	.videorow .mp_top1 .moduletable {
		padding-top: 0;
	}

	#mod-search-searchword {
		max-width: 200px;
	}

	.sparky_slogan, .fix_menu .sparky_slogan {
		padding-left: 0;
		margin-left: 0;
		border: 0;
	}

}

@media (max-width: 1150px) {

	.hot_swipe_carousel_slides1 .contents {
		width: 95%;
	}

	.mp_top1 .cell_pad {
		width: auto;
		padding-left: 15px;
	}

	.advertrow h3:before {
		left: -10px;
		position: absolute;
	}

	.advertrow h3 {
		padding-left: 32px;
	}

}

@media (max-width: 992px) {

	.hot_swipe_carousel_slides1 .contents {
		top: 25px;
	}

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

	p.readmore a {
		padding: 10px 20px;
	}

	.cols-3 div.item {
		width: 100%;
		float: none;
		margin: 0;
	}

	#responsivelightbox li {
		width: 33.3333333%;
	}

	#mod-search-searchword {
		max-width: 120px;
	}

}

@media (max-width: 768px) {

	.counter_field {
		width: 100%;
		float: none;
		padding-bottom: 50px;
	}

	.counter_number {
		margin: 0;
	}

	.carouselrow .flickity-viewport {
		min-height: 300px;
	}

	.hot_swipe_carousel_slides1 img {
		height: 340px;
		width: 1050px;
	}

	.hot_swipe_carousel_slides1 .contents {
		z-index: 999;
	}

	.hot_swipe_carousel_slides2 .contents p:before {
		display: none;
	}

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

	.carouselrow p {
		font-size: 12px;
	}

	.fix_menu {
		padding: 15px 0;
	}

}

@media (max-width: 500px) {

	.testimonialsrow .gallery-cell {
		min-height: 350px;
	}

}