/**
 * @package   Visario Joomla! 3.0 Template
 * @version   1.0
 * @author    7Studio Tomasz Herudzinski http://www.7studio.eu
 * @copyright Copyright (C) 2009 - 2012 7Studio Tomasz Herudzinski
 * @license   Commercial - ThemeForest Regular License - http://themeforest.net/licenses/regular_extended
**/

 /* 
 * 
 * IMPORTANT!
 *
 * Please paste here css rules which you would like to override and change.
-----------------------------------------------------------------------------------*/
/****************************
 * Notes: 
 * 
 * Home page headings, including H3's are 2.2em
 *
 * dark grey: #272727
 * Yellow   : #f9b707
 * Pink     : #db0f72
 * Blue     : #216cdf
 ****************************/
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
body{
	font-family: 'Lato', sans-serif !important;
	font-weight: 300;
}
.itemid-101 #mainbody{
	display: none;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Lato', sans-serif;
}
h1,h2,h3{
	font-size: 35px !important;
	font-weight:bold;
	line-height: 40px;
}
h1{
	padding-top: 10px;
}
.item-page h1{
/* 	margin: 0 */
}
.itemid-111 .portfolio-item .page-header h3 { /* for portfolio page */
	font-size: 24px !important;
	line-height: 30px;
}
.sidebar-right .module-title h3{
	text-transform: none;
	padding-top: 10px;
}
#top-a h3.uk-h3{
	font-size: 24px !important;
	line-height: 30px;
}
.module-title h3 {
	text-transform: initial;
}
#content-area{
	padding: 0;
}
#content-area .item-page h2,#content-area .item-page h3,
.eb-entry-article h2, .eb-entry-article h3{
	font-size: 24px !important;
	line-height: 30px;

}
#mainbody .container-fluid{
	padding-bottom: 0;
}
.uk-accordion-title {
	padding: 20px !important;
}
div#fd.eb .eb-post-title {
	line-height: 46px;
	font-size: 30px !important;
}
/* buttons */
.btn-group.open .btn-primary.dropdown-toggle,
.btn-primary, .uk-button-primary:hover, .btn-success:hover {
	background: #272727 !important;
	border: none;;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#top-b input..btn-primary:hover{
	border: 1px solid #fff;

}
.btn-group.open:hover .btn-primary.dropdown-toggle:hover,
.btn-primary:hover, .uk-button-primary {
	background: #f9b707 !important;
	border: none;;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.itemid-111 .uk-modal {/* WK portfolio overlay */
	background: rgba(0, 0, 0, 0.8) !important;
}
#toolbar{
	background: #272727;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.support, .members{
	padding: 5px 15px;
}
.phone{
	padding: 5px 5px 5px 15px;
}
.members a, .support a, .phone a{
	color: #888;
}
.members a:hover, .support a:hover, .phone a:hover{
	color: #db0f72;
}
.members .fa{
	color: #216cdf;
}
.support .fa{
	color: #db0f72;
}
.phone .fa{
	color: #f9b707;
}
.uk-overlay-background {
	background: rgba(0, 0, 0, 0.5) !important;
}
/* header */
#content-wrap{
	width: 100%;
	height: 100%;
	margin-top: 100px;

}
.itemid-101 #content-wrap{
	margin-top: 0;
}
header{
	background:#272727;
	position: fixed;
	z-index:999;
	width: 100%;
	top: 0;
}
.itemid-101 header{
	position: fixed;
	z-index: 999;
	width: 100%;
	background: transparent;
	top: 0;
}
.transition {
	-webkit-transition: background 1s ease-in-out;
	-moz-transition: background 1s ease-in-out;
	-o-transition: background 1s ease-in-out;
	transition: background 1s ease-in-out;
}
.activeScroll{
	background: #272727 !important;

}
/* Menu */
.svn-menu ul{
	background: #272727;
	border-top: 0;
}
.svn-menu ul li a, .svn-menu ul li span.separator {
	color: #fff;

}
.svn-menu ul li{
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.svn-menu ul li a:hover, .svn-menu ul li.active > a, .svn-menu ul li.parent:hover > a, .svn-menu ul li.active.parent > a, .svn-menu ul li span.separator:hover, .svn-menu ul li.active > span.separator, .svn-menu ul li.parent:hover > span.separator, .svn-menu ul li.active.parent > span.separator {
	background-color: #f9b707;
	color: #fff;
}
nav#menu{
	float: right;
	position: relative;
	z-index: 999;
	top: -10px;
}
#menu .container-fluid {
/*  border-bottom: 1px solid #f2f2f2;*/
  border-top: none;
  padding: 0;
}
.svn-menu > li > a, .svn-menu > li span.separator {
  	color: #fff;
	height: 80px;
	line-height: 80px;
	font-weight: bold;
}

header.activeScroll nav#menu{
	top: 0;
}

.svn-menu > li > a:hover, .svn-menu > li.active > a, .svn-menu > li.parent:hover > a, .svn-menu > li.active.parent > a, .svn-menu > li > span.separator:hover, .svn-menu > li.active > span.separator, .svn-menu > li.parent:hover > span.separator, .svn-menu > li.active.parent > span.separator {
 	background: none;
  	color: #f9b707 !important;*/
}

/* RS-Forms */
#contact-form .row-fluid{
	margin-bottom: 15px;
}
#contact-form input[type="text"]{
	width: 98%;
  	border-radius: 0;
}
#contact-form select,#contact-form textarea{
	width: 100%;
   	border-radius: 0;
}
/* domain search form */
form.domainform input[type="text"]{
	width: 400px;
	max-width: 400px;
  	padding: 10px;
  	line-height: 34px;
  	font-size: 24px;
  	height: 34px;
 	margin-right: 10px;
}
form.domainform select{
	height: 55px;
  	margin-right: 10px;
  	font-size: 24px;
}
form.domainform input[type="submit"]{
	height: 55px;
  	margin-top: -10px;
}
/*****************************************
 * Showcase styles
*****************************************/
#showcase{
	background: #000;
	position: relative;
}
#showcase .custom img{
	opacity: 0.6;
}

#canvasHolder{
	opacity: 0.6;
	
}
#showcase_content{
	position: absolute;
   	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	width: 35%;
  	color: #fff;
  	font-size: 20px;
  	font-family: 'lato', sans-serif;
  	font-weight: 300;
  
}
#showcase .uk-dotnav>*>*{
	background: rgba(53,32,30,0.7);
}
#showcase ul.uk.slideshow{
	background: rgba(215,23,36,0.7);
}
#showcsae ul.uk.slideshow li{
	padding: 5px 15px;
}
#showcase_content h3{
	color: #fff;
  	font-weight: 900;
  	font-size: 2.2rem;
  	line-height: 50px;
  	/*background: rgba(215,23,36,0.5);*/
  	padding: 10px;
  	display: inline-block;
	margin-bottom: 0;
	padding-left: 0;
}
#showcase .uk-margin{
	margin-top: 0;
}
.img-overlay{
	position: absolute;
  	top:0;
    left:0;
    max-width: 100%;
 }
#overlay-text{
	background: #d71724;
  	padding: 10px;
	color: #fff;
}
#overlay-text h2{
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-size: 2em;
	font-weight: 200;
	line-height: 32px;
}
#overlay-text h2 span{
	font-weight: 400;
}
/*****************************************
 * Banner Styles
*****************************************/
#banner{
	background-position: center 30px;
}
#banner-bg{
	padding: 0;
}
#banner h2 {
	font-size: 22px !important;
	top: %50;
	margin-top: 50px;
	position: absolute;
	color: #216cdf;
	font-family: 'Pacifico', cursive;
	text-shadow: none;
	width: 190px;
	text-align: center;
	line-height: 30px;
}
#banner .sticky{
	background-image: url("http://joogle.com.au/images/sticky-note.png");
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	width:200px;
	height: 350px;
	top: 100px;;
	right: 50%;
}
/*****************************************
 * Top-A and Tob-B Styles
*****************************************/
#top-a{
	background: #eee;
  	text-align: justify;
    font-weight: 300;
}
#top-a h3.uk-h3{
	color: #555;
}
#top-a .module-title h3, #top-b .module-title h3, #top-c .module-title h3{
	text-align: center;

}
#top-a .module-title, #top-b .module-title, #top-c .module-title{
	border-bottom: none;
}
.uk-overlay-panel.uk-overlay-bottom.uk-overlay-background{
	opacity: 1 !important;
    background: rgba(0,0,0,0.6);
    color: #fff;
}
#top-b{
	background: #f9b707;
	color: #fff;
}
#top-b h3{
	color: #fff;
}
#top-b input[type="text"] {
	width: 80%;
	margin-top:10px;
}
#top-b select {
	margin: 0 10px;
	height: 43px;
}
#top-b input[type="submit"] {
	height: 43px;
	line-height: 43px;
	width: 50px;
	border: 1px solid #62b462;
}
#top-b input[type="submit"]:hover{
	border: none;
}
#top-c{
	color: #fff;
	background: #272727;
}

#top-c h3{
	color: #f9b707;
}
/*****************************************
 * Bottom-A Bottom-B Styles
*****************************************/
div#fd.eb .mod-items-grid {
	margin-bottom: 0px !important;/* for EB module */
}
.module-title h3 {
	text-transform: inital;
}
#bottom-b{
	background-image: none;
	background-color: #272727;
	background: #272727;
}
#bottom-b .module-title h3{
	font-size: 16px !important;
	color: #f9b707;
}
#bottom-b .row-fluid [class*="span"]:last-child {
	border-left: 0;
	padding-left: initial;
}
/*****************************************
 * Footer Styles
*****************************************/
#footer, #footer .container-fluid {
	background-color: #272727;
	color: #888;
	font-size: 12px;
	line-height: 24px;
	overflow: hidden;
	padding: 10px;
}

/*****************************************
 * Media Queries 
*****************************************/
/*mobile */
@media (max-width: 480px) {
	/* Headings */
	h1,h2,h3{
		font-size: 28px !important;
		line-height: 34px;
	}
	#top-a h3.uk-h3{
		font-size: 20px !important;
		line-height: 26px;
	}
	#content-area .item-page h2,#content-area .item-page h3,
	.eb-entry-article h2, .eb-entry-article h3{
		font-size: 20px !important;
		line-height: 26px;

	}
	div#fd.eb .eb-post-title {
		line-height: 30px;
		font-size: 24px !important;
	}
	/* End headings */

	header .container-fluid {
		padding: 5px 10px !important;
	}
	.support, .members, .phone{
		padding: 5px 7px;
	}
	.phone{
		width: 140px;
		text-align: right;
	}
	.members{
		float: left;
	}
	.itemid-101 header, header {
		background: #272727;
		position: static; /* ie */
		position: initial;
	}
	.logo{
		max-width: 150px;
	}
	#header .logo{
		margin: 5px;
	}
	nav#menu {
		clear: both;
		display: block;
		float: none;
		position: relative;
		top: 0;
		z-index: 999;
	}
	.svn-menu {
		margin-top: 0;
	}
	.svn-menu li.parent > span.caret, .svn-menu ul li.parent > span.caret {
		background-color: #f9b707;
		padding: 30px 35px;
	}
	.svn-menu > li > a, .svn-menu > li.parent > a, .svn-menu > li.parent > span.separator {
		line-height: 60px;
		height:  60px;
	}
	.svn-menu > li > a, .svn-menu > li span.separator {
		height: 60px;
		line-height: 60px;
	}
	.svn-menu > li {
		border-color: rgba(255, 255, 255, 0.1);;
	}
	#header .btn-navbar {
		color: #000;
		padding:  15px 5px 10px 0 !important;
	}
	#header .btn-navbar .icon-bar {
		background-color: #db0f72;
	}
	#header .btn-navbar .icon-bar:nth-child(1) {
		background-color: #ffff;
	}
	#header .btn-navbar .icon-bar:nth-child(3) {
		background-color: #216cdf;
	}
	#header .btn-navbar .icon-bar:nth-child(4) {
		background-color: #f9b707;
	}
	#showcase{
		margin-top: 0;
	}
	#banner{
		background-position: center -70px;
	}
	#banner .sticky {
		background-size: contain;
		right: -20%;
		top: 100px;
		width: 150px;
	}
	#banner h2 {
		width: 145px;
	}
	#content-wrap {
		margin-top: 0px;
	}
	#top-c{
		display: none;
	}
	#content #content-area .pull-right.item-image{
		float:none;
		clear:both;
		margin-left: 0;
	}
	#content #content-area .pull-right.item-image .img-wrapper img{
		margin: 0 auto;
		display:block;
	}
	#showcase{
		display:none;
	}
}
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
	.itemid-101 header, header {
		background: #272727;
	}
	.logo{
		max-width: 150px;
	}
	.itemid-101 header, header{
		position: static; /* ie */
		position: initial;
	}
	#header .logo{
		margin: 5px;
	}
	nav#menu {
		clear: both;
		display: block;
		float: none;
		position: relative;
		top: 0;
		z-index: 999;
	}
	.svn-menu {
		margin-top: 0;
	}
	.svn-menu li.parent > span.caret, .svn-menu ul li.parent > span.caret {
		background-color: #f9b707;
		padding: 30px 35px;
	}
	.svn-menu > li > a, .svn-menu > li.parent > a, .svn-menu > li.parent > span.separator {
		line-height: 60px;
		height:  60px;
	}
	.svn-menu > li > a, .svn-menu > li span.separator {
		height: 60px;
		line-height: 60px;
	}
	.svn-menu > li {
		border-color: rgba(255, 255, 255, 0.1);;
	}
	#header .btn-navbar {
		color: #000;
		padding:  15px 5px 10px 0;
	}
	.svn-menu li.parent > span.caret, .svn-menu ul li.parent > span.caret {
		background-color: #f9b707;
	}
	#header .btn-navbar {
		padding:  15px 0 10px 0;
	}
	#header .btn-navbar .icon-bar {
		background-color: #db0f72;
	}
	#header .btn-navbar .icon-bar:nth-child(1) {
		background-color: #ffff;
	}
	#header .btn-navbar .icon-bar:nth-child(3) {
		background-color: #216cdf;
	}
	#header .btn-navbar .icon-bar:nth-child(4) {
		background-color: #f9b707;
	}
	#showcase {
		margin-top: 0px;
	}
	#showcase .uk-slideshow .uk-margin{
		display: none;
	}
	#showcase_content h3.uk-h3 {
		color: #fff;
		font-size: 24px !important;
		line-height: 22px;
		margin: 40px auto 0 auto;
	}
	#top-a h3.uk-h3 {
		font-size: 18px !important;
		line-height: 18px;
	}
	#top-a{
		font-size: 14px;
	}
	#banner{
		background-position: center -70px;
	}
	#banner .sticky {
		background-size: contain;
		right: -20%;
		top: 100px;
		width: 150px;
	}
	#banner h2 {
		width: 145px;
	}
	#content-wrap {
		margin-top: 0px;
	}
	#content #content-area .pull-right.item-image{
		float:none;
		clear:both;
		margin-left: 0;
	}
	#content #content-area .pull-right.item-image .img-wrapper img{
		margin: 0 auto;
		display:block;
	}
}
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
	.itemid-101 header, header {
		background: #272727;
	}
	.logo{
		max-width: 150px;
	}
	.itemid-101 header, header {
		position: static;
		position: initial;
	}
	#header .logo{
		margin: 5px;
	}
	nav#menu {
		clear: both;
		display: block;
		float: none;
		position: relative;
		top: 0;
		z-index: 999;
	}
	.svn-menu {
		margin-top: 0;
	}
	.svn-menu > li {
		border-color: rgba(255, 255, 255, 0.1);
	}
	.svn-menu li.parent > span.caret, .svn-menu ul li.parent > span.caret {
		background-color: #f9b707;
		padding: 30px 35px;
	}
	.svn-menu > li > a, .svn-menu > li.parent > a, .svn-menu > li.parent > span.separator {
		line-height: 60px;
		height:  60px;
	}
	.svn-menu > li > a, .svn-menu > li span.separator {
		height: 60px;
		line-height: 60px;
	}
	#header .btn-navbar {
		padding:  15px 5px 10px 0;
	}
	#header .btn-navbar .icon-bar {
		background-color: #db0f72;
	}
	#header .btn-navbar .icon-bar:nth-child(1) {
		background-color: #ffff;
	}
	#header .btn-navbar .icon-bar:nth-child(3) {
		background-color: #216cdf;
	}
	#header .btn-navbar .icon-bar:nth-child(4) {
		background-color: #f9b707;
	}
	#showcase {
		margin-top: 0px;
	}
	#showcase .uk-slideshow .uk-margin{
		display: none;
	}
	#showcase_content h3.uk-h3 {
		color: #fff;
		font-size: 24px !important;
		line-height: 22px;
		margin: 40px auto 0 auto;
	}
	#top-a h3.uk-h3 {
		font-size: 18px !important;
		line-height: 18px;
	}
	#top-a{
		font-size: 14px;
	}
	#content-wrap {
		margin-top: 0px;
	}
	#banner {
		background-position: center -50px;
	}
	#banner .sticky {
		right: 0;
		top: 120px;
		width: 200px;
	}
	#content #content-area .pull-right.item-image .img-wrapper img{
		max-width:360px;
	}
	#bottom-b .module-title h3 {
		font-size: 14px !important;
		line-height: 20px;
	}
}
/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {
	.itemid-101 header, header {
		background: #272727;
	}
	nav#menu {
		top: 0;
	}
	.logo{
		position: absolute;
		top: 0;
		max-width: 150px;
	}
	#showcase {
		margin-top: 80px;
	}
	#showcase_content h3 {
		color: #fff;
		display: block;
		font-size: 30px !important;
		line-height: 32px;
		margin: 0 auto;
	}
	#top-a h3.uk-h3 {
		font-size: 18px !important;
		line-height: 18px;
	}
	#top-a{
		font-size: 14px;
	}
}
/* Large Display */
@media (min-width: 1200px) {

}