/*
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;
}
https://fonts.googleapis.com/css2?family=Rokkitt:wght@600;800;900&display=swap"
font-family: 'Rokkitt', serif;
https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"
font-family: 'Montserrat', sans-serif;
END EXAMPLE */
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
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%;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:focus {
outline: 0!important;
}
body{
font-family: 'Montserrat', sans-serif;
-webkit-font-smoothing:antialiased;
font-size:18px;
font-weight:400;
margin:0;
color:#555;
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.75em 0;
line-height: 1.75em;
}
/*------------------------------------*\
HEADINGS
\*------------------------------------*/
h1, h2, h3, h4, h5, h6{
clear: both;
font-weight:400;
color: #000;
text-transform:uppercase;
line-height:1.3em;
margin:0 0 14px 0;
}
h1 {
font-size:2.2em;
}
h2 {
font-size:2.0em;
}
h3 {
font-size:1.45em;
}
h4 {
font-size:1.6em;
}
h1.small-heading,
h2.small-heading,
h3.small-heading,
h4.small-heading {
font-family: 'Rokkitt', serif;
font-size: 16px;
font-weight: 800;
color: #256474;
text-transform: uppercase;
}
h2.white {
color:#fff;
}
.underline:after {
display: block;
background: url(img/lijnen.svg) no-repeat center;
height: 26px;
width: 55px;
background-size: 100%;
content: '';
position: relative;
right: 0;
margin: 10px auto;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#222222;
}
/*START YOAST BREADCRUMBS*/
#breadcrumbs a {
color: #777777;
}
#breadcrumbs a:hover {
color: #222222;
}
#breadcrumbs #text {
color: #000;
}
#breadcrumbs span a {
position:relative;
}
#breadcrumbs span a:after {
position: relative;
font-family: FontAwesome;
top: 0px;
content: '\f054';
color: #0093d0;
font-size: 12px;
width: 20px;
padding: 0px 6px 0px 10px;
}
#breadcrumbs span.breadcrumb_last {
color:#222222;
}
p#breadcrumbs {
margin-bottom:0px;
}
/*END YOAST BREADCRUMBS*/
.sidebar-lp a,
.bottom-footer a,
.middle-footer a,
.top-footer a,
a.read-more {
font-weight:bold;
position: relative;
left: 0px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a.read-more:after {
font-family: fontAwesome;
content: '\f105';
display: inline-block;
margin-left: 7px;
font-weight: normal;
color: #0093d0;
text-align: center;
font-size: 20px;
top: 2px;
position: relative;
}
.sidebar-lp a:hover,
a.read-more:hover:after,
a.read-more:hover,
.telefoonnummer-container a:hover,
.top-footer a:hover,
a:hover {
color:#ee7202;
text-decoration:none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
a.left-animation {
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
left:0px;
}
a.left-animation:hover {
left: 3px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a.arrow:after {
display: block;
background: url(img/pijl.svg) no-repeat center;
background-size: 100%;
top: 0px;
left: 0px;
content: '';
position: relative;
right: 0;
transition: left ease 0.5s;
height: 15px;
width: 50px;
}
.text-center a.arrow:after {
background-size: 50px;
width: 100%;
}
/*------------------------------------*\
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;
}
/*------------------------------------*\
START PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START PADDINGS PERCENTAGE
\*------------------------------------*/
.p-5 {
padding:0px 5%;
}
.p-10 {
padding:0px 10%;
}
.p-15 {
padding:0px 15%;
}
.p-20 {
padding:0px 20%;
}
.p-25 {
padding:0px 25%;
}
.p-30 {
padding:0px 30%;
}
.p-35 {
padding:0px 35%;
}
.p-40 {
padding:0px 40%;
}
.p-45 {
padding:0px 45%;
}
.p-50 {
padding:0px 50%;
}
/*------------------------------------*\
END PADDINGS PERCENTAGE
\*------------------------------------*/
.p-5px {
padding: 5px;
}
.p-10px {
padding: 10px;
}
.p-15px {
padding: 15px;
}
.p-20px {
padding: 20px;
}
.p-30px {
padding: 30px;
}
.p-50px {
padding: 50px;
}
.p-n {
padding: 0!important;
}
.p-l-none {
padding-left: 0!important;
}
.p-l-5 {
padding-left: 5px;
}
.p-l-10 {
padding-left: 10px;
}
.p-l-15 {
padding-left: 15px;
}
.p-l-20 {
padding-left: 20px;
}
.p-l-25 {
padding-left: 25px;
}
.p-l-30 {
padding-left: 30px;
}
.p-l-40 {
padding-left: 40px;
}
.p-l-50 {
padding-left: 50px;
}
.p-l-60 {
padding-left: 60px;
}
.p-l-70 {
padding-left: 70px;
}
.p-l-80 {
padding-left: 80px;
}
.p-l-90 {
padding-left: 80px;
}
.p-l-100 {
padding-left: 80px;
}
.p-l-110 {
padding-left: 110px;
}
.p-l-120 {
padding-left: 120px;
}
.p-l-125 {
padding-left: 125px;
}
.p-l-150 {
padding-left: 150px;
}
.p-l-175 {
padding-left: 175px;
}
.p-l-200 {
padding-left: 200px;
}
.p-l-lg {
padding-left: 60px;
}
.p-l-xl {
padding-left: 80px;
}
.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-5 {
padding-top: 5px;
}
.p-t-10 {
padding-top: 10px;
}
.p-t-15 {
padding-top: 15px;
}
.p-t-20 {
padding-top: 20px;
}
.p-t-25 {
padding-top: 25px;
}
.p-t-30 {
padding-top: 30px;
}
.p-t-40 {
padding-top: 40px;
}
.p-t-50 {
padding-top: 50px;
}
.p-t-60 {
padding-top: 60px;
}
.p-t-70 {
padding-top: 70px;
}
.p-t-80 {
padding-top: 80px;
}
.p-t-90 {
padding-top: 80px;
}
.p-t-100 {
padding-top: 80px;
}
.p-t-110 {
padding-top: 110px;
}
.p-t-120 {
padding-top: 120px;
}
.p-t-125 {
padding-top: 125px;
}
.p-t-150 {
padding-top: 150px;
}
.p-t-175 {
padding-top: 175px;
}
.p-t-200 {
padding-top: 200px;
}
.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-5 {
padding-right: 5px;
}
.p-r-10 {
padding-right: 10px;
}
.p-r-15 {
padding-right: 15px;
}
.p-r-20 {
padding-right: 20px;
}
.p-r-25 {
padding-right: 25px;
}
.p-r-30 {
padding-right: 30px;
}
.p-r-40 {
padding-right: 40px;
}
.p-r-50 {
padding-right: 50px;
}
.p-r-60 {
padding-right: 60px;
}
.p-r-70 {
padding-right: 70px;
}
.p-r-80 {
padding-right: 80px;
}
.p-r-90 {
padding-right: 80px;
}
.p-r-100 {
padding-right: 80px;
}
.p-r-110 {
padding-right: 110px;
}
.p-r-120 {
padding-right: 120px;
}
.p-r-125 {
padding-right: 125px;
}
.p-r-150 {
padding-right: 150px;
}
.p-r-175 {
padding-right: 175px;
}
.p-r-200 {
padding-right: 200px;
}
.p-b-none {
padding-bottom: 0!important;
}
.p-b-5 {
padding-bottom: 5px;
}
.p-b-10 {
padding-bottom: 10px;
}
.p-b-15 {
padding-bottom: 15px;
}
.p-b-20 {
padding-bottom: 20px;
}
.p-b-25 {
padding-bottom: 25px;
}
.p-b-30 {
padding-bottom: 30px;
}
.p-b-40 {
padding-bottom: 40px;
}
.p-b-50 {
padding-bottom: 50px;
}
.p-b-60 {
padding-bottom: 60px;
}
.p-b-70 {
padding-bottom: 70px;
}
.p-b-80 {
padding-bottom: 80px;
}
.p-b-90 {
padding-bottom: 80px;
}
.p-b-100 {
padding-bottom: 80px;
}
.p-b-110 {
padding-bottom: 110px;
}
.p-b-120 {
padding-bottom: 120px;
}
.p-b-125 {
padding-bottom: 125px;
}
.p-b-150 {
padding-bottom: 150px;
}
.p-b-175 {
padding-bottom: 175px;
}
.p-b-200 {
padding-bottom: 200px;
}
.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;
}
/*------------------------------------*\
END PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START MARGINS
\*------------------------------------*/
/*------------------------------------*\
START MARGINS PERCENTAGE
\*------------------------------------*/
.m-5 {
margin:0px 5%;
}
.m-10 {
margin:0px 10%;
}
.m-15 {
margin:0px 15%;
}
.m-20 {
margin:0px 20%;
}
.m-25 {
margin:0px 25%;
}
.m-30 {
margin:0px 30%;
}
.m-35 {
margin:0px 35%;
}
.m-40 {
margin:0px 40%;
}
.m-45 {
margin:0px 45%;
}
.m-50 {
margin:0px 50%;
}
/*------------------------------------*\
END MARGINS PERCENTAGE
\*------------------------------------*/
.m-5px {
margin: 5px;
}
.m-10px {
margin: 10px;
}
.m-15px {
margin: 15px;
}
.m-20px {
margin: 20px;
}
.m-30px {
margin: 30px;
}
.m-50px {
margin: 50px;
}
.m-n {
margin: 0!important;
}
.m-l-none {
margin-left: 0!important;
}
.m-l-5 {
margin-left: 5px;
}
.m-l-10 {
margin-left: 10px;
}
.m-l-15 {
margin-left: 15px;
}
.m-l-20 {
margin-left: 20px;
}
.m-l-25 {
margin-left: 25px;
}
.m-l-30 {
margin-left: 30px;
}
.m-l-40 {
margin-left: 40px;
}
.m-l-50 {
margin-left: 50px;
}
.m-l-60 {
margin-left: 60px;
}
.m-l-70 {
margin-left: 70px;
}
.m-l-80 {
margin-left: 80px;
}
.m-l-90 {
margin-left: 80px;
}
.m-l-100 {
margin-left: 80px;
}
.m-l-110 {
margin-left: 110px;
}
.m-l-120 {
margin-left: 120px;
}
.m-l-125 {
margin-left: 125px;
}
.m-l-150 {
margin-left: 150px;
}
.m-l-175 {
margin-left: 175px;
}
.m-l-200 {
margin-left: 200px;
}
.m-l-lg {
margin-left: 60px;
}
.m-l-xl {
margin-left: 80px;
}
.m-l-xxl {
margin-left: 100px;
}
.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-5 {
margin-top: 5px;
}
.m-t-10 {
margin-top: 10px;
}
.m-t-15 {
margin-top: 15px;
}
.m-t-20 {
margin-top: 20px;
}
.m-t-25 {
margin-top: 25px;
}
.m-t-30 {
margin-top: 30px;
}
.m-t-40 {
margin-top: 40px;
}
.m-t-50 {
margin-top: 50px;
}
.m-t-60 {
margin-top: 60px;
}
.m-t-70 {
margin-top: 70px;
}
.m-t-80 {
margin-top: 80px;
}
.m-t-90 {
margin-top: 80px;
}
.m-t-100 {
margin-top: 80px;
}
.m-t-110 {
margin-top: 110px;
}
.m-t-120 {
margin-top: 120px;
}
.m-t-125 {
margin-top: 125px;
}
.m-t-150 {
margin-top: 150px;
}
.m-t-175 {
margin-top: 175px;
}
.m-t-200 {
margin-top: 200px;
}
.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 {
margin-top: -40px;
}
.m-t-n-xxl {
margin-top: -50px;
}
.m-r-none {
margin-right: 0!important;
}
.m-r-5 {
margin-right: 5px;
}
.m-r-10 {
margin-right: 10px;
}
.m-r-15 {
margin-right: 15px;
}
.m-r-20 {
margin-right: 20px;
}
.m-r-25 {
margin-right: 25px;
}
.m-r-30 {
margin-right: 30px;
}
.m-r-40 {
margin-right: 40px;
}
.m-r-50 {
margin-right: 50px;
}
.m-r-60 {
margin-right: 60px;
}
.m-r-70 {
margin-right: 70px;
}
.m-r-80 {
margin-right: 80px;
}
.m-r-90 {
margin-right: 80px;
}
.m-r-100 {
margin-right: 80px;
}
.m-r-110 {
margin-right: 110px;
}
.m-r-120 {
margin-right: 120px;
}
.m-r-125 {
margin-right: 125px;
}
.m-r-150 {
margin-right: 150px;
}
.m-r-175 {
margin-right: 175px;
}
.m-r-200 {
margin-right: 200px;
}
.m-b-none {
margin-bottom: 0!important;
}
.m-b-5 {
margin-bottom: 5px;
}
.m-b-10 {
margin-bottom: 10px;
}
.m-b-15 {
margin-bottom: 15px;
}
.m-b-20 {
margin-bottom: 20px;
}
.m-b-25 {
margin-bottom: 25px;
}
.m-b-30 {
margin-bottom: 30px;
}
.m-b-40 {
margin-bottom: 40px;
}
.m-b-50 {
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: 80px;
}
.m-b-100 {
margin-bottom: 80px;
}
.m-b-110 {
margin-bottom: 110px;
}
.m-b-120 {
margin-bottom: 120px;
}
.m-b-125 {
margin-bottom: 125px;
}
.m-b-150 {
margin-bottom: 150px;
}
.m-b-175 {
margin-bottom: 175px;
}
.m-b-200 {
margin-bottom: 200px;
}
.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-lg {
margin-bottom: -30px;
}
.m-b-lgr {
margin-bottom: 50px;
}
.m-b-n-xl {
margin-bottom: -40px;
}
.m-b-n-xxl {
margin-bottom: -50px;
}
/*------------------------------------*\
END MARGINS
\*------------------------------------*/
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.section
{
position:relative;
width:100%;
}
.animated {
overflow:hidden;
}
.wrap,
.wrap-small {
padding:0 0;
margin:0 auto;
position:relative;
box-sizing: border-box;
}
.wrap-h-100 {
height:100%;
}
/* header */
.header {
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
}
/* footer */
.footer {
}
/*------------------------------------*\
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.22222233%
}
.col9{
width: 75%
}
.col8{
width: 66.66666667%
}
.col7{
width: 58.22222233%
}
.col6{
width: 50%
}
.col5{
width: 41.66666667%
}
.col4 {
width: 33.22222233%
}
.col3{
width: 25%
}
.col2{
width: 16.66666667%
}
.col1
{
width: 8.22222233%
}
/*------------------------------------*\
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;
}
.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
\*------------------------------------*/
.home-slider .owl-item,
.slider {
position: relative;
height: 850px;
}
.full-slider-new .owl-item,
.full-slider-new .slider,
.full-slider-new .slide-image,
.menu-slider .owl-item,
.menu-slider .slider,
.menu-slider .slide-image,
.default-slider .owl-item,
.default-slider .slider {
height: 500px;
}
.menu-slider .slide-image {
height: unset;
padding-top: 100%;
}
.slide-image-lp,
.slide-image {
position: absolute;
z-index: 2;
top: 0;
left: 0;
height: 850px;
width: 100%;
overflow: hidden;
background: #fff;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.slide-image-lp {
height: 765px;
}
.menu-slider .slide-image {
hheight: 500px;
wwidth: 25%;
}
.slider-content {
position: absolute;
float: left;
width: 100%;
z-index: 10;
bottom:200px;
color:#fff;
text-align:center;
font-size:30px;
font-weight:bold;
}
.slider-content p {
margin-bottom:0px;
}
.slider-content h3 {
}
.slider-content h2 {
}
/*------------------------------------*\
END SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
START FORMS CSS
\*------------------------------------*/
input,
select,
textarea {
width: 100%;
margin-bottom: 30px;
}
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 #dedede;
padding: 8px 8px;
background: none;
min-height: 40px;
background-color: #fff;
color: #777777;
font-size: 15px;
margin-top:10px;
}
::-webkit-input-placeholder {
color: #777777;
}
::-moz-placeholder {
color: #777777;
}
:-ms-input-placeholder {
color: #777777;
}
:-moz-placeholder {
color: #777777;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
max-width:300px;
}
/*------------------------------------*\
END FORMS CSS
\*------------------------------------*/
/*------------------------------------*\
CUSTOM CSS
\*------------------------------------*/
.display-flex {
display: flex;
}
.bg-dk h2,
.bg-dk h3,
.tekst-white,
.tekst-white h2 {
color:#fff;
}
.text-center {
text-align: center;
}
.text-center img {
margin:0;
}
span.openingstijden {
display: inline-block;
width: 55px;
}
.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;
}
.bg-photo-64 {
padding-top: 64%;
}
.bg-photo-app {
ppadding-top: 67%;
}
.bg-photo-94 {
padding-top: 94%;
}
.bg-photo-150 {
padding-top: 150%;
}
.bg-photo-152 {
padding-top: 152%;
}
.bg-gr {
background-color: #f1f1f1;
}
.bg-dk {
background-color: #222222;
}
a.button,
.button,
span.button,
a.button-white,
.button-white,
span.button-white,
a.button-outline,
.button-outline,
span.button-outline,
input[type="button"],
input[type="reset"],
input[type="submit"]
{
font-family: 'Rokkitt', serif;
background:#ee7202;
line-height:1.65em;
display:inline-block;
padding: 12px 25px 12px 25px;
color: #fff !important;
text-decoration:none;
cursor: pointer;
margin-bottom:0.4em;
border: 2px solid #ee7202;
-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:18px;
font-weight: 900;
border-radius: 0px;
-webkit-border-radius:0px;
position:relative;
margin-right:10px;
-webkit-appearance: none;
text-transform:uppercase;
}
a.button.button-center,
.text-center a.button,
.text-center .button,
.text-center span.button,
.text-center a.button-white,
.text-center .button-white,
.text-center span.button-white,
.text-center a.button-outline,
.text-center .button-outline,
.text-center span.button-outline,
.text-center input[type="button"],
.text-center input[type="reset"],
.text-center input[type="submit"] {
margin-right:0px;
}
.text-center.button.button-center {
text-align: center;
}
a.button:hover,
.button:hover,
span.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background:#000;
color: #fff !important;
border: 2px solid #000;
}
a.button-white,
.button-white,
span.button-white {
background:#fff;
color: #000 !important;
border: 2px solid #fff;
}
a.button-white:hover,
.button-white:hover,
span.button-white:hover {
background:#000;
color: #fff !important;
border: 2px solid #000;
}
a.button-outline,
.button-outline,
span.button-outline {
background: transparent;
color: #fff !important;
border: 2px solid #fff;
}
a.button-outline:hover,
.button-outline:hover,
span.button-outline:hover {
background:transparent;
color: #0093d0 !important;
border: 2px solid #0093d0;
}
ul.no-list {
list-style: none;
}
ul {
padding-left:0px;
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 55px;
}
li {
position: relative;
margin-left: 0;
padding-left: 15px;
margin-bottom:13px;
}
li:before {
position: absolute;
font-family: FontAwesome;
top: 6px;
left: 0;
content: '\f111';
color: #ee7202;
font-size: 7px;
width: 20px;
}
ul.no-list li {
padding-left:0px;
}
ul.no-list li:before {
content:none;
}
ul.check li {
padding-left: 25px;
}
ul.check li:before {
content: '\f00c';
font-size: 15px;
top: 0px;
}
ul.arrow li:before {
content: '\f054';
font-size: 12px;
top: 4px;
}
li.agenda:before {
content: '\f073';
font-size:16px;
top:2px;
}
li.phone:before {
content: '\f095';
font-size: 18px;
top: 3px;
}
li.mail:before {
content: '\f0e0';
font-size:16px;
top: 2px;
}
.sidebar li {
padding-left:25px;
}
/*------------------------------------*\
START HEADER
\*------------------------------------*/
.header {
height: 140px;
box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
.header-part {
float:left;
width: calc(50% - 150px);
height:140px;
display: flex;
flex-flow: row wrap;
}
/*------------------------------------*\
START LEFT HEADER
\*------------------------------------*/
.ig-header {
text-transform: uppercase;
font-size: 14px;
color: #ee7202;
padding-top: 35px;
display: block;
}
.ig-header a {
color: #ee7202;
}
.ig-header a:hover {
color: #000;
}
a.instagram:after,
a.facebook:after,
a.tripadvisor:after {
font-family: fontAwesome;
content: '\f16d';
display: inline-block;
margin-left: 7px;
font-weight: normal;
color: #ee7202;
text-align: center;
font-size: 18px;
top: 1px;
position: relative;
left: 0px;
transition: top ease 0.5s;
-webkit-transition: top ease 0.5s;
-moz-transition: top ease 0.5s;
}
a.instagram:after {
margin-left:0px;
}
a.facebook:after {
content: '\f082';
}
a.tripadvisor:after {
content: '\f262';
}
.ig-header a.instagram:hover:after,
.ig-header a.facebook:hover:after,
.ig-header a.tripadvisor:hover:after {
top: -2px;
color: #333;
}
/*------------------------------------*\
END LEFT HEADER
\*------------------------------------*/
/*------------------------------------*\
START CENTER HEADER
\*------------------------------------*/
.logo {
float: left;
width: 300px;
height: 140px;
display: flex;
align-items: center;
}
.logo img {
max-width: 300px;
}
/*------------------------------------*\
END CENTER HEADER
\*------------------------------------*/
/*------------------------------------*\
START RIGHT HEADER
\*------------------------------------*/
.right-top-header {
width: 100%;
padding-top: 20px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.nav.taal-menu {
width: unset;
}
.header .nav.taal-menu ul li a {
padding:0px;
}
a.button.button-header {
margin-right:40px;
margin-bottom:0px;
padding: 9px 25px 9px 25px;
}
.wpml-ls-menu-item .wpml-ls-flag {
vertical-align: middle;
}
/*------------------------------------*\
END RIGHT HEADER
\*------------------------------------*/
/*------------------------------------*\
END HEADER
\*------------------------------------*/
/*END TOPHEADER*/
/*------------------------------------*\
START VIDEO AS HEADER/ FULL SCREEN VIDEO
\*------------------------------------*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
margin-bottom:30px;
}
.video-container iframe {
position: absolute;
top:0;
left: 0;
max-width: 100%;
height: 100%;
}
.slider-full
{
position: relative;
height: 100vh;
overflow: hidden;
background-attachment: fixed;
background-size: cover;
margin-bottom: 0px;
}
.video {
}
.video .wrapper {
display: block;
height: 300%;
left: 0px;
overflow: hidden;
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.video iframe {
display: block;
height: 100%;
width: 100%;
bbackground: #222222 url(images/spinner.gif) no-repeat center center ;
}
/* The only rule that matters */
#video-background {
/* making the video fullscreen */
pposition: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background: #fefefe url(images/spinner.gif) no-repeat center center;
background-size: 70px 70px;
}
/*------------------------------------*\
END VIDEO AS HEADER/ FULL SCREEN VIDEO
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE TABEL
\*------------------------------------*/
.responsivetabel {
margin: 3em 0;
width: 100%;
}
.sidebar .responsivetabel {
margin: 1em 0 2em 0;
}
.responsivetabel.prijs-sidebar {
margin:0em 0em 1em 0em;
}
.responsivetabel.prijs-sidebar tr {
border-top: none;
border-bottom: none;
}
.responsivetabel tr:nth-child(even) {
background-color: #f6f6f6;
}
.responsivetabel th {
display: none;
}
.responsivetabel td {
display: block;
}
.responsivetabel td a {
text-decoration: underline;
}
.responsivetabel td:last-child {
padding-bottom: .5em;
}
.responsivetabel td:before {
content: attr(data-th) ": ";
font-weight: bold;
width: 6.5em;
display: inline-block;
}
.responsivetabel a {
color:#4e4e4e;
display: inline-block;
text-align: left;
font-size: 14px;
border-radius: 4px;
padding: 0px;
}
.responsivetabel a:hover {
color:#0c3646;
text-align:left;
background-color: none;;
}
@media (min-width: 768px) {
.responsivetabel td:before {
display: none;
}
.responsivetabel a {
padding: 0px;
}
}
.responsivetabel th, .responsivetabel td {
text-align: left;
}
@media (min-width: 768px) {
.responsivetabel th, .responsivetabel td {
display: table-cell;
padding: 10px 10px 10px 30px;
width: 0%;
}
.sidebar .responsivetabel td {
padding-right:10px;
}
.responsivetabel.prijs-sidebar th,
.responsivetabel.prijs-sidebar td {
width: 16%;
}
.responsivetabel.mhp th, .responsivetabel.mhp td {
width:76%;
}
.responsivetabel th {
color: #000;
font-weight:300;
}
}
.responsivetabel {
border-radius: .4em;
/*overflow: hidden;*/
}
.responsivetabel tr {
border-color: #f1f1f1;
}
.responsivetabel th, .responsivetabel td {
margin: .5em 0em;
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
.responsivetabel th, .responsivetabel td:before {
color: #000;
font-weight:300;
width:100%;
}
.responsivetabel td:before {
padding-bottom:0px;
}
.responsivetabel tr {
border-color: #477f76;
}
.responsivetabel th, .responsivetabel td {
margin: .1em 0em;
padding: 10px;
}
}
/*------------------------------------*\
EINDE RESPONSIVE TABEL
\*------------------------------------*/
/*------------------------------------*\
START ACCORDION FAQ CSS
\*------------------------------------*/
.accordion {
list-style: none;
padding: 0;
margin: 0 0 0px 0;
}
.accordion h3,
.accordion h2 {
font-size: 16px;
padding-bottom: 10px;
font-weight: 400 !important;
border-bottom: 1px solid #f1f1f1;
}
.accordion li {
padding:5px 0px;
margin-bottom: 0px;
overflow: hidden;
}
.accordion li:before {
content: none;
}
.accordion .product-spec .title:after {
content: '\f0da';
line-height: 42px;
font: normal normal normal 15px/1 FontAwesome;
color: #000;
width: 20px;
display: inline-block;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
margin-top: 0px;
font-size: 18px;
top: 5px;
position: absolute;
right:0px;
margin-left: 10px;
}
.accordion .product-spec .title.expanded:after {
transform: rotate(90deg);
transition: transform 50ms ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
top: 9px;
color:#ee7202;
}
.accordion .product-spec .title {
position: relative;
line-height: 27px;
margin: 0;
cursor: pointer;
padding-right:40px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.accordion .product-spec .title:hover {
color: #ee7202;
}
.accordion .product-spec .title.expanded {
margin-bottom: 30px;
}
.accordion .product-spec .contentproduct {
display: none;
margin: 0 0 1.4em 0;
font-weight: 400;
}
.accordion .product-spec .contentproduct a {
color: #ee7202;
}
.accordion ul.check {
margin-bottom:10px;
}
.accordion ul.check li:before {
top: 4px;
}
.accordion .product-spec h2:before {
content:none;
}
/*------------------------------------*\
END ACCORDION FAQ CSS
\*------------------------------------*/
/*------------------------------------*\
START MENU
\*------------------------------------*/
div.menu
{
z-index:999;
}
.nav {
float: right;
width: 100%;
}
.nav > ul{
margin:0;
padding:0
}
.header .nav ul
{
text-align:left;
width:100%;
padding-left:0px;
margin:0px;
}
.header .right-menu .nav ul {
text-align: right;
margin-top: 0px;
}
.header .right-menu .nav ul li a:link,
.header .right-menu .nav ul li a:visited,
.header .right-menu .nav ul li a:active {
padding:0px 20px 23px 20px;
}
.header .right-menu .nav ul ul li a:link,
.header .right-menu .nav ul ul li a:visited,
.header .right-menu .nav ul ul li a:active {
padding: 15px 10px 15px 12px;
}
.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;
padding: 0px;
}
.nav ul li a:link,
.nav ul li a:visited,
.nav ul li a:active {
font-family: 'Rokkitt', serif;
text-transform:uppercase;
cursor:pointer;
color: #000;
line-height: 2.5em;
padding: 20px;
font-size: 18px;
display: block;
font-weight:600;
transition: all .5s ease-in-out;
}
.nav ul ul li.menu-item-has-children > a:after,
.nav ul li.menu-item-has-children > a:after {
content: '\f0d7';
color: #000;
font-family: FontAwesome;
font-weight: 600;
font-style: normal;
font-size: 15px;
margin: 0 0 0 5px;
float: right;
}
.nav ul li.menu-item-has-children ul li > a {
font-size: 16px;
}
.nav ul li ul li.menu-item-has-children ul li > a {
font-size: 14px;
}
.nav ul ul li.menu-item-has-children > a:after {
content: '\f105';
}
/*
.header .nav ul li:first-child,
.header .nav ul li a:first-child {
padding-left: 0px;
}
.header .nav ul li:last-child,
.header .nav ul li a:last-child,
.header .nav ul ul li:first-child,
.header .nav ul ul li a:first-child {
padding-left: unset;
padding-right: unset;
}
.header .nav ul ul li a:first-child {
padding: 15px 10px 15px 19px;
}
.header .nav ul li:last-child,
.header .nav ul li a:last-child {
padding-right: 0px;
}
*/
.header .nav ul li:first-child a {
padding-left: 0px;
}
.header .right-menu .nav ul li:last-child a {
padding-right: 0px;
}
.header .nav ul ul li:first-child a {
padding-left: 15px;
}
.nav ul li.current_page_item a:link,
.nav ul li.current_page_item a:visited,
.nav ul li.current_page_item a:active {
font-weight:600;
}
.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 a:hover
{
color: #ee7202;
}
.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,
.nav ul ul ul
{
display:none;
}
.nav ul li:hover ul,
.nav ul ul li:hover ul
{
display:block;
}
.nav ul li ul li ul,
.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.wpml-ls-item ul {
top: 40px;
width: 50px;
padding: 10px 0px 0px 0px;
}
.header .nav ul ul li.wpml-ls-item:first-child a,
.header .nav ul ul li.wpml-ls-item:last-child a,
.header .nav ul ul li.wpml-ls-item a {
padding: 0px 14px;
height:30px;
}
.header .right-menu .nav ul li ul li ul,
.header .right-menu .nav ul li ul {
top: 68px;
}
.nav ul li ul li ul {
top: 0px;
left: 290px;
}
.nav ul li:hover ul,
.nav ul li:hover ul li
{
width:290px;
z-index:1000;
}
.nav ul li:hover ul ul{
display:none;
}
.nav ul li:hover ul li:hover ul{
display:block;
}
.nav ul ul li:hover,
.nav ul ul li:hover ul li {
width:290px;
z-index:1000;
}
.nav ul li.wpml-ls-item:hover ul,
.nav ul li:hover ul li.wpml-ls-item {
width:50px;
}
.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 15px 12px;
color: #fff;
height: 50px;
font-size: 15px;
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
{
padding-left: 15px;
}
.nav ul ul li a:hover
{
background-color: #ee7202;
color: #fff;
}
.header .nav ul ul li.wpml-ls-item a:hover {
background-color: unset;
}
.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;
}
/*------------------------------------*\
END MENU
\*------------------------------------*/
/*------------------------------------*\
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;
}
/*------------------------------------*\
END SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
/*------------------------------------*\
START STICKY UP CSS
\*------------------------------------*/
.cd-top {
background: none;
color: #fff;
height:40px;
width:40px;
line-height:40px;
bottom:30px;
right:30px;
text-align:center;
position:fixed;
display:none;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.cd-top:after {
display:block;
content: '';
position: relative;
background: url(img/logo-up.png) no-repeat center;
height: 50px;
width: 50px;
margin-top: 10px;
background-size: 100%;
}
.cd-is-visible {
cursor:pointer;
display:block;
opacity:1;
text-align:center;
-webkit-transition:opacity .3s 0s, visibility 0s 0s;
-moz-transition:opacity .3s 0s, visibility 0s 0s;
transition:opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible:hover {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
/*------------------------------------*\
END STICKY UP CSS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
.lijn-kleur img {
height: 22px;
}
.footer {
background-color: #111;
color:#999;
}
.top-footer {
position: relative;
padding: 25px 0px;
background-position: center 50%;
background-size: cover;
overflow: hidden;
color: #999;
}
.middle-footer {
font-size: 14px;
color: #999;
}
.logo-container {
text-align: center;
margin-bottom: 30px;
width: 570px;
margin: 0 auto 30px auto;
position: relative;
}
.logo-container img {
width:100px;
}
.social-media-container-footer {
position: absolute;
right: 0px;
top: 50%;
}
.social-media-container-footer .ig-header {
padding-top: 0px;
}
.slogan-container {
text-align:center;
}
.slogan-container h2 {
font-size: 20px;
}
.footer h2,
.bottom-footer {
color: #fff;
}
.middle-footer h3,
.top-footer h3 {
text-transform: unset;
color: #fff;
font-size:16px;
font-weight:700;
}
.middle-footer a,
.bottom-footer a,
.top-footer a {
font-weight:400;
color: #999;
padding-right: 5px;
}
.bottom-footer a {
font-weight:700;
color:#fff;
}
.top-footer a.instagram:hover:after,
.top-footer a.facebook:hover:after,
.top-footer a.tripadvisor:hover:after {
color:#fff;
}
.middle-footer a:hover,
.bottom-footer a:hover {
color: #fff;
left:3px;
}
.bottom-footer a:hover {
color:#999;
}
.top-footer ul.arrow li:before {
color: #fff;
}
.bottom-footer {
position: relative;
padding: 13px 0px 20px 0px;
display: block;
}
.bottom-footer p {
margin-bottom:0px;
}
ul#menu-footermenu,
ul.social-media-list-footer {
margin-bottom:0px;
}
.social-media-list-footer li {
float:left;
width:30px;
margin-right:10px;
}
.social-media-list-footer li.facebook {
margin-right: 6px;
}
.social-media-list-footer li .fab {
font-size:24px;
}
.social-media-list-footer a {
position: relative;
top: 0px;
-webkit-transition: top .5s ease-in-out;
-moz-transition: top .5s ease-in-out;
transition: top .5s ease-in-out;
}
.social-media-list-footer a:hover {
top: -3px;
left:0px;
}
ul#menu-footermenu {
float:left;
}
ul#menu-footermenu li {
padding-left:7px;
float:left;
}
.middle-footer ul li:before,
ul#menu-footermenu li:before {
content:none;
}
.middle-footer .widget-footer ul li {
padding-left: 25px;
}
.middle-footer .widget-footer ul li.phone:before {
content: '\f095';
}
.middle-footer .widget-footer ul li.mail:before {
content: '\f0e0';
}
.middle-footer ul li:before,
.middle-footer ul li {
padding-left:0px;
}
.widget-footer {
float: left;
width: 25%;
}
.widget-footer:nth-child(1) {
width: 20%;
}
.widget-footer:nth-child(2) {
width: 30%;
}
.bottom-footer {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
/*------------------------------------*\
START PORTAL CSS
\*------------------------------------*/
.wrap-100-vh,
.bg-portal {
height: 100vh;
}
.bg-portal {
cursor:pointer;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.bg-portal-left:hover {
background-image: url('img/niederau-kleur.jpg') !important;
}
.bg-portal-right:hover {
background-image: url('img/westendorf-kleur.jpg') !important;
}
.slide-line {
width: 3px;
height: 100vh;
position: absolute;
top: 0px;
background-position: center center;
background-size: 100%;
left: calc(50% - 3px);
}
a.button-portal {
position: absolute;
bottom: 110px;
left: calc(50% - 140px);
min-width: 280px;
text-align: center;
margin-bottom: 0px;
}
.portal-flex {
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
height: 100vh;
}
.section-row-portal img {
width: 360px;
margin-bottom: 20px;
}
.section-row-portal h2 {
font-weight: 500;
font-size: 28px;
color: #ee7202;
text-transform: uppercase;
}
.portal-contact-container {
display:flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
position: absolute;
bottom: 110px;
width: 100%;
}
.portal-contact-container a {
text-transform: uppercase;
color: #fff;
}
.portal-contact-container a:hover {
color: #000;
}
/*------------------------------------*\
END PORTAL CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
.container-icons-home {
float: left;
width: 25%;
text-align: center;
padding:0px 25px;
cursor: pointer;
}
.container-icons-home img {
margin-bottom: 20px;
height: 50px;
}
.bg-photo-800 {
height: 800px;
}
.bg-photo-600 {
height: 600px;
}
.bg-photo-300 {
height: 300px;
}
.row-tekst-block-row-3-home {
width: 412px;
position: absolute;
right:0px;
bottom: -50px;
background-color: #000;
color:#999;
padding:60px 40px;
cursor: pointer;
}
.home .row-tekst-block-row-3-home {
max-height: 420px;
}
.page-template-template-sidebar .row-tekst-block-row-3-home {
right: unset;
left:0px;
background-color: #fff;
padding:60px 40px 0px 40px;
}
.row-tekst-block-row-3-home h2 {
text-align: center;
}
.bg-row-3 {
padding:200px 0px;
}
.row-tekst-block-row-4-home {
width: 412px;
position: absolute;
left:0px;
top: -50px;
background-color: #fff;
color:#999;
padding:60px 40px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
/* START TRIPADVISOR WIDGET CUSTOM CSS */
.wptripadvisor_t1_A_8 > img,
.wprs_unslider-arrow,
.wptripadvisor_t1_DIV_2:before,
#wprev-slider-1 .wprev_preview_bg1_T1::after {
display:none;
}
.wptripadvisor_t1_DIV_2 {
border:none;
box-shadow: none;
padding:0px;
}
.wptripadvisor_t1_P_3 {
font-family: 'Montserrat', sans-serif;
text-align: center;
font-style: normal;
border:none;
color:#000;
font-size: 28px;
line-height: 1.1em;
position: relative;
padding-bottom: 80px;
}
img.wptripadvisor_t1_tripadvisor_logo {
right: 40px;
bottom: 24px;
}
.wptripadvisor_star_imgs_T1 {
position: absolute;
bottom: 0px;
right: 0px;
}
.wptripadvisor_t1_SPAN_5.wprev_preview_tcolor2_T1 {
position: absolute;
bottom: 44px;
color:#555;
font-size: 18px;
text-transform: uppercase;
}
/* END TRIPADVISOR WIDGET CUSTOM CSS */
.row-tekst-block-row-4-home li:before {
content: none;
}
.post-intro-fp {
margin-bottom: 30px;
}
.post-container-fp {
float: left;
width: 31%;
margin-right: 3.5%;
margin-bottom: 38px;
background: #fff;
position: relative;
cursor: pointer;
}
.post-container-fp-lees-meer-container {
position: absolute;
bottom: 30px;
width: 100%;
left: 0;
}
.post-container-fp a.read-more,
.post-container-fp a.read-more:after {
font-weight: semi-bold;
color:#0093d0;
left:30px;
}
.post-container-fp a.read-more:after {
left:3px;
}
.post-container-fp a.read-more:hover,
.post-container-fp a.read-more:hover:after {
color:#222;
left:33px;
}
.post-container-fp a.read-more:hover:after {
left:6px;
}
.post-container-fp:nth-child(3) {
margin-right: 0%;
}
.post-container-inner-fp {
padding: 40px 10px 50px 0px;
}
.post-date-fp {
color: #0093d0;
margin-bottom: 3px;
}
.gradient-half {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 50%;
background-color: rgba(0,0,0,0.8);
}
.gradient-half-left {
right: unset;
left:0px;
}
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
START MENU TEMPLATE CSS
\*------------------------------------*/
.row-tekst-block-left {
padding-right: 50px;
}
.row-menu-container {
display: flex;
flex-flow: row wrap;
}
.menu-single-inner {
float:left;
width: calc(50% - 65px);
margin-right: 130px;
margin-bottom: 60px;
}
.menu-single-inner:nth-child(2n+2) {
margin-right:0px;
}
.menu-single-inner h3 {
margin-bottom: 40px;
}
.gerecht-outer {
display: flex;
flex-flow: row wrap;
margin-bottom: 25px;
}
.gerecht-info {
float:left;
width:80%;
display: flex;
flex-flow: column wrap;
}
.gerecht-omschrijving {
margin-bottom: 9px;
}
.gerecht-prijs-outer {
float:left;
width:20%;
text-align: right;
}
.gerecht-naam {
font-size: 18px;
color: #555;
font-weight: bold;
margin-bottom: 7px;
}
.gerecht-prijs {
font-family: 'Rokkitt', serif;
font-weight: 800;
font-size: 22px;
color:#ee7202;
}
.content-onder-menu-container {
font-size: 16px;
}
/*------------------------------------*\
END MENU TEMPLATE CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
.template-sidebar-content {
padding-right: 100px;
}
.section-row-2-sidebar-template:after {
background-color: #f6f6f6;
content: '';
position: absolute;
bottom: -1px;
display: block;
width: 100%;
left: 0;
height: 430px;
z-index: -1;
}
.section-row-2-sidebar-template.no-content:after {
content: none;
}
.page-template-template-sidebar h1,
.page-template-template-sidebar h2,
.page-template-template-sidebar h2.small-heading {
text-align:center;
}
.page-template-template-sidebar .accordion h3,
.page-template-template-sidebar .accordion h2 {
text-align: left;
}
.sidebar-lp {
background-color: #f1f1f1;
padding: 40px;
margin-top:10px;
}
.sidebar-lp h2,
.sidebar-lp h3 {
font-weight: 700;
font-size: 16px;
color: #555555;
}
.sidebar-lp,
.sidebar-lp a {
font-size:16px;
color: #555;
}
.sidebar-lp a {
font-weight: 400;
}
.sidebar-lp a:hover {
color: #222;
left:3px;
}
.sidebar-boven-footer-inner li:before {
content: none;
}
.sidebar-boven-footer-inner .wptripadvisor_t1_P_3 {
font-size: 15px;
line-height: 1.5em;
text-align: left;
background: #f1f1f1;
padding-bottom:20px;
}
.sidebar-boven-footer-inner .wptripadvisor_t1_DIV_2:after {
display: none;
}
.sidebar-boven-footer-inner .wptripadvisor_star_imgs_T1_widget {
display: block;
margin-bottom: 10px;
}
.sidebar-boven-footer-inner .wprs_unslider-nav {
margin-bottom:30px;
}
/*------------------------------------*\
END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
/*------------------------------------*\
START ERVARINGEN CSS
\*------------------------------------*/
.ervaring-foto-naam {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.outer-ervaring {
margin-bottom:50px;
}
.ervaring-foto {
float:left;
width:calc(40% - 50px);
margin-right: 50px;
}
.foto-ervaring {
padding-top:100%;
}
.ervaring-naam {
float:left;
width:60%;
}
.ervaring-naam h2 {
text-align:left;
font-size:20px;
}
.ervaring-naam h3 {
text-align:left;
font-size:18px;
}
.ervaring-naam h4 {
font-family: 'Rokkitt', serif;
font-size: 16px;
font-weight: 800;
color: #256474;
text-transform: uppercase;
}
.outer-ervaring .accordion {
margin: 25px 0 0px 0;
}
/*------------------------------------*\
END ERVARINGEN CSS
\*------------------------------------*/
/*------------------------------------*\
START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
.template-sidebar-news article {
padding: 25px 0px;
border-bottom: 1px solid #f1f1f1;
}
.template-sidebar-news article h2 {
font-size: 1.4em;
margin: 0 0 10px 0;
}
.news-overzicht-container {
display: flex;
flex-flow: row wrap;
margin-bottom: 40px;
}
.foto-news {
float:left;
width: 150px;
margin-right:40px;
}
.foto-news img {
height: 100px;
width:100%;
object-fit: cover;
}
.content-news {
float:left;
width: calc(100% - 190px);
margin-bottom:0px;
font-size: 16px;
}
.template-sidebar-news article a.read-more {
font-weight: 400;
color:#777;
font-size: 15px;
}
.template-sidebar-news article a.read-more:after {
color: #777;
font-size: 19px;
top: 2px;
}
.template-sidebar-news article a.read-more:hover {
left:3px;
color: #0093d0;
}
.template-sidebar-news article a.read-more:hover:after {
color: #0093d0;
}
.category h2 {
font-family: 'Rokkitt', serif;
font-size: 16px;
font-weight: 800;
color: #256474;
}
/*------------------------------------*\
START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
/*------------------------------------*\
START SINGLE NEWS TEMPLATE CSS
\*------------------------------------*/
.single-post .sidebar-lp {
margin-top: 0px;
}
.single-news-template .has-post-thumbnail img {
max-height: unset;
object-fit: cover;
width: 100%;
margin-bottom: 25px;
}
.single-news-template .has-post-thumbnail img.attachment-post-thumbnail{
max-height: 250px;
object-fit: cover;
width: 100%;
margin-bottom: 25px;
}
.date ul {
margin-bottom: 0px;
}
.date ul li {
padding-left:20px;
}
.single-news-template .alignnone {
margin: 0px;
}
/*------------------------------------*\
END SINGLE NEWS TEMPLATE CSS
\*------------------------------------*/
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:1300px) {
.wrap{
max-width: 1300px;
min-height: 20px;
box-sizing: border-box;
}
.wrap-small {
max-width: 50%;
}
.wrap-big {
max-width: calc(100% - 100px);
margin:0 auto;
}
.wrap.wrap-full {
max-width: 100%;
}
}
@media only screen and (max-width:1600px) {
.home-slider .owl-item,
.slider,
.slide-image {
position: relative;
height: 550px;
}
}
@media only screen and (max-width:1450px) {
}
@media only screen and (max-width:1350px) {
.wrap{
max-width: 96%;
}
.wrap.wrap-full {
max-width: 100%;
}
.wrap-big {
max-width: 96%;
}
.logo {
width: 200px;
}
.logo img {
max-width: 190px;
}
.header-part {
width: calc(50% - 100px);
}
a.button.button-header {
margin-right: 30px;
padding: 6px 20px 6px 20px;
font-size: 14px;
}
.header .right-menu .nav ul li:last-child a:link,
.header .right-menu .nav ul li:last-child a:visited,
.header .right-menu .nav ul li:last-child a:active {
padding:0px 0px 23px 20px;
}
}
@media only screen and (max-width:1300px) {
.hide-1300 {
display:none;
}
/*------------------------------------*\
START SLIDER CSS
\*------------------------------------*/
.home-slider .owl-item,
.slider,
.slide-image {
position: relative;
height: 450px;
}
.full-slider-new .owl-item,
.full-slider-new .slider,
.full-slider-new .slide-image,
.menu-slider .owl-item,
.menu-slider .slider,
.default-slider .owl-item,
.default-slider .slider {
height: 300px;
}
/*------------------------------------*\
END SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
START VIDEO AS HEADER/ FULL SCREEN VIDEO
\*------------------------------------*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
margin-bottom:30px;
}
.video-container iframe {
position: absolute;
top:0;
left: 0;
max-width: 100%;
height: 100%;
}
.slider-full
{
height: auto;
margin-bottom: 0px;
}
.video {
/*
display: block;
left: 0px;
overflow: hidden;
padding-bottom: 56.25%; 56.25% = 16:9. set ratio
position: absolute;
top: 50%;
width: 100%;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
*/
}
.video .wrapper {
display: block;
height: 300%;
left: 0px;
overflow: hidden;
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.video iframe {
display: block;
height: 100%;
width: 100%;
bbackground: #222222 url(images/spinner.gif) no-repeat center center ;
}
/* The only rule that matters */
#video-background {
min-width: 100%;
min-height: unset;
width: 100%;
height: auto;
}
/*------------------------------------*\
END VIDEO AS HEADER/ FULL SCREEN VIDEO
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
START SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/
/*------------------------------------*\
END SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
}
@media only screen and (max-width:1200px) {
/*------------------------------------*\
START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
.hide-1200 {
display:none;
}
.show-1200 {
display:block;
}
/*------------------------------------*\
END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE COLS CSS
\*------------------------------------*/
.col12-1200{
width: 100%
}
.col11-1200{
width: 91.66666667%
}
.col10-1200{
width: 83.22222233%
}
.col9-1200{
width: 75%
}
.col8-1200{
width: 66.66666667%
}
.col7-1200{
width: 58.22222233%
}
.col6-1200{
width: 50%
}
.col5-1200{
width: 41.66666667%
}
.col4-1200 {
width: 33.22222233%
}
.col3-1200{
width: 25%
}
.col2-1200{
width: 16.66666667%
}
.col1-1200
{
width: 8.22222233%
}
/*------------------------------------*\
END RESPONSIVE COLS CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS PERCENTAGE
\*------------------------------------*/
.p-0-1200 {
padding:0px 0%;
}
.p-5-1200 {
padding:0px 5%;
}
.p-10-1200 {
padding:0px 10%;
}
.p-15-1200 {
padding:0px 15%;
}
.p-20-1200 {
padding:0px 20%;
}
.p-25-1200 {
padding:0px 25%;
}
.p-30-1200 {
padding:0px 30%;
}
.p-35-1200 {
padding:0px 35%;
}
.p-40-1200 {
padding:0px 40%;
}
.p-45-1200 {
padding:0px 45%;
}
.p-50-1200 {
padding:0px 50%;
}
/*------------------------------------*\
END PADDINGS PERCENTAGE
\*------------------------------------*/
.p-5px-1200 {
padding: 5px;
}
.p-10px-1200 {
padding: 10px;
}
.p-15px-1200 {
padding: 15px;
}
.p-20px-1200 {
padding: 20px;
}
.p-30px-1200 {
padding: 30px;
}
.p-50px-1200 {
padding: 50px;
}
.p-n-1200 {
padding: 0!important;
}
.p-l-none-1200 {
padding-left: 0!important;
}
.p-l-5-1200 {
padding-left: 5px;
}
.p-l-10-1200 {
padding-left: 10px;
}
.p-l-15-1200 {
padding-left: 15px;
}
.p-l-20-1200 {
padding-left: 20px;
}
.p-l-25-1200 {
padding-left: 25px;
}
.p-l-30-1200 {
padding-left: 30px;
}
.p-l-40-1200 {
padding-left: 40px;
}
.p-l-50-1200 {
padding-left: 50px;
}
.p-l-60-1200 {
padding-left: 60px;
}
.p-l-70-1200 {
padding-left: 70px;
}
.p-l-80-1200 {
padding-left: 80px;
}
.p-l-90-1200 {
padding-left: 80px;
}
.p-l-100-1200 {
padding-left: 80px;
}
.p-l-110-1200 {
padding-left: 110px;
}
.p-l-120-1200 {
padding-left: 120px;
}
.p-l-125-1200 {
padding-left: 125px;
}
.p-l-150-1200 {
padding-left: 150px;
}
.p-l-175-1200 {
padding-left: 175px;
}
.p-l-200-1200 {
padding-left: 200px;
}
.p-l-lg-1200 {
padding-left: 60px;
}
.p-l-xl-1200 {
padding-left: 80px;
}
.p-l-xxl-1200 {
padding-left: 100px;
}
.p-l-n-xxs-1200 {
padding-left: -1px;
}
.p-l-n-xs-1200 {
padding-left: -5px;
}
.p-l-n-sm-1200 {
padding-left: -10px;
}
.p-l-n-1200 {
padding-left: -15px;
}
.p-l-n-md-1200 {
padding-left: -20px;
}
.p-l-n-lg-1200 {
padding-left: -30px;
}
.p-l-n-xl-1200 {
padding-left: -40px;
}
.p-l-n-xxl-1200 {
padding-left: -50px;
}
.p-t-none-1200 {
padding-top: 0!important;
}
.p-t-5-1200 {
padding-top: 5px;
}
.p-t-10-1200 {
padding-top: 10px;
}
.p-t-15-1200 {
padding-top: 15px;
}
.p-t-20-1200 {
padding-top: 20px;
}
.p-t-25-1200 {
padding-top: 25px;
}
.p-t-30-1200 {
padding-top: 30px;
}
.p-t-40-1200 {
padding-top: 40px;
}
.p-t-50-1200 {
padding-top: 50px;
}
.p-t-60-1200 {
padding-top: 60px;
}
.p-t-70-1200 {
padding-top: 70px;
}
.p-t-80-1200 {
padding-top: 80px;
}
.p-t-90-1200 {
padding-top: 80px;
}
.p-t-100-1200 {
padding-top: 80px;
}
.p-t-110-1200 {
padding-top: 110px;
}
.p-t-120-1200 {
padding-top: 120px;
}
.p-t-125-1200 {
padding-top: 125px;
}
.p-t-150-1200 {
padding-top: 150px;
}
.p-t-175-1200 {
padding-top: 175px;
}
.p-t-200-1200 {
padding-top: 200px;
}
.p-t-n-xxs-1200 {
padding-top: -1px;
}
.p-t-n-xs-1200 {
padding-top: -5px;
}
.p-t-n-sm-1200 {
padding-top: -10px;
}
.p-t-n-1200 {
padding-top: -15px;
}
.p-t-n-md-1200 {
padding-top: -20px;
}
.p-t-n-lg-1200 {
padding-top: -30px;
}
.p-t-n-xl-1200 {
padding-top: -40px;
}
.p-t-n-xxl-1200 {
padding-top: -50px;
}
.p-r-none-1200 {
padding-right: 0!important;
}
.p-r-5-1200 {
padding-right: 5px;
}
.p-r-10-1200 {
padding-right: 10px;
}
.p-r-15-1200 {
padding-right: 15px;
}
.p-r-20-1200 {
padding-right: 20px;
}
.p-r-25-1200 {
padding-right: 25px;
}
.p-r-30-1200 {
padding-right: 30px;
}
.p-r-40-1200 {
padding-right: 40px;
}
.p-r-50-1200 {
padding-right: 50px;
}
.p-r-60-1200 {
padding-right: 60px;
}
.p-r-70-1200 {
padding-right: 70px;
}
.p-r-80-1200 {
padding-right: 80px;
}
.p-r-90-1200 {
padding-right: 80px;
}
.p-r-100-1200 {
padding-right: 80px;
}
.p-r-110-1200 {
padding-right: 110px;
}
.p-r-120-1200 {
padding-right: 120px;
}
.p-r-125-1200 {
padding-right: 125px;
}
.p-r-150-1200 {
padding-right: 150px;
}
.p-r-175-1200 {
padding-right: 175px;
}
.p-r-200-1200 {
padding-right: 200px;
}
.p-b-none-1200 {
padding-bottom: 0!important;
}
.p-b-5-1200 {
padding-bottom: 5px;
}
.p-b-10-1200 {
padding-bottom: 10px;
}
.p-b-15-1200 {
padding-bottom: 15px;
}
.p-b-20-1200 {
padding-bottom: 20px;
}
.p-b-25-1200 {
padding-bottom: 25px;
}
.p-b-30-1200 {
padding-bottom: 30px;
}
.p-b-40-1200 {
padding-bottom: 40px;
}
.p-b-50-1200 {
padding-bottom: 50px;
}
.p-b-60-1200 {
padding-bottom: 60px;
}
.p-b-70-1200 {
padding-bottom: 70px;
}
.p-b-80-1200 {
padding-bottom: 80px;
}
.p-b-90-1200 {
padding-bottom: 80px;
}
.p-b-100-1200 {
padding-bottom: 80px;
}
.p-b-110-1200 {
padding-bottom: 110px;
}
.p-b-120-1200 {
padding-bottom: 120px;
}
.p-b-125-1200 {
padding-bottom: 125px;
}
.p-b-150-1200 {
padding-bottom: 150px;
}
.p-b-175-1200 {
padding-bottom: 175px;
}
.p-b-200-1200 {
padding-bottom: 200px;
}
.p-b-n-xxs-1200 {
padding-bottom: -1px;
}
.p-b-n-xs-1200 {
padding-bottom: -5px;
}
.p-b-n-sm-1200 {
padding-bottom: -10px;
}
.p-b-n-1200 {
padding-bottom: -15px;
}
.p-b-n-md-1200 {
padding-bottom: -20px;
}
.p-b-n-lg-1200 {
padding-bottom: -30px;
}
.p-b-lgr-1200 {
padding-bottom: 50px;
}
.p-b-n-xl-1200 {
padding-bottom: -40px;
}
.p-b-n-xxl-1200 {
padding-bottom: -50px;
}
/*------------------------------------*\
END PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS PERCENTAGE
\*------------------------------------*/
.m-5-1200 {
margin:0px 5%;
}
.m-10-1200 {
margin:0px 10%;
}
.m-15-1200 {
margin:0px 15%;
}
.m-20-1200 {
margin:0px 20%;
}
.m-25-1200 {
margin:0px 25%;
}
.m-30-1200 {
margin:0px 30%;
}
.m-35-1200 {
margin:0px 35%;
}
.m-40-1200 {
margin:0px 40%;
}
.m-45-1200 {
margin:0px 45%;
}
.m-50-1200 {
margin:0px 50%;
}
/*------------------------------------*\
END MARGINS PERCENTAGE
\*------------------------------------*/
.m-5px-1200 {
margin: 5px;
}
.m-10px-1200 {
margin: 10px;
}
.m-15px-1200 {
margin: 15px;
}
.m-20px-1200 {
margin: 20px;
}
.m-30px-1200 {
margin: 30px;
}
.m-50px-1200 {
margin: 50px;
}
.m-n-1200 {
margin: 0!important;
}
.m-l-none-1200 {
margin-left: 0!important;
}
.m-l-5-1200 {
margin-left: 5px;
}
.m-l-10-1200 {
margin-left: 10px;
}
.m-l-15-1200 {
margin-left: 15px;
}
.m-l-20-1200 {
margin-left: 20px;
}
.m-l-25-1200 {
margin-left: 25px;
}
.m-l-30-1200 {
margin-left: 30px;
}
.m-l-40-1200 {
margin-left: 40px;
}
.m-l-50-1200 {
margin-left: 50px;
}
.m-l-60-1200 {
margin-left: 60px;
}
.m-l-70-1200 {
margin-left: 70px;
}
.m-l-80-1200 {
margin-left: 80px;
}
.m-l-90-1200 {
margin-left: 80px;
}
.m-l-100-1200 {
margin-left: 80px;
}
.m-l-110-1200 {
margin-left: 110px;
}
.m-l-120-1200 {
margin-left: 120px;
}
.m-l-125-1200 {
margin-left: 125px;
}
.m-l-150-1200 {
margin-left: 150px;
}
.m-l-175-1200 {
margin-left: 175px;
}
.m-l-200-1200 {
margin-left: 200px;
}
.m-l-lg-1200 {
margin-left: 60px;
}
.m-l-xl-1200 {
margin-left: 80px;
}
.m-l-xxl-1200 {
margin-left: 100px;
}
.m-l-n-xxs-1200 {
margin-left: -1px;
}
.m-l-n-xs-1200 {
margin-left: -5px;
}
.m-l-n-sm-1200 {
margin-left: -10px;
}
.m-l-n-1200 {
margin-left: -15px;
}
.m-l-n-md-1200 {
margin-left: -20px;
}
.m-l-n-lg-1200 {
margin-left: -30px;
}
.m-l-n-xl-1200 {
margin-left: -40px;
}
.m-l-n-xxl-1200 {
margin-left: -50px;
}
.m-t-none-1200 {
margin-top: 0!important;
}
.m-t-5-1200 {
margin-top: 5px;
}
.m-t-10-1200 {
margin-top: 10px;
}
.m-t-15-1200 {
margin-top: 15px;
}
.m-t-20-1200 {
margin-top: 20px;
}
.m-t-25-1200 {
margin-top: 25px;
}
.m-t-30-1200 {
margin-top: 30px;
}
.m-t-40-1200 {
margin-top: 40px;
}
.m-t-50-1200 {
margin-top: 50px;
}
.m-t-60-1200 {
margin-top: 60px;
}
.m-t-70-1200 {
margin-top: 70px;
}
.m-t-80-1200 {
margin-top: 80px;
}
.m-t-90-1200 {
margin-top: 80px;
}
.m-t-100-1200 {
margin-top: 80px;
}
.m-t-110-1200 {
margin-top: 110px;
}
.m-t-120-1200 {
margin-top: 120px;
}
.m-t-125-1200 {
margin-top: 125px;
}
.m-t-150-1200 {
margin-top: 150px;
}
.m-t-175-1200 {
margin-top: 175px;
}
.m-t-200-1200 {
margin-top: 200px;
}
.m-t-n-xxs-1200 {
margin-top: -1px;
}
.m-t-n-xs-1200 {
margin-top: -5px;
}
.m-t-n-sm-1200 {
margin-top: -10px;
}
.m-t-n-1200 {
margin-top: -15px;
}
.m-t-n-md-1200 {
margin-top: -20px;
}
.m-t-n-lg-1200 {
margin-top: -30px;
}
.m-t-n-xl-1200 {
margin-top: -40px;
}
.m-t-n-xxl-1200 {
margin-top: -50px;
}
.m-r-none-1200 {
margin-right: 0!important;
}
.m-r-5-1200 {
margin-right: 5px;
}
.m-r-10-1200 {
margin-right: 10px;
}
.m-r-15-1200 {
margin-right: 15px;
}
.m-r-20-1200 {
margin-right: 20px;
}
.m-r-25-1200 {
margin-right: 25px;
}
.m-r-30-1200 {
margin-right: 30px;
}
.m-r-40-1200 {
margin-right: 40px;
}
.m-r-50-1200 {
margin-right: 50px;
}
.m-r-60-1200 {
margin-right: 60px;
}
.m-r-70-1200 {
margin-right: 70px;
}
.m-r-80-1200 {
margin-right: 80px;
}
.m-r-90-1200 {
margin-right: 80px;
}
.m-r-100-1200 {
margin-right: 80px;
}
.m-r-110-1200 {
margin-right: 110px;
}
.m-r-120-1200 {
margin-right: 120px;
}
.m-r-125-1200 {
margin-right: 125px;
}
.m-r-150-1200 {
margin-right: 150px;
}
.m-r-175-1200 {
margin-right: 175px;
}
.m-r-200-1200 {
margin-right: 200px;
}
.m-b-none-1200 {
margin-bottom: 0!important;
}
.m-b-5-1200 {
margin-bottom: 5px;
}
.m-b-10-1200 {
margin-bottom: 10px;
}
.m-b-15-1200 {
margin-bottom: 15px;
}
.m-b-20-1200 {
margin-bottom: 20px;
}
.m-b-25-1200 {
margin-bottom: 25px;
}
.m-b-30-1200 {
margin-bottom: 30px;
}
.m-b-40-1200 {
margin-bottom: 40px;
}
.m-b-50-1200 {
margin-bottom: 50px;
}
.m-b-60-1200 {
margin-bottom: 60px;
}
.m-b-70-1200 {
margin-bottom: 70px;
}
.m-b-80-1200 {
margin-bottom: 80px;
}
.m-b-90-1200 {
margin-bottom: 80px;
}
.m-b-100-1200 {
margin-bottom: 80px;
}
.m-b-110-1200 {
margin-bottom: 110px;
}
.m-b-120-1200 {
margin-bottom: 120px;
}
.m-b-125-1200 {
margin-bottom: 125px;
}
.m-b-150-1200 {
margin-bottom: 150px;
}
.m-b-175-1200 {
margin-bottom: 175px;
}
.m-b-200-1200 {
margin-bottom: 200px;
}
.m-b-n-xxs-1200 {
margin-bottom: -1px;
}
.m-b-n-xs-1200 {
margin-bottom: -5px;
}
.m-b-n-sm-1200 {
margin-bottom: -10px;
}
.m-b-n-1200 {
margin-bottom: -15px;
}
.m-b-n-md-1200 {
margin-bottom: -20px;
}
.m-b-n-lg-1200 {
margin-bottom: -30px;
}
.m-b-lgr-1200 {
margin-bottom: 50px;
}
.m-b-n-xl-1200 {
margin-bottom: -40px;
}
.m-b-n-xxl-1200 {
margin-bottom: -50px;
}
/*------------------------------------*\
END MARGINS
\*------------------------------------*/
.text-center-1200 {
text-align:center;
}
/*------------------------------------*\
START PORTAL CSS
\*------------------------------------*/
.section-row-portal img {
width: 250px;
}
a.button-portal {
bottom: 40px;
margin-right: 0px;
}
.portal-contact-container {
bottom: 200px;
}
/*------------------------------------*\
END PORTAL CSS
\*------------------------------------*/
/*------------------------------------*\
START MENU TEMPLATE CSS
\*------------------------------------*/
.row-tekst-block-left {
padding-right: 0px;
}
.menu-single-inner {
width: calc(50% - 45px);
margin-right:90px;
}
.gerecht-info {
width: 85%;
}
.gerecht-prijs-outer {
width: 15%;
}
.menu-single-inner h3 {
margin-bottom: 30px;
}
.gerecht-naam {
font-size: 16px;
}
.gerecht-omschrijving {
margin-bottom: 0px;
font-size: 15px;
}
.gerecht-prijs {
font-size: 20px;
}
/*------------------------------------*\
END MENU TEMPLATE CSS
\*------------------------------------*/
}
@media only screen and (max-width:1150px) {
/*------------------------------------*\
START HEADER CSS
\*------------------------------------*/
.header .right-menu .nav ul li:last-child a:link,
.header .right-menu .nav ul li:last-child a:visited,
.header .right-menu .nav ul li:last-child a:active {
padding:0px 0px 23px 10px;
}
.header .right-menu .nav ul li a:link,
.header .right-menu .nav ul li a:visited,
.header .right-menu .nav ul li a:active {
padding: 0px 5px 23px 5px;
}
.nav ul li a:link,
.nav ul li a:visited,
.nav ul li a:active {
padding: 20px 10px;
}
/*------------------------------------*\
END HEADER CSS
\*------------------------------------*/
}
@media only screen and (max-width:1024px) {
.wrap-small-1024 {
max-width: 70%;
}
/*------------------------------------*\
START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
.hide-1024 {
display:none;
}
.show-1024 {
display:block;
}
/*------------------------------------*\
END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE COLS CSS
\*------------------------------------*/
.col12-s{
width: 100%
}
.col11-s{
width: 91.66666667%
}
.col10-s{
width: 83.22222233%
}
.col9-s{
width: 75%
}
.col8-s{
width: 66.66666667%
}
.col7-s{
width: 58.22222233%
}
.col6-s{
width: 50%
}
.col5-s{
width: 41.66666667%
}
.col4-s {
width: 33.22222233%
}
.col3-s{
width: 25%
}
.col2-s{
width: 16.66666667%
}
.col1-s
{
width: 8.22222233%
}
/*------------------------------------*\
END RESPONSIVE COLS CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS PERCENTAGE
\*------------------------------------*/
.p-0-1024 {
padding:0px 0%;
}
.p-5-1024 {
padding:0px 5%;
}
.p-10-1024 {
padding:0px 10%;
}
.p-15-1024 {
padding:0px 15%;
}
.p-20-1024 {
padding:0px 20%;
}
.p-25-1024 {
padding:0px 25%;
}
.p-30-1024 {
padding:0px 30%;
}
.p-35-1024 {
padding:0px 35%;
}
.p-40-1024 {
padding:0px 40%;
}
.p-45-1024 {
padding:0px 45%;
}
.p-50-1024 {
padding:0px 50%;
}
/*------------------------------------*\
END PADDINGS PERCENTAGE
\*------------------------------------*/
.p-5px-1024 {
padding: 5px;
}
.p-10px-1024 {
padding: 10px;
}
.p-15px-1024 {
padding: 15px;
}
.p-20px-1024 {
padding: 20px;
}
.p-30px-1024 {
padding: 30px;
}
.p-50px-1024 {
padding: 50px;
}
.p-n-1024 {
padding: 0!important;
}
.p-l-none-1024 {
padding-left: 0!important;
}
.p-l-5-1024 {
padding-left: 5px;
}
.p-l-10-1024 {
padding-left: 10px;
}
.p-l-15-1024 {
padding-left: 15px;
}
.p-l-20-1024 {
padding-left: 20px;
}
.p-l-25-1024 {
padding-left: 25px;
}
.p-l-30-1024 {
padding-left: 30px;
}
.p-l-40-1024 {
padding-left: 40px;
}
.p-l-50-1024 {
padding-left: 50px;
}
.p-l-60-1024 {
padding-left: 60px;
}
.p-l-70-1024 {
padding-left: 70px;
}
.p-l-80-1024 {
padding-left: 80px;
}
.p-l-90-1024 {
padding-left: 80px;
}
.p-l-100-1024 {
padding-left: 80px;
}
.p-l-110-1024 {
padding-left: 110px;
}
.p-l-120-1024 {
padding-left: 120px;
}
.p-l-125-1024 {
padding-left: 125px;
}
.p-l-150-1024 {
padding-left: 150px;
}
.p-l-175-1024 {
padding-left: 175px;
}
.p-l-200-1024 {
padding-left: 200px;
}
.p-l-lg-1024 {
padding-left: 60px;
}
.p-l-xl-1024 {
padding-left: 80px;
}
.p-l-xxl-1024 {
padding-left: 100px;
}
.p-l-n-xxs-1024 {
padding-left: -1px;
}
.p-l-n-xs-1024 {
padding-left: -5px;
}
.p-l-n-sm-1024 {
padding-left: -10px;
}
.p-l-n-1024 {
padding-left: -15px;
}
.p-l-n-md-1024 {
padding-left: -20px;
}
.p-l-n-lg-1024 {
padding-left: -30px;
}
.p-l-n-xl-1024 {
padding-left: -40px;
}
.p-l-n-xxl-1024 {
padding-left: -50px;
}
.p-t-none-1024 {
padding-top: 0!important;
}
.p-t-5-1024 {
padding-top: 5px;
}
.p-t-10-1024 {
padding-top: 10px;
}
.p-t-15-1024 {
padding-top: 15px;
}
.p-t-20-1024 {
padding-top: 20px;
}
.p-t-25-1024 {
padding-top: 25px;
}
.p-t-30-1024 {
padding-top: 30px;
}
.p-t-40-1024 {
padding-top: 40px;
}
.p-t-50-1024 {
padding-top: 50px;
}
.p-t-60-1024 {
padding-top: 60px;
}
.p-t-70-1024 {
padding-top: 70px;
}
.p-t-80-1024 {
padding-top: 80px;
}
.p-t-90-1024 {
padding-top: 80px;
}
.p-t-100-1024 {
padding-top: 80px;
}
.p-t-110-1024 {
padding-top: 110px;
}
.p-t-120-1024 {
padding-top: 120px;
}
.p-t-125-1024 {
padding-top: 125px;
}
.p-t-150-1024 {
padding-top: 150px;
}
.p-t-175-1024 {
padding-top: 175px;
}
.p-t-200-1024 {
padding-top: 200px;
}
.p-t-n-xxs-1024 {
padding-top: -1px;
}
.p-t-n-xs-1024 {
padding-top: -5px;
}
.p-t-n-sm-1024 {
padding-top: -10px;
}
.p-t-n-1024 {
padding-top: -15px;
}
.p-t-n-md-1024 {
padding-top: -20px;
}
.p-t-n-lg-1024 {
padding-top: -30px;
}
.p-t-n-xl-1024 {
padding-top: -40px;
}
.p-t-n-xxl-1024 {
padding-top: -50px;
}
.p-r-none-1024 {
padding-right: 0!important;
}
.p-r-5-1024 {
padding-right: 5px;
}
.p-r-10-1024 {
padding-right: 10px;
}
.p-r-15-1024 {
padding-right: 15px;
}
.p-r-20-1024 {
padding-right: 20px;
}
.p-r-25-1024 {
padding-right: 25px;
}
.p-r-30-1024 {
padding-right: 30px;
}
.p-r-40-1024 {
padding-right: 40px;
}
.p-r-50-1024 {
padding-right: 50px;
}
.p-r-60-1024 {
padding-right: 60px;
}
.p-r-70-1024 {
padding-right: 70px;
}
.p-r-80-1024 {
padding-right: 80px;
}
.p-r-90-1024 {
padding-right: 80px;
}
.p-r-100-1024 {
padding-right: 80px;
}
.p-r-110-1024 {
padding-right: 110px;
}
.p-r-120-1024 {
padding-right: 120px;
}
.p-r-125-1024 {
padding-right: 125px;
}
.p-r-150-1024 {
padding-right: 150px;
}
.p-r-175-1024 {
padding-right: 175px;
}
.p-r-200-1024 {
padding-right: 200px;
}
.p-b-none-1024 {
padding-bottom: 0!important;
}
.p-b-5-1024 {
padding-bottom: 5px;
}
.p-b-10-1024 {
padding-bottom: 10px;
}
.p-b-15-1024 {
padding-bottom: 15px;
}
.p-b-20-1024 {
padding-bottom: 20px;
}
.p-b-25-1024 {
padding-bottom: 25px;
}
.p-b-30-1024 {
padding-bottom: 30px;
}
.p-b-40-1024 {
padding-bottom: 40px;
}
.p-b-50-1024 {
padding-bottom: 50px;
}
.p-b-60-1024 {
padding-bottom: 60px;
}
.p-b-70-1024 {
padding-bottom: 70px;
}
.p-b-80-1024 {
padding-bottom: 80px;
}
.p-b-90-1024 {
padding-bottom: 80px;
}
.p-b-100-1024 {
padding-bottom: 80px;
}
.p-b-110-1024 {
padding-bottom: 110px;
}
.p-b-120-1024 {
padding-bottom: 120px;
}
.p-b-125-1024 {
padding-bottom: 125px;
}
.p-b-150-1024 {
padding-bottom: 150px;
}
.p-b-175-1024 {
padding-bottom: 175px;
}
.p-b-200-1024 {
padding-bottom: 200px;
}
.p-b-n-xxs-1024 {
padding-bottom: -1px;
}
.p-b-n-xs-1024 {
padding-bottom: -5px;
}
.p-b-n-sm-1024 {
padding-bottom: -10px;
}
.p-b-n-1024 {
padding-bottom: -15px;
}
.p-b-n-md-1024 {
padding-bottom: -20px;
}
.p-b-n-lg-1024 {
padding-bottom: -30px;
}
.p-b-lgr-1024 {
padding-bottom: 50px;
}
.p-b-n-xl-1024 {
padding-bottom: -40px;
}
.p-b-n-xxl-1024 {
padding-bottom: -50px;
}
/*------------------------------------*\
END PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS PERCENTAGE
\*------------------------------------*/
.m-5-1024 {
margin:0px 5%;
}
.m-10-1024 {
margin:0px 10%;
}
.m-15-1024 {
margin:0px 15%;
}
.m-20-1024 {
margin:0px 20%;
}
.m-25-1024 {
margin:0px 25%;
}
.m-30-1024 {
margin:0px 30%;
}
.m-35-1024 {
margin:0px 35%;
}
.m-40-1024 {
margin:0px 40%;
}
.m-45-1024 {
margin:0px 45%;
}
.m-50-1024 {
margin:0px 50%;
}
/*------------------------------------*\
END MARGINS PERCENTAGE
\*------------------------------------*/
.m-5px-1024 {
margin: 5px;
}
.m-10px-1024 {
margin: 10px;
}
.m-15px-1024 {
margin: 15px;
}
.m-20px-1024 {
margin: 20px;
}
.m-30px-1024 {
margin: 30px;
}
.m-50px-1024 {
margin: 50px;
}
.m-n-1024 {
margin: 0!important;
}
.m-l-none-1024 {
margin-left: 0!important;
}
.m-l-5-1024 {
margin-left: 5px;
}
.m-l-10-1024 {
margin-left: 10px;
}
.m-l-15-1024 {
margin-left: 15px;
}
.m-l-20-1024 {
margin-left: 20px;
}
.m-l-25-1024 {
margin-left: 25px;
}
.m-l-30-1024 {
margin-left: 30px;
}
.m-l-40-1024 {
margin-left: 40px;
}
.m-l-50-1024 {
margin-left: 50px;
}
.m-l-60-1024 {
margin-left: 60px;
}
.m-l-70-1024 {
margin-left: 70px;
}
.m-l-80-1024 {
margin-left: 80px;
}
.m-l-90-1024 {
margin-left: 80px;
}
.m-l-100-1024 {
margin-left: 80px;
}
.m-l-110-1024 {
margin-left: 110px;
}
.m-l-120-1024 {
margin-left: 120px;
}
.m-l-125-1024 {
margin-left: 125px;
}
.m-l-150-1024 {
margin-left: 150px;
}
.m-l-175-1024 {
margin-left: 175px;
}
.m-l-200-1024 {
margin-left: 200px;
}
.m-l-lg-1024 {
margin-left: 60px;
}
.m-l-xl-1024 {
margin-left: 80px;
}
.m-l-xxl-1024 {
margin-left: 100px;
}
.m-l-n-xxs-1024 {
margin-left: -1px;
}
.m-l-n-xs-1024 {
margin-left: -5px;
}
.m-l-n-sm-1024 {
margin-left: -10px;
}
.m-l-n-1024 {
margin-left: -15px;
}
.m-l-n-md-1024 {
margin-left: -20px;
}
.m-l-n-lg-1024 {
margin-left: -30px;
}
.m-l-n-xl-1024 {
margin-left: -40px;
}
.m-l-n-xxl-1024 {
margin-left: -50px;
}
.m-t-none-1024 {
margin-top: 0!important;
}
.m-t-5-1024 {
margin-top: 5px;
}
.m-t-10-1024 {
margin-top: 10px;
}
.m-t-15-1024 {
margin-top: 15px;
}
.m-t-20-1024 {
margin-top: 20px;
}
.m-t-25-1024 {
margin-top: 25px;
}
.m-t-30-1024 {
margin-top: 30px;
}
.m-t-40-1024 {
margin-top: 40px;
}
.m-t-50-1024 {
margin-top: 50px;
}
.m-t-60-1024 {
margin-top: 60px;
}
.m-t-70-1024 {
margin-top: 70px;
}
.m-t-80-1024 {
margin-top: 80px;
}
.m-t-90-1024 {
margin-top: 80px;
}
.m-t-100-1024 {
margin-top: 80px;
}
.m-t-110-1024 {
margin-top: 110px;
}
.m-t-120-1024 {
margin-top: 120px;
}
.m-t-125-1024 {
margin-top: 125px;
}
.m-t-150-1024 {
margin-top: 150px;
}
.m-t-175-1024 {
margin-top: 175px;
}
.m-t-200-1024 {
margin-top: 200px;
}
.m-t-n-xxs-1024 {
margin-top: -1px;
}
.m-t-n-xs-1024 {
margin-top: -5px;
}
.m-t-n-sm-1024 {
margin-top: -10px;
}
.m-t-n-1024 {
margin-top: -15px;
}
.m-t-n-md-1024 {
margin-top: -20px;
}
.m-t-n-lg-1024 {
margin-top: -30px;
}
.m-t-n-xl-1024 {
margin-top: -40px;
}
.m-t-n-xxl-1024 {
margin-top: -50px;
}
.m-r-none-1024 {
margin-right: 0!important;
}
.m-r-5-1024 {
margin-right: 5px;
}
.m-r-10-1024 {
margin-right: 10px;
}
.m-r-15-1024 {
margin-right: 15px;
}
.m-r-20-1024 {
margin-right: 20px;
}
.m-r-25-1024 {
margin-right: 25px;
}
.m-r-30-1024 {
margin-right: 30px;
}
.m-r-40-1024 {
margin-right: 40px;
}
.m-r-50-1024 {
margin-right: 50px;
}
.m-r-60-1024 {
margin-right: 60px;
}
.m-r-70-1024 {
margin-right: 70px;
}
.m-r-80-1024 {
margin-right: 80px;
}
.m-r-90-1024 {
margin-right: 80px;
}
.m-r-100-1024 {
margin-right: 80px;
}
.m-r-110-1024 {
margin-right: 110px;
}
.m-r-120-1024 {
margin-right: 120px;
}
.m-r-125-1024 {
margin-right: 125px;
}
.m-r-150-1024 {
margin-right: 150px;
}
.m-r-175-1024 {
margin-right: 175px;
}
.m-r-200-1024 {
margin-right: 200px;
}
.m-b-none-1024 {
margin-bottom: 0!important;
}
.m-b-5-1024 {
margin-bottom: 5px;
}
.m-b-10-1024 {
margin-bottom: 10px;
}
.m-b-15-1024 {
margin-bottom: 15px;
}
.m-b-20-1024 {
margin-bottom: 20px;
}
.m-b-25-1024 {
margin-bottom: 25px;
}
.m-b-30-1024 {
margin-bottom: 30px;
}
.m-b-40-1024 {
margin-bottom: 40px;
}
.m-b-50-1024 {
margin-bottom: 50px;
}
.m-b-60-1024 {
margin-bottom: 60px;
}
.m-b-70-1024 {
margin-bottom: 70px;
}
.m-b-80-1024 {
margin-bottom: 80px;
}
.m-b-90-1024 {
margin-bottom: 80px;
}
.m-b-100-1024 {
margin-bottom: 80px;
}
.m-b-110-1024 {
margin-bottom: 110px;
}
.m-b-120-1024 {
margin-bottom: 120px;
}
.m-b-125-1024 {
margin-bottom: 125px;
}
.m-b-150-1024 {
margin-bottom: 150px;
}
.m-b-175-1024 {
margin-bottom: 175px;
}
.m-b-200-1024 {
margin-bottom: 200px;
}
.m-b-n-xxs-1024 {
margin-bottom: -1px;
}
.m-b-n-xs-1024 {
margin-bottom: -5px;
}
.m-b-n-sm-1024 {
margin-bottom: -10px;
}
.m-b-n-1024 {
margin-bottom: -15px;
}
.m-b-n-md-1024 {
margin-bottom: -20px;
}
.m-b-n-lg-1024 {
margin-bottom: -30px;
}
.m-b-lgr-1024 {
margin-bottom: 50px;
}
.m-b-n-xl-1024 {
margin-bottom: -40px;
}
.m-b-n-xxl-1024 {
margin-bottom: -50px;
}
/*------------------------------------*\
END MARGINS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MENU
\*------------------------------------*/
/* START RESPONSIVE MENU */
.btn-stroke:hover.c-hamburger--htx.is-active span{
background:none;
}
.mobile-menu-container .menu,
#menu-mobile-menu,
#menu-mobile-menu-en,
#menu-mobile-menu-de {
list-style:none;
padding:0;
margin:0;
}
.mobile-menu-container .menu li,
#menu-mobile-menu li,
#menu-mobile-menu-en li,
#menu-mobile-menu-de li {
line-height: 1.8em;
margin-bottom: 0.2em;
padding: 4px 0px 4px 15px;
border-bottom: 1px solid rgba(255,255,255, 0.15);
position: initial;
}
.mobile-menu-container .menu li:before,
#menu-mobile-menu li:before,
#menu-mobile-menu-en li:before,
#menu-mobile-menu-de li:before {
content: none;
}
.mobile-menu-container .menu li .sub-menu a,
.mobile-menu-container .menu li a,
#menu-mobile-menu li .sub-menu a,
#menu-mobile-menu li a,
#menu-mobile-menu-en li .sub-menu a,
#menu-mobile-menu-en li a,
#menu-mobile-menu-de li .sub-menu a,
#menu-mobile-menu-de li a {
font-size:18px;
color:#fff;
display:block;
cursor:pointer;
text-align:left;
min-height:inherit !important;
}
.mobile-menu-container .menu .menu-item-has-children .sub-menu .menu-item-has-children > a:after,
.mobile-menu-container .menu .menu-item-has-children a:after,
#menu-mobile-menu .menu-item-has-children .sub-menu .menu-item-has-children > a:after,
#menu-mobile-menu .menu-item-has-children a:after,
#menu-mobile-menu li.haschild > a:after,
#menu-mobile-menu-en .menu-item-has-children .sub-menu .menu-item-has-children > a:after,
#menu-mobile-menu-en .menu-item-has-children a:after,
#menu-mobile-menu-en li.haschild > a:after,
#menu-mobile-menu-de .menu-item-has-children .sub-menu .menu-item-has-children > a:after,
#menu-mobile-menu-de .menu-item-has-children a:after,
#menu-mobile-menu-de 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;
}
.mobile-menu-container .menu .menu-item-has-children ul li a:after,
#menu-mobile-menu .menu-item-has-children ul li a:after,
#menu-mobile-menu-en .menu-item-has-children ul li a:after,
#menu-mobile-menu-de .menu-item-has-children ul li a:after {
display:none;
}
.mobile-menu-container .menu li a:hover,
#menu-mobile-menu li a:hover,
#menu-mobile-menu-en li a:hover,
#menu-mobile-menu-de li a:hover {
/*color:#999;*/
}
.mobile-menu-container .menu li.current > a,
#menu-mobile-menu li.current > a,
#menu-mobile-menu-en li.current > a,
#menu-mobile-menu-de li.current > a{
color: #e21a22;
}
.mobile-menu-container .menu .sub-menu,
.mobile-menu-container .child,
#menu-mobile-menu .sub-menu,
#menu-mobile-menu .child,
#menu-mobile-menu-en .sub-menu,
#menu-mobile-menu-en .child,
#menu-mobile-menu-de .sub-menu,
#menu-mobile-menu-de .child {
display:none;
list-style:none;
margin:0;
padding: 0;
}
.mobile-menu-container .menu .menu-item-has-children.active .sub-menu,
.mobile-menu-container .menu .haschild.active .child,
#menu-mobile-menu .menu-item-has-children.active .sub-menu,
#menu-mobile-menu .haschild.active .child,
#menu-mobile-menu-en .menu-item-has-children.active .sub-menu,
#menu-mobile-menu-en .haschild.active .child,
#menu-mobile-menu-de .menu-item-has-children.active .sub-menu,
#menu-mobile-menu-de .haschild.active .child {
display:block;
}
.mobile-menu-container .menu .menu-item-has-children.active .sub-menu ul.sub-menu,
.mobile-menu-container .menu .haschild.active .child ul.child,
#menu-mobile-menu .menu-item-has-children.active .sub-menu ul.sub-menu,
#menu-mobile-menu .haschild.active .child ul.child,
#menu-mobile-menu-en .menu-item-has-children.active .sub-menu ul.sub-menu,
#menu-mobile-menu-en .haschild.active .child ul.child,
#menu-mobile-menu-de .menu-item-has-children.active .sub-menu ul.sub-menu,
#menu-mobile-menu-de .haschild.active .child ul.child {
display:none;
}
.mobile-menu-container .menu .menu-item-has-children.active .sub-menu li.active ul.sub-menu,
.mobile-menu-container .menu .haschild.active .child .active ul.child,
#menu-mobile-menu .menu-item-has-children.active .sub-menu li.active ul.sub-menu,
#menu-mobile-menu .haschild.active .child .active ul.child,
#menu-mobile-menu-en .menu-item-has-children.active .sub-menu li.active ul.sub-menu,
#menu-mobile-menu-en .haschild.active .child .active ul.child,
#menu-mobile-menu-de .menu-item-has-children.active .sub-menu li.active ul.sub-menu,
#menu-mobile-menu-de .haschild.active .child .active ul.child {
display:block;
}
.mobile-menu-container .menu .menu-item-has-children,
.mobile-menu-container .menu .haschild,
#menu-mobile-menu .menu-item-has-children,
#menu-mobile-menu .haschild,
#menu-mobile-menu-en .menu-item-has-children,
#menu-mobile-menu-en .haschild,
#menu-mobile-menu-de .menu-item-has-children,
#menu-mobile-menu-de .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 */
}
.mobile-menu-container .menu .menu-item-has-children.active,
.mobile-menu-container .menu .haschild.active,
#menu-mobile-menu .menu-item-has-children.active,
#menu-mobile-menu .haschild.active,
#menu-mobile-menu-en .menu-item-has-children.active,
#menu-mobile-menu-en .haschild.active,
#menu-mobile-menu-de .menu-item-has-children.active,
#menu-mobile-menu-de .haschild.active {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
padding:0;
margin:0;
background-color: #000;
border-bottom:0;
padding-top: 0px;
z-index: 2;
height: 1000px;
}
.mobile-menu-container .menu .menu-item-has-children.active > a,
.mobile-menu-container .menu .haschild.active > a,
#menu-mobile-menu .menu-item-has-children.active > a,
#menu-mobile-menu .haschild.active > a,
#menu-mobile-menu-en .menu-item-has-children.active > a,
#menu-mobile-menu-en .haschild.active > a,
#menu-mobile-menu-de .menu-item-has-children.active > a,
#menu-mobile-menu-de .haschild.active > a {
padding-left: 15px !important;
color: #fff;
border-bottom: 1px solid rgba(255,255,255, 0.15);
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
}
.mobile-menu-container .menu .menu-item-has-children.active > a:before,
.mobile-menu-container .menu .haschild.active > a:before,
#menu-mobile-menu .menu-item-has-children.active > a:before,
#menu-mobile-menu .haschild.active > a:before,
#menu-mobile-menu-en .menu-item-has-children.active > a:before,
#menu-mobile-menu-de .haschild.active > a:before,
#menu-mobile-menu-en .menu-item-has-children.active > a:before,
#menu-mobile-menu-de .haschild.active > a:before {
display:none;
}
.mobile-menu-container .menu .menu-item-has-children.active .mobile-close,
.mobile-menu-container .menu .first-child .mobile-exit,
#menu-mobile-menu .menu-item-has-children.active .mobile-close,
#menu-mobile-menu .first-child .mobile-exit,
#menu-mobile-menu .haschild.active .mobile-close,
#menu-mobile-menu-en .menu-item-has-children.active .mobile-close,
#menu-mobile-menu-en .first-child .mobile-exit,
#menu-mobile-menu-en .haschild.active .mobile-close,
#menu-mobile-menu-de .menu-item-has-children.active .mobile-close,
#menu-mobile-menu-de .first-child .mobile-exit,
#menu-mobile-menu-de .haschild.active .mobile-close {
position: absolute;
z-index: 2;
cursor: pointer;
float: right;
font-size: 24px;
background: #000;
top: 5px;
right: 0px;
height: 48px;
width: 49px;
line-height: 49px;
text-align: center;
color: #fff !important;
border-bottom: 1px solid rgba(255,255,255, 0.15);
}
.mobile-menu-container .menu .mobile-exit .c-hamburger,
#menu-mobile-menu .mobile-exit .c-hamburger,
#menu-mobile-menu-en .mobile-exit .c-hamburger,
#menu-mobile-menu-de .mobile-exit .c-hamburger {
margin-left: 3px;
margin-top: 2px;
}
.mobile-menu-container .menu .mobile-exit .c-hamburger span::before,
.mobile-menu-container .menu .mobile-exit .c-hamburger span::after,
#menu-mobile-menu .mobile-exit .c-hamburger span::before,
#menu-mobile-menu .mobile-exit .c-hamburger span::after,
#menu-mobile-menu-en .mobile-exit .c-hamburger span::before,
#menu-mobile-menu-en .mobile-exit .c-hamburger span::after,
#menu-mobile-menu-de .mobile-exit .c-hamburger span::before,
#menu-mobile-menu-de .mobile-exit .c-hamburger span::after {
background-color: #ffffff;
}
.mobile-menu-container .menu .menu-item-has-children .mobile-close i,
.mobile-menu-container .menu .haschild.active .mobile-close i,
#menu-mobile-menu .menu-item-has-children .mobile-close i,
#menu-mobile-menu .haschild.active .mobile-close i,
#menu-mobile-menu-en .menu-item-has-children .mobile-close i,
#menu-mobile-menu-en .haschild.active .mobile-close i,
#menu-mobile-menu-de .menu-item-has-children .mobile-close i,
#menu-mobile-menu-de .haschild.active .mobile-close i {
pointer-events:None;
}
.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 {
}
.is-sticky .mobile-menu {
top: -24px;
}
.c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 36px!important;
height: 36px;
font-size: 0;
text-indent: -9999px;
appearance: none;
box-shadow: none;
border-radius: none;
cursor: pointer;
background:none;
border:0;
bbackground:#fff;
margin: 0px 0 0 10px;
border-radius: 0px;
/* transition: background 0.3s; */
}
.down .c-hamburger
{
background:none;
}
.c-hamburger span {
display: block;
position: absolute;
top: 16px;
left: 0px;
right: 0px;
background: #000;
width: 60%;
margin-left: 38%;
height: 4px;
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: 4px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #000;
content: "";
}
.btn-stroke:hover.c-hamburger span,
.btn-stroke:hover.c-hamburger span::before,
.btn-stroke:hover.c-hamburger span::after
{
background-color:#A72072
}
.down .c-hamburger span,
.down .c-hamburger span::before,
.down .c-hamburger span::after
{
background-color:@#000000;
}
.btn-stroke:hover.c-hamburger--htx.is-active span{
background:none;
}
.mobile-menu-container .logo-lt {
max-width: 260px;
padding-left:15px;
}
.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;
}
.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{
background-color:#000;
padding:10px 0 20px 0px;
position: fixed;
top: 0;
left:-75%;
bottom: 0;
z-index: 100000;
display: block!important;
width: 75%!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;
}
.logo-mobile img {
max-width: 250px;
padding: 15px 0px 15px 15px;
}
.contact-mobile-menu .contact-block-mobile-menu {
padding-left: 0px;
margin-top: 10px;
border-bottom: 1px solid rgba(255,255,255, 0.15);
padding-bottom: 10px;
}
.contact-mobile-menu,
.contact-mobile-menu a,
.contact-mobile-menu h2,
.contact-mobile-menu h3 {
color:#fff;
margin-top:20px;
font-size: 15px;
}
.contact-mobile-menu {
margin-left:15px;
}
.contact-mobile-menu ul {
margin-bottom:10px;
}
.contact-mobile-menu a.button-header {
margin-right: 0px;
margin-left:0px;
max-width: 100%;
}
.contact-mobile-menu a.button-header:hover {
background: #256474;
color: #fff !important;
border: 2px solid #256474;
}
.contact-mobile-menu h3 {
font-weight: 400;
}
.contact-mobile-menu li {
padding-left:0px;
}
.contact-mobile-menu li:before {
content: none;
}
.contact-mobile-menu .wpml-ls-legacy-list-horizontal {
padding: 0px;
padding-left: 0px;
border: none;
}
.contact-mobile-menu .wpml-ls-legacy-list-horizontal a {
padding-left: 0px;
}
/*------------------------------------*\
END RESPONSIVE MENU
\*------------------------------------*/
/*------------------------------------*\
START HEADER CSS
\*------------------------------------*/
.header,
.header-part,
.logo {
height: 65px;
}
.ig-header {
padding-top:0px;
}
.header-part .social-media-container {
display: flex;
align-items: center;
}
.right-top-header {
padding-top:0px;
align-items: center;
}
a.button.button-header {
margin-right:0px;
}
/*------------------------------------*\
END HEADER CSS
\*------------------------------------*/
/*------------------------------------*\
START CUSTOM CSS
\*------------------------------------*/
h1, h2, h3, h4, h5, h6{
margin:0 0 15px 0;
}
h1 {
font-size:1.6em;
}
h2 {
font-size:1.4em;
}
h3 {
font-size:1.2em;;
}
h4 {
font-size:1.1em;;
}
/*------------------------------------*\
END CUSTOM CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
.container-icons-home {
width: 50%;
margin-bottom:50px;
}
.container-icons-home:nth-last-child(-n+2) {
margin-bottom: 0px;
}
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
.row-tekst-block-row-3-home {
width: 100%;
position: relative;
bottom: 0px;
background-color: rgba(0,0,0,0.8);
text-align: center;
}
.page-template-template-sidebar .row-tekst-block-row-3-home {
padding: 60px 40px 20px 40px;
}
.row-tekst-block-row-3-home a.arrow:after {
background-size: 50px;
width: 100%;
}
.bg-photo-unset {
height: unset;
}
.row-tekst-block-row-4-home {
width: 100%;
position: relative;
top: 0px;
background-color: #fff;
text-align: center;
}
.template-sidebar-content {
padding-right: 0px;
}
.sidebar-lp .sidebar-widget {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.sidebar-widget .widget_text {
width: 50%;
}
/*------------------------------------*\
END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
.social-media-container-footer {
right:-120px;
}
.slogan-container {
margin-top: 40px;
}
.top-footer {
padding: 15px 0px 20px 0px;
}
.top-footer-flex-1024 {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.logo-container {
text-align:left;
width: 100%;
margin: 0px;
}
.middle-footer .widgetBar {
display: flex;
flex-flow: row wrap;
}
.widget-footer,
.widget-footer:nth-child(1),
.widget-footer:nth-child(2) {
width: 50%;
}
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
}
@media only screen and (max-width:900px) {
/*------------------------------------*\
START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
.hide-900 {
display:none;
}
.show-900 {
display:block;
}
/*------------------------------------*\
END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE COLS CSS
\*------------------------------------*/
.col12-s-900{
width: 100%
}
.col11-s-900{
width: 91.66666667%
}
.col10-s-900{
width: 83.22222233%
}
.col9-s-900{
width: 75%
}
.col8-s-900{
width: 66.66666667%
}
.col7-s-900{
width: 58.22222233%
}
.col6-s-900{
width: 50%
}
.col5-s-900{
width: 41.66666667%
}
.col4-s-900 {
width: 33.22222233%
}
.col3-s-900{
width: 25%
}
.col2-s-900{
width: 16.66666667%
}
.col1-s-900
{
width: 8.22222233%
}
/*------------------------------------*\
END RESPONSIVE COLS CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS PERCENTAGE
\*------------------------------------*/
.p-0-900 {
padding:0px 0%;
}
.p-5-900 {
padding:0px 5%;
}
.p-10-900 {
padding:0px 10%;
}
.p-15-900 {
padding:0px 15%;
}
.p-20-900 {
padding:0px 20%;
}
.p-25-900 {
padding:0px 25%;
}
.p-30-900 {
padding:0px 30%;
}
.p-35-900 {
padding:0px 35%;
}
.p-40-900 {
padding:0px 40%;
}
.p-45-900 {
padding:0px 45%;
}
.p-50-900 {
padding:0px 50%;
}
/*------------------------------------*\
END PADDINGS PERCENTAGE
\*------------------------------------*/
.p-5px-900 {
padding: 5px;
}
.p-10px-900 {
padding: 10px;
}
.p-15px-900 {
padding: 15px;
}
.p-20px-900 {
padding: 20px;
}
.p-30px-900 {
padding: 30px;
}
.p-50px-900 {
padding: 50px;
}
.p-n-900 {
padding: 0!important;
}
.p-l-none-900 {
padding-left: 0!important;
}
.p-l-5-900 {
padding-left: 5px;
}
.p-l-10-900 {
padding-left: 10px;
}
.p-l-15-900 {
padding-left: 15px;
}
.p-l-20-900 {
padding-left: 20px;
}
.p-l-25-900 {
padding-left: 25px;
}
.p-l-30-900 {
padding-left: 30px;
}
.p-l-40-900 {
padding-left: 40px;
}
.p-l-50-900 {
padding-left: 50px;
}
.p-l-60-900 {
padding-left: 60px;
}
.p-l-70-900 {
padding-left: 70px;
}
.p-l-80-900 {
padding-left: 80px;
}
.p-l-90-900 {
padding-left: 80px;
}
.p-l-100-900 {
padding-left: 80px;
}
.p-l-110-900 {
padding-left: 110px;
}
.p-l-120-900 {
padding-left: 120px;
}
.p-l-125-900 {
padding-left: 125px;
}
.p-l-150-900 {
padding-left: 150px;
}
.p-l-175-900 {
padding-left: 175px;
}
.p-l-200-900 {
padding-left: 200px;
}
.p-l-lg-900 {
padding-left: 60px;
}
.p-l-xl-900 {
padding-left: 80px;
}
.p-l-xxl-900 {
padding-left: 100px;
}
.p-l-n-xxs-900 {
padding-left: -1px;
}
.p-l-n-xs-900 {
padding-left: -5px;
}
.p-l-n-sm-900 {
padding-left: -10px;
}
.p-l-n-900 {
padding-left: -15px;
}
.p-l-n-md-900 {
padding-left: -20px;
}
.p-l-n-lg-900 {
padding-left: -30px;
}
.p-l-n-xl-900 {
padding-left: -40px;
}
.p-l-n-xxl-900 {
padding-left: -50px;
}
.p-t-none-900 {
padding-top: 0!important;
}
.p-t-5-900 {
padding-top: 5px;
}
.p-t-10-900 {
padding-top: 10px;
}
.p-t-15-900 {
padding-top: 15px;
}
.p-t-20-900 {
padding-top: 20px;
}
.p-t-25-900 {
padding-top: 25px;
}
.p-t-30-900 {
padding-top: 30px;
}
.p-t-40-900 {
padding-top: 40px;
}
.p-t-50-900 {
padding-top: 50px;
}
.p-t-60-900 {
padding-top: 60px;
}
.p-t-70-900 {
padding-top: 70px;
}
.p-t-80-900 {
padding-top: 80px;
}
.p-t-90-900 {
padding-top: 80px;
}
.p-t-100-900 {
padding-top: 80px;
}
.p-t-110-900 {
padding-top: 110px;
}
.p-t-120-900 {
padding-top: 120px;
}
.p-t-125-900 {
padding-top: 125px;
}
.p-t-150-900 {
padding-top: 150px;
}
.p-t-175-900 {
padding-top: 175px;
}
.p-t-200-900 {
padding-top: 200px;
}
.p-t-n-xxs-900 {
padding-top: -1px;
}
.p-t-n-xs-900 {
padding-top: -5px;
}
.p-t-n-sm-900 {
padding-top: -10px;
}
.p-t-n-900 {
padding-top: -15px;
}
.p-t-n-md-900 {
padding-top: -20px;
}
.p-t-n-lg-900 {
padding-top: -30px;
}
.p-t-n-xl-900 {
padding-top: -40px;
}
.p-t-n-xxl-900 {
padding-top: -50px;
}
.p-r-none-900 {
padding-right: 0!important;
}
.p-r-5-900 {
padding-right: 5px;
}
.p-r-10-900 {
padding-right: 10px;
}
.p-r-15-900 {
padding-right: 15px;
}
.p-r-20-900 {
padding-right: 20px;
}
.p-r-25-900 {
padding-right: 25px;
}
.p-r-30-900 {
padding-right: 30px;
}
.p-r-40-900 {
padding-right: 40px;
}
.p-r-50-900 {
padding-right: 50px;
}
.p-r-60-900 {
padding-right: 60px;
}
.p-r-70-900 {
padding-right: 70px;
}
.p-r-80-900 {
padding-right: 80px;
}
.p-r-90-900 {
padding-right: 80px;
}
.p-r-100-900 {
padding-right: 80px;
}
.p-r-110-900 {
padding-right: 110px;
}
.p-r-120-900 {
padding-right: 120px;
}
.p-r-125-900 {
padding-right: 125px;
}
.p-r-150-900 {
padding-right: 150px;
}
.p-r-175-900 {
padding-right: 175px;
}
.p-r-200-900 {
padding-right: 200px;
}
.p-b-none-900 {
padding-bottom: 0!important;
}
.p-b-5-900 {
padding-bottom: 5px;
}
.p-b-10-900 {
padding-bottom: 10px;
}
.p-b-15-900 {
padding-bottom: 15px;
}
.p-b-20-900 {
padding-bottom: 20px;
}
.p-b-25-900 {
padding-bottom: 25px;
}
.p-b-30-900 {
padding-bottom: 30px;
}
.p-b-40-900 {
padding-bottom: 40px;
}
.p-b-50-900 {
padding-bottom: 50px;
}
.p-b-60-900 {
padding-bottom: 60px;
}
.p-b-70-900 {
padding-bottom: 70px;
}
.p-b-80-900 {
padding-bottom: 80px;
}
.p-b-90-900 {
padding-bottom: 80px;
}
.p-b-100-900 {
padding-bottom: 80px;
}
.p-b-110-900 {
padding-bottom: 110px;
}
.p-b-120-900 {
padding-bottom: 120px;
}
.p-b-125-900 {
padding-bottom: 125px;
}
.p-b-150-900 {
padding-bottom: 150px;
}
.p-b-175-900 {
padding-bottom: 175px;
}
.p-b-200-900 {
padding-bottom: 200px;
}
.p-b-n-xxs-900 {
padding-bottom: -1px;
}
.p-b-n-xs-900 {
padding-bottom: -5px;
}
.p-b-n-sm-900 {
padding-bottom: -10px;
}
.p-b-n-900 {
padding-bottom: -15px;
}
.p-b-n-md-900 {
padding-bottom: -20px;
}
.p-b-n-lg-900 {
padding-bottom: -30px;
}
.p-b-lgr-900 {
padding-bottom: 50px;
}
.p-b-n-xl-900 {
padding-bottom: -40px;
}
.p-b-n-xxl-900 {
padding-bottom: -50px;
}
/*------------------------------------*\
END PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS PERCENTAGE
\*------------------------------------*/
.m-5-900 {
margin:0px 5%;
}
.m-10-900 {
margin:0px 10%;
}
.m-15-900 {
margin:0px 15%;
}
.m-20-900 {
margin:0px 20%;
}
.m-25-900 {
margin:0px 25%;
}
.m-30-900 {
margin:0px 30%;
}
.m-35-900 {
margin:0px 35%;
}
.m-40-900 {
margin:0px 40%;
}
.m-45-900 {
margin:0px 45%;
}
.m-50-900 {
margin:0px 50%;
}
/*------------------------------------*\
END MARGINS PERCENTAGE
\*------------------------------------*/
.m-5px-900 {
margin: 5px;
}
.m-10px-900 {
margin: 10px;
}
.m-15px-900 {
margin: 15px;
}
.m-20px-900 {
margin: 20px;
}
.m-30px-900 {
margin: 30px;
}
.m-50px-900 {
margin: 50px;
}
.m-n-900 {
margin: 0!important;
}
.m-l-none-900 {
margin-left: 0!important;
}
.m-l-5-900 {
margin-left: 5px;
}
.m-l-10-900 {
margin-left: 10px;
}
.m-l-15-900 {
margin-left: 15px;
}
.m-l-20-900 {
margin-left: 20px;
}
.m-l-25-900 {
margin-left: 25px;
}
.m-l-30-900 {
margin-left: 30px;
}
.m-l-40-900 {
margin-left: 40px;
}
.m-l-50-900 {
margin-left: 50px;
}
.m-l-60-900 {
margin-left: 60px;
}
.m-l-70-900 {
margin-left: 70px;
}
.m-l-80-900 {
margin-left: 80px;
}
.m-l-90-900 {
margin-left: 80px;
}
.m-l-100-900 {
margin-left: 80px;
}
.m-l-110-900 {
margin-left: 110px;
}
.m-l-120-900 {
margin-left: 120px;
}
.m-l-125-900 {
margin-left: 125px;
}
.m-l-150-900 {
margin-left: 150px;
}
.m-l-175-900 {
margin-left: 175px;
}
.m-l-200-900 {
margin-left: 200px;
}
.m-l-lg-900 {
margin-left: 60px;
}
.m-l-xl-900 {
margin-left: 80px;
}
.m-l-xxl-900 {
margin-left: 100px;
}
.m-l-n-xxs-900 {
margin-left: -1px;
}
.m-l-n-xs-900 {
margin-left: -5px;
}
.m-l-n-sm-900 {
margin-left: -10px;
}
.m-l-n-900 {
margin-left: -15px;
}
.m-l-n-md-900 {
margin-left: -20px;
}
.m-l-n-lg-900 {
margin-left: -30px;
}
.m-l-n-xl-900 {
margin-left: -40px;
}
.m-l-n-xxl-900 {
margin-left: -50px;
}
.m-t-none-900 {
margin-top: 0!important;
}
.m-t-5-900 {
margin-top: 5px;
}
.m-t-10-900 {
margin-top: 10px;
}
.m-t-15-900 {
margin-top: 15px;
}
.m-t-20-900 {
margin-top: 20px;
}
.m-t-25-900 {
margin-top: 25px;
}
.m-t-30-900 {
margin-top: 30px;
}
.m-t-40-900 {
margin-top: 40px;
}
.m-t-50-900 {
margin-top: 50px;
}
.m-t-60-900 {
margin-top: 60px;
}
.m-t-70-900 {
margin-top: 70px;
}
.m-t-80-900 {
margin-top: 80px;
}
.m-t-90-900 {
margin-top: 80px;
}
.m-t-100-900 {
margin-top: 80px;
}
.m-t-110-900 {
margin-top: 110px;
}
.m-t-120-900 {
margin-top: 120px;
}
.m-t-125-900 {
margin-top: 125px;
}
.m-t-150-900 {
margin-top: 150px;
}
.m-t-175-900 {
margin-top: 175px;
}
.m-t-200-900 {
margin-top: 200px;
}
.m-t-n-xxs-900 {
margin-top: -1px;
}
.m-t-n-xs-900 {
margin-top: -5px;
}
.m-t-n-sm-900 {
margin-top: -10px;
}
.m-t-n-900 {
margin-top: -15px;
}
.m-t-n-md-900 {
margin-top: -20px;
}
.m-t-n-lg-900 {
margin-top: -30px;
}
.m-t-n-xl-900 {
margin-top: -40px;
}
.m-t-n-xxl-900 {
margin-top: -50px;
}
.m-r-none-900 {
margin-right: 0!important;
}
.m-r-5-900 {
margin-right: 5px;
}
.m-r-10-900 {
margin-right: 10px;
}
.m-r-15-900 {
margin-right: 15px;
}
.m-r-20-900 {
margin-right: 20px;
}
.m-r-25-900 {
margin-right: 25px;
}
.m-r-30-900 {
margin-right: 30px;
}
.m-r-40-900 {
margin-right: 40px;
}
.m-r-50-900 {
margin-right: 50px;
}
.m-r-60-900 {
margin-right: 60px;
}
.m-r-70-900 {
margin-right: 70px;
}
.m-r-80-900 {
margin-right: 80px;
}
.m-r-90-900 {
margin-right: 80px;
}
.m-r-100-900 {
margin-right: 80px;
}
.m-r-110-900 {
margin-right: 110px;
}
.m-r-120-900 {
margin-right: 120px;
}
.m-r-125-900 {
margin-right: 125px;
}
.m-r-150-900 {
margin-right: 150px;
}
.m-r-175-900 {
margin-right: 175px;
}
.m-r-200-900 {
margin-right: 200px;
}
.m-b-none-900 {
margin-bottom: 0!important;
}
.m-b-5-900 {
margin-bottom: 5px;
}
.m-b-10-900 {
margin-bottom: 10px;
}
.m-b-15-900 {
margin-bottom: 15px;
}
.m-b-20-900 {
margin-bottom: 20px;
}
.m-b-25-900 {
margin-bottom: 25px;
}
.m-b-30-900 {
margin-bottom: 30px;
}
.m-b-40-900 {
margin-bottom: 40px;
}
.m-b-50-900 {
margin-bottom: 50px;
}
.m-b-60-900 {
margin-bottom: 60px;
}
.m-b-70-900 {
margin-bottom: 70px;
}
.m-b-80-900 {
margin-bottom: 80px;
}
.m-b-90-900 {
margin-bottom: 80px;
}
.m-b-100-900 {
margin-bottom: 80px;
}
.m-b-110-900 {
margin-bottom: 110px;
}
.m-b-120-900 {
margin-bottom: 120px;
}
.m-b-125-900 {
margin-bottom: 125px;
}
.m-b-150-900 {
margin-bottom: 150px;
}
.m-b-175-900 {
margin-bottom: 175px;
}
.m-b-200-900 {
margin-bottom: 200px;
}
.m-b-n-xxs-900 {
margin-bottom: -1px;
}
.m-b-n-xs-900 {
margin-bottom: -5px;
}
.m-b-n-sm-900 {
margin-bottom: -10px;
}
.m-b-n-900 {
margin-bottom: -15px;
}
.m-b-n-md-900 {
margin-bottom: -20px;
}
.m-b-n-lg-900 {
margin-bottom: -30px;
}
.m-b-lgr-900 {
margin-bottom: 50px;
}
.m-b-n-xl-900 {
margin-bottom: -40px;
}
.m-b-n-xxl-900 {
margin-bottom: -50px;
}
/*------------------------------------*\
END MARGINS
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
START MENU TEMPLATE CSS
\*------------------------------------*/
.menu-single-inner {
width: 100%;
margin-right:0px;
margin-bottom:30px;
}
.gerecht-info {
padding-right:20px;
}
.menu-single-inner h3 {
margin-bottom: 15px;
}
/*------------------------------------*\
END MENU TEMPLATE CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
.sidebar-lp .sidebar-widget {
justify-content: space-between;
}
.sidebar-widget .widget_text {
width: unset;
}
/*------------------------------------*\
END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
.slogan-container {
margin-top: 40px;
font-size: 14px;
}
.social-media-container-footer {
right: 0px;
top: unset;
width: 100%;
text-align: center;
margin-top: 10px;
}
.top-footer-flex-1024 {
margin-bottom: 10px;
}
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
}
@media only screen and (max-width:800px) {
/*------------------------------------*\
START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
.hide-800 {
display:none;
}
.show-800 {
display:block;
}
/*------------------------------------*\
END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE COLS CSS
\*------------------------------------*/
.col12-s-800{
width: 100%
}
.col11-s-800{
width: 91.66666667%
}
.col10-s-800{
width: 83.22222233%
}
.col9-s-800{
width: 75%
}
.col8-s-800{
width: 66.66666667%
}
.col7-s-800{
width: 58.22222233%
}
.col6-s-800{
width: 50%
}
.col5-s-800{
width: 41.66666667%
}
.col4-s-800 {
width: 33.22222233%
}
.col3-s-800{
width: 25%
}
.col2-s-800{
width: 16.66666667%
}
.col1-s-800
{
width: 8.22222233%
}
/*------------------------------------*\
ENDS RESPONSIVE COLS CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS PERCENTAGE
\*------------------------------------*/
.p-0-800 {
padding:0px 0%;
}
.p-5-800 {
padding:0px 5%;
}
.p-10-800 {
padding:0px 10%;
}
.p-15-800 {
padding:0px 15%;
}
.p-20-800 {
padding:0px 20%;
}
.p-25-800 {
padding:0px 25%;
}
.p-30-800 {
padding:0px 30%;
}
.p-35-800 {
padding:0px 35%;
}
.p-40-800 {
padding:0px 40%;
}
.p-45-800 {
padding:0px 45%;
}
.p-50-800 {
padding:0px 50%;
}
/*------------------------------------*\
END PADDINGS PERCENTAGE
\*------------------------------------*/
.p-5px-800 {
padding: 5px;
}
.p-10px-800 {
padding: 10px;
}
.p-15px-800 {
padding: 15px;
}
.p-20px-800 {
padding: 20px;
}
.p-30px-800 {
padding: 30px;
}
.p-50px-800 {
padding: 50px;
}
.p-n-800 {
padding: 0!important;
}
.p-l-none-800 {
padding-left: 0!important;
}
.p-l-5-800 {
padding-left: 5px;
}
.p-l-10-800 {
padding-left: 10px;
}
.p-l-15-800 {
padding-left: 15px;
}
.p-l-20-800 {
padding-left: 20px;
}
.p-l-25-800 {
padding-left: 25px;
}
.p-l-30-800 {
padding-left: 30px;
}
.p-l-40-800 {
padding-left: 40px;
}
.p-l-50-800 {
padding-left: 50px;
}
.p-l-60-800 {
padding-left: 60px;
}
.p-l-70-800 {
padding-left: 70px;
}
.p-l-80-800 {
padding-left: 80px;
}
.p-l-90-800 {
padding-left: 80px;
}
.p-l-100-800 {
padding-left: 80px;
}
.p-l-110-800 {
padding-left: 110px;
}
.p-l-120-800 {
padding-left: 120px;
}
.p-l-125-800 {
padding-left: 125px;
}
.p-l-150-800 {
padding-left: 150px;
}
.p-l-175-800 {
padding-left: 175px;
}
.p-l-200-800 {
padding-left: 200px;
}
.p-l-lg-800 {
padding-left: 60px;
}
.p-l-xl-800 {
padding-left: 80px;
}
.p-l-xxl-800 {
padding-left: 100px;
}
.p-l-n-xxs-800 {
padding-left: -1px;
}
.p-l-n-xs-800 {
padding-left: -5px;
}
.p-l-n-sm-800 {
padding-left: -10px;
}
.p-l-n-800 {
padding-left: -15px;
}
.p-l-n-md-800 {
padding-left: -20px;
}
.p-l-n-lg-800 {
padding-left: -30px;
}
.p-l-n-xl-800 {
padding-left: -40px;
}
.p-l-n-xxl-800 {
padding-left: -50px;
}
.p-t-none-800 {
padding-top: 0!important;
}
.p-t-5-800 {
padding-top: 5px;
}
.p-t-10-800 {
padding-top: 10px;
}
.p-t-15-800 {
padding-top: 15px;
}
.p-t-20-800 {
padding-top: 20px;
}
.p-t-25-800 {
padding-top: 25px;
}
.p-t-30-800 {
padding-top: 30px;
}
.p-t-40-800 {
padding-top: 40px;
}
.p-t-50-800 {
padding-top: 50px;
}
.p-t-60-800 {
padding-top: 60px;
}
.p-t-70-800 {
padding-top: 70px;
}
.p-t-80-800 {
padding-top: 80px;
}
.p-t-90-800 {
padding-top: 80px;
}
.p-t-100-800 {
padding-top: 80px;
}
.p-t-110-800 {
padding-top: 110px;
}
.p-t-120-800 {
padding-top: 120px;
}
.p-t-125-800 {
padding-top: 125px;
}
.p-t-150-800 {
padding-top: 150px;
}
.p-t-175-800 {
padding-top: 175px;
}
.p-t-200-800 {
padding-top: 200px;
}
.p-t-n-xxs-800 {
padding-top: -1px;
}
.p-t-n-xs-800 {
padding-top: -5px;
}
.p-t-n-sm-800 {
padding-top: -10px;
}
.p-t-n-800 {
padding-top: -15px;
}
.p-t-n-md-800 {
padding-top: -20px;
}
.p-t-n-lg-800 {
padding-top: -30px;
}
.p-t-n-xl-800 {
padding-top: -40px;
}
.p-t-n-xxl-800 {
padding-top: -50px;
}
.p-r-none-800 {
padding-right: 0!important;
}
.p-r-5-800 {
padding-right: 5px;
}
.p-r-10-800 {
padding-right: 10px;
}
.p-r-15-800 {
padding-right: 15px;
}
.p-r-20-800 {
padding-right: 20px;
}
.p-r-25-800 {
padding-right: 25px;
}
.p-r-30-800 {
padding-right: 30px;
}
.p-r-40-800 {
padding-right: 40px;
}
.p-r-50-800 {
padding-right: 50px;
}
.p-r-60-800 {
padding-right: 60px;
}
.p-r-70-800 {
padding-right: 70px;
}
.p-r-80-800 {
padding-right: 80px;
}
.p-r-90-800 {
padding-right: 80px;
}
.p-r-100-800 {
padding-right: 80px;
}
.p-r-110-800 {
padding-right: 110px;
}
.p-r-120-800 {
padding-right: 120px;
}
.p-r-125-800 {
padding-right: 125px;
}
.p-r-150-800 {
padding-right: 150px;
}
.p-r-175-800 {
padding-right: 175px;
}
.p-r-200-800 {
padding-right: 200px;
}
.p-b-none-800 {
padding-bottom: 0!important;
}
.p-b-5-800 {
padding-bottom: 5px;
}
.p-b-10-800 {
padding-bottom: 10px;
}
.p-b-15-800 {
padding-bottom: 15px;
}
.p-b-20-800 {
padding-bottom: 20px;
}
.p-b-25-800 {
padding-bottom: 25px;
}
.p-b-30-800 {
padding-bottom: 30px;
}
.p-b-40-800 {
padding-bottom: 40px;
}
.p-b-50-800 {
padding-bottom: 50px;
}
.p-b-60-800 {
padding-bottom: 60px;
}
.p-b-70-800 {
padding-bottom: 70px;
}
.p-b-80-800 {
padding-bottom: 80px;
}
.p-b-90-800 {
padding-bottom: 80px;
}
.p-b-100-800 {
padding-bottom: 80px;
}
.p-b-110-800 {
padding-bottom: 110px;
}
.p-b-120-800 {
padding-bottom: 120px;
}
.p-b-125-800 {
padding-bottom: 125px;
}
.p-b-150-800 {
padding-bottom: 150px;
}
.p-b-175-800 {
padding-bottom: 175px;
}
.p-b-200-800 {
padding-bottom: 200px;
}
.p-b-n-xxs-800 {
padding-bottom: -1px;
}
.p-b-n-xs-800 {
padding-bottom: -5px;
}
.p-b-n-sm-800 {
padding-bottom: -10px;
}
.p-b-n-800 {
padding-bottom: -15px;
}
.p-b-n-md-800 {
padding-bottom: -20px;
}
.p-b-n-lg-800 {
padding-bottom: -30px;
}
.p-b-lgr-800 {
padding-bottom: 50px;
}
.p-b-n-xl-800 {
padding-bottom: -40px;
}
.p-b-n-xxl-800 {
padding-bottom: -50px;
}
/*------------------------------------*\
END PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS PERCENTAGE
\*------------------------------------*/
.m-5-800 {
margin:0px 5%;
}
.m-10-800 {
margin:0px 10%;
}
.m-15-800 {
margin:0px 15%;
}
.m-20-800 {
margin:0px 20%;
}
.m-25-800 {
margin:0px 25%;
}
.m-30-800 {
margin:0px 30%;
}
.m-35-800 {
margin:0px 35%;
}
.m-40-800 {
margin:0px 40%;
}
.m-45-800 {
margin:0px 45%;
}
.m-50-800 {
margin:0px 50%;
}
/*------------------------------------*\
END MARGINS PERCENTAGE
\*------------------------------------*/
.m-5px-800 {
margin: 5px;
}
.m-10px-800 {
margin: 10px;
}
.m-15px-800 {
margin: 15px;
}
.m-20px-800 {
margin: 20px;
}
.m-30px-800 {
margin: 30px;
}
.m-50px-800 {
margin: 50px;
}
.m-n-800 {
margin: 0!important;
}
.m-l-none-800 {
margin-left: 0!important;
}
.m-l-5-800 {
margin-left: 5px;
}
.m-l-10-800 {
margin-left: 10px;
}
.m-l-15-800 {
margin-left: 15px;
}
.m-l-20-800 {
margin-left: 20px;
}
.m-l-25-800 {
margin-left: 25px;
}
.m-l-30-800 {
margin-left: 30px;
}
.m-l-40-800 {
margin-left: 40px;
}
.m-l-50-800 {
margin-left: 50px;
}
.m-l-60-800 {
margin-left: 60px;
}
.m-l-70-800 {
margin-left: 70px;
}
.m-l-80-800 {
margin-left: 80px;
}
.m-l-90-800 {
margin-left: 80px;
}
.m-l-100-800 {
margin-left: 80px;
}
.m-l-110-800 {
margin-left: 110px;
}
.m-l-120-800 {
margin-left: 120px;
}
.m-l-125-800 {
margin-left: 125px;
}
.m-l-150-800 {
margin-left: 150px;
}
.m-l-175-800 {
margin-left: 175px;
}
.m-l-200-800 {
margin-left: 200px;
}
.m-l-lg-800 {
margin-left: 60px;
}
.m-l-xl-800 {
margin-left: 80px;
}
.m-l-xxl-800 {
margin-left: 100px;
}
.m-l-n-xxs-800 {
margin-left: -1px;
}
.m-l-n-xs-800 {
margin-left: -5px;
}
.m-l-n-sm-800 {
margin-left: -10px;
}
.m-l-n-800 {
margin-left: -15px;
}
.m-l-n-md-800 {
margin-left: -20px;
}
.m-l-n-lg-800 {
margin-left: -30px;
}
.m-l-n-xl-800 {
margin-left: -40px;
}
.m-l-n-xxl-800 {
margin-left: -50px;
}
.m-t-none-800 {
margin-top: 0!important;
}
.m-t-5-800 {
margin-top: 5px;
}
.m-t-10-800 {
margin-top: 10px;
}
.m-t-15-800 {
margin-top: 15px;
}
.m-t-20-800 {
margin-top: 20px;
}
.m-t-25-800 {
margin-top: 25px;
}
.m-t-30-800 {
margin-top: 30px;
}
.m-t-40-800 {
margin-top: 40px;
}
.m-t-50-800 {
margin-top: 50px;
}
.m-t-60-800 {
margin-top: 60px;
}
.m-t-70-800 {
margin-top: 70px;
}
.m-t-80-800 {
margin-top: 80px;
}
.m-t-90-800 {
margin-top: 80px;
}
.m-t-100-800 {
margin-top: 80px;
}
.m-t-110-800 {
margin-top: 110px;
}
.m-t-120-800 {
margin-top: 120px;
}
.m-t-125-800 {
margin-top: 125px;
}
.m-t-150-800 {
margin-top: 150px;
}
.m-t-175-800 {
margin-top: 175px;
}
.m-t-200-800 {
margin-top: 200px;
}
.m-t-n-xxs-800 {
margin-top: -1px;
}
.m-t-n-xs-800 {
margin-top: -5px;
}
.m-t-n-sm-800 {
margin-top: -10px;
}
.m-t-n-800 {
margin-top: -15px;
}
.m-t-n-md-800 {
margin-top: -20px;
}
.m-t-n-lg-800 {
margin-top: -30px;
}
.m-t-n-xl-800 {
margin-top: -40px;
}
.m-t-n-xxl-800 {
margin-top: -50px;
}
.m-r-none-800 {
margin-right: 0!important;
}
.m-r-5-800 {
margin-right: 5px;
}
.m-r-10-800 {
margin-right: 10px;
}
.m-r-15-800 {
margin-right: 15px;
}
.m-r-20-800 {
margin-right: 20px;
}
.m-r-25-800 {
margin-right: 25px;
}
.m-r-30-800 {
margin-right: 30px;
}
.m-r-40-800 {
margin-right: 40px;
}
.m-r-50-800 {
margin-right: 50px;
}
.m-r-60-800 {
margin-right: 60px;
}
.m-r-70-800 {
margin-right: 70px;
}
.m-r-80-800 {
margin-right: 80px;
}
.m-r-90-800 {
margin-right: 80px;
}
.m-r-100-800 {
margin-right: 80px;
}
.m-r-110-800 {
margin-right: 110px;
}
.m-r-120-800 {
margin-right: 120px;
}
.m-r-125-800 {
margin-right: 125px;
}
.m-r-150-800 {
margin-right: 150px;
}
.m-r-175-800 {
margin-right: 175px;
}
.m-r-200-800 {
margin-right: 200px;
}
.m-b-none-800 {
margin-bottom: 0!important;
}
.m-b-5-800 {
margin-bottom: 5px;
}
.m-b-10-800 {
margin-bottom: 10px;
}
.m-b-15-800 {
margin-bottom: 15px;
}
.m-b-20-800 {
margin-bottom: 20px;
}
.m-b-25-800 {
margin-bottom: 25px;
}
.m-b-30-800 {
margin-bottom: 30px;
}
.m-b-40-800 {
margin-bottom: 40px;
}
.m-b-50-800 {
margin-bottom: 50px;
}
.m-b-60-800 {
margin-bottom: 60px;
}
.m-b-70-800 {
margin-bottom: 70px;
}
.m-b-80-800 {
margin-bottom: 80px;
}
.m-b-90-800 {
margin-bottom: 80px;
}
.m-b-100-800 {
margin-bottom: 80px;
}
.m-b-110-800 {
margin-bottom: 110px;
}
.m-b-120-800 {
margin-bottom: 120px;
}
.m-b-125-800 {
margin-bottom: 125px;
}
.m-b-150-800 {
margin-bottom: 150px;
}
.m-b-175-800 {
margin-bottom: 175px;
}
.m-b-200-800 {
margin-bottom: 200px;
}
.m-b-n-xxs-800 {
margin-bottom: -1px;
}
.m-b-n-xs-800 {
margin-bottom: -5px;
}
.m-b-n-sm-800 {
margin-bottom: -10px;
}
.m-b-n-800 {
margin-bottom: -15px;
}
.m-b-n-md-800 {
margin-bottom: -20px;
}
.m-b-n-lg-800 {
margin-bottom: -30px;
}
.m-b-lgr-800 {
margin-bottom: 50px;
}
.m-b-n-xl-800 {
margin-bottom: -40px;
}
.m-b-n-xxl-800 {
margin-bottom: -50px;
}
/*------------------------------------*\
END MARGINS
\*------------------------------------*/
/*------------------------------------*\
START HEADER CSS
\*------------------------------------*/
.flex-header-800 {
display: flex;
}
.left-header {
order: 2;
width: calc(100% - 450px);
}
.center-header {
order: 1;
}
.right-header {
order: 3;
width: 250px;
}
.header-part {
justify-content: flex-end;
}
.header-part .social-media-container {
padding-right:20px
}
/*------------------------------------*\
END HEADER CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
.post-container-fp h3 {
font-size: 20px;
text-transform: unset;
min-height:50px;
}
.post-container-fp {
font-size:14px;
}
.post-container-inner-fp {
padding: 40px 10px 50px 0px;
}
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
}
@media only screen and (max-width:768px) {
/*------------------------------------*\
START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
.hide-768 {
display:none;
}
.show-768 {
display:block;
}
/*------------------------------------*\
END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE COLS CSS
\*------------------------------------*/
.col12-768{
width: 100%
}
.col11-768{
width: 91.66666667%
}
.col10-768{
width: 83.22222233%
}
.col9-768{
width: 75%
}
.col8-768{
width: 66.66666667%
}
.col7-768{
width: 58.22222233%
}
.col6-768{
width: 50%
}
.col5-768{
width: 41.66666667%
}
.col4-768 {
width: 33.22222233%
}
.col3-768{
width: 25%
}
.col2-768{
width: 16.66666667%
}
.col1-768
{
width: 8.22222233%
}
/*------------------------------------*\
END RESPONSIVE COLS CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS PERCENTAGE
\*------------------------------------*/
.p-0-768 {
padding:0px 0%;
}
.p-5-768 {
padding:0px 5%;
}
.p-10-768 {
padding:0px 10%;
}
.p-15-768 {
padding:0px 15%;
}
.p-20-768 {
padding:0px 20%;
}
.p-25-768 {
padding:0px 25%;
}
.p-30-768 {
padding:0px 30%;
}
.p-35-768 {
padding:0px 35%;
}
.p-40-768 {
padding:0px 40%;
}
.p-45-768 {
padding:0px 45%;
}
.p-50-768 {
padding:0px 50%;
}
/*------------------------------------*\
END PADDINGS PERCENTAGE
\*------------------------------------*/
.p-5px-768 {
padding: 5px;
}
.p-10px-768 {
padding: 10px;
}
.p-15px-768 {
padding: 15px;
}
.p-20px-768 {
padding: 20px;
}
.p-30px-768 {
padding: 30px;
}
.p-50px-768 {
padding: 50px;
}
.p-n-768 {
padding: 0!important;
}
.p-l-none-768 {
padding-left: 0!important;
}
.p-l-5-768 {
padding-left: 5px;
}
.p-l-10-768 {
padding-left: 10px;
}
.p-l-15-768 {
padding-left: 15px;
}
.p-l-20-768 {
padding-left: 20px;
}
.p-l-25-768 {
padding-left: 25px;
}
.p-l-30-768 {
padding-left: 30px;
}
.p-l-40-768 {
padding-left: 40px;
}
.p-l-50-768 {
padding-left: 50px;
}
.p-l-60-768 {
padding-left: 60px;
}
.p-l-70-768 {
padding-left: 70px;
}
.p-l-80-768 {
padding-left: 80px;
}
.p-l-90-768 {
padding-left: 80px;
}
.p-l-100-768 {
padding-left: 80px;
}
.p-l-110-768 {
padding-left: 110px;
}
.p-l-120-768 {
padding-left: 120px;
}
.p-l-125-768 {
padding-left: 125px;
}
.p-l-150-768 {
padding-left: 150px;
}
.p-l-175-768 {
padding-left: 175px;
}
.p-l-200-768 {
padding-left: 200px;
}
.p-l-lg-768 {
padding-left: 60px;
}
.p-l-xl-768 {
padding-left: 80px;
}
.p-l-xxl-768 {
padding-left: 100px;
}
.p-l-n-xxs-768 {
padding-left: -1px;
}
.p-l-n-xs-768 {
padding-left: -5px;
}
.p-l-n-sm-768 {
padding-left: -10px;
}
.p-l-n-768 {
padding-left: -15px;
}
.p-l-n-md-768 {
padding-left: -20px;
}
.p-l-n-lg-768 {
padding-left: -30px;
}
.p-l-n-xl-768 {
padding-left: -40px;
}
.p-l-n-xxl-768 {
padding-left: -50px;
}
.p-t-none-768 {
padding-top: 0!important;
}
.p-t-5-768 {
padding-top: 5px;
}
.p-t-10-768 {
padding-top: 10px;
}
.p-t-15-768 {
padding-top: 15px;
}
.p-t-20-768 {
padding-top: 20px;
}
.p-t-25-768 {
padding-top: 25px;
}
.p-t-30-768 {
padding-top: 30px;
}
.p-t-40-768 {
padding-top: 40px;
}
.p-t-50-768 {
padding-top: 50px;
}
.p-t-60-768 {
padding-top: 60px;
}
.p-t-70-768 {
padding-top: 70px;
}
.p-t-80-768 {
padding-top: 80px;
}
.p-t-90-768 {
padding-top: 80px;
}
.p-t-100-768 {
padding-top: 80px;
}
.p-t-110-768 {
padding-top: 110px;
}
.p-t-120-768 {
padding-top: 120px;
}
.p-t-125-768 {
padding-top: 125px;
}
.p-t-150-768 {
padding-top: 150px;
}
.p-t-175-768 {
padding-top: 175px;
}
.p-t-200-768 {
padding-top: 200px;
}
.p-t-n-xxs-768 {
padding-top: -1px;
}
.p-t-n-xs-768 {
padding-top: -5px;
}
.p-t-n-sm-768 {
padding-top: -10px;
}
.p-t-n-768 {
padding-top: -15px;
}
.p-t-n-md-768 {
padding-top: -20px;
}
.p-t-n-lg-768 {
padding-top: -30px;
}
.p-t-n-xl-768 {
padding-top: -40px;
}
.p-t-n-xxl-768 {
padding-top: -50px;
}
.p-r-none-768 {
padding-right: 0!important;
}
.p-r-5-768 {
padding-right: 5px;
}
.p-r-10-768 {
padding-right: 10px;
}
.p-r-15-768 {
padding-right: 15px;
}
.p-r-20-768 {
padding-right: 20px;
}
.p-r-25-768 {
padding-right: 25px;
}
.p-r-30-768 {
padding-right: 30px;
}
.p-r-40-768 {
padding-right: 40px;
}
.p-r-50-768 {
padding-right: 50px;
}
.p-r-60-768 {
padding-right: 60px;
}
.p-r-70-768 {
padding-right: 70px;
}
.p-r-80-768 {
padding-right: 80px;
}
.p-r-90-768 {
padding-right: 80px;
}
.p-r-100-768 {
padding-right: 80px;
}
.p-r-110-768 {
padding-right: 110px;
}
.p-r-120-768 {
padding-right: 120px;
}
.p-r-125-768 {
padding-right: 125px;
}
.p-r-150-768 {
padding-right: 150px;
}
.p-r-175-768 {
padding-right: 175px;
}
.p-r-200-768 {
padding-right: 200px;
}
.p-b-none-768 {
padding-bottom: 0!important;
}
.p-b-5-768 {
padding-bottom: 5px;
}
.p-b-10-768 {
padding-bottom: 10px;
}
.p-b-15-768 {
padding-bottom: 15px;
}
.p-b-20-768 {
padding-bottom: 20px;
}
.p-b-25-768 {
padding-bottom: 25px;
}
.p-b-30-768 {
padding-bottom: 30px;
}
.p-b-40-768 {
padding-bottom: 40px;
}
.p-b-50-768 {
padding-bottom: 50px;
}
.p-b-60-768 {
padding-bottom: 60px;
}
.p-b-70-768 {
padding-bottom: 70px;
}
.p-b-80-768 {
padding-bottom: 80px;
}
.p-b-90-768 {
padding-bottom: 80px;
}
.p-b-100-768 {
padding-bottom: 80px;
}
.p-b-110-768 {
padding-bottom: 110px;
}
.p-b-120-768 {
padding-bottom: 120px;
}
.p-b-125-768 {
padding-bottom: 125px;
}
.p-b-150-768 {
padding-bottom: 150px;
}
.p-b-175-768 {
padding-bottom: 175px;
}
.p-b-200-768 {
padding-bottom: 200px;
}
.p-b-n-xxs-768 {
padding-bottom: -1px;
}
.p-b-n-xs-768 {
padding-bottom: -5px;
}
.p-b-n-sm-768 {
padding-bottom: -10px;
}
.p-b-n-768 {
padding-bottom: -15px;
}
.p-b-n-md-768 {
padding-bottom: -20px;
}
.p-b-n-lg-768 {
padding-bottom: -30px;
}
.p-b-lgr-768 {
padding-bottom: 50px;
}
.p-b-n-xl-768 {
padding-bottom: -40px;
}
.p-b-n-xxl-768 {
padding-bottom: -50px;
}
/*------------------------------------*\
END PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS PERCENTAGE
\*------------------------------------*/
.m-5-768 {
margin:0px 5%;
}
.m-10-768 {
margin:0px 10%;
}
.m-15-768 {
margin:0px 15%;
}
.m-20-768 {
margin:0px 20%;
}
.m-25-768 {
margin:0px 25%;
}
.m-30-768 {
margin:0px 30%;
}
.m-35-768 {
margin:0px 35%;
}
.m-40-768 {
margin:0px 40%;
}
.m-45-768 {
margin:0px 45%;
}
.m-50-768 {
margin:0px 50%;
}
/*------------------------------------*\
END MARGINS PERCENTAGE
\*------------------------------------*/
.m-5px-768 {
margin: 5px;
}
.m-10px-768 {
margin: 10px;
}
.m-15px-768 {
margin: 15px;
}
.m-20px-768 {
margin: 20px;
}
.m-30px-768 {
margin: 30px;
}
.m-50px-768 {
margin: 50px;
}
.m-n-768 {
margin: 0!important;
}
.m-l-none-768 {
margin-left: 0!important;
}
.m-l-5-768 {
margin-left: 5px;
}
.m-l-10-768 {
margin-left: 10px;
}
.m-l-15-768 {
margin-left: 15px;
}
.m-l-20-768 {
margin-left: 20px;
}
.m-l-25-768 {
margin-left: 25px;
}
.m-l-30-768 {
margin-left: 30px;
}
.m-l-40-768 {
margin-left: 40px;
}
.m-l-50-768 {
margin-left: 50px;
}
.m-l-60-768 {
margin-left: 60px;
}
.m-l-70-768 {
margin-left: 70px;
}
.m-l-80-768 {
margin-left: 80px;
}
.m-l-90-768 {
margin-left: 80px;
}
.m-l-100-768 {
margin-left: 80px;
}
.m-l-110-768 {
margin-left: 110px;
}
.m-l-120-768 {
margin-left: 120px;
}
.m-l-125-768 {
margin-left: 125px;
}
.m-l-150-768 {
margin-left: 150px;
}
.m-l-175-768 {
margin-left: 175px;
}
.m-l-200-768 {
margin-left: 200px;
}
.m-l-lg-768 {
margin-left: 60px;
}
.m-l-xl-768 {
margin-left: 80px;
}
.m-l-xxl-768 {
margin-left: 100px;
}
.m-l-n-xxs-768 {
margin-left: -1px;
}
.m-l-n-xs-768 {
margin-left: -5px;
}
.m-l-n-sm-768 {
margin-left: -10px;
}
.m-l-n-768 {
margin-left: -15px;
}
.m-l-n-md-768 {
margin-left: -20px;
}
.m-l-n-lg-768 {
margin-left: -30px;
}
.m-l-n-xl-768 {
margin-left: -40px;
}
.m-l-n-xxl-768 {
margin-left: -50px;
}
.m-t-none-768 {
margin-top: 0!important;
}
.m-t-5-768 {
margin-top: 5px;
}
.m-t-10-768 {
margin-top: 10px;
}
.m-t-15-768 {
margin-top: 15px;
}
.m-t-20-768 {
margin-top: 20px;
}
.m-t-25-768 {
margin-top: 25px;
}
.m-t-30-768 {
margin-top: 30px;
}
.m-t-40-768 {
margin-top: 40px;
}
.m-t-50-768 {
margin-top: 50px;
}
.m-t-60-768 {
margin-top: 60px;
}
.m-t-70-768 {
margin-top: 70px;
}
.m-t-80-768 {
margin-top: 80px;
}
.m-t-90-768 {
margin-top: 80px;
}
.m-t-100-768 {
margin-top: 80px;
}
.m-t-110-768 {
margin-top: 110px;
}
.m-t-120-768 {
margin-top: 120px;
}
.m-t-125-768 {
margin-top: 125px;
}
.m-t-150-768 {
margin-top: 150px;
}
.m-t-175-768 {
margin-top: 175px;
}
.m-t-200-768 {
margin-top: 200px;
}
.m-t-n-xxs-768 {
margin-top: -1px;
}
.m-t-n-xs-768 {
margin-top: -5px;
}
.m-t-n-sm-768 {
margin-top: -10px;
}
.m-t-n-768 {
margin-top: -15px;
}
.m-t-n-md-768 {
margin-top: -20px;
}
.m-t-n-lg-768 {
margin-top: -30px;
}
.m-t-n-xl-768 {
margin-top: -40px;
}
.m-t-n-xxl-768 {
margin-top: -50px;
}
.m-r-none-768 {
margin-right: 0!important;
}
.m-r-5-768 {
margin-right: 5px;
}
.m-r-10-768 {
margin-right: 10px;
}
.m-r-15-768 {
margin-right: 15px;
}
.m-r-20-768 {
margin-right: 20px;
}
.m-r-25-768 {
margin-right: 25px;
}
.m-r-30-768 {
margin-right: 30px;
}
.m-r-40-768 {
margin-right: 40px;
}
.m-r-50-768 {
margin-right: 50px;
}
.m-r-60-768 {
margin-right: 60px;
}
.m-r-70-768 {
margin-right: 70px;
}
.m-r-80-768 {
margin-right: 80px;
}
.m-r-90-768 {
margin-right: 80px;
}
.m-r-100-768 {
margin-right: 80px;
}
.m-r-110-768 {
margin-right: 110px;
}
.m-r-120-768 {
margin-right: 120px;
}
.m-r-125-768 {
margin-right: 125px;
}
.m-r-150-768 {
margin-right: 150px;
}
.m-r-175-768 {
margin-right: 175px;
}
.m-r-200-768 {
margin-right: 200px;
}
.m-b-none-768 {
margin-bottom: 0!important;
}
.m-b-5-768 {
margin-bottom: 5px;
}
.m-b-10-768 {
margin-bottom: 10px;
}
.m-b-15-768 {
margin-bottom: 15px;
}
.m-b-20-768 {
margin-bottom: 20px;
}
.m-b-25-768 {
margin-bottom: 25px;
}
.m-b-30-768 {
margin-bottom: 30px;
}
.m-b-40-768 {
margin-bottom: 40px;
}
.m-b-50-768 {
margin-bottom: 50px;
}
.m-b-60-768 {
margin-bottom: 60px;
}
.m-b-70-768 {
margin-bottom: 70px;
}
.m-b-80-768 {
margin-bottom: 80px;
}
.m-b-90-768 {
margin-bottom: 80px;
}
.m-b-100-768 {
margin-bottom: 80px;
}
.m-b-110-768 {
margin-bottom: 110px;
}
.m-b-120-768 {
margin-bottom: 120px;
}
.m-b-125-768 {
margin-bottom: 125px;
}
.m-b-150-768 {
margin-bottom: 150px;
}
.m-b-175-768 {
margin-bottom: 175px;
}
.m-b-200-768 {
margin-bottom: 200px;
}
.m-b-n-xxs-768 {
margin-bottom: -1px;
}
.m-b-n-xs-768 {
margin-bottom: -5px;
}
.m-b-n-sm-768 {
margin-bottom: -10px;
}
.m-b-n-768 {
margin-bottom: -15px;
}
.m-b-n-md-768 {
margin-bottom: -20px;
}
.m-b-n-lg-768 {
margin-bottom: -30px;
}
.m-b-lgr-768 {
margin-bottom: 50px;
}
.m-b-n-xl-768 {
margin-bottom: -40px;
}
.m-b-n-xxl-768 {
margin-bottom: -50px;
}
/*------------------------------------*\
END MARGINS
\*------------------------------------*/
/*------------------------------------*\
START PORTAL CSS
\*------------------------------------*/
.bg-portal {
height:50vh;
}
.portal-flex {
flex-flow: column wrap;
align-items: center;
justify-content: flex-start;
padding-top:50px;
}
.portal-right.portal-flex {
padding-top: 100px;
}
.portal-contact-container {
bottom: 90px;
}
a.button-portal {
bottom: calc(50% - 28px);
}
.section-row-portal h2 {
font-size: 20px;
}
.slide-line {
width: 100%;
height: 3px;
position: absolute;
top: calc(50% - 3px);
background-position: center center;
background-size: 100%;
left: 0px;
}
/*------------------------------------*\
END PORTAL CSS
\*------------------------------------*/
}
@media only screen and (max-width:670px) {
/*------------------------------------*\
START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
.hide-670 {
display:none;
}
.show-670 {
display:block;
}
/*------------------------------------*\
END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE COLS CSS
\*------------------------------------*/
.col12-xs{
width: 100%
}
.col11-xs{
width: 91.66666667%
}
.col10-xs{
width: 83.22222233%
}
.col9-xs{
width: 75%
}
.col8-xs{
width: 66.66666667%
}
.col7-xs{
width: 58.22222233%
}
.col6-xs{
width: 50%
}
.col5-xs{
width: 41.66666667%
}
.col4-xs {
width: 33.22222233%
}
.col3-xs{
width: 25%
}
.col2-xs{
width: 16.66666667%
}
.col1-xs
{
width: 8.22222233%
}
/*------------------------------------*\
END RESPONSIVE COLS CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS PERCENTAGE
\*------------------------------------*/
.p-0-670 {
padding:0px 0%;
}
.p-5-670 {
padding:0px 5%;
}
.p-10-670 {
padding:0px 10%;
}
.p-15-670 {
padding:0px 15%;
}
.p-20-670 {
padding:0px 20%;
}
.p-25-670 {
padding:0px 25%;
}
.p-30-670 {
padding:0px 30%;
}
.p-35-670 {
padding:0px 35%;
}
.p-40-670 {
padding:0px 40%;
}
.p-45-670 {
padding:0px 45%;
}
.p-50-670 {
padding:0px 50%;
}
/*------------------------------------*\
END PADDINGS PERCENTAGE
\*------------------------------------*/
.p-5px-670 {
padding: 5px;
}
.p-10px-670 {
padding: 10px;
}
.p-15px-670 {
padding: 15px;
}
.p-20px-670 {
padding: 20px;
}
.p-30px-670 {
padding: 30px;
}
.p-50px-670 {
padding: 50px;
}
.p-n-670 {
padding: 0!important;
}
.p-l-none-670 {
padding-left: 0!important;
}
.p-l-5-670 {
padding-left: 5px;
}
.p-l-10-670 {
padding-left: 10px;
}
.p-l-15-670 {
padding-left: 15px;
}
.p-l-20-670 {
padding-left: 20px;
}
.p-l-25-670 {
padding-left: 25px;
}
.p-l-30-670 {
padding-left: 30px;
}
.p-l-40-670 {
padding-left: 40px;
}
.p-l-50-670 {
padding-left: 50px;
}
.p-l-60-670 {
padding-left: 60px;
}
.p-l-70-670 {
padding-left: 70px;
}
.p-l-80-670 {
padding-left: 80px;
}
.p-l-90-670 {
padding-left: 80px;
}
.p-l-100-670 {
padding-left: 80px;
}
.p-l-110-670 {
padding-left: 110px;
}
.p-l-120-670 {
padding-left: 120px;
}
.p-l-125-670 {
padding-left: 125px;
}
.p-l-150-670 {
padding-left: 150px;
}
.p-l-175-670 {
padding-left: 175px;
}
.p-l-200-670 {
padding-left: 200px;
}
.p-l-lg-670 {
padding-left: 60px;
}
.p-l-xl-670 {
padding-left: 80px;
}
.p-l-xxl-670 {
padding-left: 100px;
}
.p-l-n-xxs-670 {
padding-left: -1px;
}
.p-l-n-xs-670 {
padding-left: -5px;
}
.p-l-n-sm-670 {
padding-left: -10px;
}
.p-l-n-670 {
padding-left: -15px;
}
.p-l-n-md-670 {
padding-left: -20px;
}
.p-l-n-lg-670 {
padding-left: -30px;
}
.p-l-n-xl-670 {
padding-left: -40px;
}
.p-l-n-xxl-670 {
padding-left: -50px;
}
.p-t-none-670 {
padding-top: 0!important;
}
.p-t-5-670 {
padding-top: 5px;
}
.p-t-10-670 {
padding-top: 10px;
}
.p-t-15-670 {
padding-top: 15px;
}
.p-t-20-670 {
padding-top: 20px;
}
.p-t-25-670 {
padding-top: 25px;
}
.p-t-30-670 {
padding-top: 30px;
}
.p-t-40-670 {
padding-top: 40px;
}
.p-t-50-670 {
padding-top: 50px;
}
.p-t-60-670 {
padding-top: 60px;
}
.p-t-70-670 {
padding-top: 70px;
}
.p-t-80-670 {
padding-top: 80px;
}
.p-t-90-670 {
padding-top: 80px;
}
.p-t-100-670 {
padding-top: 80px;
}
.p-t-110-670 {
padding-top: 110px;
}
.p-t-120-670 {
padding-top: 120px;
}
.p-t-125-670 {
padding-top: 125px;
}
.p-t-150-670 {
padding-top: 150px;
}
.p-t-175-670 {
padding-top: 175px;
}
.p-t-200-670 {
padding-top: 200px;
}
.p-t-n-xxs-670 {
padding-top: -1px;
}
.p-t-n-xs-670 {
padding-top: -5px;
}
.p-t-n-sm-670 {
padding-top: -10px;
}
.p-t-n-670 {
padding-top: -15px;
}
.p-t-n-md-670 {
padding-top: -20px;
}
.p-t-n-lg-670 {
padding-top: -30px;
}
.p-t-n-xl-670 {
padding-top: -40px;
}
.p-t-n-xxl-670 {
padding-top: -50px;
}
.p-r-none-670 {
padding-right: 0!important;
}
.p-r-5-670 {
padding-right: 5px;
}
.p-r-10-670 {
padding-right: 10px;
}
.p-r-15-670 {
padding-right: 15px;
}
.p-r-20-670 {
padding-right: 20px;
}
.p-r-25-670 {
padding-right: 25px;
}
.p-r-30-670 {
padding-right: 30px;
}
.p-r-40-670 {
padding-right: 40px;
}
.p-r-50-670 {
padding-right: 50px;
}
.p-r-60-670 {
padding-right: 60px;
}
.p-r-70-670 {
padding-right: 70px;
}
.p-r-80-670 {
padding-right: 80px;
}
.p-r-90-670 {
padding-right: 80px;
}
.p-r-100-670 {
padding-right: 80px;
}
.p-r-110-670 {
padding-right: 110px;
}
.p-r-120-670 {
padding-right: 120px;
}
.p-r-125-670 {
padding-right: 125px;
}
.p-r-150-670 {
padding-right: 150px;
}
.p-r-175-670 {
padding-right: 175px;
}
.p-r-200-670 {
padding-right: 200px;
}
.p-b-none-670 {
padding-bottom: 0!important;
}
.p-b-5-670 {
padding-bottom: 5px;
}
.p-b-10-670 {
padding-bottom: 10px;
}
.p-b-15-670 {
padding-bottom: 15px;
}
.p-b-20-670 {
padding-bottom: 20px;
}
.p-b-25-670 {
padding-bottom: 25px;
}
.p-b-30-670 {
padding-bottom: 30px;
}
.p-b-40-670 {
padding-bottom: 40px;
}
.p-b-50-670 {
padding-bottom: 50px;
}
.p-b-60-670 {
padding-bottom: 60px;
}
.p-b-70-670 {
padding-bottom: 70px;
}
.p-b-80-670 {
padding-bottom: 80px;
}
.p-b-90-670 {
padding-bottom: 80px;
}
.p-b-100-670 {
padding-bottom: 80px;
}
.p-b-110-670 {
padding-bottom: 110px;
}
.p-b-120-670 {
padding-bottom: 120px;
}
.p-b-125-670 {
padding-bottom: 125px;
}
.p-b-150-670 {
padding-bottom: 150px;
}
.p-b-175-670 {
padding-bottom: 175px;
}
.p-b-200-670 {
padding-bottom: 200px;
}
.p-b-n-xxs-670 {
padding-bottom: -1px;
}
.p-b-n-xs-670 {
padding-bottom: -5px;
}
.p-b-n-sm-670 {
padding-bottom: -10px;
}
.p-b-n-670 {
padding-bottom: -15px;
}
.p-b-n-md-670 {
padding-bottom: -20px;
}
.p-b-n-lg-670 {
padding-bottom: -30px;
}
.p-b-lgr-670 {
padding-bottom: 50px;
}
.p-b-n-xl-670 {
padding-bottom: -40px;
}
.p-b-n-xxl-670 {
padding-bottom: -50px;
}
/*------------------------------------*\
END PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS PERCENTAGE
\*------------------------------------*/
.m-5-670 {
margin:0px 5%;
}
.m-10-670 {
margin:0px 10%;
}
.m-15-670 {
margin:0px 15%;
}
.m-20-670 {
margin:0px 20%;
}
.m-25-670 {
margin:0px 25%;
}
.m-30-670 {
margin:0px 30%;
}
.m-35-670 {
margin:0px 35%;
}
.m-40-670 {
margin:0px 40%;
}
.m-45-670 {
margin:0px 45%;
}
.m-50-670 {
margin:0px 50%;
}
/*------------------------------------*\
END MARGINS PERCENTAGE
\*------------------------------------*/
.m-5px-670 {
margin: 5px;
}
.m-10px-670 {
margin: 10px;
}
.m-15px-670 {
margin: 15px;
}
.m-20px-670 {
margin: 20px;
}
.m-30px-670 {
margin: 30px;
}
.m-50px-670 {
margin: 50px;
}
.m-n-670 {
margin: 0!important;
}
.m-l-none-670 {
margin-left: 0!important;
}
.m-l-5-670 {
margin-left: 5px;
}
.m-l-10-670 {
margin-left: 10px;
}
.m-l-15-670 {
margin-left: 15px;
}
.m-l-20-670 {
margin-left: 20px;
}
.m-l-25-670 {
margin-left: 25px;
}
.m-l-30-670 {
margin-left: 30px;
}
.m-l-40-670 {
margin-left: 40px;
}
.m-l-50-670 {
margin-left: 50px;
}
.m-l-60-670 {
margin-left: 60px;
}
.m-l-70-670 {
margin-left: 70px;
}
.m-l-80-670 {
margin-left: 80px;
}
.m-l-90-670 {
margin-left: 80px;
}
.m-l-100-670 {
margin-left: 80px;
}
.m-l-110-670 {
margin-left: 110px;
}
.m-l-120-670 {
margin-left: 120px;
}
.m-l-125-670 {
margin-left: 125px;
}
.m-l-150-670 {
margin-left: 150px;
}
.m-l-175-670 {
margin-left: 175px;
}
.m-l-200-670 {
margin-left: 200px;
}
.m-l-lg-670 {
margin-left: 60px;
}
.m-l-xl-670 {
margin-left: 80px;
}
.m-l-xxl-670 {
margin-left: 100px;
}
.m-l-n-xxs-670 {
margin-left: -1px;
}
.m-l-n-xs-670 {
margin-left: -5px;
}
.m-l-n-sm-670 {
margin-left: -10px;
}
.m-l-n-670 {
margin-left: -15px;
}
.m-l-n-md-670 {
margin-left: -20px;
}
.m-l-n-lg-670 {
margin-left: -30px;
}
.m-l-n-xl-670 {
margin-left: -40px;
}
.m-l-n-xxl-670 {
margin-left: -50px;
}
.m-t-none-670 {
margin-top: 0!important;
}
.m-t-5-670 {
margin-top: 5px;
}
.m-t-10-670 {
margin-top: 10px;
}
.m-t-15-670 {
margin-top: 15px;
}
.m-t-20-670 {
margin-top: 20px;
}
.m-t-25-670 {
margin-top: 25px;
}
.m-t-30-670 {
margin-top: 30px;
}
.m-t-40-670 {
margin-top: 40px;
}
.m-t-50-670 {
margin-top: 50px;
}
.m-t-60-670 {
margin-top: 60px;
}
.m-t-70-670 {
margin-top: 70px;
}
.m-t-80-670 {
margin-top: 80px;
}
.m-t-90-670 {
margin-top: 80px;
}
.m-t-100-670 {
margin-top: 80px;
}
.m-t-110-670 {
margin-top: 110px;
}
.m-t-120-670 {
margin-top: 120px;
}
.m-t-125-670 {
margin-top: 125px;
}
.m-t-150-670 {
margin-top: 150px;
}
.m-t-175-670 {
margin-top: 175px;
}
.m-t-200-670 {
margin-top: 200px;
}
.m-t-n-xxs-670 {
margin-top: -1px;
}
.m-t-n-xs-670 {
margin-top: -5px;
}
.m-t-n-sm-670 {
margin-top: -10px;
}
.m-t-n-670 {
margin-top: -15px;
}
.m-t-n-md-670 {
margin-top: -20px;
}
.m-t-n-lg-670 {
margin-top: -30px;
}
.m-t-n-xl-670 {
margin-top: -40px;
}
.m-t-n-xxl-670 {
margin-top: -50px;
}
.m-r-none-670 {
margin-right: 0!important;
}
.m-r-5-670 {
margin-right: 5px;
}
.m-r-10-670 {
margin-right: 10px;
}
.m-r-15-670 {
margin-right: 15px;
}
.m-r-20-670 {
margin-right: 20px;
}
.m-r-25-670 {
margin-right: 25px;
}
.m-r-30-670 {
margin-right: 30px;
}
.m-r-40-670 {
margin-right: 40px;
}
.m-r-50-670 {
margin-right: 50px;
}
.m-r-60-670 {
margin-right: 60px;
}
.m-r-70-670 {
margin-right: 70px;
}
.m-r-80-670 {
margin-right: 80px;
}
.m-r-90-670 {
margin-right: 80px;
}
.m-r-100-670 {
margin-right: 80px;
}
.m-r-110-670 {
margin-right: 110px;
}
.m-r-120-670 {
margin-right: 120px;
}
.m-r-125-670 {
margin-right: 125px;
}
.m-r-150-670 {
margin-right: 150px;
}
.m-r-175-670 {
margin-right: 175px;
}
.m-r-200-670 {
margin-right: 200px;
}
.m-b-none-670 {
margin-bottom: 0!important;
}
.m-b-5-670 {
margin-bottom: 5px;
}
.m-b-10-670 {
margin-bottom: 10px;
}
.m-b-15-670 {
margin-bottom: 15px;
}
.m-b-20-670 {
margin-bottom: 20px;
}
.m-b-25-670 {
margin-bottom: 25px;
}
.m-b-30-670 {
margin-bottom: 30px;
}
.m-b-40-670 {
margin-bottom: 40px;
}
.m-b-50-670 {
margin-bottom: 50px;
}
.m-b-60-670 {
margin-bottom: 60px;
}
.m-b-70-670 {
margin-bottom: 70px;
}
.m-b-80-670 {
margin-bottom: 80px;
}
.m-b-90-670 {
margin-bottom: 80px;
}
.m-b-100-670 {
margin-bottom: 80px;
}
.m-b-110-670 {
margin-bottom: 110px;
}
.m-b-120-670 {
margin-bottom: 120px;
}
.m-b-125-670 {
margin-bottom: 125px;
}
.m-b-150-670 {
margin-bottom: 150px;
}
.m-b-175-670 {
margin-bottom: 175px;
}
.m-b-200-670 {
margin-bottom: 200px;
}
.m-b-n-xxs-670 {
margin-bottom: -1px;
}
.m-b-n-xs-670 {
margin-bottom: -5px;
}
.m-b-n-sm-670 {
margin-bottom: -10px;
}
.m-b-n-670 {
margin-bottom: -15px;
}
.m-b-n-md-670 {
margin-bottom: -20px;
}
.m-b-n-lg-670 {
margin-bottom: -30px;
}
.m-b-lgr-670 {
margin-bottom: 50px;
}
.m-b-n-xl-670 {
margin-bottom: -40px;
}
.m-b-n-xxl-670 {
margin-bottom: -50px;
}
/*------------------------------------*\
END MARGINS
\*------------------------------------*/
/*------------------------------------*\
START HEADER CSS
\*------------------------------------*/
body {
font-size: 15px;
}
/*------------------------------------*\
END HEADER CSS
\*------------------------------------*/
/*------------------------------------*\
START HEADER CSS
\*------------------------------------*/
.logo {
width: 150px;
}
.logo img {
max-width: 140px;
}
.left-header {
width: calc(100% - 400px);
}
.header-part .social-media-container {
padding-right:10px
}
/*------------------------------------*\
END HEADER CSS
\*------------------------------------*/
/*------------------------------------*\
START SLIDER CSS
\*------------------------------------*/
.home-slider .owl-item,
.default-slider .owl-item,
.slider,
.slide-image-lp,
.slide-image {
height: 400px;
}
.home-slider .slider-content {
bottom:30px;
}
/*------------------------------------*\
END SLIDER CSS
\*------------------------------------*/
.display-block-670 {
display:block;
}
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
.container-icons-home {
width: 50%;
margin-bottom:50px;
}
.container-icons-home:nth-last-child(-n+2) {
margin-bottom: 0px;
}
.row-tekst-block-row-4-home {
padding:40px;
}
.wptripadvisor_t1_P_3 {
font-size: 22px;
}
.post-container-fp h3 {
min-height:unset;
}
.post-container-fp {
width:100%;
margin-right:0px;
margin-bottom:40px;
}
.post-container-fp-lees-meer-container {
position: relative;
}
/*
.post-container-fp:nth-child(2) {
margin-right: 0%;
}
.post-container-fp:nth-child(3) {
width: 46.5%;
margin: 0 26.75% 0 26.75%;
}
*/
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
.sidebar-lp .sidebar-widget {
flex-flow: column wrap;
justify-content: flex-start;
}
.sidebar-widget .widget_text {
width: 100%;
}
/*------------------------------------*\
END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
/*------------------------------------*\
START MENU TEMPLATE CSS
\*------------------------------------*/
.full-slider-new .owl-item,
.full-slider-new .slider,
.full-slider-new .slide-image,
.menu-slider .owl-item,
.menu-slider .slider,
.default-slider .owl-item,
.default-slider .slider {
height: 200px;
}
/*------------------------------------*\
END MENU TEMPLATE CSS
\*------------------------------------*/
/*------------------------------------*\
START ERVARINGEN CSS
\*------------------------------------*/
.ervaring-foto {
float:left;
width:calc(100% - 0px);
margin-right: 0px;
margin-bottom:20px;
}
.ervaring-naam {
float:left;
width:100%;
}
.ervaring-naam h2 {
font-size:18px;
}
.ervaring-naam h3 {
font-size:16px;
}
.ervaring-naam h4 {
font-size: 14px;
}
/*------------------------------------*\
END ERVARINGEN CSS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
.logo-container img {
width:100px;
}
.slogan-container {
margin-top: 40px;
font-size: 12px;
}
.middle-footer ul {
margin-bottom: 15px;
}
.middle-footer li {
margin-bottom: 5px;
}
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
}
@media only screen and (max-width:550px) {
/*------------------------------------*\
START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
.hide-550 {
display:none;
}
.show-550 {
display:block;
}
/*------------------------------------*\
END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE COLS CSS
\*------------------------------------*/
.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%
}
/*------------------------------------*\
END RESPONSIVE COLS CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS PERCENTAGE
\*------------------------------------*/
.p-0-550 {
padding:0px 0%;
}
.p-5-550 {
padding:0px 5%;
}
.p-10-550 {
padding:0px 10%;
}
.p-15-550 {
padding:0px 15%;
}
.p-20-550 {
padding:0px 20%;
}
.p-25-550 {
padding:0px 25%;
}
.p-30-550 {
padding:0px 30%;
}
.p-35-550 {
padding:0px 35%;
}
.p-40-550 {
padding:0px 40%;
}
.p-45-550 {
padding:0px 45%;
}
.p-50-550 {
padding:0px 50%;
}
/*------------------------------------*\
END PADDINGS PERCENTAGE
\*------------------------------------*/
.p-5px-550 {
padding: 5px;
}
.p-10px-550 {
padding: 10px;
}
.p-15px-550 {
padding: 15px;
}
.p-20px-550 {
padding: 20px;
}
.p-30px-550 {
padding: 30px;
}
.p-50px-550 {
padding: 50px;
}
.p-n-550 {
padding: 0!important;
}
.p-l-none-550 {
padding-left: 0!important;
}
.p-l-5-550 {
padding-left: 5px;
}
.p-l-10-550 {
padding-left: 10px;
}
.p-l-15-550 {
padding-left: 15px;
}
.p-l-20-550 {
padding-left: 20px;
}
.p-l-25-550 {
padding-left: 25px;
}
.p-l-30-550 {
padding-left: 30px;
}
.p-l-40-550 {
padding-left: 40px;
}
.p-l-50-550 {
padding-left: 50px;
}
.p-l-60-550 {
padding-left: 60px;
}
.p-l-70-550 {
padding-left: 70px;
}
.p-l-80-550 {
padding-left: 80px;
}
.p-l-90-550 {
padding-left: 80px;
}
.p-l-100-550 {
padding-left: 80px;
}
.p-l-110-550 {
padding-left: 110px;
}
.p-l-120-550 {
padding-left: 120px;
}
.p-l-125-550 {
padding-left: 125px;
}
.p-l-150-550 {
padding-left: 150px;
}
.p-l-175-550 {
padding-left: 175px;
}
.p-l-200-550 {
padding-left: 200px;
}
.p-l-lg-550 {
padding-left: 60px;
}
.p-l-xl-550 {
padding-left: 80px;
}
.p-l-xxl-550 {
padding-left: 100px;
}
.p-l-n-xxs-550 {
padding-left: -1px;
}
.p-l-n-xs-550 {
padding-left: -5px;
}
.p-l-n-sm-550 {
padding-left: -10px;
}
.p-l-n-550 {
padding-left: -15px;
}
.p-l-n-md-550 {
padding-left: -20px;
}
.p-l-n-lg-550 {
padding-left: -30px;
}
.p-l-n-xl-550 {
padding-left: -40px;
}
.p-l-n-xxl-550 {
padding-left: -50px;
}
.p-t-none-550 {
padding-top: 0!important;
}
.p-t-5-550 {
padding-top: 5px;
}
.p-t-10-550 {
padding-top: 10px;
}
.p-t-15-550 {
padding-top: 15px;
}
.p-t-20-550 {
padding-top: 20px;
}
.p-t-25-550 {
padding-top: 25px;
}
.p-t-30-550 {
padding-top: 30px;
}
.p-t-40-550 {
padding-top: 40px;
}
.p-t-50-550 {
padding-top: 50px;
}
.p-t-60-550 {
padding-top: 60px;
}
.p-t-70-550 {
padding-top: 70px;
}
.p-t-80-550 {
padding-top: 80px;
}
.p-t-90-550 {
padding-top: 80px;
}
.p-t-100-550 {
padding-top: 80px;
}
.p-t-110-550 {
padding-top: 110px;
}
.p-t-120-550 {
padding-top: 120px;
}
.p-t-125-550 {
padding-top: 125px;
}
.p-t-150-550 {
padding-top: 150px;
}
.p-t-175-550 {
padding-top: 175px;
}
.p-t-200-550 {
padding-top: 200px;
}
.p-t-n-xxs-550 {
padding-top: -1px;
}
.p-t-n-xs-550 {
padding-top: -5px;
}
.p-t-n-sm-550 {
padding-top: -10px;
}
.p-t-n-550 {
padding-top: -15px;
}
.p-t-n-md-550 {
padding-top: -20px;
}
.p-t-n-lg-550 {
padding-top: -30px;
}
.p-t-n-xl-550 {
padding-top: -40px;
}
.p-t-n-xxl-550 {
padding-top: -50px;
}
.p-r-none-550 {
padding-right: 0!important;
}
.p-r-5-550 {
padding-right: 5px;
}
.p-r-10-550 {
padding-right: 10px;
}
.p-r-15-550 {
padding-right: 15px;
}
.p-r-20-550 {
padding-right: 20px;
}
.p-r-25-550 {
padding-right: 25px;
}
.p-r-30-550 {
padding-right: 30px;
}
.p-r-40-550 {
padding-right: 40px;
}
.p-r-50-550 {
padding-right: 50px;
}
.p-r-60-550 {
padding-right: 60px;
}
.p-r-70-550 {
padding-right: 70px;
}
.p-r-80-550 {
padding-right: 80px;
}
.p-r-90-550 {
padding-right: 80px;
}
.p-r-100-550 {
padding-right: 80px;
}
.p-r-110-550 {
padding-right: 110px;
}
.p-r-120-550 {
padding-right: 120px;
}
.p-r-125-550 {
padding-right: 125px;
}
.p-r-150-550 {
padding-right: 150px;
}
.p-r-175-550 {
padding-right: 175px;
}
.p-r-200-550 {
padding-right: 200px;
}
.p-b-none-550 {
padding-bottom: 0!important;
}
.p-b-5-550 {
padding-bottom: 5px;
}
.p-b-10-550 {
padding-bottom: 10px;
}
.p-b-15-550 {
padding-bottom: 15px;
}
.p-b-20-550 {
padding-bottom: 20px;
}
.p-b-25-550 {
padding-bottom: 25px;
}
.p-b-30-550 {
padding-bottom: 30px;
}
.p-b-40-550 {
padding-bottom: 40px;
}
.p-b-50-550 {
padding-bottom: 50px;
}
.p-b-60-550 {
padding-bottom: 60px;
}
.p-b-70-550 {
padding-bottom: 70px;
}
.p-b-80-550 {
padding-bottom: 80px;
}
.p-b-90-550 {
padding-bottom: 80px;
}
.p-b-100-550 {
padding-bottom: 80px;
}
.p-b-110-550 {
padding-bottom: 110px;
}
.p-b-120-550 {
padding-bottom: 120px;
}
.p-b-125-550 {
padding-bottom: 125px;
}
.p-b-150-550 {
padding-bottom: 150px;
}
.p-b-175-550 {
padding-bottom: 175px;
}
.p-b-200-550 {
padding-bottom: 200px;
}
.p-b-n-xxs-550 {
padding-bottom: -1px;
}
.p-b-n-xs-550 {
padding-bottom: -5px;
}
.p-b-n-sm-550 {
padding-bottom: -10px;
}
.p-b-n-550 {
padding-bottom: -15px;
}
.p-b-n-md-550 {
padding-bottom: -20px;
}
.p-b-n-lg-550 {
padding-bottom: -30px;
}
.p-b-lgr-550 {
padding-bottom: 50px;
}
.p-b-n-xl-550 {
padding-bottom: -40px;
}
.p-b-n-xxl-550 {
padding-bottom: -50px;
}
/*------------------------------------*\
END PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS PERCENTAGE
\*------------------------------------*/
.m-5-550 {
margin:0px 5%;
}
.m-10-550 {
margin:0px 10%;
}
.m-15-550 {
margin:0px 15%;
}
.m-20-550 {
margin:0px 20%;
}
.m-25-550 {
margin:0px 25%;
}
.m-30-550 {
margin:0px 30%;
}
.m-35-550 {
margin:0px 35%;
}
.m-40-550 {
margin:0px 40%;
}
.m-45-550 {
margin:0px 45%;
}
.m-50-550 {
margin:0px 50%;
}
/*------------------------------------*\
END MARGINS PERCENTAGE
\*------------------------------------*/
.m-5px-550 {
margin: 5px;
}
.m-10px-550 {
margin: 10px;
}
.m-15px-550 {
margin: 15px;
}
.m-20px-550 {
margin: 20px;
}
.m-30px-550 {
margin: 30px;
}
.m-50px-550 {
margin: 50px;
}
.m-n-550 {
margin: 0!important;
}
.m-l-none-550 {
margin-left: 0!important;
}
.m-l-5-550 {
margin-left: 5px;
}
.m-l-10-550 {
margin-left: 10px;
}
.m-l-15-550 {
margin-left: 15px;
}
.m-l-20-550 {
margin-left: 20px;
}
.m-l-25-550 {
margin-left: 25px;
}
.m-l-30-550 {
margin-left: 30px;
}
.m-l-40-550 {
margin-left: 40px;
}
.m-l-50-550 {
margin-left: 50px;
}
.m-l-60-550 {
margin-left: 60px;
}
.m-l-70-550 {
margin-left: 70px;
}
.m-l-80-550 {
margin-left: 80px;
}
.m-l-90-550 {
margin-left: 80px;
}
.m-l-100-550 {
margin-left: 80px;
}
.m-l-110-550 {
margin-left: 110px;
}
.m-l-120-550 {
margin-left: 120px;
}
.m-l-125-550 {
margin-left: 125px;
}
.m-l-150-550 {
margin-left: 150px;
}
.m-l-175-550 {
margin-left: 175px;
}
.m-l-200-550 {
margin-left: 200px;
}
.m-l-lg-550 {
margin-left: 60px;
}
.m-l-xl-550 {
margin-left: 80px;
}
.m-l-xxl-550 {
margin-left: 100px;
}
.m-l-n-xxs-550 {
margin-left: -1px;
}
.m-l-n-xs-550 {
margin-left: -5px;
}
.m-l-n-sm-550 {
margin-left: -10px;
}
.m-l-n-550 {
margin-left: -15px;
}
.m-l-n-md-550 {
margin-left: -20px;
}
.m-l-n-lg-550 {
margin-left: -30px;
}
.m-l-n-xl-550 {
margin-left: -40px;
}
.m-l-n-xxl-550 {
margin-left: -50px;
}
.m-t-none-550 {
margin-top: 0!important;
}
.m-t-5-550 {
margin-top: 5px;
}
.m-t-10-550 {
margin-top: 10px;
}
.m-t-15-550 {
margin-top: 15px;
}
.m-t-20-550 {
margin-top: 20px;
}
.m-t-25-550 {
margin-top: 25px;
}
.m-t-30-550 {
margin-top: 30px;
}
.m-t-40-550 {
margin-top: 40px;
}
.m-t-50-550 {
margin-top: 50px;
}
.m-t-60-550 {
margin-top: 60px;
}
.m-t-70-550 {
margin-top: 70px;
}
.m-t-80-550 {
margin-top: 80px;
}
.m-t-90-550 {
margin-top: 80px;
}
.m-t-100-550 {
margin-top: 80px;
}
.m-t-110-550 {
margin-top: 110px;
}
.m-t-120-550 {
margin-top: 120px;
}
.m-t-125-550 {
margin-top: 125px;
}
.m-t-150-550 {
margin-top: 150px;
}
.m-t-175-550 {
margin-top: 175px;
}
.m-t-200-550 {
margin-top: 200px;
}
.m-t-n-xxs-550 {
margin-top: -1px;
}
.m-t-n-xs-550 {
margin-top: -5px;
}
.m-t-n-sm-550 {
margin-top: -10px;
}
.m-t-n-550 {
margin-top: -15px;
}
.m-t-n-md-550 {
margin-top: -20px;
}
.m-t-n-lg-550 {
margin-top: -30px;
}
.m-t-n-xl-550 {
margin-top: -40px;
}
.m-t-n-xxl-550 {
margin-top: -50px;
}
.m-r-none-550 {
margin-right: 0!important;
}
.m-r-5-550 {
margin-right: 5px;
}
.m-r-10-550 {
margin-right: 10px;
}
.m-r-15-550 {
margin-right: 15px;
}
.m-r-20-550 {
margin-right: 20px;
}
.m-r-25-550 {
margin-right: 25px;
}
.m-r-30-550 {
margin-right: 30px;
}
.m-r-40-550 {
margin-right: 40px;
}
.m-r-50-550 {
margin-right: 50px;
}
.m-r-60-550 {
margin-right: 60px;
}
.m-r-70-550 {
margin-right: 70px;
}
.m-r-80-550 {
margin-right: 80px;
}
.m-r-90-550 {
margin-right: 80px;
}
.m-r-100-550 {
margin-right: 80px;
}
.m-r-110-550 {
margin-right: 110px;
}
.m-r-120-550 {
margin-right: 120px;
}
.m-r-125-550 {
margin-right: 125px;
}
.m-r-150-550 {
margin-right: 150px;
}
.m-r-175-550 {
margin-right: 175px;
}
.m-r-200-550 {
margin-right: 200px;
}
.m-b-none-550 {
margin-bottom: 0!important;
}
.m-b-5-550 {
margin-bottom: 5px;
}
.m-b-10-550 {
margin-bottom: 10px;
}
.m-b-15-550 {
margin-bottom: 15px;
}
.m-b-20-550 {
margin-bottom: 20px;
}
.m-b-25-550 {
margin-bottom: 25px;
}
.m-b-30-550 {
margin-bottom: 30px;
}
.m-b-40-550 {
margin-bottom: 40px;
}
.m-b-50-550 {
margin-bottom: 50px;
}
.m-b-60-550 {
margin-bottom: 60px;
}
.m-b-70-550 {
margin-bottom: 70px;
}
.m-b-80-550 {
margin-bottom: 80px;
}
.m-b-90-550 {
margin-bottom: 80px;
}
.m-b-100-550 {
margin-bottom: 80px;
}
.m-b-110-550 {
margin-bottom: 110px;
}
.m-b-120-550 {
margin-bottom: 120px;
}
.m-b-125-550 {
margin-bottom: 125px;
}
.m-b-150-550 {
margin-bottom: 150px;
}
.m-b-175-550 {
margin-bottom: 175px;
}
.m-b-200-550 {
margin-bottom: 200px;
}
.m-b-n-xxs-550 {
margin-bottom: -1px;
}
.m-b-n-xs-550 {
margin-bottom: -5px;
}
.m-b-n-sm-550 {
margin-bottom: -10px;
}
.m-b-n-550 {
margin-bottom: -15px;
}
.m-b-n-md-550 {
margin-bottom: -20px;
}
.m-b-n-lg-550 {
margin-bottom: -30px;
}
.m-b-lgr-550 {
margin-bottom: 50px;
}
.m-b-n-xl-550 {
margin-bottom: -40px;
}
.m-b-n-xxl-550 {
margin-bottom: -50px;
}
/*------------------------------------*\
END MARGINS
\*------------------------------------*/
/*------------------------------------*\
START SLIDER CSS
\*------------------------------------*/
.home-slider .owl-item,
.default-slider .owl-item,
.slider,
.slide-image-lp,
.slide-image {
height: 300px;
}
.menu-slider .owl-item,
.menu-slider .slider,
.menu-slider .slide-image,
.default-slider .owl-item,
.default-slider .slider {
height: 160px;
}
/*------------------------------------*\
END SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
START PORTAL CSS
\*------------------------------------*/
.portal-contact-container {
bottom: 60px;
}
a.button-portal {
display:none;
}
/*------------------------------------*\
END PORTAL CSS
\*------------------------------------*/
/*------------------------------------*\
START CUSTOM CSS
\*------------------------------------*/
a.button,
.button,
span.button,
a.button-white,
.button-white,
span.button-white,
a.button-outline,
.button-outline,
span.button-outline,
input[type="button"],
input[type="reset"],
input[type="submit"]
{
width:300px;
text-align:center;
padding: 11px 15px 11px 15px;
font-size:13px;
margin-right:0px;
}
.logo-mobile img,
.contact-mobile-menu a.button-header {
width: calc(100% - 15px);
}
/*------------------------------------*\
END CUSTOM CSS
\*------------------------------------*/
/*------------------------------------*\
START HEADER CSS
\*------------------------------------*/
.left-header {
width: calc(100% - 200px);
}
.right-header {
width: 50px;
}
.right-top-header .button-header {
display:none;
}
/*------------------------------------*\
END HEADER CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
.post-container-fp,
.post-container-fp:nth-child(3) {
width: calc(100% - 0px);
margin: 0px 0px 30px 0px;
}
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
.sidebar-widget {
flex-flow: column wrap;
}
/*------------------------------------*\
END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
.widget-footer,
.widget-footer:nth-child(1),
.widget-footer:nth-child(2) {
font-size: 14px;
}
span.openingstijden {
width: 100px;
}
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
}
@media only screen and (max-width:480px) {
.wrap{
max-width: 92%;
}
/*------------------------------------*\
START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
.hide-480 {
display:none;
}
.show-480 {
display:block;
}
/*------------------------------------*\
END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE COLS CSS
\*------------------------------------*/
.col12-xs-480{
width: 100%
}
.col11-xs-480{
width: 91.66666667%
}
.col10-xs-480{
width: 83.22222233%
}
.col9-xs-480{
width: 75%
}
.col8-xs-480{
width: 66.66666667%
}
.col7-xs-480{
width: 58.22222233%
}
.col6-xs-480{
width: 50%
}
.col5-xs-480{
width: 41.66666667%
}
.col4-xs-480 {
width: 33.22222233%
}
.col3-xs-480{
width: 25%
}
.col2-xs-480{
width: 16.66666667%
}
.col1-xs-480
{
width: 8.22222233%
}
/*------------------------------------*\
END RESPONSIVE COLS CSS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE PADDINGS PERCENTAGE
\*------------------------------------*/
.p-0-480 {
padding:0px 0%;
}
.p-5-480 {
padding:0px 5%;
}
.p-10-480 {
padding:0px 10%;
}
.p-15-480 {
padding:0px 15%;
}
.p-20-480 {
padding:0px 20%;
}
.p-25-480 {
padding:0px 25%;
}
.p-30-480 {
padding:0px 30%;
}
.p-35-480 {
padding:0px 35%;
}
.p-40-480 {
padding:0px 40%;
}
.p-45-480 {
padding:0px 45%;
}
.p-50-480 {
padding:0px 50%;
}
/*------------------------------------*\
END PADDINGS PERCENTAGE
\*------------------------------------*/
.p-5px-480 {
padding: 5px;
}
.p-10px-480 {
padding: 10px;
}
.p-15px-480 {
padding: 15px;
}
.p-20px-480 {
padding: 20px;
}
.p-30px-480 {
padding: 30px;
}
.p-50px-480 {
padding: 50px;
}
.p-n-480 {
padding: 0!important;
}
.p-l-none-480 {
padding-left: 0!important;
}
.p-l-5-480 {
padding-left: 5px;
}
.p-l-10-480 {
padding-left: 10px;
}
.p-l-15-480 {
padding-left: 15px;
}
.p-l-20-480 {
padding-left: 20px;
}
.p-l-25-480 {
padding-left: 25px;
}
.p-l-30-480 {
padding-left: 30px;
}
.p-l-40-480 {
padding-left: 40px;
}
.p-l-50-480 {
padding-left: 50px;
}
.p-l-60-480 {
padding-left: 60px;
}
.p-l-70-480 {
padding-left: 70px;
}
.p-l-80-480 {
padding-left: 80px;
}
.p-l-90-480 {
padding-left: 80px;
}
.p-l-100-480 {
padding-left: 80px;
}
.p-l-110-480 {
padding-left: 110px;
}
.p-l-120-480 {
padding-left: 120px;
}
.p-l-125-480 {
padding-left: 125px;
}
.p-l-150-480 {
padding-left: 150px;
}
.p-l-175-480 {
padding-left: 175px;
}
.p-l-200-480 {
padding-left: 200px;
}
.p-l-lg-480 {
padding-left: 60px;
}
.p-l-xl-480 {
padding-left: 80px;
}
.p-l-xxl-480 {
padding-left: 100px;
}
.p-l-n-xxs-480 {
padding-left: -1px;
}
.p-l-n-xs-480 {
padding-left: -5px;
}
.p-l-n-sm-480 {
padding-left: -10px;
}
.p-l-n-480 {
padding-left: -15px;
}
.p-l-n-md-480 {
padding-left: -20px;
}
.p-l-n-lg-480 {
padding-left: -30px;
}
.p-l-n-xl-480 {
padding-left: -40px;
}
.p-l-n-xxl-480 {
padding-left: -50px;
}
.p-t-none-480 {
padding-top: 0!important;
}
.p-t-5-480 {
padding-top: 5px;
}
.p-t-10-480 {
padding-top: 10px;
}
.p-t-15-480 {
padding-top: 15px;
}
.p-t-20-480 {
padding-top: 20px;
}
.p-t-25-480 {
padding-top: 25px;
}
.p-t-30-480 {
padding-top: 30px;
}
.p-t-40-480 {
padding-top: 40px;
}
.p-t-50-480 {
padding-top: 50px;
}
.p-t-60-480 {
padding-top: 60px;
}
.p-t-70-480 {
padding-top: 70px;
}
.p-t-80-480 {
padding-top: 80px;
}
.p-t-90-480 {
padding-top: 80px;
}
.p-t-100-480 {
padding-top: 80px;
}
.p-t-110-480 {
padding-top: 110px;
}
.p-t-120-480 {
padding-top: 120px;
}
.p-t-125-480 {
padding-top: 125px;
}
.p-t-150-480 {
padding-top: 150px;
}
.p-t-175-480 {
padding-top: 175px;
}
.p-t-200-480 {
padding-top: 200px;
}
.p-t-n-xxs-480 {
padding-top: -1px;
}
.p-t-n-xs-480 {
padding-top: -5px;
}
.p-t-n-sm-480 {
padding-top: -10px;
}
.p-t-n-480 {
padding-top: -15px;
}
.p-t-n-md-480 {
padding-top: -20px;
}
.p-t-n-lg-480 {
padding-top: -30px;
}
.p-t-n-xl-480 {
padding-top: -40px;
}
.p-t-n-xxl-480 {
padding-top: -50px;
}
.p-r-none-480 {
padding-right: 0!important;
}
.p-r-5-480 {
padding-right: 5px;
}
.p-r-10-480 {
padding-right: 10px;
}
.p-r-15-480 {
padding-right: 15px;
}
.p-r-20-480 {
padding-right: 20px;
}
.p-r-25-480 {
padding-right: 25px;
}
.p-r-30-480 {
padding-right: 30px;
}
.p-r-40-480 {
padding-right: 40px;
}
.p-r-50-480 {
padding-right: 50px;
}
.p-r-60-480 {
padding-right: 60px;
}
.p-r-70-480 {
padding-right: 70px;
}
.p-r-80-480 {
padding-right: 80px;
}
.p-r-90-480 {
padding-right: 80px;
}
.p-r-100-480 {
padding-right: 80px;
}
.p-r-110-480 {
padding-right: 110px;
}
.p-r-120-480 {
padding-right: 120px;
}
.p-r-125-480 {
padding-right: 125px;
}
.p-r-150-480 {
padding-right: 150px;
}
.p-r-175-480 {
padding-right: 175px;
}
.p-r-200-480 {
padding-right: 200px;
}
.p-b-none-480 {
padding-bottom: 0!important;
}
.p-b-5-480 {
padding-bottom: 5px;
}
.p-b-10-480 {
padding-bottom: 10px;
}
.p-b-15-480 {
padding-bottom: 15px;
}
.p-b-20-480 {
padding-bottom: 20px;
}
.p-b-25-480 {
padding-bottom: 25px;
}
.p-b-30-480 {
padding-bottom: 30px;
}
.p-b-40-480 {
padding-bottom: 40px;
}
.p-b-50-480 {
padding-bottom: 50px;
}
.p-b-60-480 {
padding-bottom: 60px;
}
.p-b-70-480 {
padding-bottom: 70px;
}
.p-b-80-480 {
padding-bottom: 80px;
}
.p-b-90-480 {
padding-bottom: 80px;
}
.p-b-100-480 {
padding-bottom: 80px;
}
.p-b-110-480 {
padding-bottom: 110px;
}
.p-b-120-480 {
padding-bottom: 120px;
}
.p-b-125-480 {
padding-bottom: 125px;
}
.p-b-150-480 {
padding-bottom: 150px;
}
.p-b-175-480 {
padding-bottom: 175px;
}
.p-b-200-480 {
padding-bottom: 200px;
}
.p-b-n-xxs-480 {
padding-bottom: -1px;
}
.p-b-n-xs-480 {
padding-bottom: -5px;
}
.p-b-n-sm-480 {
padding-bottom: -10px;
}
.p-b-n-480 {
padding-bottom: -15px;
}
.p-b-n-md-480 {
padding-bottom: -20px;
}
.p-b-n-lg-480 {
padding-bottom: -30px;
}
.p-b-lgr-480 {
padding-bottom: 50px;
}
.p-b-n-xl-480 {
padding-bottom: -40px;
}
.p-b-n-xxl-480 {
padding-bottom: -50px;
}
/*------------------------------------*\
END PADDINGS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS
\*------------------------------------*/
/*------------------------------------*\
START RESPONSIVE MARGINS PERCENTAGE
\*------------------------------------*/
.m-5-480 {
margin:0px 5%;
}
.m-10-480 {
margin:0px 10%;
}
.m-15-480 {
margin:0px 15%;
}
.m-20-480 {
margin:0px 20%;
}
.m-25-480 {
margin:0px 25%;
}
.m-30-480 {
margin:0px 30%;
}
.m-35-480 {
margin:0px 35%;
}
.m-40-480 {
margin:0px 40%;
}
.m-45-480 {
margin:0px 45%;
}
.m-50-480 {
margin:0px 50%;
}
/*------------------------------------*\
END MARGINS PERCENTAGE
\*------------------------------------*/
.m-5px-480 {
margin: 5px;
}
.m-10px-480 {
margin: 10px;
}
.m-15px-480 {
margin: 15px;
}
.m-20px-480 {
margin: 20px;
}
.m-30px-480 {
margin: 30px;
}
.m-50px-480 {
margin: 50px;
}
.m-n-480 {
margin: 0!important;
}
.m-l-none-480 {
margin-left: 0!important;
}
.m-l-5-480 {
margin-left: 5px;
}
.m-l-10-480 {
margin-left: 10px;
}
.m-l-15-480 {
margin-left: 15px;
}
.m-l-20-480 {
margin-left: 20px;
}
.m-l-25-480 {
margin-left: 25px;
}
.m-l-30-480 {
margin-left: 30px;
}
.m-l-40-480 {
margin-left: 40px;
}
.m-l-50-480 {
margin-left: 50px;
}
.m-l-60-480 {
margin-left: 60px;
}
.m-l-70-480 {
margin-left: 70px;
}
.m-l-80-480 {
margin-left: 80px;
}
.m-l-90-480 {
margin-left: 80px;
}
.m-l-100-480 {
margin-left: 80px;
}
.m-l-110-480 {
margin-left: 110px;
}
.m-l-120-480 {
margin-left: 120px;
}
.m-l-125-480 {
margin-left: 125px;
}
.m-l-150-480 {
margin-left: 150px;
}
.m-l-175-480 {
margin-left: 175px;
}
.m-l-200-480 {
margin-left: 200px;
}
.m-l-lg-480 {
margin-left: 60px;
}
.m-l-xl-480 {
margin-left: 80px;
}
.m-l-xxl-480 {
margin-left: 100px;
}
.m-l-n-xxs-480 {
margin-left: -1px;
}
.m-l-n-xs-480 {
margin-left: -5px;
}
.m-l-n-sm-480 {
margin-left: -10px;
}
.m-l-n-480 {
margin-left: -15px;
}
.m-l-n-md-480 {
margin-left: -20px;
}
.m-l-n-lg-480 {
margin-left: -30px;
}
.m-l-n-xl-480 {
margin-left: -40px;
}
.m-l-n-xxl-480 {
margin-left: -50px;
}
.m-t-none-480 {
margin-top: 0!important;
}
.m-t-5-480 {
margin-top: 5px;
}
.m-t-10-480 {
margin-top: 10px;
}
.m-t-15-480 {
margin-top: 15px;
}
.m-t-20-480 {
margin-top: 20px;
}
.m-t-25-480 {
margin-top: 25px;
}
.m-t-30-480 {
margin-top: 30px;
}
.m-t-40-480 {
margin-top: 40px;
}
.m-t-50-480 {
margin-top: 50px;
}
.m-t-60-480 {
margin-top: 60px;
}
.m-t-70-480 {
margin-top: 70px;
}
.m-t-80-480 {
margin-top: 80px;
}
.m-t-90-480 {
margin-top: 80px;
}
.m-t-100-480 {
margin-top: 80px;
}
.m-t-110-480 {
margin-top: 110px;
}
.m-t-120-480 {
margin-top: 120px;
}
.m-t-125-480 {
margin-top: 125px;
}
.m-t-150-480 {
margin-top: 150px;
}
.m-t-175-480 {
margin-top: 175px;
}
.m-t-200-480 {
margin-top: 200px;
}
.m-t-n-xxs-480 {
margin-top: -1px;
}
.m-t-n-xs-480 {
margin-top: -5px;
}
.m-t-n-sm-480 {
margin-top: -10px;
}
.m-t-n-480 {
margin-top: -15px;
}
.m-t-n-md-480 {
margin-top: -20px;
}
.m-t-n-lg-480 {
margin-top: -30px;
}
.m-t-n-xl-480 {
margin-top: -40px;
}
.m-t-n-xxl-480 {
margin-top: -50px;
}
.m-r-none-480 {
margin-right: 0!important;
}
.m-r-5-480 {
margin-right: 5px;
}
.m-r-10-480 {
margin-right: 10px;
}
.m-r-15-480 {
margin-right: 15px;
}
.m-r-20-480 {
margin-right: 20px;
}
.m-r-25-480 {
margin-right: 25px;
}
.m-r-30-480 {
margin-right: 30px;
}
.m-r-40-480 {
margin-right: 40px;
}
.m-r-50-480 {
margin-right: 50px;
}
.m-r-60-480 {
margin-right: 60px;
}
.m-r-70-480 {
margin-right: 70px;
}
.m-r-80-480 {
margin-right: 80px;
}
.m-r-90-480 {
margin-right: 80px;
}
.m-r-100-480 {
margin-right: 80px;
}
.m-r-110-480 {
margin-right: 110px;
}
.m-r-120-480 {
margin-right: 120px;
}
.m-r-125-480 {
margin-right: 125px;
}
.m-r-150-480 {
margin-right: 150px;
}
.m-r-175-480 {
margin-right: 175px;
}
.m-r-200-480 {
margin-right: 200px;
}
.m-b-none-480 {
margin-bottom: 0!important;
}
.m-b-5-480 {
margin-bottom: 5px;
}
.m-b-10-480 {
margin-bottom: 10px;
}
.m-b-15-480 {
margin-bottom: 15px;
}
.m-b-20-480 {
margin-bottom: 20px;
}
.m-b-25-480 {
margin-bottom: 25px;
}
.m-b-30-480 {
margin-bottom: 30px;
}
.m-b-40-480 {
margin-bottom: 40px;
}
.m-b-50-480 {
margin-bottom: 50px;
}
.m-b-60-480 {
margin-bottom: 60px;
}
.m-b-70-480 {
margin-bottom: 70px;
}
.m-b-80-480 {
margin-bottom: 80px;
}
.m-b-90-480 {
margin-bottom: 80px;
}
.m-b-100-480 {
margin-bottom: 80px;
}
.m-b-110-480 {
margin-bottom: 110px;
}
.m-b-120-480 {
margin-bottom: 120px;
}
.m-b-125-480 {
margin-bottom: 125px;
}
.m-b-150-480 {
margin-bottom: 150px;
}
.m-b-175-480 {
margin-bottom: 175px;
}
.m-b-200-480 {
margin-bottom: 200px;
}
.m-b-n-xxs-480 {
margin-bottom: -1px;
}
.m-b-n-xs-480 {
margin-bottom: -5px;
}
.m-b-n-sm-480 {
margin-bottom: -10px;
}
.m-b-n-480 {
margin-bottom: -15px;
}
.m-b-n-md-480 {
margin-bottom: -20px;
}
.m-b-n-lg-480 {
margin-bottom: -30px;
}
.m-b-lgr-480 {
margin-bottom: 50px;
}
.m-b-n-xl-480 {
margin-bottom: -40px;
}
.m-b-n-xxl-480 {
margin-bottom: -50px;
}
/*------------------------------------*\
END MARGINS
\*------------------------------------*/
/*------------------------------------*\
START FOOTER CSS
\*------------------------------------*/
.top-footer-flex-1024 {
margin-bottom: 30px;
flex-flow: column wrap;
}
.logo-container {
text-align: center;
margin-bottom: 20px;
}
.widget-footer,
.widget-footer:nth-child(1),
.widget-footer:nth-child(2) {
width: 100%;
margin-bottom:30px;
}
.widget-footer ul {
margin-bottom:0px;
}
/*------------------------------------*\
END FOOTER CSS
\*------------------------------------*/
}
@media only screen and (max-width:400px) {
/*------------------------------------*\
START SLIDER CSS
\*------------------------------------*/
.menu-slider .owl-item,
.menu-slider .slider,
.menu-slider .slide-image,
.default-slider .owl-item,
.default-slider .slider {
height: 150px;
}
/*------------------------------------*\
END SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
START BODY HOMEPAGE CSS
\*------------------------------------*/
.wptripadvisor_t1_SPAN_5.wprev_preview_tcolor2_T1 {
display:none;
}
/*------------------------------------*\
END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
.foto-news {
width: 100%;
margin-right: 0px;
}
.content-news {
width: 100%;
}
.foto-news img {
height:200px;
margin-bottom:20px;
}
/*------------------------------------*\
START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
/*------------------------------------*\
START PORTAL CSS
\*------------------------------------*/
.portal-contact-container {
bottom: 40px;
}
/*------------------------------------*\
END PORTAL CSS
\*------------------------------------*/
}
@media only screen and (max-width:350px) {
/*------------------------------------*\
START PORTAL CSS
\*------------------------------------*/
.portal-contact-container {
bottom: 20px;
}
/*------------------------------------*\
END PORTAL CSS
\*------------------------------------*/
}