/*------------------------------------------------------------------------
# "Hot CV" - Commercial Joomla Template
# Copyright (C) 2014 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;
}

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

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

h2, h2 a {
    padding:0 0 30px 0;
    margin:0 0 50px 0;
    line-height:normal;
    text-transform: uppercase;
}

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

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

.cols-2 {
	width: 47%;
	margin: 0 3% 45px 0;
	float: left;
}

.cols-2.last {
	margin: 0 0 45px 3%;
	width: 47%;
	float: left;
}

/* read more button */

p.readmore {
	text-align: center;
	margin-top: 30px;
}

p.readmore a {
	display: inline-block;
	padding: 10px 30px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #ABABAB;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 3px solid #ABABAB;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	background:transparent;
	font-size: 18px;
	transition: all .5s;
}

p.readmore a:hover, p.readmore a:focus {
	color: #333333;
	text-decoration: none;
	background:transparent;
	border: 3px solid #333333;
	transition: all .5s;
}

p.readmore a span {
	color: #ABABAB;
	font-size: 14px !important;
	padding: 0 5px;
	transition: all .5s;
}

p.readmore a:hover span {
	color: #333;
	transition: all .5s;
}

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

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

.button:hover, .btn:hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
	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;
}

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.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.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 {
	padding:15px 30px 15px 90px;
	color:#000;
	border: 1px solid #ffcc00;
	background:#ffff66;
	min-height: 80px;
}

.warning:before {
	font-family: FontAwesome;
	content: "\f071";
	font-size: 4em;
	color: #ffcc00;
	position: absolute;
	margin: 0 0 0 -70px;
}

.info {
	padding:15px 30px 15px 90px;
	color:#006699;
	border: 1px solid #006699;
	background:#bde1ff;
	min-height: 80px;
}

.info:before {
	font-family: FontAwesome;
	content: "\f05a";
	font-size: 4em;
	color: #006699;
	position: absolute;
	margin: 0 0 0 -70px;
}

.error {
	padding:15px 30px 15px 90px;
	color:#900;
	border: 1px solid #900;
	background:#f8b5b5;
	min-height: 80px;
}

.error:before {
	font-family: FontAwesome;
	content: "\f057";
	font-size: 4em;
	color: #f057;
	position: absolute;
	margin: 0 0 0 -70px;
}

.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;
	min-height: 100px;
}

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

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 45px 30px 0;
}

img.img_right {
	float:right;
	margin:0 0 30px 45px;
}

/******* CUSTOM ROWS AND CELLS STYLING *******/

.sparky_full {
}

.container {
	margin:0 auto;
	padding:0;
}

/*.row {
	padding:0;
	margin:0;
}*/

.row > * {
	float:left;
}

/* abovecontent and belowcontent modules */

div.abovecontent {
}

div.belowcontent {
}

p.copyright {
	text-align: center;
}

/* tinynav */

select.tinynav {
	float: right;
	width: 40px;
	height: 30px;
	border:none;
	background: #ccc;
	text-indent: -9999px;
	background: url(../images/tinynav_white.png);
	-webkit-appearance: button;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/******* HOT CV SPECIFICS *******/

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* General Demo Style */
body{
	overflow-y: scroll;
	overflow-x: hidden;
}
.ie7 body{
	overflow:hidden;
}
.cb-slideshow,
.cb-slideshow:after { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    top: 120px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'Droid Sans Mono', 'Arial Narrow', Arial, sans-serif;
    font-size: 80px;
    padding: 0;
    line-height: 400px;
    color:#fff;
    text-align: center;
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 60px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 40px }
}

.arrowdown {
	text-align: center;
	position: absolute;
	bottom:70px;
	z-index: 10000;
	width: 100%;
	font-size: 300%;
	color: #fff;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

.arrowdown a {
	color: #fff;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


/* ------------- */

.fullwidth .container, .fullwidth .row, .fullwidth .cell,
.contentrow .container, .contentrow .row, .contentrow .cell, .content_sparky {
	width: 100%;
	margin: 0;
	padding: 0;
}

.fullwidth .cell_pad {
	margin: 0;
	padding: 0;
}

.topmenurow.fix_menu {
	position: fixed;
	padding-top: 0 !important;
	width: 100%;
	z-index: 999;
}

.topmenurow.fix_menu.thin_menu .container {
	padding: 20px 0;
	border-bottom:1px solid #fff;
	transition: all .5s;
}

.topmenurow .container {
	background: #25484f;
	width: 100%;
	padding: 40px 0;
	transition: all .5s;
}

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

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

.mnu_topmenu > li.active > a, .mnu_topmenu > li.active > span {
	font-weight: bold;
}

.content_sparky .item {
	padding: 60px 0;
}

h2 {
	background: url(../images/custom/h2_bg.png) bottom no-repeat;
}

.items-row div.item {
	width: 960px;
	margin: 0 auto !important;
}

/* about us page styling */

.sparky_home .items-row.row-0 {
	width: 960px;
	margin: 0 auto;
}

.about_left {
	width: 60%;
	float: left;
	text-align: center;
}

.about_right {
	width: 40%;
	float: left;
	text-transform: uppercase;
}

.about_right h3 {
	font-weight: 300;
	margin-bottom: 25px;
}

.about_right > div {
	padding-left: 60px;
}

/* team page styling */

.sparky_home .items-row.row-1 {
	background: url(../images/custom/team_table.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.sparky_home .items-row.row-1 .item {
	width: 960px;
	margin: 0 auto;
	float: none;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.sparky_home .items-row.row-1 .item h2 {
	color: #fff;
	background: url(../images/custom/h2_bg_white.png) bottom no-repeat;
}

.team_member {
	font-size: 18px;
	margin-top: 60px;
}

.team_member h4 {
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	margin: 0;
	padding: 30px 0 0 0;
}

.team_member img {
	border-radius: 50%;
}

/* work process page styling */

.sparky_home .items-row.row-2 .item {
	width: 960px;
	margin: 0 auto;
	float: none;
}

.sparky_home .items-row.row-2 .item h2 {
	background: url(../images/custom/h2_bg_cyan.png) bottom no-repeat;
}

.sparky_home .items-row.row-2 .item h4 {
	font-weight: 300;
	text-transform: uppercase;
	color: #58595B;
}

.sparky_home .items-row.row-2 .item img {
	float: left;
	margin-right: 15px;
}

/* connect page styling */

.sparky_home .items-row.row-3 {
	background: #58595B;
}

.sparky_home .items-row.row-3 .item {
	width: 960px;
	margin: 0 auto;
	float: none;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.sparky_home .items-row.row-3 .item h2 {
	color: #fff;
	background: url(../images/custom/h2_bg_white2.png) bottom no-repeat;
}

.sparky_home .items-row.row-3 .item a, a.contact_button {
	display: inline-block;
	border:3px solid #fff;
	border-radius: 22px;
	padding: 10px 30px;
	margin: 0 10px;
	color: #fff;
	min-width: 120px;
	transition: all .5s;
}

.sparky_home .items-row.row-3 .item a:hover, a.contact_button:hover {
	border-color:#333;
	color:#333;
	transition: all .5s;
}

.sparky_home .items-row.row-3 .item i, a.contact_button i {
	margin-right: 10px;
}

/* portfolio page styling */

.sparky_home .items-row.row-4 {
	background: #ddd;
}

.sparky_home .items-row.row-4 .item {
	text-align: center;
	font-size: 18px;
}

#responsivelightbox {
	padding-top: 50px;
}

a.contact_button {
	color:#ABABAB;
	border:2px solid #ABABAB;
	margin-top: 50px;
}

/* clients page styling */

.sparky_home .items-row.row-5 {
	background: url(../images/custom/blurred_bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.sparky_home .items-row.row-5 .item {
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.sparky_home .items-row.row-5 .item h2 {
	color: #fff;
	background: url(../images/custom/h2_bg_white2.png) bottom no-repeat;
}

.list_carousel.responsive {
	padding-top: 50px;
}

/* hot maps */

.moduletable-map {
	background: #2e465f;
	background: rgba(46,70,95,.95);
	position: absolute;
	right: 10%;
	color: #fff;
	text-align: center;
	padding: 50px;
}

.moduletable-map h3 {
	color: #fff;
	font-weight: 300;
	margin-bottom: 25px;
	text-transform: uppercase;
	text-align: center;
}

.moduletable-map h4 {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 400;
}

.moduletable-map p {
	margin: 0;
	padding-bottom: 30px;
	font-size: 18px;
}

.moduletable-map span {
	color:#ABABAB;
}

.moduletable-map a:hover {
	color: #fff;
}

/* rapid contact */

.moduletable-contact {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 18px;
	font-weight: 400;

}

.moduletable-contact h3 {
	background: url(../images/custom/h2_bg_cyan.png) bottom no-repeat;
	padding: 0 0 30px 0;
	margin: 50px 0;
	line-height: normal;
	text-transform: uppercase;
	color: #ABABAB;
	font-size: 32px;
	text-align: center;
	font-weight: 600;
}

.moduletable-contact p {
	margin-bottom: 50px;
}

input, textarea {
	font-family: 'Open Sans', sans-serif;
	border-radius: 22px !important;
	font-size: 18px !important;
	border: 3px solid #999 !important;
}

input:focus, textarea:focus {
	border: 3px solid #ABABAB !important;
	outline: none;
}

.moduletable-contact input {
	min-width: 280px;
	margin: 10px;
	padding: 17px 30px !important;
}

.moduletable-contact textarea {
	min-width: 645px;
	margin: 10px;
	padding: 17px 30px !important;
}

.moduletable-contact input.antispam {
	width: 150px;
	min-width: 150px;
}

.moduletable-contact input.button {
	border: 0 !important;
	background: #ABABAB;
	width: 477px !important;
	color: #fff;
	transition: all .5s;
}

.moduletable-contact input.button:hover {
	background: #333;
	transition: all .5s;
}

/* footer row */

.footerrow {
	background: #25484f;
	color: #fff;
	padding: 30px 0;
}

.footerrow a {
	color: #fff;
}

.footerrow p.copyright {
	text-align: right;
	margin: 0;
}

.mp_footer {
	font-weight: 800;
	font-size: 18px;
}

/* inner pages */

.sparky_inner .main_content {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.sparky_inner .content_sparky .items-row .item {
	padding: 30px 0;
}

/* full carousel */

.hero {
	margin-top: -70px;
	margin-bottom: 60px;
}

/* slicebox */

.nav-dots {
	margin-bottom: 60px;
}

/* tags */

ul.tags {
	margin: 10px 0;
	padding: 0;
}

ul.tags li {
	display: inline-block;
	list-style: none;
	margin: 0 2px !important;
	padding: 0;
}

ul.tags a.label {
	display: inline-block;
	padding: 5px;
	background: #ccc;
	border-radius: 3px;
	color: #000 !important;
	font-weight: normal;
	background-color: #ccc;
}

ul.tags a.label:hover {
	background-color: #bbb;
}

/* responsive behaviour */

@media (max-width: 979px) {

	.sparky_inner .main_content,
	.items-row div.item,
	.sparky_home .items-row.row-0,
	.sparky_home .items-row.row-1 .item,
	.sparky_home .items-row.row-2 .item,
	.sparky_home .items-row.row-3 .item,
	.moduletable-contact {
		width: 98%;
	}

	.topmenurow .container .row {
		width: 95%;
	}

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

	.mp_topmenu {
		padding-top: 10px;
	}

	.footerrow .container .row {
		width: 95%;
		margin: 0 auto;
	}

	.mp_footer {
		width: 10%;
	}

	.mp_copyright {
		width: 90%;
	}

}

@media (max-width: 768px) {

	img {
		max-width: 100%;
		height: auto;
	}

	.cols-2, .cols-2.last {
		width: 98%;
		margin: 0 1%;
		float: none;
		clear: both;
		min-height: 145px;
	}

	.sparky_home .items-row.row-3 .item a, a.contact_button {
		padding: 10px 1%;
		margin: 15px 1% 0;
		min-width: 0;
		width: 40%;
	}

	.moduletable-map {
		right: 2%;
		padding: 15px;
	}

	.moduletable-map p, .moduletable-map h3, .moduletable-map h4 {
		font-size: 12px;
	}

	.moduletable-contact textarea {
		min-width: 0;
		width: 280px;
	}

	.moduletable-contact input {
		display: block;
		margin: 15px auto 0;
	}

	.moduletable-contact input.button {
		width: 350px !important;
	}

	#back-top {
		bottom: 40px;
	}

	.cb-slideshow li div h3 {
		line-height: normal;
	}


}

@media (max-width: 480px) {

	.about_left, .about_right {
		width: 100%;
		float: none;
	}

	.about_left {
		margin-bottom: 30px;
	}

	.about_right > div {
		padding-left: 0;
	}

	.team_member {
		width: 100%;
		float: none;
	}

	.sparky_home .items-row.row-2 .item img {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 15px;
		margin-top: 30px;
	}

	.sparky_home .items-row.row-2 .item h4,
	.sparky_home .items-row.row-2 .item p {
		text-align: center;
	}

	.moduletable-contact input, .moduletable-contact textarea, .moduletable-contact input.button {
		width: 240px !important;
		max-width: 240px !important;
		min-width: 0 !important;
		padding: 17px 30px !important;
		margin: 0 auto 15px !important;
	}

	.moduletable-contact input.antispam {
		width: 150px !important;
		max-width: 150px !important;
	}

}

.moduletable.first .list_carousel.responsive .caroufredsel_wrapper{
	height: 600px!important;
}
.moduletable.second .list_carousel.responsive .caroufredsel_wrapper{
	height: 180px!important;
}