@charset "utf-8";
/**
 * SenCSS - Sensible Standards CSS framework
 *
 * Copyright (c) 2008-2009 Kilian Valkhof (kilianvalkhof.com)
 * Visit sencss.kilianvalkhof.com for more information and changelogs.
 * Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
 *
 */
 * { -moz-box-sizing:border-box;box-sizing:border-box;}
html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{vertical-align:baseline;margin:0;padding:0}
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {display:block}
body{background:#fff;color:#3f4041;font:100%/1.5em "Lato", "Source Sans Pro", Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;position:relative}
textarea{font:101%/1.5em "Lato", "Source Sans Pro",Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;width:100%;margin:0;padding:.29em 0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:none}
a{text-decoration:underline;border:0}
a:hover,a:focus{text-decoration:none}
a img{border:0}
abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}
address,cite,em,i{font-style:italic}
blockquote p{margin:0 1.5em 1.5em;padding:.75em}
code,kbd,tt{font-family:"Courier New", Courier, monospace, serif;line-height:1.5}
del{text-decoration:line-through}
dfn{border-bottom:1px dashed;font-style:italic}
dl{margin:0 0 1.5em}
dd{margin-left:1.5em}
h1,h2,h3,h4,h5,h6{font-weight:700;padding:0}
h1{font-size:2em;margin:0 0 .75em;letter-spacing: -0.02em;}
h2{font-size:1.875em;margin:0 0 1em;letter-spacing: -0.02em;}
h3{font-size:1.25em;margin:0 0 1.286em;letter-spacing: -0.02em;}
h4{font-size:1em;margin:0 0 1.5em;letter-spacing: -0.02em;}
h5{font-size:.8333em;margin:0 0 1.8em}
h6{font-size:.666em;margin:0 0 2.25em}
img{display:inline-block;vertical-align:text-bottom}
ins{text-decoration:overline}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
ol{list-style:outside decimal}
p{font-weight:300;margin:0 0 1.5em;letter-spacing: -0.02em;}
pre{font-family:"Courier New", Courier, monospace, serif;margin:0 0 1.5em}
sub{top:.4em;font-size:.85em;line-height:1;position:relative;vertical-align:baseline}
sup{font-size:.85em;line-height:1;position:relative;bottom:.5em;vertical-align:baseline}
ul{list-style:outside disc}
ul,ol{margin:0 0 1.5em 1.5em;padding:0}
li ul,li ol{margin:0 0 1.5em 1.5em;padding:0}
table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}
caption{font-style:italic;text-align:left}
tr.alt td{background:#eee}
td{border:1px solid #000;vertical-align:middle;padding:.333em}
th{font-weight:700;vertical-align:middle;padding:.333em}
button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:1.75em 0 0;padding:0 .5em}
button::-moz-focus-inner{border:0}
fieldset{border:0;position:relative;margin:0 0 1.5em;padding:1.5em 0 0}
fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}
input{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;font-size:12px;height:1.5em;line-height:1.5em;width:100%;margin:0 0 .75em;padding:.29em 0}
input[type=file]{height:2.25em;padding:0}
select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;_margin:0 0 1.3em;margin:0 0 .8em;padding:.2em 0 0}
optgroup{font-weight:700;font-style:normal;text-indent:.2em}
optgroup + optgroup{margin-top:1em}
option{font-size:1em;height:1.5em;text-indent:1em;padding:0}
label{cursor:pointer;display:block;height:auto;line-height:1.4em;width:100%;margin:0;padding:0}
label input{background:0;border:0;height:1.5em;line-height:1.5em;width:auto;margin:0 .5em 0 0;padding:0}
legend{font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0}
dt,strong,b{font-weight:700}
.amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;font-style:italic}
.quo{font-family:Georgia, Gentium, "Times New Roman", Times, serif}
.lquo{font-family:Georgia, Gentium, "Times New Roman", Times, serif;margin:0 0 0 -.55em}
.introParagraphArticle:first-letter{float:left;font-size:3.2em;font-weight:700;line-height:1em;margin:0 0 -.2em;padding:.125em .1em 0 0}
.message{background:#eee;border:1px solid #999;margin:1.5em;padding:.666em}
.error{background:#fee;border:1px solid red;margin:1.5em;padding:.666em}
.notice{background:#eef;border:1px solid #00f;margin:1.5em;padding:.666em}
.success{background:#efe;border:1px solid #0f0;margin:1.5em;padding:.666em}
.warning{background:#ffe;border:1px solid #ff0;margin:1.5em;padding:.666em}
.aside-left{clear:left;float:left;overflow:hidden;margin:0 1.5em 1.5em 0}
.aside-right{clear:right;float:right;overflow:hidden;margin:0 0 1.5em 1.5em}
.horizontalForm {overflow:hidden;font-family: 'Source Sans Pro',sans-serif;color:  #3f4041;font-weight:300;max-width: 550px;width: 100%;}
.horizontalForm button{clear:left;float:left;margin:.25em 0 0;height:31px;background:#be2d3e;border:0;margin-left:32%;width:68%;max-width:374px;color:#fff;font-size: 1em;font-family:"Source Sans Pro",sans-serif;font-weight:400;margin-top:0;margin-bottom:19px;
    -webkit-transition: .3s ease background;
    -moz-transition: .3s ease background;
    -ms-transition: .3s ease background;
    -o-transition: .3s ease background;
    transition: .3s ease background;}
.horizontalForm button:hover{background:#df4f5f;}
.horizontalForm input {height: 33px;padding-left:10px;font-family:'Source Sans Pro',sans-serif;border:0;font-size:.875em;float:left;width:68%;max-width:374px;margin:0 0 .8em;background-color:  #f4f4f2;}
.horizontalForm textarea{height:6em;font-family:'Source Sans Pro',sans-serif;padding-left:10px;border:0;font-size:.875em;float:left;width:68%;max-width:374px;margin:0 0 .8em;background-color:  #f4f4f2;margin-bottom:10px;}
.horizontalForm select{float:left;_margin:0 0 1.25em;margin:0 0 .75em;border: 0;background-color: #f4f4f2;border-radius: 0;width: 30%;min-width: 110px;}
.horizontalForm label{height: 33px;clear:left;float:left;width:32%;min-width:125px;padding:.375em 0}
.horizontalForm label input{height:1em;line-height:1.5em;width:auto;margin:.25em .5em 0 0}
.horizontalForm label.singleLine{clear:both;float:none;height:1.5em;width:100%;padding:0}
.horizontalForm.has-errors {}

#content form ul {margin-bottom:0;}
.errorlist {
    float:right;
    display:block;
    list-style:none;
    margin:0 0 0;
    padding:3px 0;
    width:auto;
    line-height:16px;
    font-family: 'Source Sans Pro',sans-serif;
    color:  #be2d3e;
    font-weight: 300;
    font-style: italic;
  }

.plugin_picture {
  max-width:100%;
  margin-bottom:0;
  margin-right:15px;
  display:inline;
}
  .plugin_picture img{max-width:100%;}
  .plugin_picture.align-right {float:right;margin-right:0;margin-left:1.5em;max-width:33%;}
  .plugin_picture.align-left {float:left;margin-right:1.5em;margin-left:0;max-width:33%;}
  .plugin_picture.align-center {display:block;width:100%;text-align:center;float:none;margin-right:0;}

.filesize {display:none;}

#hamburger {
    position: absolute;
    z-index: 1000;
    width: 100%;
    top: 133px;
    color: #0f4074;
    padding-left: 50px;
    text-align: center;
    display: none;
    line-height: 40px;
    font-size: 1.25em;
    background: url("../img/hamburger.png")no-repeat 43%;
    background-size: 30px;
    text-decoration: none;
}

/* slideshow */
.slideshow {
    height:375px;
    overflow: hidden;
    position: relative;
    max-width: 500px;
    width:100%;
    z-index: 1;
}

/*base layout*/
#wrap {
    position: relative;
    z-index: 1000;
    box-shadow: 0 -1px 30px 0 rgba(0, 0, 0, .6);
}

body {
    background-color: #005091;
}

#main {
    background-color: #f4f4f2;
    overflow: hidden;
    padding-bottom: 129px;
}

.no-padding-container #main {
    padding-bottom: 0;
}

header > .inner {
    padding-top: 25px;
    padding-bottom: 24px;
}

.inner {
    width: 940px;
    margin: auto;
    position: relative;
}

#content {
    background: #fff;
    padding: 31px 24px 36px 22px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "Source Sans Pro", sans-serif;

}

#home-content {
    background: #fff;
    float: left;
    width: 100%;
    max-width: 940px;
    padding: 33px 39px 41px 23px;
    margin: 20px 0;
    font-family: "Source Sans Pro", sans-serif;
}

aside.side-content {
    color: #fff;
    float: right;
    width: 300px;
    background-color: #004d90;
    padding: 20px 20px 14px;
    margin: 20px 0;
    font-family: "Source Sans Pro", sans-serif;
}

aside.side-content h3 {
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 10px;
}

aside.side-content p {
    line-height: 2em;
    margin-bottom: 20px;
    font-weight: 300;
    vertical-align: bottom;
    display: inline;
}

aside.side-content p a {
    color: #fff;
}

aside.side-content label {
    line-height: 2.063em;
    font-weight: 300;
    font-size: 1em;
}

aside.side-content input,
aside.side-content textarea {
    height: 32px;
    margin-bottom: 0;
    padding-left: 10px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
}

aside.side-content textarea {
    height: 90px;
    max-height: 90px;
}

aside.side-content button {
    width: 100%;
    background-color: #be2d3e;
    border: 0;
    color: #fff;
    height: 31px;
    margin-top: 5px;
    letter-spacing: -0.02em;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    -webkit-transition: .3s ease background-color;
    -moz-transition: .3s ease background-color;
    -ms-transition: .3s ease background-color;
    -o-transition: .3s ease background-color;
    transition: .3s ease background-color;
}

aside.side-content button:hover {
    background: #df4f5f;
}

footer {
    position: relative;
    display: block;
}

/*HEADER*/
header {
    position: relative;
    z-index: 1000;
}

header h1 {
    width: 700px;
    height: 74px;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
}

header h1 a {
    width: 298px;
    height: 100%;
    background: url(../img/logo.png) no-repeat left;
    text-indent: -9999px;
    display: inline-block;
    vertical-align: bottom;
}

header .slogan {
    margin-top: 0;
    font-family: "Lato", sans-serif;
    color: #b2b2b2;
    font-size: 1.563em; /* Approximation due to font substitution */
    font-weight: 500;
    line-height: 100%; /* Approximation due to font substitution */
    text-align: right;
    display: inline-block;
    vertical-align: baseline;
}

/*MENU*/
#top-menu {
    height: 50px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.dropdown {
    background-color: rgba(0, 80, 145, 0.9);
    width: 100%;
    height: 50px;
    content: '';
    display: block;
    position: absolute;
    top: 123px;
    will-change: height;
    -webkit-transition: .3s ease height;
    -moz-transition: .3s ease height;
    -ms-transition: .3s ease height;
    -o-transition: .3s ease height;
    transition: .3s ease height;
}

.dropdown:hover > ul,
.dropdown:hover:after {
    height: 200px;
}

#top-menu > ul {
    list-style: none;
    height: 50px;
    position: relative;
    overflow: hidden;
    will-change: height;
    -webkit-transition: .4s ease height;
    -moz-transition: .4s ease height;
    -ms-transition: .4s ease height;
    -o-transition: .4s ease height;
    transition: .4s ease height;
}

#top-menu > ul > li {
    float: left;
}

#top-menu ul li a {
    text-decoration: none;
    font-size: 18px;
}

#top-menu ul li > ul li a {
    line-height: 1.4em;
}

#top-menu > ul > li > a {
    display: block;
    padding: 14px 25px;
    line-height: 1em;
    background-color: #fff;
    font-family: 'Lato', sans-serif;
    color: #005091;
    border: 2px solid #fff;
    border-left: 0;
    border-right: 0;
    text-decoration: none;
    -webkit-transition: .3s ease background-color, .3s ease color;
    -moz-transition: .3s ease background-color, .3s ease color;
    -ms-transition: .3s ease background-color, .3s ease color;
    -o-transition: .3s ease background-color, .3s ease color;
    transition: .3s ease background-color, .3s ease color;
}

#top-menu > ul > li > a:hover,
#top-menu > ul > li > a:focus,
#top-menu > ul > li.selected > a {
    background-color: #be2d3e;
    color: #fff;
}

#top-menu > ul > li > ul {
    position: absolute;
    z-index: 500;
    color: #fff;
    top: 50px;
    left: 25px;
    overflow: hidden;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .3s ease opacity;
    -moz-transition: .3s ease opacity;
    -ms-transition: .3s ease opacity;
    -o-transition: .3s ease opacity;
    transition: .3s ease opacity;
}

#top-menu ul.submenu-active li.submenu-active > ul {
    opacity: 1;
    pointer-events: all;
}

#top-menu > ul > li > ul > li {
    float: left;
    list-style: none;
    margin: 0;
}

#top-menu > ul > li > ul > li {
    margin-top: 20px;
    margin-bottom: 20px;
}

#top-menu > ul > li > ul > li,
#top-menu > ul > li > ul > li a {
    color: #b3b2b2;
    margin-right: 20px;
    font-weight: 500;
}

#top-menu > ul > li > ul > li > ul {
    margin: 0;
}

#top-menu > ul > li > ul > li > ul > li,
#top-menu > ul > li > ul > li > ul > li a {
    color: #fff;
    list-style: none;
    font-weight: 300;
    -webkit-transition: .3s ease color;
    -moz-transition: .3s ease color;
    -ms-transition: .3s ease color;
    -o-transition: .3s ease color;
    transition: .3s ease color;
}

#top-menu > ul > li > ul > li > ul > li a:hover {
    color: #b3b2b2;
}

/*BANNER*/
.banner {
    overflow: hidden;
    margin-top: 22px;
}

.banner img {
    display: block;
}

.consumer {
    background: url(../img/kitchens.png) no-repeat top/contain;
    width: 460px;
    float: left;
    height: 162px;
    position: relative;
    overflow: hidden;
    margin: 20px 0 0;
}

.business {
    background: url(../img/renovatie.png) no-repeat top/contain;
    width: 460px;
    float: right;
    height: 162px;
    position: relative;
    overflow: hidden;
    margin: 20px 0 0;
}

.banner > a > h3 {
    position: absolute;
    bottom: 0;
    margin: 0;
    height: auto;
    background: #be2d3e;
    width: 100%;
    text-align: center;
    line-height: 46px;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    -webkit-transition: .3s ease line-height;
    -moz-transition: .3s ease line-height;
    -ms-transition: .3s ease line-height;
    -o-transition: .3s ease line-height;
    transition: .3s ease line-height;
}

.banner > a:hover > h3 {
    line-height: 76px;
}

/*CONTENT    */
#home-content {
    background-color: #ffffff;
}

#content a {
    color: #005091;
    text-decoration: underline;
}

#content a:hover {
    color: #be2d3e;
    text-decoration: underline;
}

#content ul, #content ol {
    font-weight: 300;
    font-size: 1em;
    line-height: 1.625;
    font-family: 'Source Sans Pro', sans-serif;
    /*margin-bottom: 8px; assumed margin  */
    margin-bottom: 24px;
}

#content ul li, #content ol li {
    padding-left: 15px;
}

#content table {
    border: 0;
    font-weight: 300;
}

#content table caption {
    font-size: 1em;
    margin: 0 0 .5em;
    font-weight: 700;
    font-style: normal;
    font-family: "Lato", sans-serif;
}

#content table > * {
    border: 0;
}

#content table tr > * {
    border: 0;
    line-height: 1em;
    padding-left: 0;
}

#content table tr > td {
    line-height: 1em;
}

#content table tr > td > span {
    line-height: 1em !important;
}

#content table > thead > * {
    border: 0;
}

#content table > tbody > * {
    border: 0;
}

#content thead {
    text-align: left;
    color: #005091;
}

.contact-content {
    background: #fff;
    padding: 32px 22px;
    margin-top: 20px;
}

/*PROJECT - LIST */
.project-list {
    list-style: none;
    margin: auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.project {
    display: block;
    width: 460px;
    height: auto;
}

.project {
    display: block;
    width: 48.936170212766%;
    float: left;
    margin-bottom: 20px;
}

/*MASONRY NEW*/
.project {
    margin-left: 0;
    margin-right: 0;
    width: 49%;
    margin-bottom: 20px;
}

.gutter {
    width: 2%;
}

.project a {
    display: block;
    width: 100%;
    height: 100%;
    color: #3f4041;
    text-decoration: none;
    overflow: hidden;
}

.project a h4 {
    font-size: 1.125em;
    font-weight: 700;
    margin: 0;
    line-height: 1.833;
    letter-spacing: -0.02em;
}

.project a p {
    margin: 0;
    overflow: hidden;
    line-height: 1.625;
    max-height: 4.875em;
}

.see-more {
    font-family: 'Source Sans Pro', sans-serif;
    color: #ffffff;
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.833;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    width: 100%;
    opacity: 1;
    z-index: 0;
    will-change: z-index;

}

.project .img-container {
    background-color: rgba(0, 80, 145, 1);
    position: relative;
}

.project a img {
    display: block;
    position: relative;
    width: 100%;
    will-change: opacity;
    -webkit-transition: .3s ease opacity;
    -moz-transition: .3s ease opacity;
    -ms-transition: .3s ease opacity;
    -o-transition: .3s ease opacity;
    transition: .3s ease opacity;
}

.project a:hover img {
    opacity: .3;
}

.project a:hover .see-more {
    z-index: 100;
}

section.description {
    background: #fff;
    padding: 12px 26px 14px;
    position: relative;
    font-family: "Source Sans Pro", sans-serif;
}

/*PAGINATION*/
.pagination {
    margin-bottom: 40px;
}

.pagination .page-links {
    text-align: left;
    display: block;
}

.pagination .page-links a {
    background-color: #fdfdfc;
    color: #005091;
    width: 45px;
    height: 45px;
    text-align: center;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    line-height: 45px;
    text-decoration: none;
    font-weight: 700;
    -webkit-transition: .3s ease background, .3s ease color;
    -moz-transition: .3s ease background, .3s ease color;
    -ms-transition: .3s ease background, .3s ease color;
    -o-transition: .3s ease background, .3s ease color;
    transition: .3s ease background, .3s ease color;
}

.pagination .page-links a:first-child {
    margin-left: 0;
}

.pagination .page-links a:hover {
    background-color: #005091;
    color: #fff;
}

.pagination .page-links a.active {
    background-color: #005091;
    color: #fff;
}

/*CYCLE-SLIDESHOW*/
.cycle-slideshow {
    position: relative;
}

.cycle-slideshow img {
    display: block;
    width: 100%;

}

.cycle-pager {
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    bottom: 0;
    z-index: 1000;
    height: 40px;
    display: block;
    line-height: 40px;
}

.cycle-pager span {
    background-color: #005091;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: .3s ease background, .3s ease opacity;
    -moz-transition: .3s ease background, .3s ease opacity;
    -ms-transition: .3s ease background, .3s ease opacity;
    -o-transition: .3s ease background, .3s ease opacity;
    transition: .3s ease background, .3s ease opacity;
    text-indent: -9999px;
    margin-left: 5px;

}

.cycle-pager span.cycle-pager-active {
    background-color: #be2d3e;
}

.cycle-slideshow .cycle-pager span:hover {
    opacity: .9;
}

/*GOOGLE-MAP*/
.google-map {
    margin-top: 20px;
    height: auto;
    overflow: hidden;
}

#main .google-map.inner .plugin-googlemap .googlemap {
    height: 300px !important;
}

/*FOOTER*/
footer {
    background: #fff;
    font-family: "Lato", sans-serif;
}

footer > div.inner {
    overflow: hidden;
    padding: 26px 0;
}

footer > div.inner > nav,
footer > div.inner > div {
    width: 100%;
    float: left;
    max-width: 33%;
    color: #5b5b5b;
}

footer > div.inner > nav {
    max-width: 27%
}

footer > div.inner > div {
    max-width: 39%
}

footer h3 {
    font-weight: 500;
    font-size: 1em;
    margin-bottom: 0;
    color: #005091;
}

footer nav h3 {
    font-weight: 500;
    font-size: 1em;
    margin-bottom: 0;
    margin-left: 23px;
}

/*FOOTER-MENU*/
#footer-menu {
}

#footer-menu > ul {
}

#footer-menu > ul > li {
    list-style: none;
}

#footer-menu > ul > li:hover {
    list-style: inherit;
}

#footer-menu > ul > li > a {
    color: #5b5b5b;
    text-decoration: none;
    font-weight: 500;
    display: block;
}

footer .footer-contact {
    font-size: 1em;
}

footer .footer-contact p {
    font-size: 1em;
    font-weight: 400;
}

footer .footer-contact p a {
    font-size: 1em;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s ease color;
    -moz-transition: .3s ease color;
    -ms-transition: .3s ease color;
    -o-transition: .3s ease color;
    transition: .3s ease color;
}

footer .footer-contact p a:hover {
    text-decoration: underline;
    color: #be2d3e;
}

footer .footer-contact p a:last-child {
    text-decoration: underline;
}

footer .footer-contact p a:last-child:hover {
    text-decoration: none;
}

footer span.plugin_file a {
    color: #005091;
    font-weight: 500;
}

footer > div.inner > .footer-contact-action {
    font-family: Lato, sans-serif;
    color: #004d90;
    font-size: 1.563em; /* Approximation due to font substitution */
    line-height: 1.2; /* Approximation due to font substitution */
    text-align: right;
    max-width: 33%;
}

footer .footer-contact-action p,
footer .footer-contact-action p a {
    color: #004d90;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: .3s ease color;
    -moz-transition: .3s ease color;
    -ms-transition: .3s ease color;
    -o-transition: .3s ease color;
    transition: .3s ease color;
}

footer .footer-contact-action p a:hover {
    color: #be2d3e;
}

a .filetitle {
    -webkit-transition: .3s ease color;
    -moz-transition: .3s ease color;
    -ms-transition: .3s ease color;
    -o-transition: .3s ease color;
    transition: .3s ease color;
}

a .filetitle:hover {
    color: #be2d3e;
}

/*COPYRIGHT */
.copyright {
    clear: both;
    display: block;
    background-color: #005091;
    height: 54px;
}

.copyright span {
    display: block;
    color: #fff;
    font-weight: 300;
    padding-left: 23px;
    font-family: "Lato", sans-serif;
    font-size: 0.875em; /* Approximation due to font substitution */
    line-height: 54px; /* Approximation due to font substitution */
    text-align: left;
}

.copyright span a {
    color: #fff;
    text-decoration: none;
}

.copyright span a:hover {
    text-decoration: underline;
}

/*PAGE_CONTACT*/
.contact-content a {
    color: #5b5b5b;
    text-decoration: none;
}

.contact-content a:hover {
    text-decoration: underline;
}

.contactinfo p {
    margin-bottom: 0;
}

.contactinfo p:last-of-type {
    margin: 0 0 1.5em;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    #main {
        padding: 0 10px;
    }

    header .inner {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    .inner {
        width: 100%;
    }

    header h1 {
        width: 50%;
    }

    header .slogan {
        width: 49%;
    }

    .banner.inner img {
        width: 100%;
    }

    aside.side-content {
        width: 31%;
    }

    .consumer {
        width: 48.936170212766%;
        background: url(../img/public.png) no-repeat top/cover;
    }

    .business {
        width: 48.936170212766%;
        background: url(../img/companies.png) no-repeat top/cover;
    }

    #footer-menu {
        min-width: 105px;
        width: 20%;
    }

    footer > div.inner > .footer-contact-action {
        margin-right: 10px;
        min-width: 270px;
        float: right;
    }

    footer > div.inner > div {
        max-width: 30%;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    header h1 {
        width: 65%;
        max-width: 298px;
    }

    header .slogan {
        width: 30%;
        font-size: 1.49em;
        min-width: 220px;
        float: right;
        padding-top: 53px;
    }

    aside.side-content {
        width: 41%;
    }

    #hamburger {
        display: block;
    }

    #top-menu > ul {
        display: none;
    }

    /*MASONRY NEW*/
    .project {
        margin-bottom: 15px;
    }

    #content .table-container {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #content table {
        overflow: auto;
        display: table;
        table-layout: fixed;
        width: 700px !important;
    }

    footer > div.inner > .footer-contact-action {
        float: right;
    }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 583px) {
    header h1 {
        width: 100%;
        text-align: center;
        min-width: 100%;
        max-width: 100%;
    }

    header .slogan {
        width: 100%;
        text-align: center;
        padding: 0;
        min-width: 100%;
        max-width: 100%;
        float: none;
    }
    .cycle-pager {
        line-height:30px;
        height:30px;
    }
        .cycle-pager span {
            margin-left:15px;
        }
    .dropdown {
        display: none;
    }

    #hamburger {
        top: 161px;
    }

    footer {
        padding: 0 10px;
    }

    footer > div.inner > .footer-contact-action {
        min-width: 33%;
        max-width: 33%;
        margin-right: 20px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .horizontalForm label[for="id_salutation"] {
        min-width:80px;
        width:20%;
    }
    .horizontalForm select {
        float: right;
        min-width: 160px;
    }

    header > .inner {
        padding: 10px 0;
    }

    #hamburger {
        top: 133px;
    }

    #home-content {
        width: 100%;
    }

    aside.side-content {
        width: 100%;
        margin-top: 0;
    }

    #content {
        padding: 20px 10px;
    }

    aside.side-content p {
        font-weight: 300;
    }

    #footer-menu {
    }

    footer > div.inner .footer-contact-action {
        max-width: 100%;
        text-align: center;
        margin: 0 auto 0;
    }

    div.inner .footer-contact-action p {
        margin: 20px 10px 0;
    }

    footer > div.inner > .footer-contact {
        float: right;
        text-align: right;
        margin-right: 15px;
    }

    footer nav h3 {
        margin-left: 15px;
    }

    #footer-menu > ul {
        margin-left: 15px;
    }

    footer > div.inner > .footer-contact {
        max-width: 54%;
    }

    .consumer {
        background: url(../img/public.png) no-repeat top/cover;
        height: 120px;
    }

    .business {
        background: url(../img/companies.png) no-repeat top/cover;
        height: 120px;
    }

    .horizontalForm {
        max-width: 100%;
        width: 100%;
    }

    .horizontalForm input {
        width: 100%;
        max-width: 100%;
    }

    .horizontalForm label {
        width: 50%;
    }

    .horizontalForm textarea {
        width: 100%;
        max-width: 100%;
    }

    .errorlist {
        height: 33px;
        padding: .375em 0;
    }
    .errorlist li {line-height: 1.4em;}

    .project {
        margin-bottom: 10px;
    }

    .project a h4 {
        font-size: 1em;
    }

    section.description {
        padding: 10px;
    }

    #main .google-map.inner .plugin-googlemap .googlemap {
        height: 180px !important;
    }
}

html #cms_toolbar {
    position: fixed ! important;
}

html #cms_toolbar .cms_modal {
    overflow: visible !important;
}

html #cms_toolbar .cms_modal .cms_modal-foot {
    overflow: visible !important;
    z-index: 99999999 !important;
}