/*
Theme Name: Fields
Theme URI: http://www.websitemaker-nunspeet.nl
Author: Hayona
Author URI: http://www.hayona.nl
Description: Responsive WordPress Theme by Hayona.
Version: 2.0
*/

/**
 * IMPORTEER acf-fields.json IN ADVANCED CUSTOM FIELDS PRO OM TE WERKEN MET DIT THEMA
 * ------------------------------
 */

/* Globals */
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 {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

/**
 * GENERAL ELEMENTS
 * ------------------------------
 */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color: #777;
	background-color: #fff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

p {
	margin-bottom: 20px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

blockquote {
	margin-left: 40px;
}

a {
	color: #777;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}

h2 {
	color: #3589c4;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}

h2 a {color: #3589c4;}

h3 {
	color: #3589c4;
	font-size: 18px;
	font-weight: bold;
}

h6 {
	font-size: 18px;
	font-style: italic;
	margin-top: -10px;
}

ul, ol {
	margin: 0 0 20px 20px;
}

code {
	font-family: courier;
}

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

.columns h2 a {
	text-decoration: none;
}

.columns h2 a:hover {
	text-decoration: underline;
}

/**
 * ELEMENTS
 * ------------------------------
 */

a.button, div.button a, .wpcf7-submit, #searchsubmit {
	background-color: #bd0102;
	border: 5px #bd0102 solid;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	transition: transform 0.2s;
	display: inline-block;
}

div.button {
	display: inline-block;
	margin-right: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.button a {
	margin-right: 0;
	background-color: inherit;
	border-color: inherit;
}

a.button:hover,
div.button a:hover,
.wpcf7-submit:hover,
#searchsubmit:hover {
	background-color: #2570aa !important;
	border-color: #2570aa !important;
}

.button:active {
	-webkit-transform: scale(1);
}

a.button-xl, div.button-xl a {
	padding: 10px 20px 10px 20px;
	font-size: 16px;
}

a.button-ghost, div.button-ghost a {
	background-color: none;
	border: 5px #fff solid;
}

.button-empty {
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: underline;
}

h2 a.button, h3 a.button, h4 a.button {
	font-size: 18px;
	font-family: Arial, Verdana, Sans-serif;
}

.textwidget a.button {width: 100%}
.textwidget div.button {width: 100%}

/**
 * FRAME
 * ------------------------------
 */

.unboxed {
	width: 100%;
}

.boxed {
	width: 1320px;
	margin: 0 auto;
	  -moz-box-shadow:    0 0 50px #777;
	  -webkit-box-shadow: 0 0 50px #777;
	  box-shadow:         0 0 50px #777;
}

.wrapper {
	width: 100%;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.header, .columns, .footer, .subfooter {
	width: 1200px;
	margin: 0 auto;
}

.columns {
	padding: 30px 0 30px 0;
	overflow: hidden;
	position: relative;
}

.columnrow {overflow: hidden;}

.column1-1, .column1-2, .column1-3, .column2-3, .column1-4, .column3-4 {
	margin: 20px 20px 0 20px; /* (100*20) / 1200 = 1.66666666667 */
	float: left;
}

.column1-1 {width: 1160px;} /* (100*1160) / 1200 = 96.6666666667 */

.column1-2 {width: 560px;} /* (100*560) / 1200 = 46.6666666667 */

.column1-3 {width: 360px;} /* (100*360) / 1200 = 30 */

.column2-3 {width: 760px;} /* (100*760) / 1200 = 63.3333333333 */

.column1-4 {width: 260px;} /* (100*260) / 1200 = 21.6666666667 */

.column3-4 {width: 860px;} /* (100*860) / 1200 = 71.6666666667 */

.conversion {width: 50%; margin: 0 25%}

/* CLEAR FLOATS */

.tabs-nav:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/**
 * TOP
 * ------------------------------
 */

.top {
	width: 1160px;
	height: 100px;
	margin: 0 auto;
}

.top p {
	margin-bottom: 0;
}

.topleft {
	width: 50%;
	float: left;
}

.topright {
	width: 50%;
	line-height: 100px;
	float: right;
}

.logo a {
	font-size: 40px;
	line-height: 100px;
	font-weight: bold;
	margin-right: 30px;
	letter-spacing: -2px;
	text-decoration: none;
	color: #333;
	float: left;
}

.logo a img {
	width: auto;
	height: 50px;
	margin: 25px 15px 0 0;
	float: left;
}

.imglogo img {
	width: auto;
	height: 50px;
	margin: 25px 0 0 0;
	float: left;
}

.tagline {
	line-height: 80px;
}

.breadcrumb-wrapper {
	margin-bottom: -50px;
	position: relative;
	z-index: 2;
}

.breadcrumb-columns {
	padding: 0;
}

.breadcrumb-column {
	margin: 0 20px 0 20px;
	position: relative;
}

.breadcrumbs {
	line-height: 28px;
	margin-top: 11px;
	margin-bottom: 11px;
}

/**
 * MENU NAVIGATAUR
 * ------------------------------
 */

.menubarwrapper {
	width: 100%;
	min-height: 50px;
	background: rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 1;
}

/**
 * SUBMENU
 * ------------------------------
 */

.submenu {
	background: #f7f7f7;
	border: 1px #ccc solid;
	padding: 20px 30px 20px 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.submenu ul {
	list-style-type: none;
	margin-top: 8px;
	margin-bottom: 0;
	margin-left: 0;
}

.submenu ul li {
	line-height: 1.5;
	margin-bottom: 8px;
}

.submenu ul li a {
	display: block;
	text-decoration: none;
}

.submenu ul li a:hover {
	text-decoration: underline;
}

.submenu ul li a img {
	display: none;
}

.submenu ul ul {
	margin-left: 5px;
	padding-left: 15px;
	border-left: 1px #ccc solid;
}

.submenu ul ul ul.sub-menu {
	display: block;
}

.submenu ul.sub-menu {
	display:none;
}

.submenu li.current_page_item ul.sub-menu ul.sub-menu,
.submenu li.current_page_parent ul.sub-menu ul.sub-menu,
.submenu li.current-page-ancestor ul.sub-menu,
.submenu li.current-page-ancestor ul.sub-menu ul.sub-menu
  {
	display:none;
}

.submenu li.current_page_item ul.sub-menu,
.submenu li.current_page_parent ul.sub-menu,
.submenu li.current-page-ancestor ul.sub-menu,
.submenu li.current-page-ancestor li.current_page_parent ul.sub-menu {
	display:block;
}

.submenu ul.sub-menu li.current_page_item ul.sub-menu {
	display: block;
}


.submenu ul.sub-menu li.current_page_parent ul.sub-menu {display:block}

.submenu ul li.current-menu-item a {
	font-weight: bold;
}

.submenu ul li.current-menu-item ul a {
	font-weight: normal;
}

/**
 * HEADER
 * ------------------------------
 */

.header {
	padding: 50px 0;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 1;
}

.header .column1-2, .header .column1-3, .header .column2-3 {
	text-align: left;
}

.header h1 {
	font-size: 60px;
	line-height: 1.4;
	font-weight: bold;
}

.header p {
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 40px;
}

.headercolor{
	background-color: #5cb12f;
	color: #fff;
}

.overlay {
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	z-index: 1;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}

.header-top {
	margin-bottom: -50px;
}

/**
 * CTA
 * ------------------------------
 */

.cta {
	text-align: center;
	padding: 10px 0 0 0;
}

.cta h2 {
	font-size: 30px;
	display: inline-block;
	margin-right: 30px;
}

.button-cta {
	margin: 0 0 10px 0;
}

/**
 * POSTS
 * ------------------------------
 */

.post {
	border-bottom: 1px #ccc dotted;
	margin-bottom: 20px;
	padding-bottom: 10px;
	overflow: hidden;
}

.post-info {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	margin-top: -5px;
	margin-bottom: 10px;
}

.post-info a {
	color: #999;
}

.post-thumbnail {
	float: left;
}

.post-thumbnail img{
	width: 100px;
	max-width: 100% !important;
	height: auto;
	margin: 0 20px 5px 2px;
	padding: 5px;
	-moz-box-shadow:    0 0 2px #777;
	-webkit-box-shadow: 0 0 2px #777;
	box-shadow:         0 0 2px #777;
}

.post-image {
	float: right;
}

.post-image img{
	width: 300px;
	height: auto;
	margin: 0 2px 5px 20px;
	padding: 5px;
	overflow: hidden;
	-moz-box-shadow:    0 0 2px #777;
	-webkit-box-shadow: 0 0 2px #777;
	box-shadow:         0 0 2px #777;
}

.read-more {
	margin: -10px 0 20px 0;
	font-weight: bold;
}

.search-title {
	border-bottom: 1px #ccc dotted;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

/**
 * FOOTER
 * ------------------------------
 */

.subfooterwrapper {
	background-color: rgba(0, 0, 0, 0.25);
	color: #fff;
}

.subfooter {margin-top: 10px;}

.footercolumn1-1 {margin: 10px 20px 0 20px;}

.footer, .subfooter {
	position: relative;
	z-index: 1;
}

.footer a {
	text-decoration: none;
}

.hf {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}

.footer ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}

.footercolor a {
	color: #fff;
}

/**
 * FORMS
 * ------------------------------
 */

input.text,
input.wpcf7-text,
textarea {
	padding: 7px 9px;
	font-family: Arial, Verdana, Sans-serif;
	background: #f7f7f7;
	margin: 0px 0 -5px 0;
	line-height: 20px;
	border: 1px solid #ccc;
	font-size: 14px;
	border-bottom: 3px solid #ccc;
	color: #777;
	width: 100%;
	/* 290/460 = 0.6304347826 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

textarea {
	height: 100px;
}

select {
	margin: 5px 0;
	width: 80%;
}

form ul.options {
	float: left;
	margin: 5px 0;
	padding: 0;
	list-style: none;
}

form ul.options li {
	position: relative;
	padding: 1px 0 0 25px;
}

form ul.options input {
	position: absolute;
	top: 3px;
	left: 0;
}

form ul.options.inline li {
	float: left;
	margin: 0 5px 0 0;
}

span.wpcf7-list-item {
	display: inline-block;
	margin: 6px 10px 5px 0 !important;
}

span.wpcf7-list-item label {
	cursor: pointer;
}

span.wpcf7-form-control {
	float: left;
	width: 69.565217392%;
}

span.wpcf7-checkbox span.wpcf7-list-item {
	display: block;
}

/**
 * WIDGETS
 * ------------------------------
 */

.widget {
	margin-bottom: 30px; 
}

.topright .widget {
	text-align: right;
	margin-bottom: 0;
}

.topright .widget_search {
	width: 50%;
	margin-top: 25px;
}

.widget_search {
	width: 100%; 
	float: right;
}

.widget_search .screen-reader-text {
    display:none;
}
 
.widget_search #s {
    padding: 8px 9px;
	font-family: Arial, Verdana, Sans-serif;
	background: #f7f7f7;
	margin: 5px 0 -5px 0;
	line-height: 20px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #777;
	width: 60%;
	float: left;
	/* 290/460 = 0.6304347826 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.widget_search #searchsubmit {
	width: 35%;
	float: right;
	margin-top: 5px;
	padding: 7px;
	-moz-box-shadow:    0px 0px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 0 rgba(0, 0, 0, 0.5);
}

/**
 * BLOCK SHORTCODE
 * ------------------------------
 */

.block {
	width: 100%;
	background-color: #fff;
	padding: 20px 20px 0 20px;
	margin-bottom: 20px;
	overflow: hidden;
	-moz-box-shadow:    0 0 2px #777;
	-webkit-box-shadow: 0 0 2px #777;
	box-shadow:         0 0 2px #777;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.block p a img, .block p img, .block img, .block a img.alignnone {
	width: 100%;
	height: auto;
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 0;
	vertical-align: middle;
}

.figure {
	width: 40%;
	border: 1px #eee solid;
	float: left;
	margin-bottom: 20px;
	padding: 5px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.figure img {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	vertical-align: middle;
}

.columns .figure img {max-width: 100%}

.block-content {
	width: 55%;
	float: right;
}



/**
 * TABS SHORTCODE
 * ------------------------------
 */

.tabs {
	margin: 40px 0;
	padding-bottom: 20px; 
	border-bottom: 1px solid #ddd;
}

.tabs-nav {
	margin: 0 0 20px;
	padding: 0;
	border-bottom: 1px solid #ddd;
	list-style: none;
}

.tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
}

.tabs-nav li:first-child {
	margin-left: 0;
}

.tabs-nav li a { 
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	font: 16px/1.2 Arial, Verdana, sans-serif;
	color: #777;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-ms-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
}

.tabs-nav li a:hover { color: #555; }

.tabs-nav li a.current {
	margin-top: -1px;
	margin-bottom: -1px;
	padding-bottom: 11px;
	border: 1px solid #ddd;
	border-bottom: 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #fff;
	color: #333;
}


.tabs div.h { display: none; }

/* Organic tabs */

.tabs .hide { position: absolute; top: -9999px; left: -9999px; }
.no-js .tabs .hide { position: static; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 0 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/**
 * Homeblocks
 * ------------------------------
 */

#homeblocks {
	width: 100%;
	margin-top: -100px;
	margin-bottom: 30px;
	position: relative;
	z-index: 9999;
}

#homeblocks div.inner {
	width: 960px;
	padding: 20px 10px 0px 10px;
	background: #fff;
	margin: 0 auto 0 auto;
	overflow: hidden;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.homeblock {
	width: 300px;
	height: 200px;
	overflow: hidden;
	margin: 0 10px 0 10px;
	padding: 0;
	float: left;
	position: relative;
}

div.homeblock img {
	width: 300px;
	height: 200px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.homeblock h3 {
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	letter-spacing: 2px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	position: absolute;
	bottom: 0;
}

@media only screen and (max-width: 1000px){
	
	#homeblocks {
		margin-top: -100px;
		z-index: 0;
	}
	
	#homeblocks div.inner {
		width: 100%;
		padding: 20px 0 0 0;
	}
	
	div.homeblock {
		width: 31%;
		height: auto;
		margin: 0 1% 0 1%;
	}

	div.homeblock img {
		width: 100%;
		height: auto;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	div.homeblock h3 {
		width: 100%;
		height: auto;
		line-height: 1.2;
		padding: 10px 0 10px 0;
		margin-bottom: 0;
		font-size: 12px;
		letter-spacing: 0px;
	}
}

@media only screen and (max-width: 600px){
	div.homeblock {
		width: 50%;
		height: auto;
		margin: 0 25% 20px 25%;
	}
}

/**
 * Table styles
 * ------------------------------
 */

table.table1{
	width: 100%;
	margin: 0 0 20px 0;
	float: left;
    	border-collapse:separate;
}
.table1 thead th{
    width: 17%;
    padding:15px;
    color:#fff;
    border:1px solid #266597;
    border-bottom:3px solid #266597;
    background: #3289cd;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.table1 thead th.tablewide {
    width: 35%;
}

.table1 th.tabelperiode {
	width: 30%;
}

.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
    border:1px solid #266597;
    border-right:3px solid #266597;
    padding:0px 10px;
    background: #3289cd;
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    background: #c8e7ff;
    border: 1px solid #81c0f2;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
}

.table1 tbody td.img {
	width: 170px;
}

.table1 a img.alignnone {
	margin: 0;
	padding: 0;
}

.tablesmall {
	font-size: 12px;
	line-height: 14px;
}

/**
 * BOOTBLOCK
 * ------------------------------
 */

a.boot-block {
	width: 90px;
	height: 90px;
	margin: 0 10px 10px 0;
	overflow: hidden;
	float: left;
	position: relative;
}

a.boot-block img {
	width: 90px;
}

a.boot-block div.boot-layer {
	width: 100%;
	height: 20px;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	letter-spacing: 1px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	line-height: 20px;
	font-size: 9px;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 0;
}

a.bootgroot-block {
	width: 200px;
	height: 200px;
	margin: 0 0 20px 0;
	overflow: hidden;
	float: right;
	position: relative;
}

a.bootgroot-block img {
	width: 200px;
}

a.bootgroot-block div.boot-layer {
	width: 100%;
	height: 30px;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	letter-spacing: 1px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 0;
}

/**
 * RESPONSIVE STYLES
 * ------------------------------
 */

@media only screen and (max-width: 1400px){
	
	.boxed {
		width: 90%;
	}
	
	.top, .menubar, .header, .columns, .footer, .subfooter {
		width: 90%;
	}
	
	.topleft, .topright {
		width: 46.6666666667%;
		margin: 0 1.66666666667% 0 1.66666666667%;
	}
	
	.column1-1, .column1-2, .column1-3, .column2-3, .column1-4, .column3-4 {
		margin: 20px 1.66666666667% 0 1.66666666667%; 
	}
	
	.breadcrumb-column {margin: 0 1.66666666667% 0 1.66666666667%}
	.menubar-column {margin: 0 1.66666666667% 0 1.66666666667%}
	
	.column1-1 {width: 96.6666666667%;}
	.column1-2 {width: 46.6666666667%;}
	.column1-3 {width: 30%;}
	.column2-3 {width: 63.3333333333%;}
	.column1-4 {width: 21.6666666667%;}
	.column3-4 {width: 71.6666666667%;}
	
	.conversion {width: 50%; margin: 0 25%}
	
}

@media only screen and (max-width: 1200px){
	
	.header, .columns, .footer, .subfooter {
		width: 90%;
	}
	
}

@media only screen and (max-width: 1000px){
	
	.header img, .columns img {
		max-width: 50%;
		height: auto;
	}
	
	a.boot-block img {
		max-width: 100%;
	}
	
	.boxed {
		width: 100%;
	}
	
	.column1-1, .column1-2, .column1-3, .column2-3, .column3-4 {
		width: 90%;
		margin: 20px 5% 0 5%; 
	}
	
	.conversion {width: 50%; margin: 0 25%}
	
	.topleft {
		width: 90%;
		margin: 0 5% 0 5%;
	}
	
	.topright {
		display: none;
	}
	
	.menubar-column {margin: 0 5% 0 5%}
	.breadcrumb-column {margin: 0 5% 0 5%}
	
	.column1-4 {
		width: 40%;
		margin: 20px 5% 20px 5%;
	}
	
	.submenu-container {display: none}
	.tagline {display: none}
	
	.header .column1-1, .header .column1-2, .header .column1-3, .header .column2-3, .header .column3-4 {
		text-align: center;
	}
	
	.header h1 {
		font-size: 32px;
		line-height: 1.2;
		font-weight: bold;
	}

	.header p {
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 40px;
	}
	
}

@media only screen and (max-width: 800px){
	.top {
		height: 80px;
	}
	
	.logo a {
		font-size: 32px;
		line-height: 80px;
		margin-right: 0;
		letter-spacing: -2px;
	}

	.logo a img {
		height: 40px;
		margin: 20px 10px 0 0;
	}

	.imglogo img {
		height: 40px;
		margin: 20px 0 0 0;
	}
}

@media only screen and (max-width: 768px){
	
	.menubar-column {
		margin: 0;
	}
	
	.menubar {
		width: 100%;
		margin: 0;
	}
	
	.menu > li > a{
		margin-left: 0;
		margin-right: 0;
	}
	
	.conversion {width: 100%; margin: 0}
	
	.button {
		margin-bottom: 20px;
	}
	
}

@media only screen and (max-width: 600px){
	
	.content img {
		width: 100%;
		height: auto;
	}
	
	.content .post-thumbnail {
		width: 50%;
	}
	
	.content .post-thumbnail img {
		width: 80%;
	}
	
	.header img, .columns img {
		max-width: 100%;
		height: auto;
	}
	
	.boxed {
		width: 100%;
	}
	
	.column1-4 {
		width: 90%;
		margin: 20px 5% 0 5%;
	}

	.figure {
		width: 100%;
		margin-bottom: 20px;
	}

	.figure img {
		width: 100%;
	}

	.block-content {
		width: 100%;
	}
	
}