/*	
	Theme Name: Clean Theme
	Author: Clixpert
	Version: 1.0
*/

@import url("css/reset.css");



/* # F O N T S # */
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(http://fonts.googleapis.com/css?family=Exo+2:400,700);

#blog-list {
	list-style: none;
}

#blog-list li {
	border-bottom: 1px solid gray;
}

#blog-list li .read-more-btn {
	text-align: right;
}

/* # G E N E R A L # */
.clear-after:after {
	clear:both;
	content:"";
	display:block;
}
.centre-wrap {
	max-width:1000px;
	margin:0 auto;
}
a {
	text-decoration:none;
}

/* # T O P   S E C T I O N # */
#top-section-wrap {
	background-color:blue;
}

/* # H E A D E R # */
#header-wrap {
	padding:20px 0;	
	color:#fff;
	background-color:#333333;
}
/* SITE TITLE */
#site-title {
	width:39%;
	float:left;
	padding:0 0 0 1%;
	display:block;
	color:#fff;
}
#site-title > div {		
	font-family: 'Exo 2', sans-serif;	
	font-size:2rem;		
	font-weight:700;	
	padding:0 0 10px;		
	text-transform:uppercase;	
}
#site-title > div > span {
	color:#ff4d4d;
}
#site-title > span {
	font-family: Arial, sans-serif;		
	display:block;
}
/* HEADER MESSAGE */
#header-message {
	width:35%;
	float:left;
	text-align:center;
	font-family: Arial, sans-serif;
	font-weight:400;
	letter-spacing:2px;
	line-height:1.4rem;
	padding:10px 1% 0;
}
/* HEADER PHONE */
#header-phone {
	width:22%;
	float:right;		
	text-transform:uppercase;	
}
#header-phone > div {
	float:right;
	font-family: 'Exo 2', sans-serif;
	padding:0 1% 0 0;
}
#header-phone > div > span {
	font-size:1.6rem;
	color:#ff4d4d;	
	display:block;	
	font-weight:700;
}
#header-phone > div > a {
	display:block;
	text-decoration:none;
	font-size:2rem;
	color:#fff;
}



/* # M A I N   M E N U # */
#main-menu-wrap {
	background-color:#333333;
}
#main-menu-toggle {
	background-color:#ffcc33;
	background-image:url( 'images/mobile-menu-button.png' );
	background-repeat:no-repeat;
	background-position:left center;
	display:none;
	height:40px;
}
#main-menu {
	background-color:#ff4d4d;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
#main-menu a {
	text-decoration:none;
	font-family: 'Exo 2', sans-serif;	
	letter-spacing:1px;
	font-size:0.9rem;
}
/* # MAIN MENU LEVEL 1 # */
#main-menu > li {
	float:left;
}
#main-menu > li > a {
	display:block;
	padding:10px 15px;
	color:#fff;
	font-weight:700;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
#main-menu > li:hover > a {
	background-color:#b33636;		
	color:#ffcc33;
}
/* MAIN MENU LEVEL 2 */
#main-menu > .menu-item-has-children {
	position:relative;
}
#main-menu > .menu-item-has-children > ul {
	background-color:#b33636;
	position:absolute;
	display:none;
	width:220px;
	z-index:1000;
}
#main-menu > .menu-item-has-children:hover > ul {
	display:block;
}
#main-menu > .menu-item-has-children > ul > li > a {
	display:block;
	padding:10px 15px;
	color:#fff;
}
#main-menu > .menu-item-has-children > ul > li:hover > a {
	background-color:#661f1f;
}
#main-menu > .menu-item-has-children > div {
	display:none;
}



/* # H O M E   B A N N E R # */
#home-banner {
	background-color:#fff5d9;
	border-bottom-width:2px;
	border-top-width:2px;
	border-color:#ffe28c;
	border-style:solid;
	margin:30px 0 0;
}
#home-banner > .centre-wrap {
	height:340px;
}
/* BANNER CONTACT FORM */
#banner-contact-form {
	width:30%;
	float:right;
	position:relative;
	height:10px;
}
#banner-contact-form > section {
	width:240px;
	margin:0 10px;
	position:absolute;
	right:0;
	background:#333333;
	overflow:hidden;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
#banner-contact-form > section > span {
	padding:10px 0;
	color:#fff;
	text-align:center;
	width:100%;
	font-family: 'Exo 2', sans-serif;
	font-size:2rem;
	letter-spacing:1px;
	font-weight:700;
	display:block;
}
#banner-contact-form > section > div {
	width:100%;
	margin:15px 0 0;
}
#banner-contact-form .main-form-element > span {
	display:block;
	margin:0 0 12px;
}
#banner-contact-form .main-form-element > span > span {
	color:#ffcccc;
}
#banner-contact-form .main-form-element > span > input {
	width:190px;
	margin:0 20px;
	padding:2px 5px;
	/*border-width:1px;*/
	border-color:#000;
	font-family: Arial, sans-serif;
	font-size:1rem;
	border-radius:5px;
	border:none;
}
#banner-contact-form .main-form-element > span > textarea {
	width:190px;
	margin:0 20px;
	padding:0 5px;
	height:3rem;
	/*border-color:#000;*/
	font-family: Arial, sans-serif;
	font-size:1rem;
	border-radius:5px;
	border:none;
}
#banner-contact-form .main-form-element > span > span {
	margin:0 20px;
	padding:5px 0;
	font-family: Arial, sans-serif;
}
#banner-contact-form span.wpcf7-not-valid-tip {
  background: #fff none repeat scroll 0 0;
  font-size: 11px !important;
  left: 3px;
  position: absolute;
  top: 2px;
  width: 78%;
  color: #f00 !important;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  display: none !important;
}
div.wpcf7-mail-sent-ok{
     display:none !important;
} 
#banner-contact-form .main-form-captcha {
	margin:0 0 12px;
}
#banner-contact-form .main-form-captcha > img {
	margin:0 0 0 20px;
	float:left;
	/*border-width:1px;
	border-style:solid;
	border-color:#000;*/
	border-radius:5px;
	height:22px;
	border:none;
}
#banner-contact-form .main-form-captcha > span {
	float:right;
}
#banner-contact-form .main-form-captcha > span > input {
	width:70px;
	padding:2px 5px;
	margin:0 20px 0 0;
	/*border-width:1px;
	border-color:#000;*/
	font-family: Arial, sans-serif;
	font-size:1rem;
	border-radius:5px;
	border:none;
}
#banner-contact-form .main-form-captcha > span > span {
	width:66px;
	padding:2px 5px;
	margin:0 20px 0 0;
	font-family: Arial, sans-serif;
	color:#ffcccc;
}
#banner-contact-form .main-form-submit > input {
	display:block;
	margin:0 20px;
	padding:4px 0;
	width:200px;
	font-size:1.4rem;
	border-radius:5px;
	background-color:#6dcc3e;
	color:#fff;
	border:none;
}
#banner-contact-form form > .wpcf7-validation-errors {
	width: 190px;
	margin: 0 20px 20px;
	padding: 5px;
	border:none;
	font-family: Arial, sans-serif;
	font-size:1rem;
	text-align:center;
	color:#ffcccc;
}
/* SELLING POINTS */
#banner-selling-points {
	width:34%;
	float:left;
	padding:0 0.5%;
}
#banner-selling-points > div {
	font-size:2rem;
	font-weight:700;
	color:#ff3333;
	font-family: 'Exo 2', sans-serif;
	padding:20px 0;
}
#banner-selling-points > ul > li {
	font-size:1.1rem;
	font-family: 'Libre Baskerville', serif;
	margin:0 0 15px 20px;
	line-height:1.5rem;
}
/* BANNER IMAGE */
#banner-image {
	width:35%;
	float:left;
	text-align:center;
}
#banner-image > img {
	width:210px;
	padding:20px 0 0;
	padding:20px 0 0;
}


/* # B O D Y # */
#body-wrap {
	margin:50px 0 0;
}
#body-wrap > .centre-wrap {
	font-family: 'Libre Baskerville', serif;
	line-height:1.5rem;	
}
#body-wrap p {
	margin:0 0 15px;
}
/* Headings */
#body-wrap h1,
#body-wrap h2,
#body-wrap h3 {
	font-family: 'Exo 2', sans-serif;
}
#body-wrap h1 {
	font-size: 2.2rem;
	color: #ff4d4d;
	padding:0 0 20px;
}
#body-wrap h2 {
	font-size: 1.6rem;
	color: #b33636;
	padding:30px 0 10px;
}
#body-wrap h3 {
	font-size: 1.2rem;
	color: #b33636;
	padding:20px 0 5px;
}

/* List Types */
#body-wrap ul {
	margin:5px 0 20px;
}
#body-wrap ul > li {
	margin:0 0 0 20px;
}
#body-wrap ol {
	margin:5px 0 20px;
}
#body-wrap ol > li {
	margin:0 0 0 35px;
}
#body-wrap .list-two-column {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
/* Link */
#body-wrap a {
	text-decoration:none;
	color:#0083cc;
}
#body-wrap a:hover {
	color:#ff6666;
}
/* Table */
#body-wrap table {
	margin: 0 0 15px;
}
#body-wrap table th,
#body-wrap table td {
	padding:0 10px;
}
#body-wrap .table-header-left th:first-child {
	text-align:right;
}
/* Google Map */
.google-map-wrap > iframe {
	width:100%;
}

/* # B O D Y - HOME # */
/* BANNER SERVICES */
#banner-services {
	padding:0 0 50px;
}
#banner-services > article {
	width:20.9%;
	padding:0 2%;
	float:left;
	border-left-style:solid;
	border-left-width:1px;
	text-align:center;
	border-color:#cccccc;
}
#banner-services > article:first-child {
	border-left:none;
}
#banner-services > article img {
	
}
#banner-services > article header {
	text-align:center;
	font-size:1.5rem;
	font-weight:700;
	color:#ff3333;
	padding:0 0 10px;
}
/* FULL WIDTH */
#body-full-width {
	padding:0 1%;
}

/* # B O D Y - PAGE, SINGLE, 404 # */
#body-main-column {
	width:68%;
	padding:0 1%;
	float:left;
}
/* # S I D E B A R # */
#sidebar-column {
	width:28%;
	padding:0 1%;
	float:right;
}
#sidebar-column > .widget-wrap {
	padding:0 0 10px;
}


/* SIDEBAR CONTACT FORM */
#sidebar-contact-form span .wpcf7-not-valid-tip {
  background: #fff none repeat scroll 0 0;
  display: block;
  font-size: 11px;
  left: 20px;
  line-height: 21px;
  position: absolute;
  top: 3px;
  width: 78%;
}
#sidebar-contact-form {
	background: #333333;
	border-radius: 10px;
	overflow: hidden;
}
#sidebar-contact-form > span {
	display:block;
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	font-family: 'Exo 2', sans-serif;
	text-align:center;
	padding: 12px 0;
	letter-spacing: 1px;
}
#sidebar-contact-form > div {
	margin: 10px 0 0;
}
#sidebar-contact-form .main-form-element {
	margin:0;
}
#sidebar-contact-form .main-form-element > span {
	display:block;
	margin:0 0 10px;
}
#sidebar-contact-form .main-form-element > span > input {
	width:85%;
	margin:0 5%;
	padding:2px 2.4%;
	/*border-width:1px;*/
	border-color:#000;
	font-family: Arial, sans-serif;
	font-size:1rem;
	border-radius:5px;
	border:none;
}
#sidebar-contact-form .main-form-element > span > textarea {
	width:85%;
	margin:0 5%;
	padding:2px 2.4%;
	height:3rem;
	/*border-color:#000;*/
	font-family: Arial, sans-serif;
	font-size:1rem;
	border-radius:5px;
	border:none;
}
#sidebar-contact-form .main-form-element > span > span {
	padding:0;
	font-family: Arial, sans-serif;
}
#sidebar-contact-form .main-form-captcha {
	margin:0 0 10px;
}
#sidebar-contact-form .main-form-captcha > img {
	margin:0 0 0 5%;
	float:left;
	/*border-width:1px;
	border-style:solid;
	border-color:#000;*/
	border-radius:5px;
	height:23px;
	border:none;
}
#sidebar-contact-form .main-form-captcha > span {
	float:right;
	margin:0 5% 0 0;
}
#sidebar-contact-form .main-form-captcha > span > input {
	width:120px;
	padding:2px 5px;
	margin:0;
	/*border-width:1px;
	border-color:#000;*/
	font-family: Arial, sans-serif;
	font-size:1rem;
	border-radius:5px;
	border:none;
}
#sidebar-contact-form .main-form-captcha > span > span { 
	margin:0;
	font-family: Arial, sans-serif;
}
#sidebar-contact-form .main-form-submit > input {
	display:block;
	margin:0 auto;
	padding:5px 0;
	width:90%;
	font-size:1.5rem;
	border-radius:5px;
	background-color:#6dcc3e;
	color:#fff;
	border:none;
}
#sidebar-contact-form form > .wpcf7-validation-errors {
	width:90%;
	margin:0 5% 20px;
	padding:5px 0;
	border:none;
	font-family: Arial, sans-serif;
	font-size:1rem;
	text-align:center;
	color:#f00;
}

/* # F O O T E R   M E N U # */
#footer-menu-wrap {
	background-color:#333333;
	margin:50px 0 0;
}
/* FOOTER LINKS */
#footer-menu {
	background-color:#ff4d4d;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#footer-menu > li {
	float:left;
}
#footer-menu > li > a {
	display:block;
	padding:10px 15px;
	text-decoration:none;
	font-family: 'Exo 2', sans-serif;
	letter-spacing:1px;
	font-size:0.9rem;
	color:#fff;
	font-weight:700;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#footer-menu > li:hover > a {
	background-color:#b33636;		
	color:#ffcc33;
}
/* FOOTER LOGO */
#footer-logo {
	display:none;
	float:right;
}
#footer-logo > img {
	width:100%;
}



/* # S E C O N D A R Y   M E N U # */
#secondary-menu-wrap {
	background-color:#333333;
	padding:15px 0;
}
/* FOOTER SOCIAL MEDIA */
#footer-social-media {
	width:30%;
	float:left;
}
#footer-social-media > li {
	float:left;
}
#footer-social-media > li > a {
	display:block;
	padding:0 10px 0;
	width:32px;
}
#footer-social-media > li > a > img {
	width:100%;
}
/* FOOTER EXTRA LINKS */
#footer-extra-menu {
	width:40%;
	float:left;
}
#footer-extra-menu > li {
	float:left;
}
#footer-extra-menu > li > a {
	display:block;
	padding:10px 15px;
	letter-spacing:1px;
	font-size:0.9rem;
	color:#fff;
	font-family: Arial, sans-serif;
}
#footer-extra-menu > li > a:hover {
	color:#ff3333
}

/* FOOTER EXTRA IMAGE */
#footer-extra-image {
	width:30%;
	float:right;
	text-align:right;
}
#footer-extra-image > img {
	width:100%;
	max-width:231px;
}



/* # C O P Y R I G H T   R O W # */
#copyright-row-wrap {
	background-color:#333333;
	padding:5px 0;
	font-family: Arial, sans-serif;
	font-size:0.9rem;
	color:#fff;
}
/* COPYRIGHT TEXT */
#copyright-text {
	width:40%;
	float:left;

}
/* COMPANY LINK */
#company-link {
	width:40%;
	float:right;
	text-align:right;
}
#company-link > a {
	color:#fff;
}
#company-link > a:hover {
	color:#ff3333;
}
/* MICRO DATA */
#micro-data {
	width:20%;
	float:left;
	text-align:center;
}



/*********************************/
/* I P A D   R E S P O N S I V E */

@media only screen and (max-width:768px) {
	
	#micro-data {
  display: none;
}
	/* # H E A D E R # */
	/* SITE TITLE */
	#site-title {
		width:69%;
		float:left;
	}
	#site-title > div {
		text-align:center;
	}
	#site-title > span {
		text-align:center;
	}
	/* HEADER PHONE */
	#header-phone {
		width:29%;
		float:right;
	}
	#header-phone > div > span {
		text-align:center;
	}
	#header-phone > div > a {	
		text-align:center;
	}
	/* HEADER MESSAGE */
	#header-message {
		width:100%;
		float:none;
		clear:both;
		padding:20px 0 0;
	}
	
	/* # M A I N   M E N U # */
	
	
	/* # H O M E   B A N N E R # */
	/* BANNER CONTACT FORM */
	#banner-contact-form {
		float:none;
		width:100%;
	}
	#banner-contact-form > section {
		position:absolute;
		border:none;
	}
	#banner-contact-form > section > div {
		display:none;
		
	}
	
	/* SELLING POINTS */
	#banner-selling-points {
		width:49%;
	}
	#banner-selling-points > div {
		font-size:1.8rem;
		padding: 20px 0 20px;
	}
	/* BANNER IMAGE */
	#banner-image {
		width:50%;
	}
	
	/* # B O D Y - PAGE, SINGLE # */
	#body-main-column {
		width:63%;
		padding:0 1%;
	}

	/* # S I D E B A R # */
	#sidebar-column {
		width:33%;
		padding:0 1%;
	}
	
	/* # F O O T E R   M E N U # */
	/* FOOTER LINKS */
	#footer-menu > li {
		width:33%;
	}
	#footer-menu > li > a {
		padding:10px 0;
		text-align:center;
	}
	
	/* # S E C O N D A R Y   M E N U # */
	/* FOOTER SOCIAL MEDIA */
	#footer-social-media {
		width:40%;
		float:right;
	}
	#footer-social-media > li {
		float:right;
	}
	/* FOOTER EXTRA LINKS */
	#footer-extra-menu {
		width:60%;
	}
	#footer-extra-menu > li {
		width:50%;
	}
	#footer-extra-menu > li > a {
		padding:5px 0;
		text-align:center;
	}
	/* FOOTER EXTRA IMAGE */
	#footer-extra-image {
		clear:both;
		float:none;
		width:100%;
		text-align:center;
	}
	
	/* # C O P Y R I G H T   R O W # */
	/* COPYRIGHT TEXT */
	#copyright-text {
		float:left;
		width:39%;
		padding:0 0 0 1%;
	}
	/* COMPANY LINK */
	#company-link {
		float:right;
		width:39%;
		padding:0 1% 0 0;
	}
	/* MICRO DATA */
	#micro-data {
		float:left;
		width:20%;
	}
}

@media only screen and (max-width:767px) {
	#sidebar-contact-form span .wpcf7-not-valid-tip { left: 12px; }
	#sidebar-column {
  float: left;
  padding: 0 1%;
  width: 300px;
}
#body-main-column {
  padding: 0 1%;
  width: 98%;
}
iframe {
  width: 100% !important;
}
}
/*************************************/
/* M O B I L E   R E S P O N S I V E */
@media only screen and (max-width:480px) {
.table-header-left a {
  font-size: 13px;
}
td {
  font-size: 13px;
}
}
@media only screen and (min-width:361px) {
	/*Prevent JQuery in-line style from hiding the menu */
	#main-menu {
		display:block !important;
	}
}
@media only screen and (max-width:360px) {
	
	
	a {
  font-size: 10px !important;
}
td {
  font-size: 10px !important;
}
th {
  font-size: 10px !important;
}
	/* # H E A D E R # */
	/* SITE TITLE */
	#site-title {
		width:100%;
		float:none;
		padding:0 0 30px;
	}
	#site-title > div > span {
		display:block;
	}
	/* HEADER MESSAGE */
	#header-message {
		width:100%;
		float:none;
		text-align:center;
	}
	/* HEADER PHONE */
	#header-phone {
		width:100%;
		float:none;
		text-align:center;
	}
	#header-phone > div {
		float:none;
		display:inline-block;
	}
	
	/* # M A I N   M E N U # */
	#main-menu-wrap > nav {
		position:relative;
	}
	#main-menu-toggle {
		display:block;
		background-color:#ff4d4d;
	}
	/* MAIN MENU LEVEL 1 */
	#main-menu {
		display:none;
		position:absolute;
		width:100%;
		z-index:999;
		background-color:#ff4d4d;
		border-radius:initial;
	}
	#main-menu > li {
		float:none;
	}
	#main-menu > li > a {
		border-top-style:dotted;
		border-width:1px;
		border-color:#fff;
		border-radius:initial;
	}
	/* MAIN MENU LEVEL 2 */
	#main-menu > .menu-item-has-children > div {
		display:block;
		right:0;
		position:absolute;
		background-image:url( 'images/mobile-menu-arrow.png' );
		background-repeat:no-repeat;
		background-position:right top;
		width:100px;
		height:35px;
	}
	#main-menu > .menu-item-has-children > ul {
		width:75%;
	}
	#main-menu > .menu-item-has-children:hover > ul {
		display:none;
	}
	#main-menu > .menu-item-has-children > ul > li > a {
		border-top-style:dotted;
		border-width:1px;
		border-color:#fff;
	}
	
	/* # H O M E   B A N N E R # */
	/* BANNER CONTACT FORM */
	
	#banner-contact-form > section {
		margin:0 auto;
	}
	/* SELLING POINTS */
	#banner-selling-points {
		margin:40px 0 0;
		width:100%;
	}
	#banner-selling-points > div {
		font-size:1.8rem;
	}
	#banner-selling-points > ul > li {
		font-size: 1.1rem;
		margin: 0 0 8px 20px;
	}
	/* BANNER IMAGE */
	#banner-image {
		display:none;
	}
	
	
	/* # B O D Y # */
	/* Headings */
	#body-wrap h1 {
		line-height:1.8rem;
	}
	
	/* # B O D Y - HOME # */
	/* BANNER SERVICES */
	#banner-services {
		
	}
	#banner-services > article {
		width:80%;
		padding:20px 10% 0;
		float:none;
		border-top-style:solid;
		border-top-width:1px;
		border-left:none;
	}
	#banner-services > article:first-child {
		border-top:none;
	}
	#banner-services > article img {
		
	}
	#banner-services > article header {
		
	}
	
	/* # B O D Y - PAGE, SINGLE # */
	#body-main-column {
		width:98%;
		float:none;
		margin:0 0 40px;
	}

	/* # S I D E B A R # */
	#sidebar-column {
		width:98%;
		float:none;
	}
	
	/* # F O O T E R   M E N U # */
	/* FOOTER LINKS */
	#footer-menu {
		width:100%;
		float:none;
	}
	#footer-menu > li {
		width:100%;
	}
	/* FOOTER LOGO */
	#footer-logo {
		width:100%;
		float:none;
	}
	
	/* # S E C O N D A R Y   M E N U # */
	/* FOOTER SOCIAL MEDIA */
	#footer-social-media {
		width:100%;
		float:none;
		text-align:center;
	}
	#footer-social-media > li {
		display:inline-block;
		float:none;
	}
	/* FOOTER EXTRA LINKS */
	#footer-extra-menu {
		float:none;
		width:100%;
	}
	#footer-extra-menu > li {
		width:100%;
	}
	#footer-extra-menu > li > a {
		padding:5px 0;
		text-align:center;
	}
	
	/* # C O P Y R I G H T   R O W # */
	/* COPYRIGHT TEXT */
	#copyright-text {
		text-align:center;
		float:none;
		width:100%;
		padding:5px 0;
	}
	/* COMPANY LINK */
	#company-link {
		text-align:center;
		float:none;
		width:100%;
		padding:5px 0;
	}
	/* MICRO DATA */
	#micro-data {
		width:100%;
		padding:5px 0;
	}
	#sidebar-contact-form span .wpcf7-not-valid-tip { left: 25px; }
}