/*------------------------------------------------------------------------
# "Hot Hair" - 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;
        font-family: "open sans",sans-serif;
}

.container::after {
	content:"";
	display:table;
	clear:both;
}

.clr {
    clear:both;
}

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

.contentrow li {
	line-height: 1.4;
}

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

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:normal;
}

.container > h2 {
	text-align: center;
}

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

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

/* read more button */

.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;
	font-family: "open sans",sans-serif;
	text-transform: uppercase;
}

textarea {
	font-family: "open sans",sans-serif;
	padding: 8px;
}

.button, .btn, a.readmore {
	display: inline-block;
	padding: 12px 24px;
	margin: 15px 0 0 0;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: #e62739;
	border:1px solid #e62739;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.button:hover, .btn:hover, a.readmore:hover {
	color: #e62739;
	text-decoration: none;
	background: transparent;
}

#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: -12px 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:"open sans",sans-serif;
	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 */

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

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

/******* HOT HAIR *******/

/* logorow */

.mp_topmenu {
	padding-top: 40px !important;
        font-family: "open sans",sans-serif;
}

.mnu_topmenu > li {
	margin: 0 3px;
        height: 45px
}

.sparky_logo_image{
	background-position: top center;
	text-align: center;
	min-height: 98px;
	padding-top: 22px  !important;
}

.magnifier {
	display: block;
	width: 13px;
	height: 15px;
	background:url(../images/custom/magnifier.png) no-repeat;
	position: relative;
    top: 40px;
    cursor: pointer;
}

.close_button {
	cursor: pointer;
}

.mp_search .moduletable .search {
	position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin-top: 12px;
    display: none;
}

.mp_search input {
	border: none;
	padding: 13px;
	width: 30%;
}

.mp_search button {
	margin: 0;
}

.mnu_topmenu > li > ul {
	padding-top: 15px;
	padding-bottom: 15px;
        font-family: "open sans",sans-serif;
}

.mnu_topmenu li ul li {
	border-bottom: 0;
}

.mnu_topmenu > li > ul ul {
	margin-left: -2px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: -16px;
}

/* carouselrow */

.carouselrow .gallery-cell {
	/*background: -moz-linear-gradient(top,  rgba(225,232,240,0.9) 0%, rgba(110,211,207,0.9) 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top,  rgba(225,232,240,0.9) 0%,rgba(110,211,207,0.9) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom,  rgba(225,232,240,0.9) 0%,rgba(110,211,207,0.9) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e1e8f0', endColorstr='#e66ed3cf',GradientType=0 );*/ /* IE6-9 */
}

.carouselrow .gallery-cell > img {
	z-index: -1;
	position: relative;
}

.carouselrow .gallery-cell:not(.is-selected) .contents {
	display: none;
}

.carouselrow .contents img {
	float: left;

	max-width: 50%;
	position: relative;
	left: 10%;
	margin-top: 4%;
	opacity: 0;
}

.carouselrow .gallery-cell.is-selected .contents img {
	animation-name: fadeIn;
	animation-duration: 3s;
	animation-fill-mode: forwards;
	animation-delay: .5s;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fromRight {
    0% { opacity: 0; left: 20px; } 
    100% { opacity: 1; left: 0; }
}

.carouselrow .contents h3 {
	font-size: 30px;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 2px 2px 1px #6ed3cf;
	max-width: 95%;
	margin-top: 10%;
}

.carouselrow .contents p {
	max-width: 95%;
}

.carouselrow .gallery-cell .contents h3,
.carouselrow .gallery-cell .contents p,
.carouselrow .gallery-cell .contents a.button {

}

.carouselrow .gallery-cell.is-selected .contents h3,
.carouselrow .gallery-cell.is-selected .contents p,
.carouselrow .gallery-cell.is-selected .contents a.button {
	position: relative;
	opacity: 0;
	animation-name: fromRight;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-delay: 2s;
}

.carouselrow .contents h3 span {
	display: block;
	text-shadow: none;
	font-size: 90px;
	line-height: 1;
	font-family: "open sans",sans-serif;
	text-transform: none;
	color: #55595d;
}

.carouselrow .flickity-prev-next-button,
.carouselrow .flickity-prev-next-button:hover {
	background: url(../images/custom/carousel_arrows.png);
	width: 40px;
	height: 73px;
}

.carouselrow .flickity-prev-next-button.previous {
	left: 30px;
}

.carouselrow .flickity-prev-next-button.next {
	background-position: right;
	right: 30px;
}

.carouselrow .flickity-prev-next-button svg {
	display: none;
}

.carouselrow .contents .button {
	background: #9068be;
	border: 1px solid #9068be;
	font-size: 24px;
	font-weight: 300;
	z-index: 1;
	position: relative;
}

.carouselrow .contents .button:hover {
	background: #55595d;
	border: 1px solid #55595d;
	color: #fff;
}

.carouselrow  .flickity-page-dots .dot {
	background: #fff;
	opacity: 1;
	width: 10px;
	height: 10px;
}

.carouselrow  .flickity-page-dots .dot.is-selected {
	background: transparent;
	border: 2px solid #fff;
}


/* smallcontactrow */

.smallcontactrow {
	text-align: center;
	font-size: 20px;
	padding: 37px 0;
}

.mp_top1 a::before, .mp_top2 span::before, .mp_top3 span::before,
.mp_advert1 span::before, .mp_advert3 span::before {
	content:" ";
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin: 0 20px;
}

.mp_top1 a::before {
	background: url(../images/custom/icon_envelope.png) no-repeat;
}

.mp_top2 span::before {
	background: url(../images/custom/icon_phone.png) no-repeat right;
}

.mp_top3 span::before {
	background: url(../images/custom/icon_location.png) no-repeat;
}

/* servicesrow */

.servicesrow {
	text-align: center;
	color: #ffffff;
	font-size: 20px;
}

.servicesrow .cell {
	border-right:1px solid #fff;
}

.servicesrow .cell:last-child {
	border-right: 0;
}

.servicesrow h3 {
	text-align: center;
	color: #ffffff;
	font-family: Playfair Display;
	font-style: italic;
	font-size: 36px;
	margin-top: 0;
}

.servicesrow hr {
	background: url(../images/custom/divider.png) no-repeat center;
	border-top: 0;
	border-bottom: 0;
	margin: 15px 0;
	height: 7px;
}

.servicesrow img {
	display: block;
	width: 100%;
}

.servicesrow .cell:nth-child(odd) img {
	border-top: 1px solid #fff;
}

.servicesrow .cell:nth-child(even) img {
	border-bottom: 1px solid #fff;
}

.sparky_inner .servicesrow img {
	display: none;
}

.servicesrow .button {
	background: #fff;
	border:0;
	color: #55595d;
	font-weight: 300;
}

.servicesrow .button:hover {
	background: #f2f2f2;
}

.mp_top4 {
	background: #;
}

.mp_top5 {
	background: #;
}

.mp_top6 {
	background: #;
}

.mp_user2 {
	background: #;
}

.mp_user3 {
	background: #;
}

.mp_user4 {
	background: #;
}

.hair_menu {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/* testimonialsrow */

.testimonialsrow {
	padding: 80px 0 120px;
}

.hot_swipe_carousel_slides_testimonials img {
	width: 50% !important;
}

.hot_swipe_carousel_slides_testimonials .gallery-cell {
	background: #fff;
}

.hot_swipe_carousel_slides_testimonials h2 {
	text-transform: uppercase;
}

.hot_swipe_carousel_slides_testimonials h2::before {
	content: " ";
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/custom/icon_quotes.png) no-repeat;
}

.testimonialsrow .author {
	color: #e62739;
	font-size: 14px;
	text-transform: uppercase;
}

.hot_swipe_carousel_slides_testimonials .flickity-page-dots {
	bottom: -50px;
}

.hot_swipe_carousel_slides_testimonials  .flickity-page-dots .dot {
	background: #b7bbc0;
	width: 10px;
	height: 10px;
}

.hot_swipe_carousel_slides_testimonials  .flickity-page-dots .dot.is-selected {
	background: transparent;
	border: 2px solid #55595d;
}

/* workinghoursrow */

.workinghoursrow {
	text-align: center;
	font-size: 20px;
	padding: 37px 0;
	background: #fff;
}

.mp_advert2 {
	font-size: 36px;
	color: #e62739;
	font-weight: 800;
}

.mp_advert1 span::before {
	background: url(../images/custom/icon_scissors.png);
	width: 31px;
	height: 34px;
}

.mp_advert3 span::before {
	background: url(../images/custom/icon_sun.png);
	width: 41px;
	height: 41px;
}

/* featuresrow */

.featuresrow {
	padding: 60px 0;
}

.featuresrow h3 {
	text-transform: uppercase;
	margin-bottom: 30px;
}

/* tabs */

.featuresrow .tabs {
	position: relative;   
	min-height: 300px;
	clear: both;
}

.featuresrow .tab {
	float: left;
	width: 33.3%;
	text-align:center;
}

.featuresrow .tab label {
	background: #e1e8f0; 
	padding: 14px 0; 
	border: 0; 
	margin-left: -1px; 
	position: relative;
	left: 1px;
	text-transform: uppercase;
	font-weight: bold;
	border-left:1px solid #fff;
	cursor: pointer;
}

.featuresrow .tab:first-child label {
	border-left:0;
}

.featuresrow .tab [type=radio] {
	display: none;
}

.featuresrow .content {
	position: absolute;
	top: 44px;
	left: 0;
	background: white;
	right: 0;
	bottom: 0;
	padding: 23px;
	border: 0; 
	text-align: left;
}

.featuresrow [type=radio]:checked ~ label {
	background: #e62739;
	color: #fff;
	z-index: 2;
}

.featuresrow [type=radio]:checked ~ label ~ .content {
	z-index: 1;
}

.featuresrow .content img {
	padding-bottom: 20px;
}

/* accordion */

.accordion p, ul.accordion li i:before, ul.accordion li i:after {
	transition: all 0.25s ease-in-out;
}

ul.accordion li {
	animation: flipdown 0.5s ease both;
}

.accordion h4 {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.accordion h4 {
	display: block;
	background-color: #fff;
	margin: 0;
	cursor: pointer;
	text-transform: uppercase;
	padding: 13px 20px;
	font-size: 14px;
}

.accordion li:hover h4 {
	background: #9068be;
	color: #fff;
}

.accordion p {
	position: relative;
	overflow: hidden;
	max-height: 800px;
	opacity: 1;
	transform: translate(0, 0);
	margin: 20px;
	z-index: 2;
}

.accordion p:after {
	content:" ";
	display: block;
	height: 20px;
}

ul.accordion {
	list-style: none;
	perspective: 900;
	padding: 0;
	margin: 0;
}

ul.accordion li {
	position: relative;
	padding: 0;
	margin: 0 0 20px 0;
	background: #fff;
}

ul.accordion li:nth-of-type(1) {
	animation-delay: 0.5s;
}

ul.accordion li:nth-of-type(2) {
	animation-delay: 0.75s;
}

ul.accordion li:nth-of-type(3) {
	animation-delay: 1s;
}

ul.accordion li:last-of-type {
	padding-bottom: 0;
}

ul.accordion li i {
	position: absolute;
	right: 30px;
}

ul.accordion li i:before {
	content: "-";
	position: absolute;
	font-style: normal;
	font-size: 48px;
	color: #fff;
	top: -10px;
}

ul.accordion li:hover i:before {
	color: #fff;
}

ul.accordion li input[type=checkbox] {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

ul.accordion li input[type=checkbox]:checked ~ p {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	transform: translate(0, 50%);
}

ul.accordion li input[type=checkbox]:not(:checked) ~ h4 {
	background: #9068be;
	color: #fff;
}

ul.accordion li input[type=checkbox]:checked ~ i:before {
	content: "+";
	top: -7px;
	color: #e62739;
}

ul.accordion img {
	float: left;
	margin-right: 20px;
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

/* image gallery */

.hot_swipe_carousel_slides_gallery .flickity-prev-next-button {
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 40px;
    border: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.hot_swipe_carousel_slides_gallery .flickity-prev-next-button.previous:hover,
.hot_swipe_carousel_slides_gallery .flickity-prev-next-button.previous:active {
	background: #64c7c3 url(../images/custom/gallery_arrow_left.png) no-repeat center !important;
	opacity: 1;
}

.hot_swipe_carousel_slides_gallery .flickity-prev-next-button.next:hover,
.hot_swipe_carousel_slides_gallery .flickity-prev-next-button.next:active {
	background: #64c7c3 url(../images/custom/gallery_arrow_right.png) no-repeat center !important;
	opacity: 1;
}

.hot_swipe_carousel_slides_gallery .flickity-prev-next-button svg {
	display: none;
}

.hot_swipe_carousel_slides_gallery .flickity-prev-next-button.previous {
	background: #6ed3cf url(../images/custom/gallery_arrow_left.png) no-repeat center;
	left: 0;
	bottom: 0;
}

.hot_swipe_carousel_slides_gallery .flickity-prev-next-button.next {
	background: #6ed3cf url(../images/custom/gallery_arrow_right.png) no-repeat center;
	right: 0;
	bottom: 0;
}

.hot_swipe_carousel_slides_gallery .flickity-prev-next-button {
	bottom: 0 !important;
	top: auto !important;
}

/* contentrow */

.contentrow {
	padding-bottom: 60px;
}

.sparky_inner .contentrow {
	background: #f2f2f2;
}

.sparky_inner .contentrow .container {
	background: #fff;
	width: 1080px;
}

.sparky_home .contentrow .container {
	width: 100%;
}

.sparky_home .contentrow .container .cell {
	padding: 0;
}

.contentrow h2 {
	text-transform: uppercase;
}

.blog-featured .items-row {
	border-left: 2px solid #fff;
}

.blog-featured div.item {
	margin: 0;
}

.blog-featured div.item .item-image {
	border-right: 1px solid #fff;
	padding-bottom: 15px;
}

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

.blog-featured .row-fluid .span4 {
	width: 33.33%;
}

.blog-featured .row-fluid .span6 {
	width: 50%;
}

.blog-featured dl.article-info {
	background: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	position: absolute;
	margin-top: 20px;
	margin-left: 40px;
}

.blog-featured dl.article-info dd {
	padding: 0;
}


.intro_text {
	padding: 0 40px;
}

.contact-form input {
	max-width: 230px;
}

.item-page .item-image {
	margin: -20px 0 0 -20px;
	padding-bottom: 30px;
}

.item-page .item-image img {
	width: 100%;
}

ul.tags {
    padding-top: 30px;
}

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

.blog div.item .item-image img {
	width: 100%;
}

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

.blog .items-row .item-image {
	margin-left: -20px;
	margin-top: -20px;
}

/* right column */

.cell.mp_right {
	padding-top: 0;
}

.mp_right h3 {
	font-family: Playfair Display;
	font-size: 24px;
}

.mp_right h4 {
	text-transform: uppercase;
}

.mp_right a.readmore {
	font-size: 12px;
	padding: 8px 20px;
	margin: 0;
}

.mp_right span.icon {
	width: 50px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.mp_right span.icon.envelope {
	background: url(../images/custom/icon_envelope.png) no-repeat;
}

.mp_right span.icon.phone {
	background: url(../images/custom/icon_phone.png) no-repeat;
	background-position: 5px 0;
}

.mp_right span.icon.location {
	background: url(../images/custom/icon_location.png) no-repeat;
}

.newsflash_article {
	margin-bottom: 40px;
}

.newsflash .image-container {
	height: 90px;
	background-size: cover !important;
	margin-right: -20px;
}

.newsflash time {
	position: absolute;
	transform: scale(0.7);
        display:none;
}

/* headingsrow */

.headingsrow h1 {
	padding: 40px 30px 15px 30px;
}

.mp_header4 {
	font-weight: 700;
	text-transform: uppercase;
	text-align: right;
}

.mp_header4 a {
	color:#55595d;
	font-weight: 800;
}

.breadcrumb {
    padding: 45px 20px 0 20px;
    background: none;
}

.breadcrumb .divider {
	background: url(../images/custom/breadcrumb_arrow_left.png) no-repeat center;
	display: inline-block;
	width: 7px;
	height: 10px;
	padding: 0 10px;
}

.breadcrumb .divider img {
	display: none;
}

.divider.icon-location {
	display: none;
}

/* contactrow */

.sparky_home .contactrow {
	position: absolute;
    z-index: 1;
    width: 100%;
    margin-top: 300px;
}

.sparky_inner .contactrow {
	background: #f2f2f2;
	padding-bottom: 60px;
}

.contactrow .moduletable {
	background: #fff;
	min-height: 428px;
}

div.rapid_contact::before {
	content: " ";
	display: block;
	float: right;
	width: 50%;
	height: 428px;
	background: url(../images/custom/barber_shop.jpg);
}

div.rapid_contact form {
	padding: 40px 0 0 40px;
}

.rapid_contact.intro_text::before {
	content: " ";
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/custom/icon_envelope.png) no-repeat;
	padding: 30px 0 0 0;
}

.rapid_contact.intro_text {
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0;
}

.rapid_contact input, .rapid_contact textarea {
	border:2px solid #aaacae;
	padding-left: 20px;
	padding-right: 20px;
}

.rapid_contact input {
	width: 21%;
	margin: 0 2% 20px 0;
}

.rapid_contact textarea {
	width: 44%;
	margin-bottom: 20px;
}

.rapid_contact input:focus, .rapid_contact textarea:focus {
	border:2px solid #6ed3cf;
}

.rapid_contact input.button {
	border: 1px solid #d01d2d;
	font-family: "open sans",sans-serif;
	width: auto;
}

.rapid_contact input.button:hover {
	border: 1px solid #d01d2d;
}

.rapid_contact input.antispam {
	width: auto;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 0;
	border-bottom:1px solid #ccc;
}

/* bottomrow */

.bottomrow {
	color: #e1e8f0;
	padding: 0px 0;
}

.bottomrow h3 {
	color: #fff;
	text-transform: uppercase;
}

.bottomrow strong {
	color: #fff;
}

.bottomrow img {
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
}

.bottomrow .sparky_logo {
	width: 100px;
	background-size: 100px 49px;
	min-height: 49px;
	padding-top: 12px;
	margin-bottom: 15px;
}

.bottomrow .sparky_logo, .bottomrow .sparky_logo a {
	font-size: 18px;
	color: #fff;
}

.bottomrow a i {
	color: #55595d;
	margin: 0 15px 0 0;
}

.bottomrow a:hover i {
	background: #e62739;
	color:#fff;
}

.bottomrow i {
	background: #f2f2f2;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}

.mp_bottom3 a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.mp_bottom3 a:hover {
	color: #e62739;
}


/* copyrightrow */

.copyrightrow, .copyrightrow a {
	color:#e1e8f0;
}

p.copyright {
	margin: 0;
}

.mp_footer {
	text-align: right;
}

.copyrightrow img {
	margin: 0 5px;
}

/* responsive */

.servicesrow, .smallcontactrow, .sparky_home .contentrow, .workinghoursrow {
	max-width: 1425px;
	margin: 0 auto;
}

.nav-collapse.opened li {
	width: auto;
}

.nav-collapse.opened li a {
	padding: 0 15px;
}

.nav-collapse.opened li li a {
    padding: 0 30px;
}

@media (min-width: 1425px) {

	.hair_menu {
		height: 473px !important;
	}

}

@media (max-width: 1350px) {

	.carouselrow .contents h3 span {
		font-size: 72px;
	}

}

@media (max-width: 1150px) {

	.servicesrow hr {
	    margin: 0 0 10px 0;
	}

	.hair_menu {
		font-size: 80%;
	}

	.servicesrow h3 {
		font-size: 28px;
	}

	.carouselrow .contents h3,
	.mp_advert2 {
		font-size: 24px;
	}

	.carouselrow .contents h3 span {
		font-size: 60px;
	}

	.hot_swipe_carousel_slides .contents,
	.carouselrow .contents .button,
	.hot_swipe_carousel_slides_testimonials .contents h2,
	.rapid_contact.intro_text {
		font-size: 18px !important;
	}

	.hot_swipe_carousel_slides_testimonials .contents,
	.workinghoursrow,
	.smallcontactrow {
		font-size: 14px !important;
	}

	.headingsrow h1 {
	    padding: 20px 0 15px 0;
	}

	.breadcrumb {
		padding-top: 30px;
	}

	.sparky_inner .contentrow .container {
		width: 100%;
	}

	.carouselrow .flickity-prev-next-button, .carouselrow .flickity-prev-next-button:hover {
	    width: 20px;
	    height: 36px;
	    background-size: cover;
	}

	.carouselrow .flickity-prev-next-button.previous {
	    left: 10px;
	}

	.carouselrow .flickity-prev-next-button.next {
	    right: 10px;
	}

}

@media (max-width: 992px) {

	.mp_logo {
		width: 70%;
	}

	.mp_topmenu, .mp_search {
		width: 20%;
	}

	.mp_search {
		width: 10%;
	}

	.magnifier {
		float: right;
		top: 35px;
	}

	.nav-toggle {
		background: url(../images/tinynav_white.png);
	}

	.sparky_logo {
	    background-position: top left;
	    text-align: left;
	}

	.servicesrow hr {
		display: none;
	}

	.featuresrow .tab label,
	.accordion h4 {
		font-size: 12px;
	}

	.featuresrow .tabs {
		min-height: 405px;
	}

	ul.accordion img {
		margin-bottom: 20px;
	}

	.hair_menu {
		font-size: 70%;
	}

	.hair_menu p {
		margin-bottom: 10px;
	}

	.carouselrow .contents h3 span {
		font-size: 48px;
	}

	.hot_swipe_carousel_slides .contents, .carouselrow .contents .button, .hot_swipe_carousel_slides_testimonials .contents h2, .rapid_contact.intro_text {
		font-size: 14px !important;
	}

	.button, .btn, a.readmore {
		padding: 8px 16px;
	}

	.mp_search input {
		padding: 10px 10px 9px;
	}

}

@media (max-width: 767px) {

	.cell {
	    padding: 10px;
	}

	.headingsrow h1, .mp_header3, .mp_header4 {
		text-align: center;
		padding: 0;
	}

	.breadcrumb {
	    padding-top: 0;
	}

	.mp_header3 {
		padding-bottom: 20px;
	}

	.magnifier {
		top: 45px;
	}

	.newsflash .image-container {
		max-width: 50%;
	}

	.hair_menu {
		width: 100% !important;
		height: auto !important;
		display: block;
	}

	.servicesrow h3 {
		padding-top: 10px;
	}

	.bottomrow, .bottomrow h3, .copyrightrow, .mp_footer {
		text-align: center;
	}

	.mp_bottom2 p::before, .mp_bottom3 p::before {
		content: " ";
		float:none;
		background-position: center;
		width: 100%;
		background-repeat: no-repeat;
		margin-bottom: 15px;
	}

	.bottomrow .sparky_logo {
		display: inline-block;
	}

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

	.bottomrow a i {
	    margin: 0 7px;
	}

	.workinghoursrow .cell, .smallcontactrow .cell {
		padding: 7px 0;
	}

	.featuresrow .content img,
	.blog-featured .row-fluid .span3,
	.blog-featured .row-fluid .span4,
	.blog-featured .row-fluid .span6,
	.item-image img {
		width: 100%;
	}

	.blog .items-row .item-image {
	    margin: 0;
	}

	.blog-featured .row-fluid .item {
		padding-bottom: 15px;
	}

	div.rapid_contact::before {
		display: none;
	}

	.rapid_contact input,
	.rapid_contact textarea {
		width: 90%;
	}

	.featuresrow .tabs {
	    min-height: 350px;
	}

	.testimonialsrow {
	    padding: 40px 0;
	}

	.hot_swipe_carousel_slides_testimonials img {
		width: 100% !important;
	}

	.hot_swipe_carousel_slides_testimonials .contents {
		background:rgba(255,255,255,0.6) !important;
		left: 0 !important;
    	width: 100% !important;
    	bottom:0 !important;
    	top: auto !important;
    	color: #000 !important;
	}

	.hot_swipe_carousel_slides_testimonials h2::before {
		display: none;
	}

	.flickity-page-dots {
		display: none;
	}

	.carouselrow .contents {
		font-size: 12px !important;
	}

	.carouselrow .contents h3 {
		margin-top: 2%;
		font-size: 14px !important;
	}

	.carouselrow .contents h3 span {
		font-size: 22px !important;
	}

	.carouselrow .contents .button {
		margin-top: 0;
		padding: 5px 10px;
		font-size: 12px !important;
	}

	.carouselrow .contents p {
		margin-bottom: 8px;
	}

	.close_button {
		font-size: 10px;
	}

}

@media (max-width: 340px) {

	.carouselrow .contents h3 {
		margin-top: 1%;
		font-size: 12px !important;
	}

	.carouselrow .contents h3 span {
		font-size: 16px !important;
	}

	.carouselrow .contents,
	.carouselrow .contents .button {
		font-size: 10px !important;
	}

}

ul.mnu_topmenu {
    font-family: "open sans",sans-serif;
    font-size: 16px;
    font-weight: bold;
}

h1, h1 a {
    font-family: "open sans",sans-serif;
}

h2, h2 a {
    font-family: "open sans",sans-serif;
}

h3, h3 a {
    font-family: "open sans",sans-serif;
}

h4, h4 a {
    font-family: "open sans",sans-serif;
}