/*
Theme Name: HTML5 Blank
Template: html5blank-stable
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
/* EXAMPLE
@font-face {
font-family:'Font-Name';
src:url('fonts/font-name.eot');
src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('fonts/font-name.woff') format('woff'),
url('fonts/font-name.ttf') format('truetype'),
url('fonts/font-name.svg#font-name') format('svg');
font-weight:normal;
font-style:normal;
}
END EXAMPLE */
/* @import url('https://fonts.googleapis.com/css?family=Khula:300,400,600,700,800&display=swap') */
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
/* * { outline: 1px red solid !important; visibility: visible !important } */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:focus {
outline: 0!important;
}
body{
font-family: 'Khula', sans-serif;
-webkit-font-smoothing:antialiased;
font-size:16px;
font-weight:400;
margin:0;
color:#333333;
height:100%;
overflow-x:hidden;
overflow-y:scroll;
-moz-transition: padding-left 0.3s ease;
-webkit-transition: padding-left 0.3s ease;
transition: padding-left 0.3s ease;
background-color: #fff;
}
p {
margin: 0 0 1.5em 0;
line-height: 1.5em;
}
/*------------------------------------*\
HEADINGS
\*------------------------------------*/
h1, h2, h3, h4, h5, h6{
clear: both;
font-weight:800;
color: #3b3b3b;
line-height:1.5em;
margin:0 0 5px 0;
transition: all 0.5s ease;
text-transform: uppercase;
}
h1 {
ffont-size: 30px;
font-size: 2em;
font-weight: 800;
}
h2 {
ffont-size: 30px;
font-size: 1.75em;
font-weight: 800;
}
h3 {
ffont-size: 30px;
font-size: 1.35em;
font-weight: 800;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
text-transform: initial;
margin: 0px;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color: #3b3b3b;
ffont-weight: 700;
font-weight: 600;
text-decoration:none;
transition: 0.5s ease;
}
a.read-more {
font-weight: 700;
font-size: 16px;
transition: 0.5s ease;
color: #333;
}
a.read-more:after {
font-family: fontAwesome;
content: '\f105 \f105';
display: inline-block;
margin-left: 5px;
font-weight: normal;
color: #1b2a66;
text-align: center;
font-size: 16px;
position: relative;
transition: 0.5s ease;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
#breadcrumbs a,
#breadcrumbs,
#breadcrumbs span {
color: #ffd200;
font-size: 16px;
}
#breadcrumbs {
padding-top: 10px;
}
#breadcrumbs span.breadcrumb_last {
color: #3b3b3b;
}
.fa-fw{
color: black;
cursor: pointer;
}
/*------------------------------------*\
VISIBILITY
\*------------------------------------*/
.hidden {
display:none !important;
}
.show-1024,
.show-900,
.show-800,
.show-768,
.show-670,
.show-550,
.show-480 {
display:none;
}
/*------------------------------------*\
TEXT TRANSFORM
\*------------------------------------*/
.text-transform-uppercase {
text-transform: uppercase;
}
/*------------------------------------*\
PADDINGS
\*------------------------------------*/
.p-xxs {
padding: 2px 4px;
}
.p-xs {
padding: 5px;
}
.p-sm {
padding: 10px;
}
.p {
padding: 15px;
}
.p-md {
padding: 20px;
}
.p-lg {
padding: 30px;
}
.p-xl {
padding: 50px;
}
.p-n {
padding: 0!important;
}
.p-l-none {
padding-left: 0!important;
}
.p-l-xs {
padding-left: 5px;
}
.p-l-sm {
padding-left: 10px;
}
.p-l {
padding-left: 15px;
}
.p-l-md {
padding-left: 20px;
}
.p-l-50 {
padding-left: 50px;
}
.p-l-lg {
padding-left: 60px;
}
.p-l-80 {
padding-left: 80px;
}
.p-l-90 {
padding-left: 90px;
}
.p-l-xxl {
padding-left: 100px;
}
.p-l-n-xxs {
padding-left: -1px;
}
.p-l-n-xs {
padding-left: -5px;
}
.p-l-n-sm {
padding-left: -10px;
}
.p-l-n {
padding-left: -15px;
}
.p-l-n-md {
padding-left: -20px;
}
.p-l-n-lg {
padding-left: -30px;
}
.p-l-n-xl {
padding-left: -40px;
}
.p-l-n-xxl {
padding-left: -50px;
}
.p-t-none {
padding-top: 0!important;
}
.p-t-xxs {
padding-top: 1px;
}
.p-t-xs {
padding-top: 5px;
}
.p-t-sm {
padding-top: 10px;
}
.p-t {
padding-top: 15px;
}
.p-t-md {
padding-top: 20px;
}
.p-t-md-30 {
padding-top: 30px;
}
.p-t-lg {
padding-top: 40px;
}
.p-t-lgr {
padding-top: 50px;
}
.p-t-lgr-60 {
padding-top: 60px;
}
.p-t-lgrr{
padding-top: 65px;
}
.p-t-xl {
padding-top: 80px;
}
.p-t-xxl {
padding-top: 100px;
}
.p-t-150 {
padding-top: 150px;
}
.p-t-n-xxs {
padding-top: -1px;
}
.p-t-n-xs {
padding-top: -5px;
}
.p-t-n-sm {
padding-top: -10px;
}
.p-t-n {
padding-top: -15px;
}
.p-t-n-md {
padding-top: -20px;
}
.p-t-n-lg {
padding-top: -30px;
}
.p-t-n-xl {
padding-top: -40px;
}
.p-t-n-xxl {
padding-top: -50px;
}
.p-r-none {
padding-right: 0!important;
}
.p-r-xxs {
padding-right: 1px;
}
.p-r-xs {
padding-right: 5px;
}
.p-r-sm {
padding-right: 10px;
}
.p-r {
padding-right: 15px;
}
.p-r-md {
padding-right: 20px;
}
.p-r-md-40 {
padding-right: 40px;
}
.p-r-50 {
padding-right: 50px;
}
.p-r-lg {
padding-right: 60px;
}
.p-r-80 {
padding-right: 80px;
}
.p-r-90 {
padding-right: 90px;
}
.p-r-xxl {
padding-right: 100px;
}
.p-r-n-xxs {
padding-right: -1px;
}
.p-r-n-xs {
padding-right: -5px;
}
.p-r-n-sm {
padding-right: -10px;
}
.p-r-n {
padding-right: -15px;
}
.p-r-n-md {
padding-right: -20px;
}
.p-r-n-lg {
padding-right: -30px;
}
.p-r-n-xl {
padding-right: -40px;
}
.p-r-n-xxl {
padding-right: -50px;
}
.p-b-none {
padding-bottom: 0!important;
}
.p-b-xxs {
padding-bottom: 1px;
}
.p-b-xxs-2 {
padding-bottom: 2px;
}
.p-b-xs {
padding-bottom: 5px;
}
.p-b-sm {
padding-bottom: 10px;
}
.p-b {
padding-bottom: 20px;
}
.p-b-md {
padding-bottom: 30px;
}
.p-b-50 {
padding-bottom: 50px;
}
.p-b-lg {
padding-bottom: 60px;
}
.p-b-xl {
padding-bottom: 80px;
}
.p-b-xxl {
padding-bottom: 100px;
}
.p-b-120 {
padding-bottom: 120px;
}
.p-b-n-xxs {
padding-bottom: -1px;
}
.p-b-n-xs {
padding-bottom: -5px;
}
.p-b-n-sm {
padding-bottom: -10px;
}
.p-b-n {
padding-bottom: -15px;
}
.p-b-n-md {
padding-bottom: -20px;
}
.p-b-n-lg {
padding-bottom: -30px;
}
.p-b-lgr {
padding-bottom: 50px;
}
.p-b-n-xl {
padding-bottom: -40px;
}
.p-b-n-xxl {
padding-bottom: -50px;
}
.p-10 {
padding:0px 10%;
}
.p-20 {
padding:0px 20%;
}
/*------------------------------------*\
MARGINS
\*------------------------------------*/
.m-xxs {
margin: 2px 4px;
}
.m-xs {
margin: 5px;
}
.m-sm {
margin: 10px;
}
.m {
margin: 15px;
}
.m-md {
margin: 20px;
}
.m-lg {
margin: 30px;
}
.m-xl {
margin: 50px;
}
.m-n {
margin: 0!important;
}
.m-l-none {
margin-left: 0!important;
}
.m-l-xs {
margin-left: 5px;
}
.m-l-sm {
margin-left: 10px;
}
.m-l {
margin-left: 15px;
}
.m-l-md {
margin-left: 20px;
}
.m-l-lg {
margin-left: 30px;
}
.m-l-xl {
margin-left: 40px;
}
.m-l-xxl {
margin-left: 50px;
}
.m-l-n-xxs {
margin-left: -1px;
}
.m-l-n-xs {
margin-left: -5px;
}
.m-l-n-sm {
margin-left: -10px;
}
.m-l-n {
margin-left: -15px;
}
.m-l-n-md {
margin-left: -20px;
}
.m-l-n-lg {
margin-left: -30px;
}
.m-l-n-xl {
margin-left: -40px;
}
.m-l-n-xxl {
margin-left: -50px;
}
.m-t-none {
margin-top: 0!important;
}
.m-t-xxs {
margin-top: 1px;
}
.m-t-xs {
margin-top: 5px;
}
.m-t-sm {
margin-top: 10px;
}
.m-t {
margin-top: 15px;
}
.m-t-md {
margin-top: 20px;
}
.m-t-lg {
margin-top: 30px;
}
.m-t-xl {
margin-top: 40px;
}
.m-t-xxl {
margin-top: 50px;
}
.m-t-60 {
margin-top: 60px;
}
.m-t-70 {
margin-top: 70px;
}
.m-t-80 {
margin-top: 80px;
}
.m-t-100 {
margin-top: 100px;
}
.m-t-120 {
margin-top: 120px;
}
.m-t-n-xxs {
margin-top: -1px;
}
.m-t-n-xs {
margin-top: -5px;
}
.m-t-n-sm {
margin-top: -10px;
}
.m-t-n {
margin-top: -15px;
}
.m-t-n-md {
margin-top: -20px;
}
.m-t-n-lg {
margin-top: -30px;
}
.m-t-n-xl-35 {
margin-top: -35px;
}
.m-t-n-xl {
margin-top: -40px;
}
.m-t-n-xxl {
margin-top: -50px;
}
.m-r-none {
margin-right: 0!important;
}
.m-r-xxs {
margin-right: 1px;
}
.m-r-xs {
margin-right: 5px;
}
.m-r-sm {
margin-right: 10px;
}
.m-r {
margin-right: 15px;
}
.m-r-md {
margin-right: 20px;
}
.m-r-lg {
margin-right: 30px;
}
.m-r-xl {
margin-right: 40px;
}
.m-r-xxl {
margin-right: 50px;
}
.m-r-xxl-60 {
margin-right: 60px;
}
.m-r-xxl-70 {
margin-right: 70px;
}
.m-r-n-xxs {
margin-right: -1px;
}
.m-r-n-xs {
margin-right: -5px;
}
.m-r-n-sm {
margin-right: -10px;
}
.m-r-n {
margin-right: -15px;
}
.m-r-n-md {
margin-right: -20px;
}
.m-r-n-lg {
margin-right: -30px;
}
.m-r-n-xl {
margin-right: -40px;
}
.m-r-n-xxl {
margin-right: -50px;
}
.m-b-none {
margin-bottom: 0!important;
}
.m-b-xxs {
margin-bottom: 1px;
}
.m-b-xs {
margin-bottom: 5px;
}
.m-b-sm {
margin-bottom: 10px;
}
.m-b {
margin-bottom: 15px;
}
.m-b-md {
margin-bottom: 20px;
}
.m-b-lg {
margin-bottom: 30px;
}
.m-b-lg-35 {
margin-bottom: 35px;
}
.m-b-xl {
margin-bottom: 40px;
}
.m-b-xxl {
margin-bottom: 50px;
}
.m-b-60 {
margin-bottom: 60px;
}
.m-b-70 {
margin-bottom: 70px;
}
.m-b-80 {
margin-bottom: 80px;
}
.m-b-90 {
margin-bottom: 90px;
}
.m-b-100 {
margin-bottom: 100px;
}
.m-b-120 {
margin-bottom: 120px;
}
.m-b-n-xxs {
margin-bottom: -1px;
}
.m-b-n-xs {
margin-bottom: -5px;
}
.m-b-n-sm {
margin-bottom: -10px;
}
.m-b-n {
margin-bottom: -15px;
}
.m-b-n-md {
margin-bottom: -20px;
}
.m-b-n-md-25 {
margin-bottom: -25px;
}
.m-b-n-lg {
margin-bottom: -30px;
}
.m-b-n-xl {
margin-bottom: -40px;
}
.m-b-n-xxl {
margin-bottom: -50px;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.section
{
width:100%;
}
.section.animated
{
overflow-x: hidden;
}
.wrap,
.wrap-small,
.wrap-xl {
padding:0 0;
margin:0 auto;
position:relative;
box-sizing: border-box;
}
/*------------------------------------*\
START HEADER CSS
\*------------------------------------*/
.logo-img {
width: 250px;
}
.logo-mobile {
padding-right: 11px;
}
.topheader {
background-color: #2f2f2f;
font-size: 13px;
}
.topheader a {
color: #fff;
}
.header .topheader .nav ul {
margin: 10px 0px;
}
.header .topheader .nav ul li {
padding-right: 10px;
padding-left: 10px;
}
.header .topheader .nav ul li:after {
content: '/';
position: absolute;
top: -1px;
right: -5px;
bottom: 0px;
color: #fff;
}
.top-header-right {
padding-top: 11px;
}
.header .topheader .nav ul li:first-child:after,
.header .topheader .nav ul li:last-child:after {
content: '';
}
.header .topheader .nav ul li:first-child {
padding-right: 0px;
}
.header .topheader .nav ul li:first-child a:link,
.header .topheader .nav ul li:first-child a:visited,
.header .topheader .nav ul li:first-child a:active {
font-weight: 600;
}
.header .topheader .nav ul li a:link,
.header .topheader .nav ul li a:visited,
.header .topheader .nav ul li a:active {
font-weight: 300;
font-size: 13px;
}
.header .topheader .nav ul li:nth-child(2) {
padding-left: 5px;
}
.bottomheader .button-top-right {
margin-left: 30px;
padding-left: 10px;
margin-top: 42px;
}
.button-top-right a.button {
margin-right: 0px ;
}
.bottomheader {
background-color: #222222;
}
.bottomheader img.logo-img {
margin: 50px 0px;
}
ul.mega-menu-top-menu li a:nth-first-child(){
font-weight: bold
}
#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item:first-child > a.mega-menu-link {
font-weight: bold;
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
}
.sidebar-2-inner li a {
color: #ffd200;
}
/* footer */
.footer {
}
.footer.faq .inner p {
min-height: 65px;
}
/*------------------------------------*\
COLS
\*------------------------------------*/
.row{
min-height:20px;
box-sizing:border-box;
}
.row:after{
clear: both;
}
.row:before,
.row:after{
display: table;
content: "";
line-height: 0;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12,
.col1-1200, .col2-1200, .col3-1200, .col4-1200, .col5-1200, .col6-1200, .col7-1200, .col8-1200, .col9-1200, .col10-1200, .col11-1200, .col12-1200,
.col1-s-900, .col2-s-900, .col3-s-900, .col4-s-900, .col5-s-900, .col6-s-900, .col7-s-900, .col8-s-900, .col9-s-900, .col10-s-900, .col11-s-900, .col12-s-900,
.col1-s-800, .col2-s-800, .col3-s-800, .col4-s-800, .col5-s-800, .col6-s-800, .col7-s-800, .col8-s-800, .col9-s-800, .col10-s-800, .col11-s-800, .col12-s-800,
.col1-768, .col2-768, .col3-768, .col4-768, .col5-768, .col6-768, .col7-768, .col8-768, .col9-768, .col10-768, .col11-768, .col12-768,
.col1-s, .col2-s, .col3-s, .col4-s, .col5-s, .col6-s, .col7-s, .col8-s, .col9-s, .col10-s, .col11-s, .col12-s,
.col1-xs, .col2-xs, .col3-xxs, .col4-s, .col5-xs, .col6-xs, .col7-xs, .col8-xs, .col9-xs, .col10-xs, .col11-xs, .col12x-s,
.col1-xs-480, .col2-xs-480, .col3-xxs, .col4-s, .col5-xs-480, .col6-xs-480, .col7-xs-480, .col8-xs-480, .col9-xs-480, .col10-xs-480, .col11-xs-480, .col12x-s {
float: left;
min-height: 1px;
box-sizing:border-box;
position:relative;
}
.col12{
width: 100%
}
.col11{
width: 91.66666667%
}
.col10{
width: 83.33333333%
}
.col9{
width: 75%
}
.col8{
width: 66.66666667%
}
.col7{
width: 58.33333333%
}
.col6{
width: 50%
}
.col5{
width: 41.66666667%
}
.col4 {
width: 33.33333333%
}
.col3{
width: 25%
}
.col2{
width: 16.66666667%
}
.col1
{
width: 8.33333333%
}
/*------------------------------------*\
FLEX
\*------------------------------------*/
/*Flex items*/
.flexwrap
{
display: flex;
flex-wrap: wrap;
}
.flexitem,
.listflex .widgetBar .widget
{
display: flex;
flex-grow: 1;
}
.flexinner,
.listflex .widgetBar .widget .widget_inner
{
/* display: flex; */
flex-direction: column;
width: 100%;
}
.flexinner50 {
display: flex;
flex-direction: column;
width: 50%;
}
.flexvertical {
display: flex;
align-items: center;
justify-content: center;
}
.flexverticalitem {
max-width: 50%;
}
.flexverticalitem-top {
align-self: flex-start;
}
.flexverticalitem-bottom {
align-self: flex-end;
}
/*like a wrap */
.flexhorizontal {
display: flex;
align-items: center;
justify-content: center;
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.pull-center{
display:inline-block;
float:none;
vertical-align:middle;
}
.center {
text-align: center;
}
.just-center {
justify-content: center;
}
.pull-left{
float:left;
}
.pull-right{
float:right;
}
.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;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
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 .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
/*------------------------------------*\
START SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
END SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
START FORMS CSS
\*------------------------------------*/
input,
select,
textarea {
width: 75%;
}
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="tel"],
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0px;
border: 1px solid #ccc;
padding: 8px 8px;
background: none;
min-height: 45px;
background-color: #fff;
color: #333;
font-size: 16px;
}
.home select,
.home input[type="text"],
.home input[type="email"],
.home input[type="password"],
.home input[type="date"],
.home input[type="tel"],
.home textarea {
border: 1px solid #f8f8f8;
color: #c8c8c8;
}
::-webkit-input-placeholder {
color: #c8c8c8;
}
::-moz-placeholder {
color: #c8c8c8;
}
:-ms-input-placeholder {
color: #c8c8c8;
}
:-moz-placeholder {
color: #c8c8c8;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #009620;
color: #009620;
}
div.wpcf7-response-output {
margin: 0px;
padding: 1.2em 1em;
border-radius: 5px;
}
div.wpcf7-response-output.wpcf7-validation-errors {
border: 2px solid #fdd116;
color: #fdd116;
}
/* FORM 2 */
#wpcf7-f420-p16-o1 {
width: 50%;
margin: 0 auto;
}
#wpcf7-f420-p16-o1 .form-button,
#wpcf7-f420-p16-o1 .form-label {
text-align: center;
}
#wpcf7-f420-p16-o1 .textarea-296 {
height:500px;
}
.whitebg-redtext-block #wpcf7-f420-p16-o1 p {
font-size: 16px;
}
.wpcf7-list-item input[type="radio"] {
width: 26px;
height: 13px;
margin: 0;
margin-right: 10px;
}
.wpcf7-list-item {
width: 100%;
}
form.wpcf7-form .field-radio label {
font-weight: 600;
}
form.wpcf7-form .wpcf7-list-item.last {
margin-bottom: 10px;
}
form.wpcf7-form .wpcf7-list-item.first {
margin-top: 5px;
}
.wpcf7-form .field {
padding-top: 10px;
}
/* OFFERTE FORM */
.offerte-checkbox input[type="checkbox"] {
}
/*------------------------------------*\
END FORMS CSS
\*------------------------------------*/
/*------------------------------------*\
CUSTOM CSS
\*------------------------------------*/
.yoyo:before {
font-family: fontAwesome;
content: '\f095';
}
.text-center {
text-align: center;
}
.small-content {
padding: 0px 10%;
}
.bg-photo {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-top: 67%;
}
.bg-photo-94 {
padding-top: 94%;
}
.bg-photo-150 {
padding-top: 150%;
}
.bg-photo-152 {
padding-top: 152%;
}
.bg-gr {
background-color: #f2f2f2;
}
a.button,
.button,
span.button,
a.button-white,
.button-white,
span.button-white,
a.button-dark,
.button-dark,
span.button-dark,
a.button-outline,
.button-outline,
span.button-outline,
a.button-outline-dark,
.button-outline-dark,
span.button-outline-dark,
input[type="button"],
input[type="reset"],
input[type="submit"]
{
background: #ffd200;
display: inline-block;
padding: 10px 20px;
color: #222222;
font-family: 'Khula', sans-serif;
font-weight: 800;
text-decoration: none;
cursor: pointer;
margin-top: 10px;
border: 2px solid #ffd200;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
text-shadow: none !important;
box-sizing: border-box;
font-size: 16px;
padding-top: 17px;
border-radius: 7px;
position: relative;
/* margin-right: 20px; */
-webkit-appearance: none;
text-transform: uppercase;
min-height: 60px;
margin-bottom: 1.4em;
}
a.button-white,
.button-white,
span.button-white {
background:#fff;
color: #fdd116 !important;
border: 2px solid #fff;
}
a.button-dark,
.button-dark,
span.button-dark {
background:#333;
color: #fff !important;
border: 2px solid #333;
}
a.button-outline,
.button-outline,
span.button-outline {
background:#fff;
color: #fdd116 !important;
border: 2px solid #fdd116;
}
a.button-outline-dark,
.button-outline-dark,
span.button-outline-dark {
background:#fff;
color: #333 !important;
border: 2px solid #333;
}
.top-header-button .button {
padding: 7px 20px 3px 20px;
min-height: 0px;
background-color: transparent;
border: 1px solid #fff;
color: #fff;
line-height: 0.;
font-size: 12px;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 5px;
}
.button.btn-trans {
background: transparent;
color: #ffd200;
}
.phone {
background-color: transparent;
border: 2px solid #ffd200;
border-radius: 5px;
display: inline-block;
padding: 12px 20px;
color: #fff;
font-family: 'Khula', sans-serif;
font-weight: 800;
margin-bottom: 0.4em;
padding-top: 17px;
margin-right: 20px;
font-size: 16px;
padding-left: 20px;
}
a.phone.phone-black{
color: black!important;
}
.button-phone {
position: relative;
margin-top: 10px;
}
.close {
position: absolute;
right: 10px;
top: 10px;
width: 32px;
height: 32px;
opacity: 1;
z-index: 9999999;
}
.close:before, .close:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #fdd116;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
ul.no-list {
list-style: none;
}
ul {
padding-left:0px;
list-style: none;
margin: 0;
padding: 0;
}
li {
position: relative;
margin-left: 0;
padding-left: 26px;
margin-bottom: 13px;
}
li:before {
position: absolute;
font-family: FontAwesome;
top: 6px;
left: 0;
content: '\f111';
color: #fdd116;
font-size: 7px;
width: 20px;
}
.location li:before {
position: absolute;
font-family: FontAwesome;
top: 1px;
left: 0;
content: '\f041';
color: #fdd116;
font-size: 19px;
}
.location li {
margin-bottom: 0px;
}
ul.arrow li:before {
content: '\f054';
top: -2px;
color: #fdd116;
sfont-size: 0.9em;
}
blockquote{
padding-right: 10px;
}
blockquote em {
display: inline-block;
}
.recensie_blok blockquote em {
min-height: 265px;
display: inline-block;
}
.recensie_blok h3 {
min-height: 65px;
}
blockquote em:before{
content: '\f10d';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 22px;
padding-right: 10px;
color: #b0b0b0;
}
blockquote em:after{
content: '\f10e';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 22px;
color: #b0b0b0;
padding-left: 10px;
}
blockquote:nth-last-child{
padding:0!important;
}
.icon-row .fa {
font-size: 4em;
color: #fdd116;
}
.werkgebied_li li{
height: 55px;
}
.yellow-step {
background-color: #ffd200;
padding: 15px 5px 15px 5px;
box-sizing: border-box;
margin: 5px;
text-align: center;
min-height: 215px;
}
.dakpannen-products .col3.col6-s.col6-xs.center.m-b-sm {
min-height: 225px;
}
/*------------------------------------*\
END CUSTOM CSS
\*------------------------------------*/
/*------------------------------------*\
START SVG MAP CSS
\*------------------------------------*/
#H-Flevoland, #H-Gelderland, #H-Utrecht, #H-NoordHolland, #H-ZuidHolland {
/* transition: all 2s ease-in-out;*/
cursor: pointer;
}
.style-svg{
width: 100%;
height: 100%;
max-width: 550px;
}
/*------------------------------------*\
END SVG MAP CSS
\*------------------------------------*/
/*------------------------------------*\
START MENU CSS
\*------------------------------------*/
div.menu
{
z-index:999;
}
.nav {
float: left;
}
.nav > ul{
margin:0;
padding:0
}
.header .nav ul {
text-align:left;
width:100%;
padding-left: 0px;
padding-bottom: 0px;
margin-top: 70px;
}
.nav ul li {
list-style:none;
margin-bottom: 0;
float: left;
position:relative;
}
.nav ul li:before {
content: none;
}
.nav ul li.current a:link,
.nav ul li.current a:visited,
.nav ul li.current a:active
{
color: #fff;
}
.nav ul li.current ul li a {
color:#000 !important;
}
.nav ul li ul li.current {
}
.header .nav ul li
{
display: inline-block;
float:inherit;
}
.nav ul li a:link,
.nav ul li a:visited,
.nav ul li a:active {
cursor:pointer;
color: #fff;
line-height: 1.5em;
padding: 0px;
font-size: 16px;
display: block;
font-weight: 700;
}
.nav ul#menu-footermenu-1 li:first-child,
.nav ul#menu-footermenu-1 li a:first-child,
.nav ul#menu-footermenu li:first-child,
.nav ul#menu-footermenu li a:first-child {
padding-top:0px;
}
.nav ul li.current_page_item a:link,
.nav ul li.current_page_item a:visited,
.nav ul li.current_page_item a:active {
color: #ffd200;
}
ul.cat-menu.check li.current_page_item a:link,
ul.cat-menu.check li.current_page_item a:visited,
ul.cat-menu.check li.current_page_item a:active{
color: #ffd200;
}
li.cat-item.active a,
li.cat-item.active .cat-menu.check li:before{
color: #ffd200!important;
}
ul.cat-menu.check li.active a:link,
ul.cat-menu.check li.active a:visited,
ul.cat-menu.check li.active a:active{
color: #ffd200!important;
}
#menu-filter .current-menu-item a{
color: #ffd200;
}
#menu-filter li:before {
font-family: FontAwesome;
top: 2px;
left: 0;
margin-right: 0;
content: '\f00c';
color: #fff;
font-size: 1.0em;
width: 20px;
float: left;
position: absolute;
transition: 0.5s ease;
}
.filter .sub-menu [id^='menu-item-'] a:before {
font-family: 'FontAwesome';
top: 2px;
left: 0;
margin-right: 0;
content: '\f00c';
color: #fff;
font-size: 16px;
font-weight: 100;
width: 20px;
float: left;
position: absolute;
transition: 0.5s ease;
z-index: '9999';
}
#menu-filter li.current-menu-item:before,
.filter .sub-menu [id^='menu-item-'].current-menu-item a:before {
color: #ffd200;
}
/*
.no-style li{
padding-left: 0px;
} */
.no-style li:before{
content: none!important
}
li.no-style{
padding-left: 0px;
}
li.no-style:before{
content: none!important;
}
li.no-style > a {
font-size: 1.2em;
line-height: 50px;
padding-bottom: 14px;
cursor: default;
}
.header .nav ul ul li
{
float:left;
text-align: left;
}
.top-nav.nav ul li a:link,
.top-nav.nav ul li a:visited,
.top-nav.nav ul li a:active
{
text-transform:inherit;
padding: 0 13px;
}
.nav ul li.last-child a:link,
.nav ul li.last-child a:visited,
.nav ul li.last-child a:active
{
padding-right: 0;
}
.nav ul ul
{
display:none;
}
/*.nav ul li ul {
position: absolute;
left: 0px;
text-align: left;
top: 85px;
background: #000;
z-index: 3;
margin-left: 0px;
padding-left: 0;
}*/
.nav ul li ul{
left: 0px;
top: -47px;
background: #222222;
border-radius: 2px;
text-align: left;
position: absolute;
z-index: 999;
padding: 20px;
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
}
.nav ul li ul li a:link{
font-weight: normal;
padding-left: 25px;
font-size: 16px;
}
.header .nav ul ul li,
.nav ul ul li:first-child {
padding-left: 0px;
padding-right:0px;
}
.nav ul ul li a:link,
.nav ul ul li a:visited,
.nav ul ul li a:active
{
line-height: 20px;
padding: 15px 10px;
color: #fff;
height: 50px;
font-size: 18px;
border-left: none;
}
.nav ul ul li:last-child a:link,
.nav ul ul li:last-child a:visited,
.nav ul ul li:last-child a:active {
}
.nav ul li.current_page_item ul li a:link,
.nav ul li.current_page_item ul li a:visited,
.nav ul li.current_page_item ul li a:active {
color: #fff;
border-top: none;
}
.check,
.arrow,
.map-pin {
list-style:none;
margin-left: -20px;
margin-bottom: 30px;
margin-top: 20px;
}
.check li,
.arrow li,
.map-pin li {
position: relative;
margin-bottom: 0em;
padding-left: 23px;
width: 100%;
box-sizing: border-box;
margin-left: 22px;
line-height: 1.5em;
}
.arrow li {
padding-left: 15px;
}
.check li:before,
.arrow li:before,
.map-pin li:before {
font-family: FontAwesome;
top: -2px;
left:0;
margin-right:0;
content: '\f00c';
color:#fdd116;
font-size:1.0em;
width: 20px;
float: left;
position: absolute;
}
.arrow li:before {
content: "\f105";
top:0.05em;
font-family: fontAwesome;
width: 20px;
float: left;
}
.map-pin li:before {
content: '\f041';
color: #fdd116;
top: -2px;
font-family: fontAwesome;
width: 20px;
float: left;
}
.cat-menu.check li:before{
font-family: FontAwesome;
top: -2px;
left: 0;
margin-right: 0;
content: '\f00c';
ccolor: #fdd116;
color: #fff;
font-size: 1.0em;
width: 20px;
float: left;
position: absolute;
transition: 0.5s ease;
}
.cols2, .cols3, .cols4 {
display: inline-block;
width: 100%;
list-style: none;
}
.cols2 li {
float: left;
width: 42%;
margin-right: 4%;
}
.cols3 > li {
float: left;
width: 28%;
margin-right: 4%;
}
.cols4 > li {
float: left;
width: 20%;
margin-right: 4%;
text-align: left;
}
ul.location {
margin-bottom: 20px
}
/*------------------------------------*\
END MENU CSS
\*------------------------------------*/
/*------------------------------------*\
START SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
.social-icons {
float:right;
padding-top: 22px;
}
.social-icons a {
width: 43px;
height: 43px;
color: #c8c8c8;
float: left;
text-align: center;
margin-right: 9px;
background-color: #fff;
line-height: 41px;
box-sizing: border-box;
font-size: 16px;
border-radius: 43px;
border: 2px #c8c8c8 solid;
}
.social-share-buttons-single {
margin-left: -11px;
color: #ffd200;
font-size: 28px;
}
/*------------------------------------*\
END SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
.footer.brands .inner {
margin: auto;
}
.footer.brands .inner img {
transition: 0.5s all;
}
.footer.brands .col12 {
justify-content: center;
}
.footer.pros {
background-color: #ffd200;
font-weight: 700;
}
.footer.pros a.button,
.footer.pros .button {
border: 2px solid #222222;
}
.footer.pros .check li:before,
.footer.pros .arrow li:before {
color: #3b3b3b;
}
.footer.pros .image-block:after {
background: #ffd200;
content: " ";
position: absolute;
display: block;
width: 100%;
height: 126%;
top: 0px;
left: 0px;
z-index: -1;
transform-origin: top left;
-ms-transform: skew(86deg, 0deg);
-webkit-transform: skew(82deg, 0deg);
transform: skew(0deg, 69deg);
z-index: 0;
transform-origin: right top;
}
.footer.pros .image-block {
overflow: hidden;
background-size: cover;
}
.footer.faq {
background-color: #f7f7f7;
font-weight: 700;
}
.faq img {
width: 60px;
margin-bottom: 15px;
}
.faq .inner {
max-width: 200px;
}
.row-6-block a.button,
.row-6-block .button,
.footer.faq a.button,
.footer.faq .button {
background-color: transparent;
margin-right: 0px;
}
.fa {
transition: 0.5s all;
}
.footer.info {
background-color: #000000;
color: #fdd116;
flex-wrap: wrap;
}
.footer.info a {
color: #fdd116;
}
.footer.info a.button {
color: #000;
}
.footer.info h4 {
color: #fff;
}
.widget-1 {
margin-bottom: 30px;
}
.widget-f-r h4 {
margin-bottom: 20px;
}
.widget-f-r {
padding-left: 90px;
}
.footer-middle h4 {
margin-bottom: 20px;
}
.footer .check {
margin-top: 0px;
}
#colophon {
background-color: #fdd116;
padding-top: 40px;
}
#colophon li {
display: inline-block;
padding-left: 5px;
}
#colophon li:after {
content: "|";
margin-left: 5px;
}
#colophon li:last-child:after {
content: "";
}
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
/*------------------------------------*\
CUSTOM BUTTONS
\*------------------------------------*/
/* Back to top button */
#btt-btn {
display: inline-block;
background-color: #000;
color: #797979;
cursor: pointer;
padding: 10px 20px;
font-size: 25px;
border: solid 1px #000;
text-align: center;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
border-radius: 50%;
height: 55px;
width: 55px;
}
.fa-angle-right:before {
color: #fdd116;
transition: 0.5s;
}
#btt-btn:active,
#btt-btn:active .fa-angle-right:before {
background-color: #fff;
}
#btt-btn.show {
opacity: 1;
visibility: visible;
}
/* End back to top button */
/*------------------------------------*\
END CUSTOM BUTTONS
\*------------------------------------*/
/*------------------------------------*\
CUSTOM GLOBAL CSS
\*------------------------------------*/
.p-l-custom-perc {
padding-left: calc(50% - 619px);
}
.p-r-custom-perc {
padding-right: calc(50% - 619px);
}
.check li {
width: 90%;
}
/*------------------------------------*\
END CUSTOM GLOBAL CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
/*ROW 1*/
.hero-text {
background-size: cover;
background-repeat: no-repeat;
width: 100%;
min-height: 842px;
overflow: hidden;
}
.hero-text:after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 1px;
left: 0;
z-index: -1;
background: #fff;
transform-origin: top left;
-ms-transform: skew(86deg, 0deg);
-webkit-transform: skew(82deg, 0deg);
transform: skew(95deg, 0deg);
z-index: 0;
transform-origin: bottom left;
}
.hero-text a.button,
.hero-text .button {
margin-right: 20px;
}
.hero-text h2 {
font-size: 80px;
color: #fff;
margin-bottom: 0px;
text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.5);
line-height: 1.3em;
margin-top: 235px;
font-weight: 800;
}
.header-r-block {
background: rgba(0,0,0,0.5);
color: #fff;
font-weight: 600;
padding: 40px;
max-width: 470px;
margin-top: 170px;
}
.header-r-block h3 {
color: #ffd200;
font-size: 30px;
font-weight: 800;
margin-bottom: 25px;
}
.header-r-block ul.check {
margin-bottom: 25px;
}
@media screen and (max-width: 670px){
.header-r-block{
margin-top: 50px;
}
}
/*ROW 2*/
.row-2-block .info-block:last-child {
margin-bottom: 60px ;
}
/*ROW 3*/
.row-3-block {
height: auto;
background: #000000;
}
.row-3-block .image-block {
background-size: cover;
overflow: hidden;
}
.row-3-block .image-block:after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 140%;
top: 0px;
left: 0px;
z-index: -1;
background: #000;
transform-origin: top left;
-ms-transform: skew(86deg, 0deg);
-webkit-transform: skew(82deg, 0deg);
transform: skew(0deg, 110deg);
z-index: 0;
transform-origin: left bottom;
}
.row-3-block h2 {
color: #ffd200;
}
.row-3-block p {
color: #fff;
}
/*ROW 4 FP & ROW 3 LP*/
/* .row-4-block,
.row-3-block.lp-3 {
height: 570px;
background: #f1f2f2;
}
.row-4-block h3,
.row-3-block.lp-3 h3 {
margin-top: 50px;
margin-bottom: 15px;
color: #fdd116;
font-weight: 400;
}
.row-4-block .info-block,
.row-3-block.lp-3 .info-block {
text-align: center;
margin-bottom: 35px;
}
.row-4-block .info-block img,
.row-3-block.lp-3 .info-block img {
max-height: 410px;
min-height: 410px;
object-fit: cover;
} */
/*ROW 5*/
/*ROW 6*/
.row-6-block {
background: #f7f7f7;
}
.row-6-block .inner img {
width: 45px;
margin-bottom: 15px;
}
.keo-stars {
margin-bottom: 15px;
}
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
START LANDINGPAGES
\*------------------------------------*/
.lp .hero-text {
min-height: 320px;
background-position: center;
}
.sidebar-1 {
background-color: #ffd200;
padding: 60px 60px 45px 30px;
margin-bottom: 40px;
color: #000;
font-weight: 500;
}
.sidebar-1 h3 {
color: #000;
}
.sidebar-1 a.button,
.sidebar-1 .button {
border: 2px solid #000;
}
.sidebar-2 h3 {
color: #FFF;
}
.sidebar-2 {
background-color: #000000;
padding: 60px 60px 45px 30px;
color: #fff;
font-weight: 600;
}
.sidebar-1 h3,
.sidebar-2 h3 {
font-size: 26px;
}
.sidebar-1 .check li:before, .arrow li:before {
color: #000;
}
.shortcode_buttons .button {
margin-right: 20px;
}
.shortcode_buttons .button-phone {
color: #000;
}
.sidebar-1 .check li,
.sidebar-2 .check li,
.footer.pros .check li {
font-weight: 700;
line-height: 2em;
}
.footer.pros .check li {
font-weight: 500;
}
/* REFERENTIE TEMP */
/* logos */
.logo-afbeelding {
mmin-width: 200px;
min-height: 325px;
}
.logo-afbeelding img{
width: 100%;
height: 180px;
}
.referentie-img{
object-fit: cover;
}
.logo-afbeelding p{
margin-top: 20px;
}
.logo-afbeelding:nth-child(4n-1){
clear: both;
}
/*referentie slider*/
.portfolio-filter{
width: 100%;
height: auto;
background: #222222;
padding: 60px 30px 60px 30px;
}
.portfolio-filter h3,
.portfolio-filter a,
.portfolio-filter p{
color: white;
}
h2.filter_header{
color: #ffd200;
}
@media screen and (max-width: 1022px){
.logo-afbeelding:nth-child(4n-1){
clear: inherit;
}
}
.rev_image{
width: 100%;
height: 180px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
a.read-more.more_text{
min-height: 80px;
display: inline-block;
}
.page_referentie:nth-child(even){
padding-left: 15px;
}
.page_referentie:nth-child(odd){
padding-right: 15px;
}
.page_referentie img {
width: 100%;
}
/* END REFERENTIE TEMP */
/* WAAR ZIJN WE ACTIEF LP
kaartje svg style */
article img.plattegrond {
box-shadow: none;
}
article img.plattegrond, .plattegrond {
width: 100%;
height: 571px;
margin: 0;
overflow: hidden;
}
.plattegrond.wrapper {
position: relative;
}
.plattegrond.wrapper div {
position: absolute;
top: 0;
left: 0;
}
.plattegrond.wrapper div {
position: absolute;
top: 0;
left: 0;
}
article img.plattegrond {
box-shadow: none;
}
.plattegrond.overlay.flevoland{
background-repeat: no-repeat!important;
background-size: contain !important;
}
.plattegrond.background {
background: url('/wp-content/uploads/Kaart-NL-aangepast.png') no-repeat;
transition: background ease 0.4s;
background-size: contain;
}
/*------------------------------------*\
START POST OVERVIEW CSS
\*------------------------------------*/
ul.blog_post li{
padding-left: 0;
}
ul.blog_post li:before{
content: normal;
}
/*------------------------------------*\
END POST OVERVIEW CSS
\*------------------------------------*/
/*------------------------------------*\
START SINGLE POST CSS
\*------------------------------------*/
/*------------------------------------*\
END SINGLE POST CSS
\*------------------------------------*/
/*------------------------------------*\
START SEARCH CSS
\*------------------------------------*/
/*------------------------------------*\
END SEARCH CSS
\*------------------------------------*/
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:1500px) {
.wrap-xl {
max-width: 1496px;
}
}
@media only screen and (min-width:1300px) {
.wrap{
max-width: 1238px;
min-height: 20px;
box-sizing: border-box;
}
.wrap-small {
max-width: 800px;
}
.wrap.wrap-full {
max-width: 100%;
}
}
@media only screen and (max-width:1550px) {
.wrap-xl {
max-width: 96%;
}
.bottomheader img.logo-img {
margin: 15px 0px 0px 0px;
}
.bottomheader .button-top-right {
margin-top: 10px;
}
.nav ul li ul {
padding-top: 38px;
}
ul#menu-main-menu {
margin-top: 40px;
margin-bottom: 15px;
}
}
@media only screen and (max-width:1400px) {
.bottomheader .menu-top {
float: left;
}
ul#menu-main-menu {
margin-top: 20px;
padding-right: 100px;
margin-bottom: 18px;
}
.nav ul li ul {
padding-top: 20px;
}
}
@media only screen and (max-width:1300px) {
.wrap{
max-width: 96%;
}
.wrap.wrap-full {
max-width: 100%;
}
ul#menu-main-menu {
padding-right: 0px;
}
.p-l-custom-perc {
padding-left: 2%;
}
}
@media only screen and (max-width:1200px) {
.col12-1200{
width: 100%
}
.col11-1200{
width: 91.66666667%
}
.col10-1200{
width: 83.33333333%
}
.col9-1200{
width: 75%
}
.col8-1200{
width: 66.66666667%
}
.col7-1200{
width: 58.33333333%
}
.col6-1200{
width: 50%
}
.col5-1200{
width: 41.66666667%
}
.col4-1200 {
width: 33.33333333%
}
.col3-1200{
width: 25%
}
.col2-1200{
width: 16.66666667%
}
.col1-1200
{
width: 8.33333333%
}
#form-hire
#form-work {
margin-left: 200px;
}
#form-hire.off-screen,
#form-work.off-screen,
#wpcf7-f420-p16-o1 {
margin-left: 0%;
overflow-y: hidden;
max-height: 1080px;
width: 100%;
}
#form-work.off-screen {
max-height: 1244px;
}
#maplist .col-lg-9 {
float:left; width:65%;
}
#maplist .col-lg-3{
float:left; width:35%;
}
}
@media only screen and (max-width:1150px) {
/*------------------------------------*\
START COMMON CSS
\*------------------------------------*/
h3 {
font-size: 30px;
}
p {
font-size: 15px;
}
a.read-more {
font-size: 15px;
}
.hero h2 {
font-size: 64px;
}
a.btn-big {
font-size: 20px;
max-width: 400px;
}
.voslpmapcontainer {
margin-bottom: 20px
}
.hide-1150 {
display:none;
}
.col6-1150 {
width: 50%;
}
.bottomheader a.button,
.bottomheader .button {
margin-bottom: 0px;
}
.d-block-1150 {
display: block;
}
.hero-text .button-phone,
.hero-text .button {
width: 320px;
}
.hero-text .button-phone {
margin-top: -11px;
}
.header-r-block .button {
width: auto;
}
/*------------------------------------*\
END COMMON CSS
\*------------------------------------*/
/*------------------------------------*\
START TOPHEADER CSS
\*------------------------------------*/
.header li {
padding-left: 25px;
}
#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item > a.mega-menu-link {
padding: 0px 5px 0px 5px;
font-size: 12px;
}
/*------------------------------------*\
END TOPHEADER CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
.row-2-block .image-block {
mmargin-right: 18px;
mmargin-left: 18px;
}
.row-3-block .image-text {
font-size: 20px;
max-width: 176px;
}
.row-3-block .info-block {
padding-right: 2%;
}
.row-7-block img {
max-height: 294px;
min-height: 294px;
}
.hero-image-2 img {
min-height: 340px;
max-height: 340px;
}
.hero-image-3 img {
min-height: 410px;
max-height: 410px;
}
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
}
@media only screen and (max-width:1024px) {
/*------------------------------------*\
START RESPONSIVE MENU CSS
\*------------------------------------*/
#menu-mobile-menu .menu-item-has-children a:after,
#menu-mobile-menu li.haschild > a:after{
content: '\f105';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 17px;
margin: 0 10px 0 0;
float: right;
}
#menu-mobile-menu .menu-item-has-children.active a:after{
content: none;
}
#menu-mobile-menu .menu-item-has-children ul li a:after {
display:none;
}
#menu-mobile-menu .menu-item-has-children.active .sub-menu,
#menu-mobile-menu .haschild.active .child{
display:block;
background-color: #333333;
}
#menu-mobile-menu .menu-item-has-children,
#menu-mobile-menu .haschild{
left:-81%;
overflow-x: hidden;
overflow-y: auto;
visibility: visible;
-webkit-overflow-scrolling: touch;
-moz-transition:left 0.3s ease;
-webkit-transition:left 0.3s ease;
transition: left 0.3s ease;
-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}
#menu-mobile-menu .menu-item-has-children.active,
#menu-mobile-menu .haschild.active{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
padding:0;
margin:0;
background-color: #333333;
border-bottom:0;
padding-top: 0px;
z-index: 2;
}
#menu-mobile-menu .menu-item-has-children.active > a,
#menu-mobile-menu .haschild.active > a{
padding-left: 15px !important;
color: #ffd201;
border-bottom: 1px solid rgba(255,255,255, 0.15);
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
background: #333333!important;
}
#menu-mobile-menu .menu-item-has-children.active > a:before,
#menu-mobile-menu .haschild.active > a:before{
display:none;
}
#menu-mobile-menu .menu-item-has-children.active .mobile-close,
#menu-mobile-menu .first-child .mobile-exit,
#menu-mobile-menu .haschild.active .mobile-close{
position: absolute;
z-index: 2;
cursor: pointer;
float: right;
font-size: 24px;
top: 0px;
right: 0px;
height: 49px;
width: 49px;
line-height: 49px;
text-align: center;
color: #fff !important;
bborder-bottom: 1px solid rgba(255,255,255, 0.15);
}
#menu-mobile-menu .menu-item-has-children .mobile-close i,
#menu-mobile-menu .haschild.active .mobile-close i{
pointer-events:None;
}
#menu-mobile-menu .sub-menu, #menu-mobile-menu .child {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.current-menu-item a,
.current_page_item a{
color: #ffd200!important;
}
.m-0-1024{
margin: 0!important;
}
.p-0-1024{
padding: 0!important;
}
.mobile-menu-container .logo-lt
{
max-width: 200px;
}
.mobile-menu-container .wpml-ls-menu-item .wpml-ls-flag {
width: 30px;
height: 30px;
}
.mobile-menu-container .icon-mail, .mobile-menu-container .icon-phone {
float: left;
width: 100%;
margin: 0 0 1.5em 0;
}
.c-hamburger span::before {
top: -8px;
}
.c-hamburger span::after {
bottom: -8px;
}
.c-hamburger--htx span {
transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
transition-property: top, transform;
}
.c-hamburger--htx span::after {
transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
}
.c-hamburger--htx.is-active span {
background: none;
}
.c-hamburger--htx.is-active span::before {
top: 0;
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
transition-delay: 0s, 0.3s;
}
.mobile-menu {
position: relative;
right: 0px;
margin-right: 0px;
z-index: 100;
top: 2px;
}
.is-sticky .mobile-menu {
top: -24px;
}
.c-hamburger {
display: block;
position: relative;
overflow: hidden;
padding: 0;
width: 54px!important;
height: 54px;
font-size: 0;
text-indent: -9999px;
box-shadow: none;
cursor: pointer;
background: none;
border: 0;
margin: 25px 0 0 1px;
border-radius: 20px;
}
.down .c-hamburger
{
background:none;
}
.c-hamburger span {
display: block;
position: absolute;
top: 16px;
left: 0px;
right: 0px;
background: #fdd116;
width: 60%;
margin-left: 20%;
height: 5px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.c-hamburger span::before,
.c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 5px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #fdd116;
content: "";
}
.down .c-hamburger span,
.down .c-hamburger span::before,
.down .c-hamburger span::after
{
background-color:@#000000;
}
.mobile-menu-container .logo-lt {
max-width: 260px;
padding-left:15px;
}
.c-hamburger span::before {
top: -10px;
}
.c-hamburger span::after {
bottom: -10px;
}
.c-hamburger--htx span {
transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
transition-property: top, transform;
}
.c-hamburger--htx span::after {
transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
}
.c-hamburger--htx.is-active span {
background: none;
}
.c-hamburger--htx.is-active span::before {
top: 0;
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
transition-delay: 0s, 0.3s;
}
.container-wrapper{
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}
.mobile-menu-container{
bbackground-color:#ffffff;
background-color: #333333;
padding:23px 0 20px 0px;
position: fixed;
top: 0;
left:-50%;
bottom: 0;
z-index: 100000;
display: block!important;
width: 50%!important;
overflow-x: hidden;
overflow-y: auto;
visibility: visible;
-webkit-overflow-scrolling: touch;
-moz-transition:left 0.3s ease;
-webkit-transition:left 0.3s ease;
transition: left 0.3s ease;
-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}
.off-screen{
left:0;
}
.off-screen+* {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
width: 100%;
overflow: hidden;
-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-o-transition: -o-transform .3s ease;
transition: transform .3s ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-delay: 0.1s; /* Safari */
transition-delay: 0.1s;
}
/*------------------------------------*\
END RESPONSIVE MENU CSS
\*------------------------------------*/
.col12-s{
width: 100%
}
.col11-s{
width: 91.66666667%
}
.col10-s{
width: 83.33333333%
}
.col9-s{
width: 75%
}
.col8-s{
width: 66.66666667%
}
.col7-s{
width: 58.33333333%
}
.col6-s{
width: 50%
}
.col5-s{
width: 41.66666667%
}
.col4-s {
width: 33.33333333%
}
.col3-s{
width: 25%
}
.col2-s{
width: 16.66666667%
}
.col1-s
{
width: 8.33333333%
}
.hide-1024 {
display:none;
}
.show-1024 {
display:block;
}
/*------------------------------------*\
START COMMON CSS
\*------------------------------------*/
.widget-f-r{
padding-left: 0;
}
.m-b-lg-1024{
margin-bottom: 30px;
}
.m-t-lg-1024{
margin-top: 30px;
}
.m-b-50-1024{
margin-bottom: 50px;
}
.m-b-20-1024{
margin-bottom: 20px;
}
.d-block-1024{
display: block!important;
}
.p-l-80-1024{
padding-left: 80px;
}
.p-l-md-1024 {
padding-left: 20px;
}
.p-r-80-1024{
padding-right: 80px;
}
.p-r-md-1024 {
padding-right: 20px;
}
.p-r-0-1024{
padding-right: 0;
}
.image-block.col6.col4-s-800.col6-768.flexinner {
display: none;
}
.flex-reverse-1024{
display: flex;
flex-direction: column-reverse;
}
.wrap-1024{
padding: 0 0;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.cols4 > li {
float: left;
width: 25%;
margin-right: 4%;
}
.cols2 li {
float: left;
width: 96%;
margin-left: 4%;
margin-right: 4%;
}
.hero-text h2 {
margin-top: 95px;
}
.header-r-block {
margin-top: 40px;
}
.hero-text {
min-height: 650px;
}
.lp .hero-text {
min-height: 185px;
}
.wpcf7-form input,
.wpcf7-form select {
width: 100%;
}
/*------------------------------------*\
END COMMON CSS
\*------------------------------------*/
/*------------------------------------*\
START TOPHEADER CSS
\*------------------------------------*/
.bottomheader img.logo-img {
margin: 15px 0px;
}
/*------------------------------------*\
END TOPHEADER CSS
\*------------------------------------*/
/*------------------------------------*\
START MIDDLEHEADER CSS
\*------------------------------------*/
/*------------------------------------*\
END MIDDLEHEADER CSS
\*------------------------------------*/
/*------------------------------------*\
START SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
/*------------------------------------*\
END SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
/*------------------------------------*\
START SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
END SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
START LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
/*------------------------------------*\
END LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
/*------------------------------------*\
START SINGLE POST CSS
\*------------------------------------*/
/*------------------------------------*\
END SINGLE POST CSS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
/*------------------------------------*\
START ANIMATIONS CSS
\*------------------------------------*/
/*------------------------------------*\
END ANIMATIONS CSS
\*------------------------------------*/
.recensie_blok blockquote em {
min-height: 0px;
display: inline-block;
}
blockquote strong{
margin-top: 20px;
display: inline-block;
}
}
@media only screen and (min-width: 1024px){
/* .style-svg{
max-width: 80%;
}*/
}
@media only screen and (max-width:900px) {
.col12-s-900{
width: 100%
}
.col11-s-900{
width: 91.66666667%
}
.col10-s-900{
width: 83.33333333%
}
.col9-s-900{
width: 75%
}
.col8-s-900{
width: 66.66666667%
}
.col7-s-900{
width: 58.33333333%
}
.col6-s-900{
width: 50%
}
.col5-s-900{
width: 41.66666667%
}
.col4-s-900 {
width: 33.33333333%
}
.col3-s-900{
width: 25%
}
.col2-s-900{
width: 16.66666667%
}
.col1-s-900
{
width: 8.33333333%
}
.hide-900 {
display:none;
}
.show-900 {
display:block;
}
.p-r-0-900 {
padding-right: 0px;
}
.p-t-0-900 {
padding-top: 0px;
}
.m-r-0-900{
margin-right: 0px!important;
}
.m-l-0-900{
margin-left: 0px!important;
}
.m-0-900 {
margin: 0!important;
}
.m-t-20-900 {
margin-top: 20px;
}
.m-t-40-900 {
margin-top: 40px;
}
.m-b-40-900 {
margin-bottom: 40px;
}
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
.cols4 > li {
float: left;
width: 41%;
margin-right: 4%;
margin-left: 4%;
}
.row-3-block .image-text {
font-size: 16px;
max-width: 115px;
}
.row-5-block .image-block {
float: none;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
max-width: unset;
}
a.btn-big {
font-size: 16px;
max-width: 337px;
padding: 16px 20px 16px 30px;
}
.hero h2 {
font-size: 54px;
margin-top: 118px;
}
.footer-menu.nav li {
padding-left: 30px;
}
.hero-image-2 img,
.hero-image-3 img,
.hero-image-4 img {
min-height: 100px;
max-height: 100px;
margin-top: 12px;
}
.hero-image-3 img {
margin-top: 0px;
width: 50%;
float:none;
object-position: top;
}
.hero-image-4 img,
.hero-image-2 img {
min-height: 155px;
}
.hero-image-4,
.hero-image-2 {
justify-content: center;
display: flex;
}
.row-1-block-lp h1.m-t-lg {
margin-top:10px;
}
.row-1-block-lp p {
margin-bottom:0px;
}
.flex-reverse-col-900 {
display: flex;
flex-direction: column-reverse;
text-align: center;
}
.row-3-block .info-block, .row-1-block-lp .info-block p {
ppadding-right: 0%;
font-size: 16px;
}
.work-image:before {
background: -moz-linear-gradient(90deg, rgba(227, 6, 19) 26%, rgba(235,235,235,0) 32%, rgba(255,255,255,0) 67%, rgb(227, 6, 19) 74%);
background: -webkit-linear-gradient(90deg, rgba(227, 6, 19) 26%, rgba(235,235,235,0) 32%, rgba(255,255,255,0) 67%, rgb(227, 6, 19) 74%);
background: linear-gradient(90deg, rgb(227, 6, 19) 26%, rgba(235,235,235,0) 32%, rgba(255,255,255,0) 67%, rgb(227, 6, 19) 74%);
}
.row-1-block-lp a.btn-primary {
margin-top: 20px;
}
.col-lg-9.voslpmapcontainer {
width: 100% !important;
padding: 0px !important;
}
.voslrow .col6 {
width: 100%;
}
.maps-popup {
right: 0px;
bottom: 0px;
margin-right: 15px;
}
.address-arrow {
right: 240px;
bottom: -15px;
border-bottom: 1px solid #c9c9c9;
border-top: 0px solid #c9c9c9;
}
.stores .col-lg-3 {
width: 100% !important;
}
.nav ul#menu-footermenu li:first-child {
padding-left: 16px;
}
#breadcrumbs {
top: -106px;
pposition: absolute;
z-index: 100;
}
.hero-image-4:after,
.hero-image-2:after {
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,215,113,0.7063200280112045) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,215,113,0.7063200280112045) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,215,113,0.7063200280112045) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffd771",GradientType=1);
margin-left: -2%;
margin-right: -2%;
}
.header-r-block {
max-width: 100%;
}
.hero h2 {
margin-top: 40px;
}
.text-center-900 {
text-align: center;
}
.ib-block-900 {
display: inline-block;
}
.hero-text {
min-height: 675px;
}
}
.filter-sidebar {
padding-left: 20px !important;
}
/*------------------------------------*\
START LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
/*------------------------------------*\
END LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
/*------------------------------------*\
START SINGLE POST CSS
\*------------------------------------*/
/*------------------------------------*\
END SINGLE POST CSS
\*------------------------------------*/
}
@media only screen and (max-width:800px) {
.col12-s-800{
width: 100%
}
.col11-s-800{
width: 91.66666667%
}
.col10-s-800{
width: 83.33333333%
}
.col9-s-800{
width: 75%
}
.col8-s-800{
width: 66.66666667%
}
.col7-s-800{
width: 58.33333333%
}
.col6-s-800{
width: 50%
}
.col5-s-800{
width: 41.66666667%
}
.col4-s-800 {
width: 33.33333333%
}
.col3-s-800{
width: 25%
}
.col2-s-800{
width: 16.66666667%
}
.col1-s-800
{
width: 8.33333333%
}
.hide-800 {
display:none;
}
.show-800 {
display:block;
}
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
.row-2-block .image-block {
margin-right: 70px;
margin-left: 70px;
margin-bottom: 20px;
}
.row-3-block .image-text {
font-size: 15px;
max-width: 110px;
}
.row-3-block .info-block {
text-align: center;
}
.row-3-block .image-text {
font-size: 17px;
max-width: 142px;
}
.p-r-800 {
padding-right: 2%;
}
.p-l-800 {
padding-left: 2%;
}
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
}
@media only screen and (max-width:768px) {
.col12-768{
width: 100%
}
.col11-768{
width: 91.66666667%
}
.col10-768{
width: 83.33333333%
}
.col9-768{
width: 75%
}
.col8-768{
width: 66.66666667%
}
.col7-768{
width: 58.33333333%
}
.col6-768{
width: 50%
}
.col5-768{
width: 41.66666667%
}
.col4-768 {
width: 33.33333333%
}
.col3-768{
width: 25%
}
.col2-768{
width: 16.66666667%
}
.col1-768
{
width: 8.33333333%
}
.hide-768 {
display:none;
}
.show-768 {
display:block;
}
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
.hero h2 {
font-size: 34px;
margin-top: 40px;
text-align: center;
text-shadow: 2px 2px 22px #333;
}
.hero-text .button-phone, .hero-text .button {
width: auto;
}
a.btn-big {
font-size: 16px;
padding: 16px 20px 16px 30px;
text-align: center;
}
.row-6-block .col4.news1 {
width: calc(33.3333333333333% - 6.6px);
margin-left: 0%;
margin-right: 5px;
}
.row-6-block .col4.news2 {
width: calc(33.3333333333333% - 6.6px);
margin-right: 5px;
margin-left: 5px;
}
.row-6-block .col4.news3 {
width: calc(33.3333333333333% - 6.6px);
margin-right: 0%;
margin-left: 5px;
}
.top-footer .col3 {
width: 50%;
}
.top-footer .col2 {
width: 50%;
}
.top-footer {
height: 214px;
}
.footer-menu.nav li {
padding-left: 20px;
}
.row-7-block a.btn-primary {
padding: 15px 45px;
}
/* .widget_inner_right p,.widget_inner_right a {
text-align: right;
} */
#form-hire.off-screen, #form-work.off-screen {
margin-left: 0px;
width: 100%;
}
.row-functions .image-block img {
margin-top: 25px;
}
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
}
@media only screen and (max-width:670px) {
.col12-xs{
width: 100%
}
.col11-xs{
width: 91.66666667%
}
.col10-xs{
width: 83.33333333%
}
.col9-xs{
width: 75%
}
.col8-xs{
width: 66.66666667%
}
.col7-xs{
width: 58.33333333%
}
.col6-xs{
width: 50%
}
.col5-xs{
width: 41.66666667%
}
.col4-xs {
width: 33.33333333%
}
.col3-xs{
width: 25%
}
.col2-xs{
width: 16.66666667%
}
.col1-xs
{
width: 8.33333333%
}
.hide-670 {
display:none;
}
.show-670 {
display:block;
}
.page_referentie:nth-child(even){
padding-left: 0;
}
.page_referentie:nth-child(odd){
padding-right: 0;
}
/*------------------------------------*\
START FORMS CSS
\*------------------------------------*/
input,
select,
textarea {
width: 100%;
}
/*------------------------------------*\
END FORMS CSS
\*------------------------------------*/
/*------------------------------------*\
START CUSTOM CSS
\*------------------------------------*/
.p-0-670{
padding: 0;
}
.p-r-670 {
padding-right: 2%;
}
.p-l-670 {
padding-left: 2%;
}
.p-r-40-670 {
padding-right: 40px;
}
.p-l-40-670 {
padding-left: 40px;
}
.p-b-60-670 {
padding-bottom: 60px;
}
.p-t-75-670 {
padding-top: 60px;
}
.d-block-670 {
display: block;
}
.header-l-block .hero-text .button-phone,
.header-l-block .hero-text .button,
.header-l-block .hero-text a.button {
width: 307px;
font-size: 15px;
margin-right: 0px;
}
.topheader .button {
margin-right: 20px;
}
.header-r-block .button {
width: auto;
}
.shortcode_buttons .button {
margin-bottom: 10px;
width: 100%;
}
.shortcode_buttons .button-phone {
width: 100%;
margin-top: 0px;
}
.sidebar-1 {
margin-top: 20px;
}
.button {
text-align: center;
}
a.read-more.more_text{
min-height: auto;
}
.m-b-10-670 {
margin-bottom: 10px;
}
.filter-sidebar {
padding-left: 0px !important;
}
ul.sub-menu li {
width: 49%;
float: left;
}
.portfolio-filter {
display: flex;
}
/*------------------------------------*\
END CUSTOM CSS
\*------------------------------------*/
/*------------------------------------*\
START SLIDER CSS
\*------------------------------------*/
.slider-content {
margin-top: 80px;
width: 95%;
}
.slider-content h2 {
font-size: 30px;
line-height: 40px;
}
/*------------------------------------*\
END SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
/*------------------------------------*\
START LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
.sidebar .widget_text {
width: 100%;
margin-right: 0%;
min-height:inherit;
}
/*------------------------------------*\
END LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
}
@media only screen and (max-width:550px) {
.col12-xs-550{
width: 100%
}
.col11-xs-550{
width: 91.66666667%
}
.col10-xs-550{
width: 83.33333333%
}
.col9-xs-550{
width: 75%
}
.col8-xs-550{
width: 66.66666667%
}
.col7-xs-550{
width: 58.33333333%
}
.col6-xs-550{
width: 50%
}
.col5-xs-550{
width: 41.66666667%
}
.col4-xs-550 {
width: 33.33333333%
}
.col3-xs-550{
width: 25%
}
.col2-xs-550{
width: 16.66666667%
}
.col1-xs-550
{
width: 8.33333333%
}
.hide-550 {
display:none;
}
.hide-550 {
display:none;
}
/*------------------------------------*\
START TOPHEADER CSS
\*------------------------------------*/
/*------------------------------------*\
END TOPHEADER CSS
\*------------------------------------*/
/*------------------------------------*\
END MIDDLEHEADER CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
.hero-text a {
width: 95%;
}
.row-2-block .image-block {
margin-right: 30px;
margin-left: 30px;
margin-bottom: 30px;
}
.mobile-menu-container {
width: 77%!important;
left: -77%;
}
.off-screen {
left: 0;
}
.inner-block .check {
margin-left: 0px;
}
.widget-2 .check li {
width: auto;
}
.cols3 > li {
width: 44%;
}
.m-b-xxl {
margin-bottom: 0px;
}
.m-b-40-550 {
margin-bottom: 40px;
}
.m-t-35-550 {
margin-top: 35px;
}
.header-r-block {
padding-right: 30px;
padding-left: 30px;
}
.cols3 > li {
margin-left: 2%;
}
.copyright p,
.sitemap {
font-size: 13px;
margin-bottom: 0px;
}
.bottom-footer {
padding-bottom: 30px;
}
.home.row-3-block .info-block {
text-align: center;
}
.p-r-40-550 {
padding-right: 40px;
}
.p-l-40-550 {
padding-left: 40px;
}
.button-center-align-550 {
text-align: center;
justify-content: center;
}
.button-center-align-justify-550 {
justify-content: center;
}
.sidebar-2 {
padding: 60px 30px 45px 30px;
}
.hero-text a.button,
.hero-text .button {
margin-right: 0px;
}
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
}
@media only screen and (max-width:480px) {
.col12-xs-480{
width: 100%
}
.col11-xs-480{
width: 91.66666667%
}
.col10-xs-480{
width: 83.33333333%
}
.col9-xs-480{
width: 75%
}
.col8-xs-480{
width: 66.66666667%
}
.col7-xs-480{
width: 58.33333333%
}
.col6-xs-480{
width: 50%
}
.col5-xs-480{
width: 41.66666667%
}
.col4-xs-480 {
width: 33.33333333%
}
.col3-xs-480{
width: 25%
}
.col2-xs-480{
width: 16.66666667%
}
.col1-xs-480
{
width: 8.33333333%
}
.hide-480 {
display:none;
}
.show-480 {
display:block;
}
.maps-popup {
width: 187px;
right: -15px;
}
.address-arrow {
right: 151px;
}
.top-footer .nav ul#menu-footermenu-1 li:first-child,
.top-footer .nav ul#menu-footermenu-1 li a:first-child,
.top-footer .nav ul#menu-footermenu li:first-child,
.top-footer .nav ul#menu-footermenu li a:first-child {
font-size: 15px;
}
/* #form-hire.off-screen, #form-work.off-screen {
border: 3px solid #fdd116;
} */
.hero h2{
margin-top: 20px;
}
.portfolio-filter {
display: block;
}
}
@media only screen and (max-width:400px) {
/*------------------------------------*\
START MIDDLEHEADER
\*------------------------------------*/
.hero h2 {
font-size: 30px;
}
.footer-menu.nav li {
padding-left: 10px;
}
.widget_inner_right p, .widget_inner_right a {
font-size: 16px;
}
.top-footer .col3 {
width: 60%;
}
.col2.widgetBar.footer-logo.pull-left {
width: 40%;
}
.footer-logo img {
max-width: 100px;
min-width: 100px;
}
/*------------------------------------*\
END MIDDLEHEADER CSS
\*------------------------------------*/
}