/*
Theme Name: Zupa Theme
Author: George Fuller
Author URI: http://www.georgefuller.co.uk/
Description: A clean, modern, responsive, theme made by George Fuller.
Version: 0.1 Alpha
Tags: black, white, responsive
*/

/* Reset
======================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********************* GLOBAL (MOBILE) CSS HERE *********************/


/* Clearfix
======================================== */
.clear {
	clear:both;
}
.group::after {
	content: "";
	clear:both;
	display:table;
}
body {
	overflow-x:hidden;
}

 /* HIDING CLASSES
======================================== */
@media all and (max-width: 1025px) {
	.hide-mobile {
		display:none;
	}
}
@media (max-width: 1024px) {
	.hide-under-1025 {
		display:none !important;
	}
}
@media (min-width: 1025px) {
	.hide-over-1025 {
		display:none;
	}
}
@media (max-width: 700px) {
	.hide-under-700 {
		display:none !important;
	}
}
@media (min-width: 700px) {
	.hide-over-700 {
		display:none;
	}
}

/* iFrame - video container
======================================== */
.video-container { 
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Padding and Margin Classes
======================================== */
.paddingt10 {padding-top:10px;}
.paddingb10 {padding-bottom:10px;}
.paddingt20 {padding-top:15px;}
.paddingb20 {padding-bottom:15px;}
.paddingt30 {padding-top:20px;}
.paddingb30 {padding-bottom:20px;}
.paddingt40 {padding-top:30px;}
.paddingb40 {padding-bottom:30px;}
.paddingt60 {padding-top:40px;}
.paddingb60 {padding-bottom:40px;}
.paddingt80 {padding-top:60px;}
.paddingb80 {padding-bottom:60px;}
.paddingt100 {padding-top:80px;}
.paddingb100 {padding-bottom:80px;}


.margint10 {margin-top:10px;}
.marginb10 {margin-bottom:10px;}
.margint20 {margin-top:15px;}
.marginb20 {margin-bottom:15px;}
.margint30 {margin-top:20px;}
.marginb30 {margin-bottom:20px;}
.margint40 {margin-top:30px;}
.marginb40 {margin-bottom:30px;}
.margint60 {margin-top:40px;}
.marginb60 {margin-bottom:40px;}
.margint80 {margin-top:60px;}
.marginb80 {margin-bottom:60px;}
.margint100 {margin-top:80px;}
.marginb100 {margin-bottom:80px;}

/* Paddingt100 overided for mobile */
.paddingt100 {padding-top:40px;}

/* Float & Alignment
======================================== */
.alignleft, .float-left {float:left;}
.alignright, .float-right {float:right;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.float-none {float:none;}
.center { text-align:center;}

/* Position
======================================== */
.relative {
	position:relative;
}
.absolute {
	position:absolute;
}

hr {border: 0; height: 2px; background:#CDCDCD; margin:20px 0 20px 0;}


/* ALL TEXT
======================================== */
p {
	color:#404041;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	padding-bottom:20px;
}
ul li {
	color:#404041;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	list-style:inside;
}
a {
	text-decoration:none;
	color: #4AB9B0;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h1 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#404041;
	font-size:32px;
	font-weight:700;
	padding-bottom:20px;
}
h2 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#404041;
	font-size:24px;
	font-weight:700;
	padding-bottom:40px;
	line-height:32px;
}
h3 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#404041;
	font-size:18px;
	font-weight:700;
	padding-bottom:30px;
	line-height:24px;
}
h4 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#404041;
	font-size:15px;
	font-weight:700;
	padding-bottom:20px;
}
strong {
	font-weight:700;
}

/* TABLES
======================================== */
td {
	padding:10px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background-color:#FFF;
	border: 1px solid #888888;
	font-size: 12px;
}
th {
	border: 1px solid #888888;
	padding:10px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:15px;
}
tr:nth-child(1n) {
	background-color:#E1E1E1;
}
table {
	margin-bottom:20px;
}

table h3 {
	padding-bottom:0;
}

/* Caption
======================================== */
.wp-caption { font-size:13px; margin-bottom:10px; line-height:20px; color:#888; }
.wp-caption-text { font-size:13px; margin-bottom:10px; line-height:20px; color:#888; }
.gallery-caption { font-size:13px; margin-bottom:10px; line-height:20px; color:#888; }
.sticky {}

/* SLIDER
======================================== */
.slider {
	display: none;
}

/* MOBILE MENU
======================================== */
/* HIDE MENUS
------------------------------------------ */
.desktop-menu { display: none; }
.mobile-menu { display: none; }

/* BURGER MENU BUTTON FOR TABLET / MOBILE
------------------------------------------ */
.mobile-menu-btn-cntr {
	width: 20%;
	position:absolute;
	top:20px;
	right:20px;
	z-index:3;
}
.mobile-menu-btn {
	float: right;
	width: auto;
	height: auto;
	padding: 0 0 10px 0;
	background: #FFFFFF;
	border: none;
	text-align: center;
	color: #333333;
	cursor: pointer;
	font-size: 38px;
	transition: color 0.3s;
}
.mobile-menu-btn:hover {
	color: #24c9b9;
}
.mobile-menu-btn {
	display: block;
}

/* MOBILE NAVIGATION MENU
------------------------------------------ */
.mobile-menu ul {
	margin-bottom: 30px;
}
.mobile-menu ul, .mobile-menu li {
	display: block;
	width: 100%;
	float: left;
}
.mobile-menu ul li {
	position: relative;
	display: block;
	float: none;
	clear: both;
}

/* MOBILE NAVIGATION MENU
------------------------------------------ */
.mobile-menu ul li:last-child a {
	border-bottom: none;
}
.mobile-menu ul a {
	padding: 20px 5%;
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	outline: none;
	background: #24c9b9;
	clear: both;
	border-bottom: 1px solid #333333;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.mobile-menu ul a:hover {
	background: #666;
	color: #fff;
}

/* NAV ACTIVE LINKS - MOBILE
------------------------------------------ */
.mobile-menu .current-menu-item > a {
	color: #fff;
	background-color:#666;
}

/* Sub Menu (Dropdown) - Mobile / Tablet
------------------------------------------ */
.mobile-menu ul ul {
	display: none;
	left: 0;
	position: relative;
	text-align: left;
	z-index: 1000;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.mobile-menu ul ul li{
	clear: both;
	width: 100%;
	display: block;
	margin: 0;
	box-sizing: border-box;
	margin-bottom: 0;
}
.mobile-menu ul ul a {
	padding: 20px 5%;
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 15px;
	letter-spacing: 2px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	outline: none;
	background: #333333;
	clear: both;
	border-bottom: 1px solid #555;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.mobile-menu ul ul li:last-child a {
	border-bottom: 1px solid #555;
}

/* Sub Menu Button (Dropdown button) - Mobile / Tablet
------------------------------------------ */
.mobile-menu .menu-item button {
	position: absolute;
	top: 25%;
	right: 4%;
	cursor: pointer;
	border: none;
	color: #ffffff;
	background: #333333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 22px;
	width: 30px;
	-webkit-transition :all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.mobile-menu .menu-item button:hover {
	background: #00C2C4;
}

.mobile-menu-btn {
	margin-top:15px;
}

/* Columns - Mobile
******************************************************************************************************************************************/
/* cols
======================================== */
.cols { 
	width:100%; 
	box-sizing:border-box;
}
.cols ul li {
	text-align:left;
	width:100%;
	float:left;
	height:auto;
	display:block;
	vertical-align:top;
	box-sizing:border-box;
	margin-bottom:4%;
	margin-right:0;
	margin-left:0;
}
.cols ul li:after {
	content: "";
	clear:both;
	display:table;
}
.cols ul ul li {
	width:auto;
}
.cols a { text-decoration:none; }
.cols p { margin-bottom:0; }
.cols img { width:100%; max-width:100%; height:auto;}

/* col-2
======================================== */
.col-2 ul li { 
	display:block; 
	width:100%;
	margin-right:0;
	margin-bottom:4%;
}
.col-2 ul li:last-child { margin-bottom:0; }
.col-2 ul ul li { margin-bottom:0; } 

/* col-2-2
======================================== */
.col-2-2 ul li { 
	display:inline-block; 
	width:48%;
	margin-right:4%;
	margin-bottom:4%;
}
.col-2-2 ul li:nth-child(2n) { margin-right:0; }

/* col-3
======================================== */
.col-3 ul li { 
	display:inline-block; 
	width:30.66%;
	margin-right:4%;
	margin-bottom:4%;
}
.col-3 ul li:nth-child(3n) { margin-right:0; }
.col-3 ul li:nth-child(3n+1) { clear:both; }
.col-3 ul ul li { margin-bottom:0; } 

/* col-3-1
======================================== */
.col-3-1 ul li { 
	display:block; 
	width:100%;
	margin-right:0;
	margin-bottom:4%;
}

/* col-3-2
======================================== */
.col-3-2 ul li { 
	display:inline-block; 
	width:48%;
	margin-right:4%;
	margin-bottom:4%;
}
.col-3-2 ul li:nth-child(3n) { margin-right:4%; }
.col-3-2 ul li:nth-child(2n) { margin-right:0; }

/* col-4
======================================== */
.col-4 ul li {
	display:inline-block; 
	width:22%; 
	margin-right:4%;
	margin-bottom:40px;
} 
.col-4 ul li:nth-child(4n) { margin-right:0; }
.col-4 ul li:nth-child(4n+1) { clear:both; }
.col-4 ul ul li { margin-bottom:0; }

/* col-4-1
======================================== */
.col-4-1 ul li { 
	display:block; 
	width:100%;
	margin-right:0;
	margin-bottom:40px;
}

/* col-4-2
======================================== */
.col-4-2 ul li { 
	display:inline-block; 
	width:48%; 
	margin-right:4%;
	margin-bottom:40px;
}
.col-4-2 ul li:nth-child(2n) { margin-right:0; }

/* BACKGROUND AND TEXT COLOUR */

/* colour dark grey */
.primary, .primary h1, .primary h2, .primary h3, .primary p, .primary a {
	color:#404041;
}
/* background colour white */
.bg-primary {
	background: #FFFFFF;
}
/* colour white */
.secondary, .secondary h1, .secondary h2, .secondary h3, .secondary p, .secondary a {
	color:#FFFFFF;
}
/* background colour dark grey */
.bg-secondary {
	background: #414042;
}
/* NEWS POST TITLES */
.post-title {
	padding-bottom:40px;
	padding-top:20px;
}

/* CONTAINERS
======================================== */
.full-wrapper {
	width:100%;
}
.wrapper {
	max-width:960px;
	width:90%;
	margin:auto;
	box-sizing:border-box;
}
.wrapper .logo img {
	width:auto;
	padding-top:30px;
	padding-bottom:20px;
	padding-right: 10px;
}

/* CONTENT LEFT
======================================== */
.content-left {
	width:100%;
}

/* CONTENT (WYSIWYG)
======================================== */
.content img {
	width:auto;
	max-width:100%;
	height:auto;
}
.content ul {
	margin-bottom:25px;
}
.content ul li {
	color:#404041;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	list-style:inside;
}

.content table td:nth-child(2n) {
	background:#F4F4F4;
}

/* ul 2 collumns
======================================== */
.columns { 
	margin-bottom:40px;
	-webkit-columns: 1 120px; 
	-moz-columns: 1 120px; 
	columns: 1 120px;
}
.columns li {
	padding-bottom:10px;
}

/* CYCLONE SLIDER
======================================== */

.cycloneslider-template-standard {
	margin-bottom:0 !important;
}

/* PAGE TITLE
======================================== */
.page-title {
	padding-bottom:40px;
}

/* LINE INBETWEEN NEWS POSTS
======================================== */
.line {
	border-bottom:solid 2px #CDCDCD;
}

/* SIDEBAR
======================================== */
.sidebar {
	width:100%;
	background:#404041;
	padding:25px;
	box-sizing:border-box;
	margin-top:40px;
}

.map-sidebar {
	background:none !important;
}

/* FOOTER SECTION
======================================== */
.footer-navigation a {
	color:#FFFFFF;
	display:inline-block;
}
.footer-navigation ul li{
	display:inline-block;
	color:#FFFFFF;
	font-size:12px;
	padding-left:0;
}
.footer-navigation li:after {
	content:"|";
	padding-left:4px;
}
.footer-navigation li:last-child:after {
	content:"";
}
.footer-navigation a:hover {
	color: #24c9b9;
}
#menu-footer-menu {
	padding-top:40px;
	float:left;
}

/* NEWS ITEMS
======================================== */
.news-items ul li {
	display:inline-block;
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:2%;
}
.excerpt-news p {
	line-height:20px;
	border-bottom: 2px solid #E9E9E9;
}
.news-title {
	padding-top:20px;
}
.news-title:nth-child(2) {
	padding-top:0px;
}

/* CONTACT FORM 7 - MOBILE
======================================== */
.wpcf7-form input {
	font-size:16px;
	max-width:100%;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	border: 1px solid #cccccc;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.wpcf7-form p {
	font-size:16px;
	padding-bottom:10px;
}
.wpcf7-form textarea {
	font-size:16px;
	padding:10px;
	border: 1px solid #cccccc;
	box-sizing:border-box;
	width:100%;
	max-width:100%;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.wpcf7-form input[type=submit] {
	font-size:16px;
	cursor:pointer;
	width:auto;
	background:#;
	color:#ffffff;
	border:none;
}

/* ----- Contact Form Validation Styling ------ */
.wpcf7-validation-errors {
	background:#fff;
	line-height:20px;
}
.wpcf7-response-output {
	background:#fff;
	line-height:20px;
	margin:0;
	color:#24a33e !important;
}
span.wpcf7-not-valid-tip {
	position:relative;
	color:#FF0000;
	display:inline-block !important;
	font-size:13px;
	line-height:18px !important;
	background:#fff;
	width:auto;
	padding:5px 15px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin-top:10px;
}
span.wpcf7-not-valid-tip:after {
    content:'';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-bottom: solid 5px #ffffff;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}

/* Comments
======================================== */
.the-comment-form {
	display:none;
}

/* The actual comments
======================*/

/*The comments container*/
#comments {
    width:100%;
    float:left;
}
#comments a {
    color:#008eef;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
#comments a:hover { color:#323133; }

#comments li { list-style:none; margin-left:0; }

/*Reply button*/
#comments .reply a {
    clear:both;
    text-decoration:none;
    color:#FFF;
    background:#ccc;
    margin-top:20px;
    line-height:20px;
    float:right;
	cursor:pointer;
	padding:5px 10px;
}
#comments .reply a:hover { background:#008eef; }

/*The actual comments left by people*/
#comments p {
    margin-bottom:0;
    color:#555777;
    clear:both;
	margin-top:20px;
	float:left;
}

/*Each comment block*/
.comment-body {
    width:100%;
    padding:20px;
    background:#fff;
    clear:both;
    float:left;
    margin-top:50px;
	box-sizing:border-box;
    font-size:12px;
}
.comment-author span {
	display:none;
}
.comment-author {
    color:#fff;
    margin-bottom:0;
	float:left;
	display:block;
}
.comment-meta {
    margin-bottom:0;
	clear:both;
	float:left;
	display:block;
}

@media (min-width: 600px) {
	
.comment-author {
	float:left;
	display:inline-block;
}
.comment-meta {
	clear:none;
	float:right;
	display:inline-block;
}
}
.children {
	margin-left:25px;
}
/* persons name */
#comments .fn {
    color:#323133;
    font-size:16px;
    margin-left:5px;
}
#comments .fn a {
    color:#323133;
    font-size:16px;
}
#comments .says { color:#323133; }
.comment-awaiting-moderation { color:#323133; }
#comments .bypostauthor .comment-body { background: #ffffff; }
#comments .bypostauthor .comment-body p {}
#comments .bypostauthor .comment-body a {}
#comments .bypostauthor .reply a {}

/* The comment form
======================*/
.the-comment-form { }
.comment-respond {
    float:left;
    clear:both;
	margin-top:20px;
	padding:30px;
    width:100%;
	background:#ffffff;
	box-sizing:border-box;
}
.comment-respond a:hover { color:#555; }
.comment-respond p { color:#323133; }
.comment-reply-title{
    clear:both;
	color:#323133;
}
/*The text area*/
#comment {
    width:100%;
    clear:both;
    margin-top:20px;
    float:left;
    margin-bottom:10px;
    border:none;
    padding:20px;
	background:#ffffff;
	border:1px solid #e7e7e7;
	box-sizing:border-box;
}
.form-allowed-tags {
    font-size:12px;
    color:#999;
    width:100%;
    clear:both;
}
#submit {
    font-size:16px;
	margin-top:10px;
	letter-spacing:2px;
    background:#ff9700;
    border:none;
    color:#FFF;
    padding:10px;
    width:120px;
	cursor:pointer;
	transition:all 0.2s;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#submit:hover { background:#24c9b9; }
#comments .avatar-64 {
	margin-top:-50px;
    width:64px;
    height:64px;
	border-radius:50%;
	border:5px solid #ffffff;
}
.comment-form-author input, .comment-form-email input, .comment-form-url input {
	font-weight:300; font-family:"proxima-nova", Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	width: 100%;
	padding:7px;
	border:none;
	background:#ffffff;
    border:1px solid #E7E7E7;
	color:#000;
	font-size:13px;
	box-sizing:border-box;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

/* FOOTER NAVIGATION MENU - MOBILE
======================================== */
#menu-footer-menu {
	padding-bottom:20px;
	padding-top:20px;
	float:none;
	text-align:center;
}

/* SOCIAL ICONS - FOOTER - MOBILE
======================================== */
.social-icons-facebook {
	width:40px;
	height:40px;
	text-align:center;
	padding-top:30px;
	padding-right:30px;
}
.social-icons-twitter {
	width:40px;
	height:40px;
	text-align:center;
	padding-top:30px;
}
.social-icons-container {
	text-align:center;
}

/************************************* TABLET CSS HERE **************************************/
@media screen and (min-width: 700px) {
	
/* Padding Overides (Mobile to Tablet)
======================================== */
.paddingt10 {padding-top:10px;}
.paddingb10 {padding-bottom:10px;}
.paddingt20 {padding-top:20px;}
.paddingb20 {padding-bottom:20px;}
.paddingt30 {padding-top:30px;}
.paddingb30 {padding-bottom:30px;}
.paddingt40 {padding-top:40px;}
.paddingb40 {padding-bottom:40px;}
.paddingt60 {padding-top:60px;}
.paddingb60 {padding-bottom:60px;}
.paddingt80 {padding-top:80px;}
.paddingb80 {padding-bottom:80px;}
.paddingt100 {padding-top:100px;}
.paddingb100 {padding-bottom:100px;}

.margint10 {margin-top:10px;}
.marginb10 {margin-bottom:10px;}
.margint20 {margin-top:20px;}
.marginb20 {margin-bottom:20px;}
.margint30 {margin-top:30px;}
.marginb30 {margin-bottom:30px;}
.margint40 {margin-top:40px;}
.marginb40 {margin-bottom:40px;}
.margint60 {margin-top:60px;}
.marginb60 {margin-bottom:60px;}
.margint80 {margin-top:80px;}
.marginb80 {margin-bottom:80px;}
.margint100 {margin-top:100px;}
.marginb100 {margin-bottom:100px;}

/* Also - Paddingt100 overided for tablet */
.paddingt100 {padding-top:50px;}

/* Text Overides (Mobile to Tablet)
======================================== */
h1 {
	font-size:32px;
	line-height:36px;
}
h2 {
	font-size:24px;
	line-height:38px;
}
h3 {
	font-size:18px;
	line-height:28px;
}

/* ul 2 collumns
======================================== */
.columns { 
	margin-bottom:40px;
	-webkit-columns: 2 300px; 
	-moz-columns: 2 300px; 
	columns: 2 300px;
}

/* LINE INBETWEEN NEWS POSTS
======================================== */
.line {
	display:none;
}

/* Column overides
======================================== */
/* col-2
======================================== */
.col-2 ul li { 
	display:inline-block; 
	width:48%;
	margin-right:4%;
	margin-bottom:4%;
}
.col-2 ul li:nth-child(2n) { margin-right:0; }

/* col-3
======================================== */
.col-3 ul li { 
	display:inline-block; 
	width:30.66%;
	margin-right:4%;
	margin-bottom:4%;
}
.col-3 ul li:nth-child(2n) { margin-right:4%; }
.col-3 ul li:nth-child(3n) { margin-right:0; }

/* col-4
======================================== */
.col-4 ul li { 
	display:inline-block; 
	width:22%; 
	margin-right:4%;
} 
.col-4 ul li:nth-child(2n) { margin-right:4%; }
.col-4 ul li:nth-child(4n) { margin-right:0; }

/* WRAPPER
======================================== */
.wrapper .logo img {
	padding-top:30px;
}

.mobile-menu ul {
	margin-bottom: 0;
}

/* Content
======================================== */
.header-section {
}

/* content-left
======================================== */
.content-left {
	width:63%;
	float:left;
	margin-right:4%;
}

/* SLIDER
======================================== */
.slider {
	display:block;
	padding-bottom:20px;
}

/* SIDEBAR (DISABLED)
========================================
.sidebar {
	width:33%;
	float:left;
	box-sizing:border-box;
	margin-top:0;
}
.map-sidebar {
	padding:0;
}
/*

/* CONTACT FORM 7 - MOBILE
======================================== */
.wpcf7-form input {
	font-size:16px;
	max-width:48%;
	width:100%;
	margin-right:2%;
	padding:10px;
	box-sizing:border-box;
	border: 1px solid #cccccc;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.wpcf7-form p {
	font-size:16px;
	padding-bottom:10px;
}
.wpcf7-form textarea {
	font-size:16px;
	padding:10px;
	border: 1px solid #cccccc;
	box-sizing:border-box;
	max-width:100%;
	width:100%;
	margin-right:2%;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.wpcf7-form input[type=submit] {
	font-size:16px;
	cursor:pointer;
	width:auto;
	background:#404041;
	color:#ffffff;
	border:none;
}

/* FOOTER NAVIGATION MENU
======================================== */
#menu-footer-menu {
	padding-bottom:20px;
	padding-top:20px;
	float:none;
	text-align:center;
}

/* SOCIAL ICONS - FOOTER - TABLET
======================================== */
.social-icons-facebook {
	width:50px;
	height:50px;
	padding-right:30px;
}
.social-icons-twitter {
	width:50px;
	height:50px;
}
.social-icons-container {
	text-align:center;
}

.wrapper .logo img {
	width:auto;
}

}

/********************* Laptop + bigger CSS HERE *********************/
@media screen and (min-width: 1025px) {
	
/* Paddingt100 overided for desktop */


.content h2 {
	padding-bottom:20px;
}

/* ul 3 collumns
======================================== */
.columns { 
	margin-bottom:40px;
	-webkit-columns: 3 100px; 
	-moz-columns: 3 100px; 
	columns: 3 100px;
	width:900px;
}
.columns li {
	padding-bottom:0px;
}


/* CONTACT FORM 7 - DESKTOP
======================================== */
.wpcf7-form input {
	max-width:100%;
	width:100%;
}
.wpcf7-form p {
	font-size:16px;
	padding-bottom:10px;
}
.wpcf7-form textarea {
	max-width:100%;
	width:100%;
}

/* LOGO
======================================== */
.wrapper .logo img {
	text-align:left;
	padding-top:30px;
	width:auto;
}

.logo {
	float:left;
}

.header-section {
	padding-bottom:0;
}

/* PHONE NUMBER
========================================= */
.phone-number {
	float: right;
	margin-top: -100px;
}
.phone-number h2 {
	padding-bottom:0;
}

/* SIDEBAR
======================================== */
.sidebar {
	margin-top:0;
}

/* SLIDER
======================================== */
.slider {
	padding-bottom:0;
	display:block;
	clear:both;
}

/* DESKTOP MENU
======================================== */
.desktop-menu {
	display: inline;
	float:right;
}
.desktop-menu ul {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align:right;
	clear:both;
}

.desktop-menu ul li{
	display:inline-block;
	padding-right:70px;
	position:relative;
}
.desktop-menu li:nth-child(5) {
	padding-right:0;
}

.mobile-menu-btn {
	display:none;
}

/* DESKTOP NAV LINKS
=========================================== */
.desktop-menu a {
	padding: 0 0 10px 0;
	text-decoration: none;
	line-height: 25px;
	color: #404041;
	font-size: 15px;
	position: relative;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.desktop-menu a:hover {
	color: #24c9b9 !important;
}

/* NAV ACTIVE LINKS - DESKTOP
------------------------------------------ */
.desktop-menu .current-menu-item > a {
	color: #24c9b9;
	font-weight:700;
}

/* BORDER BOTTOM HOVER (Disabled)

.main-nav a::after {
    content: "";
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    position: absolute;
    width: 50%;
    bottom: 5px;
	left: 25%;
    border-bottom: 2px solid transparent;
    -webkit-transition: 0.1s ease-in;
    -moz-transition: 0.1s ease-in;
    -o-transition: 0.1s ease-in;
    transition: 0.1s ease-in;
}
.main-nav a:hover::after {
    border-bottom: 2px solid #C96C38;
}
.main-nav ul ul a:hover::after {
    border-bottom: 2px solid transparent;
}
*/

/* SUB MENU (Dropdown)
------------------------------------------ */
.desktop-menu ul ul {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	top: -9999999px;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: left;
	z-index: 10000;
	width: 140px;
}
.desktop-menu ul ul li {
	clear: both;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding: 0;
	margin: 0; 
	border-bottom: 1px solid #555;
	box-sizing: border-box;
}
.desktop-menu ul ul li:last-child {
	border-bottom: none;
}
.desktop-menu ul ul li a {
	position: relative;
	display: block;
	line-height: 35px;
	padding: 0 20px;
	color: #fff;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background: #444444;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	width: 210px;
}
.main-nav ul ul li:last-child a {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.desktop-menu ul li:hover > ul {
	position: absolute;
	display:block;
	top: 100%;
	opacity: 1;
	width:240px;
}

/* nav active links
------------------------------------------ */
.main-nav .current-menu-item a::after, 
.main-nav .current_page_parent a::after {
	content: "";
    position: absolute;
    width: 50%;
	height: 1px;
    bottom: 5px;
	left: 25%;
    border-bottom: 2px solid #00C2C4;
}
.main-nav .current-menu-item ul a::after, 
.main-nav .current_page_parent ul a::after {
    border-bottom: 2px solid transparent;
}
.main-nav .current-menu-item a:hover::after, 
.main-nav .current_page_parent a:hover::after {
    border-bottom: 2px solid #ffffff;
}
.main-nav .current-menu-item ul a:hover::after, 
.main-nav .current_page_parent ul a:hover::after {
    border-bottom: 2px solid transparent;
}
.main-nav ul ul .current-menu-item > a, 
.main-nav ul ul .current_page_parent > a { color: #FFF; }

.main-nav ul ul .current-menu-item > a:hover, 
.main-nav ul ul .current_page_parent > a:hover { color: #FFF; }

/* FOOTER SECTION
======================================== */
.footer-section {
	text-align:left;
}

/* FOOTER NAVIGATION MENU
======================================== */
#menu-footer-menu {
	padding-bottom:30px;
	padding-top:45px;
	float:left;
}

/* SOCIAL ICONS - FOOTER - DESKTOP
======================================== */
.social-icons-facebook {
	width:40px;
	height:40px;
	padding-top:30px;
	padding-bottom:30px;
	padding-right:15px;
}
.social-icons-twitter {
	width:40px;
	height:40px;
	padding-top:30px;
	padding-bottom:30px;
}
.social-icons-container {
	float:right;
}

}