/*------------------------------------------------------------------------
# "Hot Paradise" - 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.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

/******* COMMON SPARKY'S CSS *******/

* {
	box-sizing: border-box;
}

body {
	margin:0;
	padding:0;
}

.container::after {
	content:"";
	display:table;
	clear:both;
}

.clr {
    clear:both;
}

p {
	margin: 0 0 15px;
	line-height: 1.5;
}

.content_sparky li {
	line-height: 1.5;
}

h1 {
    padding:30px 0;
    margin:0;
    line-height:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:normal;
}

h3 {
    margin:15px 0;
    padding:0;
}

h4 {
    margin:15px 0;
    padding:0;
}

p.readmore {
	margin-top: 30px;
}

p.readmore a span {
	display: none;
}

a, a:hover {
	transition: color .3s;
}

/* 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, .contentrow .search input.inputbox {
	display: inline-block;
	vertical-align: middle;
	padding: 15px;
	margin: 0;
	background-color: #e7f0f9;
	border: 1px solid #e7f0f9;
}

.contact-form input {
	max-width: 248px;
}

.button, .btn {
	display: inline-block;
	padding: 12px 35px;
	margin: 0;
	color: #888;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border:3px solid #e7f0f9;
	text-transform: uppercase;
	transition: all .3s;
	background: #fff;
	font-family: 'Roboto', sans-serif;
}

.button:hover, .btn:hover {
	color: #333333;
	text-decoration: none;
	background: #e7f0f9;
	transition: all .3s;
}

.search .btn {
	padding: 6px 35px;
}

dl.search-results a {
	font-size: 18px;
}

dl.search-results dd.result-created {
	color: #999;
	padding-top: 10px;
}

#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:12px 30px;
	min-height: 50px;
}

.warning:before, .info:before, .error:before {
	font-family: FontAwesome;
	font-size: 28px;
	line-height: 28px;
	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;
}

.container > .cell {
	float:left;
}

/* abovecontent and belowcontent modules */

.abovecontent {
	padding: 0 0 30px 0;
}

.belowcontent {
	padding: 30px 0;
}

p.copyright {
	text-align: center;
}

/******* HOT PARADISE *******/

/* logorow */

.logorow {
	border-top: 10px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.sparky_logo {
	display: inline-block;
	border-top: 10px solid #d44457;
	margin-top: -10px;
	padding-top: 15px;
	transition: all .3s;
}

.sparky_logo:hover {
	border-top: 10px solid #2c343c;
	transition: all .3s;
}

.cell.mp_logo {
	padding-top: 0;
	padding-bottom: 0;
}

.sparky_logo span:nth-child(1) {
	font-weight: 900;
}

.sparky_logo span:nth-child(2) {
	font-weight: 500;
}

.sparky_logo span:nth-child(3) {
	font-weight: 400;
}

.mnu_topmenu > li > a, .mnu_topmenu > li > span {
	text-transform: uppercase;
	transition: all 0s;
}

.mnu_topmenu li.active:hover a {
	color: #fff !important;
}

.mp_search {
	text-align: right;
}

.logorow input.inputbox {
	border: 0;
	border-left: 1px solid #e1e1e1;
	padding: 15px 0 15px 8px;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	max-width: 100px;
	outline: none;
	-webkit-appearance: none;
}

.logorow input.button {
	border: 0;
	padding: 0;
	margin: 0;
}

/* carouselrow */

.carouselrow .cell {
	padding: 0;
}

.gallery-cell h2 {
	margin: 0 !important;
}

.gallery-cell h3 {
	color: #fff;
	background: url(../images/custom/row_subheading_bg_white.png) no-repeat bottom left !important;
	line-height: 72px;
	padding-bottom: 25px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.gallery-cell a {
	color: #fff;
	font-weight: 900;
}

.gallery-cell a:hover {
	color: #d44457;
}

.flickity-page-dots {
	bottom: 0 !important;
	height: 100px;
	background: rgba(44, 52, 60, 0.95);
}

.flickity-page-dots .dot {
	width: 100px !important;
	height: 100px !important;
	border-radius: 0 !important;
	margin: 0 !important;
	opacity: 1 !important;
}

.flickity-page-dots .dot.is-selected {
	border-bottom: 3px solid #d44457;
}

.flickity-page-dots .dot:nth-child(1) {
	background: url(../images/custom/icon1_white.png) no-repeat center;
}

.flickity-page-dots .dot:nth-child(2) {
	background: url(../images/custom/icon2_white.png) no-repeat center;
}

.flickity-page-dots .dot:nth-child(3) {
	background: url(../images/custom/icon3_white.png) no-repeat center;
}

.flickity-page-dots .dot:nth-child(4) {
	background: url(../images/custom/icon4_white.png) no-repeat center;
}

.flickity-page-dots .dot:nth-child(5) {
	background: url(../images/custom/icon5_white.png) no-repeat center;
}

.flickity-page-dots .dot.is-selected:nth-child(1) {
	background: #fff url(../images/custom/icon1_red.png) no-repeat center;
}

.flickity-page-dots .dot.is-selected:nth-child(2) {
	background: #fff url(../images/custom/icon2_red.png) no-repeat center;
}

.flickity-page-dots .dot.is-selected:nth-child(3) {
	background: #fff url(../images/custom/icon3_red.png) no-repeat center;
}

.flickity-page-dots .dot.is-selected:nth-child(4) {
	background: #fff url(../images/custom/icon4_red.png) no-repeat center;
}

.flickity-page-dots .dot.is-selected:nth-child(5) {
	background: #fff url(../images/custom/icon5_red.png) no-repeat center;
}

/* advertrow */

.advertrow {
	padding: 60px 0;
}

h2.row_heading, .gallery-cell h2, .page-header h1 {
	font-size: 20px;
	font-weight: 900;
	background: url(../images/custom/row_heading_bg_red.png) no-repeat;
	color: #fff;
	padding: 8px 25px 15px 30px;
	display: inline-block;
	margin: 0 10px;
	-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 46px, 0 46px);
	clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 46px, 0 46px);
}

h2.row_heading span, .gallery-cell h2 span, .page-header h1 span {
	font-weight: 300;
}

h3.row_subheading, .gallery-cell h3, .page-header h2 {
	font-size: 72px;
	line-height: 72px;
	font-weight: 900;
	background: url(../images/custom/row_subheading_bg.png) no-repeat bottom left;
	padding-bottom: 10px;
	margin: 10px 10px 30px;
}

h3 span {
	font-weight: 900;
}

h3.row_subheading.shadow, .gallery-cell h3.shadow, .page-header h2.shadow {
	background: none;
	color: #e7f0f9;
	position: absolute;
	font-size: 120px;
	z-index: -1;
}

.page-header h1 {
	margin: 0;
}

.page-header h2 {
	margin: 10px 0 30px;
}

.page-header h2.shadow {
	margin-top: 0;
	max-width: 775px;
}

.gallery-cell h2, .gallery-cell h3, .gallery-cell p {
	z-index: 2;
	position: relative;
}

.gallery-cell h3.shadow {
	z-index: 1;
	color: #000;
	opacity: 0.1;
}

.advertrow img {
	-webkit-clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
}

/* alternative way without clip-path */
/*.advertrow .custom::before {
	position: absolute;
	content: " ";
	width: 245px;
	height: 164px;
	background: url(../images/custom/14deg_right.png) top right no-repeat;
}*/

.advertrow .custom h3 {
	background: url(../images/custom/small_heading_bg_grey.png) bottom left no-repeat;
	padding: 12px 0;
}

/* pricingrow */

.pricingrow {
	padding: 60px 0;
	text-align: center;
}

.pricingrow h3.row_subheading {
	text-align: center;
	background: none;
	padding-bottom: 0;
}

.pricingrow h3 {
	text-align: center;
	background: url(../images/custom/small_heading_bg_white.png) bottom center no-repeat;
	padding-bottom: 15px;
}

.pricingrow h3 span {
	font-weight: 900;
}

.pricingrow ul {
	margin: 15px 0 25px;
}

.pricingrow li {
	list-style: none;
	border-bottom: 1px solid #d5e2ef;
	padding: 10px 0;
}

.pricingrow li.price {
	font-weight: 900;
	border-bottom: 0;
	padding-top: 20px;
}

.pricingrow a.btn {
	background: url(../images/custom/reserve_button_red.png) no-repeat;
	display: inline-block;
	width: 182px;
	height: 56px;
	font-weight: 500;
	color: #fff;
	border:0;
	line-height:26px;
}

.pricingrow a.btn:hover {
	background: url(../images/custom/reserve_button_white.png) no-repeat;
	color: #d44457;
}

/* countersrow */

.countersrow {
	padding: 30px 0;
}

.counter_number {
	font-weight: 900;
	margin: 20px 0 10px !important;
}

/* contentrow */

.contentrow {
	padding-top: 70px;
	padding-bottom: 30px;
}

.blog-featured .pull-right,
.blog .pull-right,
.blog-featured .pull-left,
.blog .pull-left {
	max-width: 58%;
}

.items-row {
	padding-bottom: 60px;
}

.item-image img {
	-webkit-clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);
}

.item-page .item-image img {
	-webkit-clip-path: polygon(0 0, 100% 0, 87% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 87% 100%, 0 100%);
	padding-bottom: 45px;
}

/* alternative approach without clip-path */
/*.item-image::before {
	position: absolute;
	content: " ";
	background: url(../images/custom/14deg_left.png) bottom left no-repeat;
	width: 150px;
	height: 286px;
}*/

h2.item-title {
	background: url(../images/custom/small_heading_bg_grey.png) bottom left no-repeat;
	margin-bottom: 30px;
	font-weight: 900;
}

h2.item-title span {
	font-weight: 300;
}

.mp_right {
	padding-left: 30px;
	background: #fff;
}

.mp_right .moduletable {
	padding-bottom: 30px;
}

.mp_right h3 {
	background: url(../images/custom/small_heading_bg_grey.png) bottom left no-repeat;
	padding-bottom: 15px;
}

.mp_right i {
	font-size: 36px;
	width: 36px;
	text-align: center;
    float: left;
    margin: 0 15px 15px 0;
}

.mp_right h4 {
	margin-top: 30px;
}

.mp_right h4 a {
	font-weight: 300;
	text-transform: uppercase;
}

.mp_right h4 a span {
	font-weight: 900;
}

.mp_right .newsflash img {
	max-width: 120px;
	float: right;
	margin: 0 0 10px 10px;
	-webkit-clip-path: polygon(17px 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(17px 0, 100% 0, 100% 100%, 0 100%);
}

.mnu_sidemenu > li {
	border-bottom:1px solid #e7f0f9;
}

/* testimonialsrow */

.testimonialsrow {
	padding: 70px 0;
}

.testimonialsrow .custom > div {
	max-width: 250px;
	float: left;
	margin-right: 20px;
}

.testimonialsrow img {
	-webkit-clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
}

/* alternative approach without clip-path */
/*.testimonialsrow .custom > div:before {
    position: absolute;
    content: " ";
    background: url(../images/custom/14deg_left.png) bottom left no-repeat;
    width: 250px;
    height: 167px;
}*/

.testimonialsrow .custom h3 {
	background: url(../images/custom/small_heading_bg_grey.png) bottom left no-repeat;
	display: inline-block;
	padding-bottom: 15px;
}

/* bottomrow */

.bottomrow {
	padding: 40px 0;
}

.bottomrow h3 {
	color: #ccc;
	background: url(../images/custom/small_heading_bg_white.png) bottom left no-repeat;
	padding-bottom: 15px;
}

.bottomrow h3 span {
	font-weight: 900;
}

.bottomrow li {
	border-bottom:1px solid #2c353d;
}

.bottomrow li:last-child {
	border-bottom: 0;
}

/* footerrow */

.footerrow, .footerrow a {
	color: #434e58;
}

.footerrow .mp_copyright p {
	padding-top: 15px
}

.footerrow .mp_copyright a {
	text-decoration: underline;
}

.mp_copyright p {
	text-align: right;
}

.footerrow .sparky_logo {
	border-top: 0;
	margin-top: 0;
	padding-top: 5px;
}

/* responsive */

.nav-toggle {
	float: left;
	margin-top: 5px;
}

.nav-collapse.opened li a {
	height: auto;
}

.nav-collapse.opened > ul ul {
	padding: 0 10px;
}

@media (max-width: 1250px) {

	.hot_swipe_carousel_slides .contents {
		top: 50px !important;
	}

	.gallery-cell h3 {
		font-size: 60px;
		line-height: 60px;
	}

	.gallery-cell h3.shadow {
		font-size: 100px;
	}


}

@media (max-width: 1090px) {

	.gallery-cell h3 {
		font-size: 48px;
		line-height: 48px;
	}

	.gallery-cell h3.shadow {
		font-size: 80px;
	}

	.hot_swipe_carousel_slides .contents {
		font-size: 14px !important;
	}

	.flickity-page-dots {
		height: 80px;
	}

	.flickity-page-dots .dot {
	    width: 80px !important;
	    height: 80px !important;
	}

	.mnu_topmenu > li > a, .mnu_topmenu > li > span {
	    padding: 0 10px;
	}

}

@media (max-width: 992px) {

	.mp_topmenu {
		width: 25%;
	}

	.mp_search,
	.sparky_row6 > .container > [class*="span"] {
		width: 50%;
	}

	.mp_right .newsflash img {
		max-width: 100%;
	}

	.mp_right i {
		float: none;
		display: block;
	}

	.gallery-cell h3 {
		font-size: 32px;
		line-height: 32px;
	}

	.gallery-cell h3.shadow {
		font-size: 54px;
	}

	.hot_swipe_carousel_slides .contents {
	    top: 40px !important;
	    left: 25% !important;
	    width: 60% !important;
	}

	.hot_swipe_carousel_slides .contents h2 {
	    font-size: 16px !important;
	    padding: 12px 25px 15px 30px;
	}

}

@media (max-width: 768px) {

	.one .mp_logo {
		width: 30%;
	}

	.one .mp_topmenu {
		width: 20%;
	}

	.one .mp_search {
		width: 50%;
	}

	.hot_swipe_carousel_slides .contents {
	    top: 10px !important;
	    left: 5% !important;
	    width: 85% !important;
	}

	.hot_swipe_carousel_slides .contents h2 {
	    font-size: 14px !important;
	    padding: 3px 25px 3px 30px;
	}

	.hot_swipe_carousel_slides .contents {
		font-size: 12px !important;
	}

	.gallery-cell h3 {
		font-size: 28px;
		line-height: 28px;
		padding-bottom: 5px !important;
	}

	.gallery-cell h3.shadow {
		font-size: 48px;
	}

	.flickity-page-dots {
		height: 40px;
	}

	.flickity-page-dots .dot {
	    width: 40px !important;
	    height: 40px !important;
	    background-size: 25px 25px !important;
	}

	.countersrow {
	    background-image: url(../images/counters_bg_small.jpg);
	    background-position: top center;
	}

}

@media (max-width: 650px) {

	.one .mp_logo {
		width: 100%;
	}

	.one .mp_topmenu {
		width: 30%;
		padding-top: 0;
		padding-bottom: 0;
	}

	.one .mp_search {
		width: 70%;
		padding-top: 0;
		padding-bottom: 0;
	}

	.sparky_logo {
		padding-top: 0;
	}

	.gallery-cell h3 {
		font-size: 22px;
		line-height: 22px;
		padding-bottom: 5px !important;
		margin-bottom: 5px;
	}

	.gallery-cell h3.shadow {
		font-size: 40px;
	}

	.hot_swipe_carousel_slides .contents p {
		font-size: 11px !important;
		line-height: 1.3 !important;
	}

	.flickity-page-dots {
		height: 30px;
	}

	.flickity-page-dots .dot {
	    width: 40px !important;
	    height: 30px !important;
	    background-size: 25px 25px !important;
	}

	h3.row_subheading, .page-header h2 {
	    font-size: 48px;
	    line-height: 48px;
	}

	h3.row_subheading.shadow, .page-header h2.shadow {
		font-size: 80px;
	}

	.pull-right.item-image,
	.pull-left.item-image {
		float: none;
	    margin: 0 0 18px 0;
	    max-width: 100%;
	}

	.testimonialsrow .custom > div {
		max-width: 100%;
	}

	.mp_right {
		padding-left: 10px;
	}

	.mp_right .newsflash img {
		max-width: 100px;
	}

}