@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary {display:block;}
audio,canvas,video {display:inline-block;}
audio:not([controls]) {display:none;height:0;}
[hidden] {display:none;}
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6 {clear:both;line-height:20px;}
h1 {font-size:48px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
address {font-style:italic;}
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:bold;}
dfn {font-style:italic;}
mark {background:#ff0;color:#000;}
p {padding: 0;}
code,kbd,pre,samp {font-family:monospace,serif;font-size:14px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}
pre {background:#f5f5f5;color:#666;font-family:monospace;font-size:14px;margin:20px 0;overflow:auto;padding:20px;
white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:"";content:none;}
blockquote {
font-size:18px;
font-style:italic;
font-weight:300;
margin:24px 40px;
border-left:5px solid #4282aa;
}
blockquote blockquote {margin-right:0;}
blockquote cite,blockquote small {font-size:14px;font-weight:normal;text-transform:uppercase;}
blockquote em,blockquote i {font-style:normal;font-weight:300;}
blockquote strong,blockquote b {font-weight:400;}
small {font-size:smaller;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
dl {margin:0 20px;}
dt {font-weight:bold;}
dd {margin:0 0 20px;}
menu,ol,ul {margin:16px 0;padding:0;}
ul {list-style-type:square;}
nav ul,nav ol {list-style:none;list-style-image:none;}
li > ul,li > ol {margin:0;}
img {-ms-interpolation-mode:bicubic;border:0;vertical-align:middle;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
form {margin:0;}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend {border:0;padding:0;white-space:normal;}
button,input,select,textarea {font-size:100%;margin:0;max-width:100%;vertical-align:baseline;}
button,input {line-height:normal;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled] {cursor:default;}
input[type="checkbox"],input[type="radio"] {padding:0;}
input[type="search"] {-webkit-appearance:textfield;padding-right:2px; width:270px;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
textarea {overflow:auto;vertical-align:top;}
table {border-bottom:1px solid #ededed;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2;margin:0 0 20px;width:100%;}
caption,th,td {font-weight:normal;text-align:left;}
caption {font-size:16px;margin:20px 0;}
th {font-weight:bold;text-transform:uppercase;}
td {border-top:1px solid #ededed;padding:6px 10px 6px 0;}
del {color:#333;}
ins {background:#fff9c0;text-decoration:none;}
hr {border:0;height:1px;margin:0 0 24px;}
body {height:100%;position:relative;font-size: 16px;} .header{
margin:10px 0 0; 
border-bottom: 1px solid #EAEAEA;
}
a.logo_link {
display: block;
margin:0px 0 0;
}
#main{
min-height: 610px;
background: #f8f8f8;
padding-bottom: 50px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: transparent;
}
.navbar-fixed-top {
border-width: 0;
}
.navbar {
min-height: 1px;
margin-bottom: 0;
border: 0;
}
#footer-navbar-collapse.navbar-collapse,
#site-navigation .navbar-collapse{
padding-left: 0;
} .navbar-default {
background-color: transparent;
border-color: transparent;
}
ul#menu-top-menu{
float: left;
margin: 0px 0 25px;
list-style: none;
}
ul#menu-top-menu li {
border-right: 1px solid #CECECE;
float: left;
list-style: none outside none;
position: relative;
margin: 0 0 0 2px;
}
ul#menu-top-menu li.page_item a{
color:#12ABFF;
}
ul#menu-top-menu li:last-child {
border-right: none;
}
ul#menu-top-menu li:first-child a{
padding-left: 0;
}
ul#menu-top-menu li a {
margin: 0;
position: relative;
text-shadow: 0 0px 0 white;
padding:0px 15px;
} ul.main_menu  {
}
ul.main_menu li{
display: block;
position: relative;
}
ul.main_menu li  a {
white-space: nowrap;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-weight: normal;
padding:0 20px 20px;
text-transform: uppercase;
}
ul.main_menu li:last-child a{
}
ul.main_menu{
list-style: none;
float: right;
margin: 18px 0 0;
position: relative;
}
ul.main_menu ul{
min-width: 220px;
top: 100%;
position: absolute;
border-top: 2px solid #12ABFF; 
}
ul.main_menu li{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu li.current_page_item, ul.main_menu li:hover{
border-bottom: 2px solid #12ABFF; 
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu .nav ul.sub-menu li a{
border-bottom: 0;
color: #333;
}
ul.main_menu li ul.sub-menu li a, 
ul.main_menu li ul.sub-menu li.current-menu-item a,
ul.main_menu li ul.sub-menu li.current-menu-item a:hover{
color: #333;
border-bottom: 0;
padding: 7px 0;
text-decoration: none;
font-size: 14px;
text-transform: none;
}
ul.main_menu li ul.sub-menu li a:hover, 
ul.main_menu > li.current_page_parent > a,
ul.main_menu li ul.sub-menu li.current_page_parent a,
ul.main_menu li ul.sub-menu li.page_item a{
color: #12ABFF;
}
ul.main_menu li ul.sub-menu li.current_page_parent ul.sub-menu li a{
color: #333;
}
ul.main_menu li ul.sub-menu li.current_page_parent ul.sub-menu li.page_item a{
color: #12ABFF;
}
ul.main_menu li > ul{
display: none;
margin-left: 20px;
background: #fff;
border-left: 1px solid #d5d5d5;
list-style: none;
position: absolute;
float: left;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
min-width: 200px;
z-index: 9999;
}
ul.main_menu li:hover > ul {
display: block;
}
ul.main_menu li > ul > li{
}
ul.main_menu li > ul > li{
margin: 0;
padding: 0;
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.05) inset;
-moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.05) inset;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.05) inset;
border-bottom: 1px solid #EAEAEA;
clear: both;
width: 100%;
}
ul.main_menu li > ul > li a {
float: left;
padding: 7px 10px 7px 0;
margin: 0 15px 0 0;
text-indent: 10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width: 100%;
}
ul.main_menu li:hover ul > li{
border-bottom: 1px solid #EAEAEA;
}
ul.main_menu li.current_page_parent{
border-bottom: 2px solid #12ABFF; 
}
ul.main_menu li.current_page_parent ul li.page_item a{
color: #12ABFF;
}
ul.main_menu.nav.navbar-nav > li > a:hover{
cursor: pointer;
}
ul.main_menu li span.arrow{
right: 5px;
top: 7px;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 4px 0 4px;
border-color: #92999e transparent transparent transparent;
line-height: 0px;
_border-color: #92999e #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
ul.main_menu li ul.sub-menu li span.arrow{
right: 5px;
top:15px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0px 4px 5px;
border-color: transparent transparent transparent #92999e;
line-height: 0px;
_border-color: #000000 #000000 #000000 #92999e;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
ul.main_menu li ul.sub-menu li ul.sub-menu{
top: 100%;
right: 100%;
position: absolute;
border-top: 0; 
} ul#menu-footer-menu{
float: left;
margin: 0px 0 22px;
list-style: none;
}
ul#menu-footer-menu li {
border-right: 1px solid #CECECE;
float: left;
list-style: none outside none;
position: relative;
margin: 0 0 0 2px;
}
ul#menu-footer-menu li:last-child {
border-right: none;
}
ul#menu-footer-menu li a {
margin: 0 0px;
padding: 0;
position: relative;
padding:0 10px;
}
ul#menu-footer-menu li:first-child a{
padding-left: 0;
}
ul#menu-footer-menu li.page_item a{
color:#12ABFF;
} .soc_links{
text-align: right;
}
div.soc_links ul, .top_soc_links ul {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
margin:0px 0 0;
padding: 0;
}
div.soc_links ul li{
float:left;
list-style:none;
padding:0;
margin:0 17px;
}
div.soc_links a{
display:block;
-webkit-transition: opacity .3s linear;
-moz-transition:opacity .3s linear;
-o-transition:opacity .3s linear;
-ms-transition:opacity .3s linear;
transition:opacity .3s linear;
}
div.soc_links a:hover{
text-decoration: none;
}
.iconsrow .fa-hover {
float: left;
font-size: 14px;
padding: 3px 0 3px 9px;
width: 225px;
}
.iconsrow .fa-hover:hover {
background-color: #fff;
padding: 3px 0 3px 9px;
cursor: pointer;
} .site-footer {
position:relative;
background-color: #fefefe;
border-top: 1px solid #EAEAEA;
padding: 30px 0;
margin: 0;
width: 100%;
}
.modal-dialog {
width: 600px;
margin: auto;
position: absolute;
top: 30%;
bottom: 0;
left: 0;
right: 0;
} img{
max-width: 100%;
}
.column {
width: 32%;
float:left;
margin: 25px 0.5%;
text-align: center;
}
.column img {
height: auto;
}
.column h3 {
font-size: 30px;
font-weight: 300;
}
.image {
overflow:hidden;
height:auto;
}
.full_imgs {
overflow:hidden;
display: inline-block;
float: none;
}
.full_img {
overflow: hidden;
margin: 0;
display: inline-block;
float: none;
text-align: left;
}
.full_imgs img,
.full_img img,
.image img {
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
}
.full_imgs img {
width:100%;
}
.full_imgs img:hover,
.full_img img:hover,
.image img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
.dark h3 {
padding: 10px;
line-height: 30px;
margin: 0;
}
.dark {
height: auto;
border: 1px solid #eee;
}
.more {
width: 100%;
height: 40px;
padding: 10px;
border: 1px solid #eee;
}
.more p {
font-size: 14px;
font-weight: 500;
color: #000;
}
.date {
color: #0082c8;
}
.link {
font-weight: 200;
}
.link a {
font-weight: 300;
color: #0082c8;
}
.link a:hover {
color: #000;
}
.categories {
border: 1px solid #eee;
margin: 25px 0;
padding: 0 20px;
}
.categories h4 {
font-size: 20px;
font-weight: 400;
text-align: center;
}
.categories ul {
padding: 0;
}
.categories li {
list-style: none;
text-align: right;
padding: 15px 0;
border-bottom: 1px solid #eee;
color: #000;
}
.categories li:last-child {
border-bottom: none;
}
.categories a {
float: left;
}
.paginator a {
border: 1px solid #000 !important;
padding: 15px 40px;
text-transform: uppercase;
color: #000;
font-weight: 700;
}
.paginator {
text-align: center;
margin: 80px 0 0 0;
}
.left_s{
float: left;
}
.right_s{
float: right;
}
.paginator_single{
margin:30px 0; 
}
.comment-form-comment #comment{
width: 100%;
}
.form-allowed-tags{
margin:20px 0; 
}
.left_single{
float: left;
}
.right_single{
float: right;
}
.os_theme{
margin-top: 20px;
}
.os_theme .col-sm-3{
width: 23%;
padding:10px 25px 25px;
margin: 0 10px 0px;
text-align: center;
color: #fff;
background-color: #5bc0de;
border-radius: 4px;	
}
.contents .col-sm-6{
width: 47.7%;
padding:25px;
margin: 0 10px;
text-align: center;
color: #fff;
background-color: #5bc0de;
border-radius: 4px;	
}
.contents .col-sm-3{
padding:25px;
}
.os_theme h4 {
font-size: 17px;
font-weight: bold;
text-shadow:1px 1px 1px #444;
}
.widget_categories ul{
list-style: none;
} @media (max-width: 1200px){
.os_theme .col-sm-3 {
width: auto;
margin: 0 10px 20px;
}
.contents .col-sm-6{
width: auto;
margin-bottom: 20px;
}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){ ul#menu-top-menu {
float: none;
}
ul#menu-top-menu li {
border-right: 0;
float: none;
display: block;
}
ul#menu-top-menu li a{
background-color: #FAFAFA;
border-bottom: 1px solid #e6e6e6;
border-radius: 0;
margin: 0;
padding: 4px 9px;
position: relative;
display: block;
}
ul#menu-top-menu li a:hover {
background-color: #0088cc;
text-shadow: 0 1px 0 transparent;
color: #fff;
} ul.main_menu li{
display: block;
position: relative;
}
ul.main_menu li  a {
white-space: normal;
padding: 10px 20px 10px 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu li  a:hover{
padding-left: 10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu {
float: none;
}
ul.main_menu ul{
position: relative;
border-top: 0; 
}
ul.main_menu li.current_page_item{
border-bottom: 0; 
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu li.menu-item{
border-bottom: 1px solid #d5d5d5; 
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu li.menu-item:hover{
border-bottom: 1px solid #d5d5d5;
}
ul.main_menu li.menu-item:last-child{
border-bottom: 0;
}
ul.main_menu .nav ul.sub-menu li a{
border-bottom: 0;
color: #333;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu li ul.sub-menu li a, 
ul.main_menu li ul.sub-menu li.current-menu-item a,
ul.main_menu li ul.sub-menu li.current-menu-item a:hover{
color: #333;
border-bottom: 0;
padding: 7px 0;
text-decoration: none;
font-size: 14px;
text-transform: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu li ul.sub-menu li a:hover{
padding-left: 10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu li ul.sub-menu li a:hover{
color: #333;
}
ul.main_menu li > ul{
display: block;
margin-left: 0px;
background: transparent;
border-left: 1px solid #d5d5d5;
position: relative;
float: none;
box-shadow: none;
}
ul.main_menu li:hover > ul {
display: block;
}
ul.main_menu li > ul > li{
border-bottom: 1px solid #EAEAEA;
float: none;
width: 100%;
}
ul.main_menu li > ul > li a {
float: left;
padding: 7px 10px 7px 0;
}
ul.main_menu li ul > li{
border-bottom: 1px solid #EAEAEA;
float: left;
}
ul.main_menu li.current_page_parent{
border-bottom:0; 
}
ul.main_menu li.current_page_parent ul li.page_item a{
color: #12ABFF;
}
ul.main_menu li span.arrow{
right: 5px;
top: 7px;
}
ul.main_menu li ul.sub-menu li span.arrow{
right: 5px;
top:15px;
}
ul.main_menu li > ul.sub-menu li > ul.sub-menu{
top: 0;
right: 0;
position: relative;
border-top: 0; 
}
ul.main_menu li ul.sub-menu li ul.sub-menu li{
top: 0;
right: 0;
float: left;
position: relative;
display: block;
}
ul.main_menu li ul.sub-menu li ul.sub-menu li a{
padding-left: 20px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu li ul.sub-menu li ul.sub-menu li a:hover{
padding-left: 30px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.main_menu li span.arrow{
top: 20px;
}
ul.main_menu li ul.sub-menu li span.arrow{
top: 20px;
border-width: 5px 4px 0 4px;
border-color: #92999e transparent transparent transparent;
line-height: 0px;
_border-color: #92999e #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
} ul#menu-footer-menu{
float: none;
}
ul#menu-footer-menu li {
border-right:0;
float: none;
display: block;
}
ul#menu-footer-menu li:last-child {
border-right: none;
}
ul#menu-footer-menu li a {
background-color: #FAFAFA;
border-bottom: 1px solid #e6e6e6;
padding: 4px 9px;
position: relative;
display: block;
}
ul#menu-footer-menu li a:hover{
background-color: #0088cc;
text-shadow: 0 1px 0 transparent;
color: #fff;
}
ul#menu-footer-menu li:first-child a{
padding-left: 10px;
}
.navbar-collapse.in {
overflow-y: visible;
}
.soc_links{
text-align: center;
margin-top: 20px;
}
#copyright{
text-align: center;
}
a.logo_link {
text-align: center;
}
.column{
width: 100%;
margin: 0 auto;
padding: 10px;
}
}

















































#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
a,
.btn,
div.soc_links li a,
#wp-submit,
.gform_button,
.button-primary,
.acf-button {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
body #page .btn,
.mpfy-tooltip .btn,
body #page #wp-submit,
.mpfy-tooltip #wp-submit,
body #page .gform_button,
.mpfy-tooltip .gform_button,
body #page .button-primary,
.mpfy-tooltip .button-primary,
body #page .acf-button,
.mpfy-tooltip .acf-button,
body #page input.submit,
.mpfy-tooltip input.submit {
color: #4f7e8b;
background-color: transparent;
border: 5px solid #4f7e8b;
line-height: normal;
border-radius: 0;
width: auto;
float: left;
padding: 12px 30px;
font-size: 135%;
position: relative;
font-weight: bold;
}
@media (max-width: 1200px) {
body #page .btn,
.mpfy-tooltip .btn,
body #page #wp-submit,
.mpfy-tooltip #wp-submit,
body #page .gform_button,
.mpfy-tooltip .gform_button,
body #page .button-primary,
.mpfy-tooltip .button-primary,
body #page .acf-button,
.mpfy-tooltip .acf-button,
body #page input.submit,
.mpfy-tooltip input.submit {
font-size: 114%;
padding: 8px 25px;
border: 3px solid #4f7e8b;
}
}
body #page .btn.fa,
.mpfy-tooltip .btn.fa,
body #page #wp-submit.fa,
.mpfy-tooltip #wp-submit.fa,
body #page .gform_button.fa,
.mpfy-tooltip .gform_button.fa,
body #page .button-primary.fa,
.mpfy-tooltip .button-primary.fa,
body #page .acf-button.fa,
.mpfy-tooltip .acf-button.fa,
body #page input.submit.fa,
.mpfy-tooltip input.submit.fa,
body #page .btn i.fa,
.mpfy-tooltip .btn i.fa,
body #page #wp-submit i.fa,
.mpfy-tooltip #wp-submit i.fa,
body #page .gform_button i.fa,
.mpfy-tooltip .gform_button i.fa,
body #page .button-primary i.fa,
.mpfy-tooltip .button-primary i.fa,
body #page .acf-button i.fa,
.mpfy-tooltip .acf-button i.fa,
body #page input.submit i.fa,
.mpfy-tooltip input.submit i.fa {
color: #4f7e8b;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
body #page .btn.fa::before,
.mpfy-tooltip .btn.fa::before,
body #page #wp-submit.fa::before,
.mpfy-tooltip #wp-submit.fa::before,
body #page .gform_button.fa::before,
.mpfy-tooltip .gform_button.fa::before,
body #page .button-primary.fa::before,
.mpfy-tooltip .button-primary.fa::before,
body #page .acf-button.fa::before,
.mpfy-tooltip .acf-button.fa::before,
body #page input.submit.fa::before,
.mpfy-tooltip input.submit.fa::before,
body #page .btn i.fa::before,
.mpfy-tooltip .btn i.fa::before,
body #page #wp-submit i.fa::before,
.mpfy-tooltip #wp-submit i.fa::before,
body #page .gform_button i.fa::before,
.mpfy-tooltip .gform_button i.fa::before,
body #page .button-primary i.fa::before,
.mpfy-tooltip .button-primary i.fa::before,
body #page .acf-button i.fa::before,
.mpfy-tooltip .acf-button i.fa::before,
body #page input.submit i.fa::before,
.mpfy-tooltip input.submit i.fa::before {
margin-right: 7px;
}
body #page .btn.fa.fa-mouse-pointer,
.mpfy-tooltip .btn.fa.fa-mouse-pointer,
body #page #wp-submit.fa.fa-mouse-pointer,
.mpfy-tooltip #wp-submit.fa.fa-mouse-pointer,
body #page .gform_button.fa.fa-mouse-pointer,
.mpfy-tooltip .gform_button.fa.fa-mouse-pointer,
body #page .button-primary.fa.fa-mouse-pointer,
.mpfy-tooltip .button-primary.fa.fa-mouse-pointer,
body #page .acf-button.fa.fa-mouse-pointer,
.mpfy-tooltip .acf-button.fa.fa-mouse-pointer,
body #page input.submit.fa.fa-mouse-pointer,
.mpfy-tooltip input.submit.fa.fa-mouse-pointer,
body #page .btn i.fa.fa-mouse-pointer,
.mpfy-tooltip .btn i.fa.fa-mouse-pointer,
body #page #wp-submit i.fa.fa-mouse-pointer,
.mpfy-tooltip #wp-submit i.fa.fa-mouse-pointer,
body #page .gform_button i.fa.fa-mouse-pointer,
.mpfy-tooltip .gform_button i.fa.fa-mouse-pointer,
body #page .button-primary i.fa.fa-mouse-pointer,
.mpfy-tooltip .button-primary i.fa.fa-mouse-pointer,
body #page .acf-button i.fa.fa-mouse-pointer,
.mpfy-tooltip .acf-button i.fa.fa-mouse-pointer,
body #page input.submit i.fa.fa-mouse-pointer,
.mpfy-tooltip input.submit i.fa.fa-mouse-pointer {
bottom: 9%;
font-size: 125%;
position: absolute;
right: 8.9%;
transform: rotate(-10deg);
}
body #page .btn.fa.fa-mouse-pointer::before,
.mpfy-tooltip .btn.fa.fa-mouse-pointer::before,
body #page #wp-submit.fa.fa-mouse-pointer::before,
.mpfy-tooltip #wp-submit.fa.fa-mouse-pointer::before,
body #page .gform_button.fa.fa-mouse-pointer::before,
.mpfy-tooltip .gform_button.fa.fa-mouse-pointer::before,
body #page .button-primary.fa.fa-mouse-pointer::before,
.mpfy-tooltip .button-primary.fa.fa-mouse-pointer::before,
body #page .acf-button.fa.fa-mouse-pointer::before,
.mpfy-tooltip .acf-button.fa.fa-mouse-pointer::before,
body #page input.submit.fa.fa-mouse-pointer::before,
.mpfy-tooltip input.submit.fa.fa-mouse-pointer::before,
body #page .btn i.fa.fa-mouse-pointer::before,
.mpfy-tooltip .btn i.fa.fa-mouse-pointer::before,
body #page #wp-submit i.fa.fa-mouse-pointer::before,
.mpfy-tooltip #wp-submit i.fa.fa-mouse-pointer::before,
body #page .gform_button i.fa.fa-mouse-pointer::before,
.mpfy-tooltip .gform_button i.fa.fa-mouse-pointer::before,
body #page .button-primary i.fa.fa-mouse-pointer::before,
.mpfy-tooltip .button-primary i.fa.fa-mouse-pointer::before,
body #page .acf-button i.fa.fa-mouse-pointer::before,
.mpfy-tooltip .acf-button i.fa.fa-mouse-pointer::before,
body #page input.submit i.fa.fa-mouse-pointer::before,
.mpfy-tooltip input.submit i.fa.fa-mouse-pointer::before {
margin-right: 0;
}
body #page .btn:hover,
.mpfy-tooltip .btn:hover,
body #page #wp-submit:hover,
.mpfy-tooltip #wp-submit:hover,
body #page .gform_button:hover,
.mpfy-tooltip .gform_button:hover,
body #page .button-primary:hover,
.mpfy-tooltip .button-primary:hover,
body #page .acf-button:hover,
.mpfy-tooltip .acf-button:hover,
body #page input.submit:hover,
.mpfy-tooltip input.submit:hover {
color: white;
background-color: #4f7e8b;
}
body #page .btn:hover i.fa-mouse-pointer,
.mpfy-tooltip .btn:hover i.fa-mouse-pointer,
body #page #wp-submit:hover i.fa-mouse-pointer,
.mpfy-tooltip #wp-submit:hover i.fa-mouse-pointer,
body #page .gform_button:hover i.fa-mouse-pointer,
.mpfy-tooltip .gform_button:hover i.fa-mouse-pointer,
body #page .button-primary:hover i.fa-mouse-pointer,
.mpfy-tooltip .button-primary:hover i.fa-mouse-pointer,
body #page .acf-button:hover i.fa-mouse-pointer,
.mpfy-tooltip .acf-button:hover i.fa-mouse-pointer,
body #page input.submit:hover i.fa-mouse-pointer,
.mpfy-tooltip input.submit:hover i.fa-mouse-pointer {
display: none;
}
body #page .btn.btn-white,
.mpfy-tooltip .btn.btn-white,
body #page #wp-submit.btn-white,
.mpfy-tooltip #wp-submit.btn-white,
body #page .gform_button.btn-white,
.mpfy-tooltip .gform_button.btn-white,
body #page .button-primary.btn-white,
.mpfy-tooltip .button-primary.btn-white,
body #page .acf-button.btn-white,
.mpfy-tooltip .acf-button.btn-white,
body #page input.submit.btn-white,
.mpfy-tooltip input.submit.btn-white {
color: white;
border-color: white;
}
body #page .btn.btn-white.fa,
.mpfy-tooltip .btn.btn-white.fa,
body #page #wp-submit.btn-white.fa,
.mpfy-tooltip #wp-submit.btn-white.fa,
body #page .gform_button.btn-white.fa,
.mpfy-tooltip .gform_button.btn-white.fa,
body #page .button-primary.btn-white.fa,
.mpfy-tooltip .button-primary.btn-white.fa,
body #page .acf-button.btn-white.fa,
.mpfy-tooltip .acf-button.btn-white.fa,
body #page input.submit.btn-white.fa,
.mpfy-tooltip input.submit.btn-white.fa,
body #page .btn.btn-white i.fa,
.mpfy-tooltip .btn.btn-white i.fa,
body #page #wp-submit.btn-white i.fa,
.mpfy-tooltip #wp-submit.btn-white i.fa,
body #page .gform_button.btn-white i.fa,
.mpfy-tooltip .gform_button.btn-white i.fa,
body #page .button-primary.btn-white i.fa,
.mpfy-tooltip .button-primary.btn-white i.fa,
body #page .acf-button.btn-white i.fa,
.mpfy-tooltip .acf-button.btn-white i.fa,
body #page input.submit.btn-white i.fa,
.mpfy-tooltip input.submit.btn-white i.fa {
color: white;
}
body #page .btn.btn-white:hover,
.mpfy-tooltip .btn.btn-white:hover,
body #page #wp-submit.btn-white:hover,
.mpfy-tooltip #wp-submit.btn-white:hover,
body #page .gform_button.btn-white:hover,
.mpfy-tooltip .gform_button.btn-white:hover,
body #page .button-primary.btn-white:hover,
.mpfy-tooltip .button-primary.btn-white:hover,
body #page .acf-button.btn-white:hover,
.mpfy-tooltip .acf-button.btn-white:hover,
body #page input.submit.btn-white:hover,
.mpfy-tooltip input.submit.btn-white:hover {
background-color: white;
color: #4f7e8b;
}
body #page .btn.btn-white:hover.fa,
.mpfy-tooltip .btn.btn-white:hover.fa,
body #page #wp-submit.btn-white:hover.fa,
.mpfy-tooltip #wp-submit.btn-white:hover.fa,
body #page .gform_button.btn-white:hover.fa,
.mpfy-tooltip .gform_button.btn-white:hover.fa,
body #page .button-primary.btn-white:hover.fa,
.mpfy-tooltip .button-primary.btn-white:hover.fa,
body #page .acf-button.btn-white:hover.fa,
.mpfy-tooltip .acf-button.btn-white:hover.fa,
body #page input.submit.btn-white:hover.fa,
.mpfy-tooltip input.submit.btn-white:hover.fa,
body #page .btn.btn-white:hover i.fa,
.mpfy-tooltip .btn.btn-white:hover i.fa,
body #page #wp-submit.btn-white:hover i.fa,
.mpfy-tooltip #wp-submit.btn-white:hover i.fa,
body #page .gform_button.btn-white:hover i.fa,
.mpfy-tooltip .gform_button.btn-white:hover i.fa,
body #page .button-primary.btn-white:hover i.fa,
.mpfy-tooltip .button-primary.btn-white:hover i.fa,
body #page .acf-button.btn-white:hover i.fa,
.mpfy-tooltip .acf-button.btn-white:hover i.fa,
body #page input.submit.btn-white:hover i.fa,
.mpfy-tooltip input.submit.btn-white:hover i.fa {
color: #4f7e8b;
}
body #page .btn.btn-black,
.mpfy-tooltip .btn.btn-black,
body #page #wp-submit.btn-black,
.mpfy-tooltip #wp-submit.btn-black,
body #page .gform_button.btn-black,
.mpfy-tooltip .gform_button.btn-black,
body #page .button-primary.btn-black,
.mpfy-tooltip .button-primary.btn-black,
body #page .acf-button.btn-black,
.mpfy-tooltip .acf-button.btn-black,
body #page input.submit.btn-black,
.mpfy-tooltip input.submit.btn-black {
color: #222;
border-color: #222;
}
body #page .btn.btn-black:hover,
.mpfy-tooltip .btn.btn-black:hover,
body #page #wp-submit.btn-black:hover,
.mpfy-tooltip #wp-submit.btn-black:hover,
body #page .gform_button.btn-black:hover,
.mpfy-tooltip .gform_button.btn-black:hover,
body #page .button-primary.btn-black:hover,
.mpfy-tooltip .button-primary.btn-black:hover,
body #page .acf-button.btn-black:hover,
.mpfy-tooltip .acf-button.btn-black:hover,
body #page input.submit.btn-black:hover,
.mpfy-tooltip input.submit.btn-black:hover {
background-color: #222;
color: white;
}
body #page .btn.btn-filled,
.mpfy-tooltip .btn.btn-filled,
body #page #wp-submit.btn-filled,
.mpfy-tooltip #wp-submit.btn-filled,
body #page .gform_button.btn-filled,
.mpfy-tooltip .gform_button.btn-filled,
body #page .button-primary.btn-filled,
.mpfy-tooltip .button-primary.btn-filled,
body #page .acf-button.btn-filled,
.mpfy-tooltip .acf-button.btn-filled,
body #page input.submit.btn-filled,
.mpfy-tooltip input.submit.btn-filled {
background-color: #4f7e8b;
color: white;
border-color: #4f7e8b;
}
body #page .btn.btn-filled i.fa,
.mpfy-tooltip .btn.btn-filled i.fa,
body #page #wp-submit.btn-filled i.fa,
.mpfy-tooltip #wp-submit.btn-filled i.fa,
body #page .gform_button.btn-filled i.fa,
.mpfy-tooltip .gform_button.btn-filled i.fa,
body #page .button-primary.btn-filled i.fa,
.mpfy-tooltip .button-primary.btn-filled i.fa,
body #page .acf-button.btn-filled i.fa,
.mpfy-tooltip .acf-button.btn-filled i.fa,
body #page input.submit.btn-filled i.fa,
.mpfy-tooltip input.submit.btn-filled i.fa {
color: white;
}
body #page .btn.btn-filled:hover,
.mpfy-tooltip .btn.btn-filled:hover,
body #page #wp-submit.btn-filled:hover,
.mpfy-tooltip #wp-submit.btn-filled:hover,
body #page .gform_button.btn-filled:hover,
.mpfy-tooltip .gform_button.btn-filled:hover,
body #page .button-primary.btn-filled:hover,
.mpfy-tooltip .button-primary.btn-filled:hover,
body #page .acf-button.btn-filled:hover,
.mpfy-tooltip .acf-button.btn-filled:hover,
body #page input.submit.btn-filled:hover,
.mpfy-tooltip input.submit.btn-filled:hover {
color: #4f7e8b;
background-color: transparent;
}
body #page .btn.btn-filled:hover i.fa,
.mpfy-tooltip .btn.btn-filled:hover i.fa,
body #page #wp-submit.btn-filled:hover i.fa,
.mpfy-tooltip #wp-submit.btn-filled:hover i.fa,
body #page .gform_button.btn-filled:hover i.fa,
.mpfy-tooltip .gform_button.btn-filled:hover i.fa,
body #page .button-primary.btn-filled:hover i.fa,
.mpfy-tooltip .button-primary.btn-filled:hover i.fa,
body #page .acf-button.btn-filled:hover i.fa,
.mpfy-tooltip .acf-button.btn-filled:hover i.fa,
body #page input.submit.btn-filled:hover i.fa,
.mpfy-tooltip input.submit.btn-filled:hover i.fa {
color: #4f7e8b;
}
body #page .btn.btn-filled.btn-white,
.mpfy-tooltip .btn.btn-filled.btn-white,
body #page #wp-submit.btn-filled.btn-white,
.mpfy-tooltip #wp-submit.btn-filled.btn-white,
body #page .gform_button.btn-filled.btn-white,
.mpfy-tooltip .gform_button.btn-filled.btn-white,
body #page .button-primary.btn-filled.btn-white,
.mpfy-tooltip .button-primary.btn-filled.btn-white,
body #page .acf-button.btn-filled.btn-white,
.mpfy-tooltip .acf-button.btn-filled.btn-white,
body #page input.submit.btn-filled.btn-white,
.mpfy-tooltip input.submit.btn-filled.btn-white {
border-color: white;
background-color: white;
color: #4f7e8b;
}
body #page .btn.btn-filled.btn-white i.fa,
.mpfy-tooltip .btn.btn-filled.btn-white i.fa,
body #page #wp-submit.btn-filled.btn-white i.fa,
.mpfy-tooltip #wp-submit.btn-filled.btn-white i.fa,
body #page .gform_button.btn-filled.btn-white i.fa,
.mpfy-tooltip .gform_button.btn-filled.btn-white i.fa,
body #page .button-primary.btn-filled.btn-white i.fa,
.mpfy-tooltip .button-primary.btn-filled.btn-white i.fa,
body #page .acf-button.btn-filled.btn-white i.fa,
.mpfy-tooltip .acf-button.btn-filled.btn-white i.fa,
body #page input.submit.btn-filled.btn-white i.fa,
.mpfy-tooltip input.submit.btn-filled.btn-white i.fa {
color: #4f7e8b;
}
body #page .btn.btn-filled.btn-white:hover,
.mpfy-tooltip .btn.btn-filled.btn-white:hover,
body #page #wp-submit.btn-filled.btn-white:hover,
.mpfy-tooltip #wp-submit.btn-filled.btn-white:hover,
body #page .gform_button.btn-filled.btn-white:hover,
.mpfy-tooltip .gform_button.btn-filled.btn-white:hover,
body #page .button-primary.btn-filled.btn-white:hover,
.mpfy-tooltip .button-primary.btn-filled.btn-white:hover,
body #page .acf-button.btn-filled.btn-white:hover,
.mpfy-tooltip .acf-button.btn-filled.btn-white:hover,
body #page input.submit.btn-filled.btn-white:hover,
.mpfy-tooltip input.submit.btn-filled.btn-white:hover {
color: white;
background-color: transparent;
}
body #page .btn.btn-filled.btn-white:hover i.fa,
.mpfy-tooltip .btn.btn-filled.btn-white:hover i.fa,
body #page #wp-submit.btn-filled.btn-white:hover i.fa,
.mpfy-tooltip #wp-submit.btn-filled.btn-white:hover i.fa,
body #page .gform_button.btn-filled.btn-white:hover i.fa,
.mpfy-tooltip .gform_button.btn-filled.btn-white:hover i.fa,
body #page .button-primary.btn-filled.btn-white:hover i.fa,
.mpfy-tooltip .button-primary.btn-filled.btn-white:hover i.fa,
body #page .acf-button.btn-filled.btn-white:hover i.fa,
.mpfy-tooltip .acf-button.btn-filled.btn-white:hover i.fa,
body #page input.submit.btn-filled.btn-white:hover i.fa,
.mpfy-tooltip input.submit.btn-filled.btn-white:hover i.fa {
color: white;
}
body #page .btn.btn-circle,
.mpfy-tooltip .btn.btn-circle,
body #page #wp-submit.btn-circle,
.mpfy-tooltip #wp-submit.btn-circle,
body #page .gform_button.btn-circle,
.mpfy-tooltip .gform_button.btn-circle,
body #page .button-primary.btn-circle,
.mpfy-tooltip .button-primary.btn-circle,
body #page .acf-button.btn-circle,
.mpfy-tooltip .acf-button.btn-circle,
body #page input.submit.btn-circle,
.mpfy-tooltip input.submit.btn-circle {
border-radius: 100%;
height: 120px;
padding: 0;
width: 120px;
border-width: 1px;
}
body #page .btn.btn-circle span,
.mpfy-tooltip .btn.btn-circle span,
body #page #wp-submit.btn-circle span,
.mpfy-tooltip #wp-submit.btn-circle span,
body #page .gform_button.btn-circle span,
.mpfy-tooltip .gform_button.btn-circle span,
body #page .button-primary.btn-circle span,
.mpfy-tooltip .button-primary.btn-circle span,
body #page .acf-button.btn-circle span,
.mpfy-tooltip .acf-button.btn-circle span,
body #page input.submit.btn-circle span,
.mpfy-tooltip input.submit.btn-circle span {
font-size: 120%;
}
body #page .btn.btn-rounded,
.mpfy-tooltip .btn.btn-rounded,
body #page #wp-submit.btn-rounded,
.mpfy-tooltip #wp-submit.btn-rounded,
body #page .gform_button.btn-rounded,
.mpfy-tooltip .gform_button.btn-rounded,
body #page .button-primary.btn-rounded,
.mpfy-tooltip .button-primary.btn-rounded,
body #page .acf-button.btn-rounded,
.mpfy-tooltip .acf-button.btn-rounded,
body #page input.submit.btn-rounded,
.mpfy-tooltip input.submit.btn-rounded {
border-radius: 50px;
}
body #page .btn.btn-bold,
.mpfy-tooltip .btn.btn-bold,
body #page #wp-submit.btn-bold,
.mpfy-tooltip #wp-submit.btn-bold,
body #page .gform_button.btn-bold,
.mpfy-tooltip .gform_button.btn-bold,
body #page .button-primary.btn-bold,
.mpfy-tooltip .button-primary.btn-bold,
body #page .acf-button.btn-bold,
.mpfy-tooltip .acf-button.btn-bold,
body #page input.submit.btn-bold,
.mpfy-tooltip input.submit.btn-bold {
border-width: 3px;
font-size: 120%;
letter-spacing: 2px;
font-weight: bold;
}
body #page .btn.btn-small,
.mpfy-tooltip .btn.btn-small,
body #page #wp-submit.btn-small,
.mpfy-tooltip #wp-submit.btn-small,
body #page .gform_button.btn-small,
.mpfy-tooltip .gform_button.btn-small,
body #page .button-primary.btn-small,
.mpfy-tooltip .button-primary.btn-small,
body #page .acf-button.btn-small,
.mpfy-tooltip .acf-button.btn-small,
body #page input.submit.btn-small,
.mpfy-tooltip input.submit.btn-small {
font-size: 90%;
padding: 7px 22px;
}
body #page .btn.centered,
.mpfy-tooltip .btn.centered,
body #page #wp-submit.centered,
.mpfy-tooltip #wp-submit.centered,
body #page .gform_button.centered,
.mpfy-tooltip .gform_button.centered,
body #page .button-primary.centered,
.mpfy-tooltip .button-primary.centered,
body #page .acf-button.centered,
.mpfy-tooltip .acf-button.centered,
body #page input.submit.centered,
.mpfy-tooltip input.submit.centered {
display: inline-block;
float: none !important;
}
body #page .btn.uppercase,
.mpfy-tooltip .btn.uppercase,
body #page #wp-submit.uppercase,
.mpfy-tooltip #wp-submit.uppercase,
body #page .gform_button.uppercase,
.mpfy-tooltip .gform_button.uppercase,
body #page .button-primary.uppercase,
.mpfy-tooltip .button-primary.uppercase,
body #page .acf-button.uppercase,
.mpfy-tooltip .acf-button.uppercase,
body #page input.submit.uppercase,
.mpfy-tooltip input.submit.uppercase {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
}
body #page .btn.capitalized,
.mpfy-tooltip .btn.capitalized,
body #page #wp-submit.capitalized,
.mpfy-tooltip #wp-submit.capitalized,
body #page .gform_button.capitalized,
.mpfy-tooltip .gform_button.capitalized,
body #page .button-primary.capitalized,
.mpfy-tooltip .button-primary.capitalized,
body #page .acf-button.capitalized,
.mpfy-tooltip .acf-button.capitalized,
body #page input.submit.capitalized,
.mpfy-tooltip input.submit.capitalized {
text-transform: capitalize;
}
body #page .btn.lowercase,
.mpfy-tooltip .btn.lowercase,
body #page #wp-submit.lowercase,
.mpfy-tooltip #wp-submit.lowercase,
body #page .gform_button.lowercase,
.mpfy-tooltip .gform_button.lowercase,
body #page .button-primary.lowercase,
.mpfy-tooltip .button-primary.lowercase,
body #page .acf-button.lowercase,
.mpfy-tooltip .acf-button.lowercase,
body #page input.submit.lowercase,
.mpfy-tooltip input.submit.lowercase {
text-transform: lowercase;
}
body #page .btn.float-none,
.mpfy-tooltip .btn.float-none,
body #page #wp-submit.float-none,
.mpfy-tooltip #wp-submit.float-none,
body #page .gform_button.float-none,
.mpfy-tooltip .gform_button.float-none,
body #page .button-primary.float-none,
.mpfy-tooltip .button-primary.float-none,
body #page .acf-button.float-none,
.mpfy-tooltip .acf-button.float-none,
body #page input.submit.float-none,
.mpfy-tooltip input.submit.float-none {
float: none;
}
body #page .btn.pdf-download,
.mpfy-tooltip .btn.pdf-download,
body #page #wp-submit.pdf-download,
.mpfy-tooltip #wp-submit.pdf-download,
body #page .gform_button.pdf-download,
.mpfy-tooltip .gform_button.pdf-download,
body #page .button-primary.pdf-download,
.mpfy-tooltip .button-primary.pdf-download,
body #page .acf-button.pdf-download,
.mpfy-tooltip .acf-button.pdf-download,
body #page input.submit.pdf-download,
.mpfy-tooltip input.submit.pdf-download {
margin-top: 10px;
float: left;
width: auto;
}
body #page .btn .arrow-right,
.mpfy-tooltip .btn .arrow-right,
body #page #wp-submit .arrow-right,
.mpfy-tooltip #wp-submit .arrow-right,
body #page .gform_button .arrow-right,
.mpfy-tooltip .gform_button .arrow-right,
body #page .button-primary .arrow-right,
.mpfy-tooltip .button-primary .arrow-right,
body #page .acf-button .arrow-right,
.mpfy-tooltip .acf-button .arrow-right,
body #page input.submit .arrow-right,
.mpfy-tooltip input.submit .arrow-right {
color: white;
margin-left: 15px;
font-size: 110%;
}
body #page .btn .overlay,
.mpfy-tooltip .btn .overlay,
body #page #wp-submit .overlay,
.mpfy-tooltip #wp-submit .overlay,
body #page .gform_button .overlay,
.mpfy-tooltip .gform_button .overlay,
body #page .button-primary .overlay,
.mpfy-tooltip .button-primary .overlay,
body #page .acf-button .overlay,
.mpfy-tooltip .acf-button .overlay,
body #page input.submit .overlay,
.mpfy-tooltip input.submit .overlay {
min-width: 0;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
html body {
color: #444;
font-weight: 300;
letter-spacing: 0.5px;
font-size: 100%;
}
html body h1 {
font-size: 180%;
font-weight: 700;
margin-bottom: 30px;
line-height: 220%;
color: #51493c;
text-transform: uppercase;
}
html body h1.page-title {
color: white;
}
html body .homescreen h1 {
font-size: 135%;
color: white;
margin-bottom: 10px;
line-height: 150%;
letter-spacing: 1px;
}
html body h2 {
font-size: 160%;
font-weight: 500;
margin-bottom: 30px;
line-height: 150%;
color: #444;
}
html body h3 {
font-size: 125%;
line-height: 130%;
font-weight: 400;
color: #454545;
padding: 0 10px;
}
html body h4 {
font-size: 115%;
}
@media (max-width: 1700px) {
html body {
font-size: 95%;
}
html body h1 {
font-size: 170%;
}
html body h2 {
font-size: 150%;
}
html body .homescreen {
font-size: 125%;
}
}
@media (max-width: 1550px) {
html body {
font-size: 92%;
}
html body h1 {
font-size: 160%;
}
html body h2 {
font-size: 140%;
}
html body .homescreen {
font-size: 120%;
}
}
@media (max-width: 1430px) {
html body {
font-size: 89%;
}
html body h1 {
font-size: 145%;
}
html body h2 {
font-size: 135%;
}
html body .homescreen {
font-size: 115%;
}
}
@media (max-width: 1370px) {
html body {
font-size: 86%;
}
html body h1 {
font-size: 140%;
}
html body h2 {
font-size: 132%;
}
html body .homescreen {
font-size: 120%;
}
}
@media (max-width: 1200px) {
html body {
font-size: 83%;
}
html body h1 {
font-size: 135%;
}
html body h2 {
font-size: 125%;
}
html body .homescreen {
font-size: 106%;
}
html body .homescreen h1 {
font-size: 165%;
}
}
@media (max-width: 1000px) {
html body {
font-size: 80%;
}
html body h1 {
font-size: 130%;
}
html body h2 {
font-size: 115%;
}
html body .homescreen {
font-size: 90%;
}
html body .homescreen h1 {
font-size: 145%;
}
}
html h1,
html h2,
html h3,
html h4 { font-family: "Lato", "oswald", Open-Sans, arial; }
html body,
html a,
html span,
html p,
html a.btn {
font-family: "Lato", "oswald", Open-Sans, arial;
}
html .writer span,
html .writer .typed-cursor {
font-family: inherit;
font-size: inherit;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
em {
font-style: normal;
}
hr {
background-color: #4f7e8b;
height: 2px;
}
p img.alignright {
padding: 0 10px;
}
p ul,
.pdf-row ul {
padding: 0 15px;
}
.border {
border: 2px solid;
}
.border.maincolor {
border-color: #4f7e8b;
}
img.nozoom,
.nozoom img {
transform: scale(1) !important;
}
#page img.centered,
.centered {
display: inline-block;
float: none;
max-width: 100%;
}
#page .logo_link {
float: left;
width: 100%;
}
.opacity-fader {
opacity: 0 !important;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
a.zoom-in img {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.extra-padding {
padding: 0 6%;
}
.scrolloff {
pointer-events: none;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.full-width {
width: 100%;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.margin-top-50 {
margin-top: 50px;
}
.margin-top-bottom {
margin-top: 15px;
margin-bottom: 15px;
}
.inline-block {
display: inline-block;
}
.float-left {
float: left;
}
.float-none {
float: none;
}
.float-right {
float: right;
}
.two-text-col {
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;
}
.blue-border-bottom {
border-bottom: 4px solid #4f7e8b;
float: left;
width: 100%;
}
.blue-border-top {
border-top: 4px solid #4f7e8b;
float: left;
width: 100%;
}
.bg-transparent {
background-color: transparent !important;
}
.boog {
background-image: url(//vanroode.nl/wp-content/themes/scodeTheme/css/img/Boog.png);
background-repeat: no-repeat;
background-position: center 100%;
background-size: 100.15% auto;
}
.relative {
position: relative;
}
.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2;
}
.fixed img:hover {
z-index: initial;
}
.fa.fa-hand-pointer-o {
color: white;
font-size: 120%;
position: absolute;
right: 0;
top: 0;
z-index: 9999;
}
.waarschuwing,
.warning {
background-color: orange;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 3px 4%;
color: white;
z-index: 9999999999999;
font-size: 70%;
text-align: center;
}
.no-padding {
padding: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.no-top-margin {
margin-top: 0 !important;
}
.no-bottom-margin {
margin-bottom: 0 !important;
}
.no-bottom-padding {
padding-bottom: 0 !important;
}
.no-top-padding {
padding-top: 0 !important;
}
body.noscroll {
overflow: hidden;
}
.visibility-hidden {
visibility: hidden;
}
.pointer-events-none {
pointer-events: none;
}
.pointer-events-auto {
pointer-events: auto;
}
.strong,
.bold,
.font-bold,
.font-strong {
font-weight: bold;
}
.strong p,
.bold p,
.font-bold p,
.font-strong p {
font-weight: bold;
}
.bg-colored h2,
h2.bg-colored,
.bg-colored h1,
h1.bg-colored,
p.bg-colored,
span.bg-colored {
background-color: #4f7e8b;
padding-left: 11px;
padding-right: 11px;
color: white;
float: none;
display: inline-block;
}
.bg-colored h2,
h2.bg-colored,
.bg-colored h1,
h1.bg-colored {
padding-top: 7px;
padding-bottom: 7px;
}
.about-text p,
.diensten-text p {
margin: 15px 0;
}
html .fancybox-overlay {
z-index: 337030;
}
html .fancybox-wrap {
z-index: 338030;
}
.section-title {
margin-bottom: 15px;
float: left;
width: 100%;
padding: 0 8%;
}
.section-title.no-padding {
padding: 0;
}
.section-title h2,
.section-title h1 {
font-size: 200%;
margin-bottom: 8px;
letter-spacing: 2px;
margin-bottom: 5px !important;
display: inline-block;
width: auto;
line-height: 130%;
}
.section-title h2 .prefix,
.section-title h1 .prefix {
color: #4f7e8b;
font-weight: bold;
letter-spacing: 0;
}
.section-title .decoration-line {
clear: both;
display: block;
height: 1px;
margin: 3px auto 5px;
width: 230px;
border-bottom: 1px solid #6599a8; transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}
.section-title.text-left .decoration-line {
margin: 10px 0;
}
.section-title.bg-colored {
padding-bottom: 15px;
margin-bottom: 15px;
}
#page .offcolor1 .bg-colored h2,
#page .offcolor1 h2.bg-colored,
#page .offcolor1 p.bg-colored,
#page .offcolor1 span.bg-colored {
background-color: #ee3a43;
}
#page .offcolor1 .section-title.bg-colored .decoration-line {
border-color: #f8afb3;
}
#page .offcolor1 .wpcf7 .wpcf7-form .contact-submit input {
background-color: #ee3a43;
border-color: #ee3a43;
}
#page .offcolor1 .wpcf7 .wpcf7-form .contact-submit input:hover {
background-color: transparent;
color: #ee3a43;
}
.absolute-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.relative-cover {
position: relative;
width: 100%;
height: 100%;
}
.hover-reveal {
opacity: 0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.hover-reveal .hover-content {
text-align: center;
}
.hover-reveal:hover {
opacity: 1;
}
.hover-reveal-container .hover-reveal-fade,
.hover-reveal-container .hover-reveal-hide {
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.hover-reveal-container:hover .hover-reveal-fade {
opacity: 0.3;
}
.hover-reveal-container:hover .hover-reveal-hide {
opacity: 0;
pointer-events: none !important;
}
.hover-reveal-container:hover .hover-reveal {
opacity: 1;
}
.is-mobile .hover-reveal-container .hover-reveal-fade {
opacity: 0.3;
}
.is-mobile .hover-reveal-container .hover-reveal-hide {
opacity: 0;
}
.is-mobile .hover-reveal-container .hover-reveal {
opacity: 1;
}
#page #main .bg-colored.section-title,
#page #main .bg-colored.section-title h2,
#page #main .bg-colored.section-title h1 {
background-color: initial;
padding: initial;
color: initial;
}
#page #main .bg-colored.section-title em,
#page #main .bg-colored.section-title h2 em,
#page #main .bg-colored.section-title h1 em {
background-color: #4f7e8b;
padding-left: 14px;
padding-right: 14px;
padding-top: 4px;
padding-bottom: 4px;
color: white;
}
#page #main.offcolor1 .bg-colored.section-title em,
#page #main .offcolor1 .bg-colored.section-title em,
#page #main.offcolor1 .bg-colored.section-title h2 em,
#page #main .offcolor1 .bg-colored.section-title h2 em,
#page #main.offcolor1 .bg-colored.section-title h1 em,
#page #main .offcolor1 .bg-colored.section-title h1 em {
background-color: #ee3a43;
}
.vh100 {
height: 100%;
height: 100vh !important;
min-height: 100vh;
margin: 0 !important;
padding: 0 !important;
}
.vh100 > div[class*="col"] {
height: 100%;
height: 100vh;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.vh75 {
height: 75%;
height: 75vh !important;
min-height: 75vh;
margin: 0 !important;
padding: 0 !important;
}
.vh75 > div[class*="col"] {
height: 100%;
height: 75vh;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.vh50 {
height: 50%;
height: 50vh !important;
min-height: 50vh;
margin: 0 !important;
padding: 0 !important;
}
.vh50 > div[class*="col"] {
height: 100%;
height: 50vh;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.vh40 {
height: 40%;
height: 40vh !important;
min-height: 40vh;
margin: 0 !important;
padding: 0 !important;
}
.vh40 > div[class*="col"] {
height: 100%;
height: 40vh;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.vh33 {
height: 33%;
height: 33vh !important;
min-height: 33vh;
margin: 0 !important;
padding: 0 !important;
}
.vh33 > div[class*="col"] {
height: 100%;
height: 33vh;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.vh30 {
height: 30%;
height: 30vh !important;
min-height: 30vh;
margin: 0 !important;
padding: 0 !important;
}
.vh30 > div[class*="col"] {
height: 100%;
height: 30vh;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.vh25 {
height: 25%;
height: 25vh !important;
min-height: 25vh;
margin: 0 !important;
padding: 0 !important;
}
.vh25 > div[class*="col"] {
height: 100%;
height: 25vh;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.vh20 {
height: 20%;
height: 20vh !important;
min-height: 20vh;
margin: 0 !important;
padding: 0 !important;
}
.vh20 > div[class*="col"] {
height: 100%;
height: 20vh;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.overflow-hidden {
overflow: hidden;
}
.stretch-col-wrapper {
overflow: hidden;
}
.stretch-col {
margin-bottom: -99999px !important;
padding-bottom: 99999px !important;
}
.hidden {
display: none;
}
.uppercase {
text-transform: uppercase;
letter-spacing: 3px;
}
.capitalized {
text-transform: capitalize;
}
.lowercase {
text-transform: lowercase;
}
.title-white {
color: white !important;
}
.text-white {
color: white !important;
}
.text-black {
color: black !important;
}
#page .txt-maincolor {
color: #4f7e8b;
}
#page .txt-black {
color: black;
}
#page .txt-white {
color: white;
}
.overlay {
position: absolute !important;
top: 50%;
left: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
}
.overlay.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
.overlay.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
.overlay.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
.overlay.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
.overlay.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
.overlay.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
.overlay.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
.overlay.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
.overlay.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
.parallaxParent {
pointer-events: none;
}
p em {
font-style: italic;
}
.mod-objectfit div.object-fit {
height: 100%;
}
.mod-objectfit div.object-fit.contain img {
object-fit: contain;
background-size: contain;
background-position: right center;
object-position: 100% 50%;
}
.mod-objectfit div.object-fit.fill img {
object-fit: fill;
background-size: fill;
}
.mod-objectfit div.object-fit.none img {
object-fit: none;
background-size: none;
}
.mod-objectfit div.object-fit.scale-down img {
object-fit: scale-down;
background-size: scale-down;
}
.mod-objectfit div.object-fit.transparent img {
background-color: transparent;
}
.mod-objectfit div.object-fit.white-bg img {
background-color: white;
}
.mod-objectfit .object-fit img,
.mod-objectfit img.object-fit,
.mod-objectfit video.object-fit,
.mod-objectfit .parallaxParent > div.object-fit {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
background-size: cover;
background-repeat: no-repeat;
}
.mod-objectfit .object-fit img.contain,
.mod-objectfit img.object-fit.contain,
.mod-objectfit video.object-fit.contain,
.mod-objectfit .parallaxParent > div.object-fit.contain {
object-fit: contain;
background-size: contain;
}
.mod-objectfit .object-fit img.fill,
.mod-objectfit img.object-fit.fill,
.mod-objectfit video.object-fit.fill,
.mod-objectfit .parallaxParent > div.object-fit.fill {
object-fit: fill;
background-size: fill;
}
.mod-objectfit .object-fit img.none,
.mod-objectfit img.object-fit.none,
.mod-objectfit video.object-fit.none,
.mod-objectfit .parallaxParent > div.object-fit.none {
object-fit: none;
background-size: none;
}
.mod-objectfit .object-fit img.scale-down,
.mod-objectfit img.object-fit.scale-down,
.mod-objectfit video.object-fit.scale-down,
.mod-objectfit .parallaxParent > div.object-fit.scale-down {
object-fit: scale-down;
background-size: scale-down;
}
.mod-objectfit .object-fit img.transparent,
.mod-objectfit img.object-fit.transparent,
.mod-objectfit video.object-fit.transparent,
.mod-objectfit .parallaxParent > div.object-fit.transparent {
background-color: transparent;
}
.mod-objectfit .object-fit img.white-bg,
.mod-objectfit img.object-fit.white-bg,
.mod-objectfit video.object-fit.white-bg,
.mod-objectfit .parallaxParent > div.object-fit.white-bg {
background-color: white;
}
.mod-objectfit .object-fit img.slided,
.mod-objectfit img.object-fit.slided,
.mod-objectfit video.object-fit.slided,
.mod-objectfit .parallaxParent > div.object-fit.slided {
object-fit: none;
}
.mod-no-objectfit .new-thumb img,
.mod-no-objectfit img.new-thumb {
background-color: #ddd;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
display: block;
width: 100%;
height: 100%;
}
.mod-no-objectfit .new-thumb img.contain,
.mod-no-objectfit img.new-thumb.contain {
background-size: contain;
}
.mod-no-objectfit .new-thumb img.transparent,
.mod-no-objectfit img.new-thumb.transparent {
background-color: transparent;
}
.mod-no-objectfit .new-thumb img.white-bg,
.mod-no-objectfit img.new-thumb.white-bg {
background-color: white;
}
.row .col-margin {
margin-bottom: 80px;
}
.arrow-down {
position: absolute;
z-index: 5;  bottom: 15%;
padding: 15px;
border-radius: 50%;
display: block;
left: 20%;
}
.arrow-down.centered {
left: 50%;
transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
}
.arrow-down i {
color: #fff;
font-size: 470%;
position: relative;
}
.arrow-down.animate {
-webkit-animation: bounce 3000ms ease-out;
-moz-animation: bounce 3000ms ease-out;
-o-animation: bounce 3000ms ease-out;
animation: bounce 3000ms ease-out;
-webkit-animation-delay: 2s; animation-delay: 2s;
opacity: 1;
}
.arrow-down.animate.centered {
-webkit-animation: bounce-centered 3000ms ease-out;
-moz-animation: bounce-centered 3000ms ease-out;
-o-animation: bounce-centered 3000ms ease-out;
animation: bounce-centered 3000ms ease-out;
}
.arrow-down.animate.arrow-down.loop {
animation-iteration-count: infinite;
}
.arrow-down.round i {
border-radius: 100px;
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
}
.arrow-down.white-border i {
border: 4px solid white;
}
.arrow-down:hover {
-webkit-animation-play-state: paused !important;
-moz-animation-play-state: paused !important;
-ms-animation-play-state: paused !important;
animation-play-state: paused !important;
}
.arrow-down:hover i {
background-color: white;
color: #4f7e8b;
}
.woocommerce .arrow-down {
margin: 0;
left: 50%;
transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
}
.woocommerce .arrow-down i {
font-size: 500%;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.fve-video-wrapper {
float: left;
width: 100%;
}
.hearbeat {
animation: 1600ms ease 0s normal none infinite running heartbeat;
}
.flex-fields-group-row .flex-field-row {
margin: 0 !important;
}
.flex-fields-group-row .flex-field-bg-overlay {
width: 100%;
}
.flex-fields-group-row .flex-field-bg-overlay .flex-field-text {
font-size: 160%;
letter-spacing: 1px;
}
.flex-fields-group-row .flex-field-col {
position: relative;
}
.flex-fields-group-row .flex-field-col > div.flex-field-title {
color: white;
padding: 20px 3%;
padding: 2.5vh 3%;
width: 50%;
z-index: 8999;
margin: 0;
min-width: 0;
}
@media (max-width: 1200px) {
.flex-fields-group-row .flex-field-col > div.flex-field-title {
width: 40%;
top: 72%;
transform: translateY(-72%);
-ms-transform: translateY(-72%);
-webkit-transform: translateY(-72%);
-moz-transform: translateY(-72%);
-o-transform: translateY(-72%);
}
}
.flex-fields-group-row .flex-field-col > div.flex-field-title.title-pos-left {
left: 0;
text-align: right;
}
@media (max-width: 1200px) {
.flex-fields-group-row .flex-field-col > div.flex-field-title.title-pos-left {
left: auto;
right: 0;
}
}
.flex-fields-group-row .flex-field-col > div.flex-field-title.title-pos-right {
right: 0;
text-align: left;
}
@media (max-width: 1200px) {
.flex-fields-group-row .flex-field-col > div.flex-field-title.title-pos-right {
left: 0;
right: auto;
}
}
.flex-fields-group-row .flex-field-col.bg-pos-left .flex-field-title {
position: absolute;
}
.flex-fields-group-row .flex-field-col.bg-pos-left .flex-field-bg {
width: 50%;
float: left;
}
.flex-fields-group-row .flex-field-col.bg-pos-left .flex-field-text { padding-right: 35%;
}
@media (max-width: 1200px) {
.flex-fields-group-row .flex-field-col.bg-pos-left.attachment-fixed .flex-field-bg.parallaxParent > div {
background-size: 100% auto;
background-size: cover;
background-position: center center;
}
.flex-fields-group-row .flex-field-col.bg-pos-left .flex-field-bg {
width: 100%;
}
.flex-fields-group-row .flex-field-col.bg-pos-left .flex-field-title h1,
.flex-fields-group-row .flex-field-col.bg-pos-left .flex-field-title h2,
.flex-fields-group-row .flex-field-col.bg-pos-left .flex-field-title h3 {
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}
.flex-fields-group-row .flex-field-col.bg-pos-left .flex-field-text { padding-right: 30%;
}
.flex-fields-group-row .flex-field-col.bg-pos-left .flex-field-text p {
padding: 0;
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}
.flex-fields-group-row .flex-field-col.bg-pos-left .flex-field-button-wrapper .btn-black {
border-color: white !important;
color: white !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}
}
.flex-fields-group-row .flex-field-col.bg-pos-right .flex-field-bg {
width: 50%;
float: right;
}
.flex-fields-group-row .flex-field-col.bg-pos-right .flex-field-text {
padding-left: 35%; }
@media (max-width: 1200px) {
.flex-fields-group-row .flex-field-col.bg-pos-right.attachment-fixed .flex-field-bg.parallaxParent > div {
background-size: 100% auto;
background-size: cover;
background-position: center center;
}
.flex-fields-group-row .flex-field-col.bg-pos-right .flex-field-bg {
width: 100%;
}
.flex-fields-group-row .flex-field-col.bg-pos-right .flex-field-title h1,
.flex-fields-group-row .flex-field-col.bg-pos-right .flex-field-title h2,
.flex-fields-group-row .flex-field-col.bg-pos-right .flex-field-title h3 {
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}
.flex-fields-group-row .flex-field-col.bg-pos-right .flex-field-text {
padding-left: 30%; }
.flex-fields-group-row .flex-field-col.bg-pos-right .flex-field-text p {
padding: 0;
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}
.flex-fields-group-row .flex-field-col.bg-pos-right .flex-field-button-wrapper .btn-black {
border-color: white !important;
color: white !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}
}
.flex-fields-group-row .flex-field-col .overlay {
width: 100%;
}
.flex-fields-group-row .flex-field-col.attachment-fixed .flex-field-bg.parallaxParent > div {
background-attachment: fixed;
background-position: 0 0;
background-size: 60% auto;
}
.flex-fields-group-row .flex-field-col.attachment-fixed.bg-pos-right .flex-field-bg.parallaxParent > div {
background-position: 100% 0;
}
.flex-fields-group-row .flex-field-col .flex-field-bg {
height: 100%;
position: relative;
background-color: black;
}
.flex-fields-group-row .flex-field-col .flex-field-bg.parallaxParent {
background-color: inherit;
}
.flex-fields-group-row .flex-field-col .flex-field-bg.parallaxParent > div {
height: 100%;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
}
.flex-fields-group-row .flex-field-col .flex-field-bg.flex-bg-type-videoplusimage img {
left: 0;
position: absolute;
top: 0;
z-index: 99;
}
.flex-fields-group-row .flex-field-col .flex-field-bg.no-lowered-opacity {
background-color: transparent;
}
.flex-fields-group-row .flex-field-col .flex-field-bg.no-lowered-opacity img,
.flex-fields-group-row .flex-field-col .flex-field-bg.no-lowered-opacity video {
opacity: 1;
}
.flex-fields-group-row .flex-field-col .flex-field-bg img {
opacity: 0.9;
}
.flex-fields-group-row .flex-field-col .flex-field-content.title-white .flex-field-title {
color: white;
}
.flex-fields-group-row .flex-field-col .flex-field-content.title-black .flex-field-title {
color: black;
}
.flex-fields-group-row .flex-field-col .flex-field-content.title-dark .flex-field-title {
color: #515151;
}
.flex-fields-group-row .flex-field-col .flex-field-content.title-maincolor .flex-field-title {
color: #4f7e8b;
}
.flex-fields-group-row .flex-field-col .flex-field-content.txt-white .flex-field-text {
color: white;
}
.flex-fields-group-row .flex-field-col .flex-field-content.txt-black .flex-field-text {
color: black;
}
.flex-fields-group-row .flex-field-col .flex-field-content.txt-dark .flex-field-text {
color: #515151;
}
.flex-fields-group-row .flex-field-col .flex-field-content.txt-maincolor .flex-field-text {
color: #4f7e8b;
}
.flex-fields-group-row .flex-field-col .flex-field-content.text-left .flex-field-text {
text-align: left;
}
.flex-fields-group-row .flex-field-col .flex-field-content.text-center .flex-field-text {
text-align: center;
}
.flex-fields-group-row .flex-field-col .flex-field-content.text-right .flex-field-text {
text-align: right;
}
.flex-fields-group-row .flex-field-col .flex-field-content.titel-left .flex-field-title {
text-align: left;
}
.flex-fields-group-row .flex-field-col .flex-field-content.titel-center .flex-field-title {
text-align: center;
}
.flex-fields-group-row .flex-field-col .flex-field-content.titel-right .flex-field-title {
text-align: right;
}
.flex-fields-group-row .flex-field-col .flex-field-content.text-shadow .flex-field-text {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.flex-fields-group-row .flex-field-col .flex-field-content.no-text-shadow .flex-field-text {
text-shadow: none;
}
.flex-fields-group-row .flex-field-col .flex-field-content.title-shadow .flex-field-title {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.flex-fields-group-row .flex-field-col .flex-field-content.no-title-shadow .flex-field-title {
text-shadow: none;
}
.flex-fields-group-row .flex-field-col .flex-field-text {
padding: 30px 10% 30px;
padding: 3vh 10% 2vh;
font-size: 270%;
letter-spacing: 0;
line-height: 110%;
font-weight: 700;
font-family: BebasNeue, lato, sans-serif;
text-transform: uppercase;
}
@media (max-width: 1550px) {
.flex-fields-group-row .flex-field-col .flex-field-text {
font-size: 200%;
}
}
@media (max-width: 1200px) {
.flex-fields-group-row .flex-field-col .flex-field-text {
font-size: 145%;
}
}
.flex-fields-group-row .flex-field-col .flex-field-text p {
font-weight: inherit;
}
.flex-fields-group-row .flex-field-col .flex-field-title {
padding: 0 10%;
}
.flex-fields-group-row .flex-field-col .flex-field-title .decoration-line {
margin: 14px 0 0;
border-color: #4f7e8b;
border-width: 2px;
width: 38% !important;
}
.flex-fields-group-row .flex-field-col .flex-field-button-wrapper {
text-shadow: none;
margin: 10px 0;
padding: 0 10%;
}
.flex-fields-group-row .flex-field-col .flex-field-button-wrapper .btn { }
.flex-fields-group-row .flex-field-col .flex-field-title h2 {
font-size: 240%;
line-height: 100%;
font-weight: 500;
text-transform: uppercase;
}
@media (max-width: 1550px) {
.flex-fields-group-row .flex-field-col .flex-field-title h2 {
font-size: 200%;
}
}
@media (max-width: 1200px) {
.flex-fields-group-row .flex-field-col .flex-field-title h2 {
font-size: 150%;
}
}
.flex-fields-group-row .flex-field-col .flex-field-title,
.flex-fields-group-row .flex-field-col h2,
.flex-fields-group-row .flex-field-col .decoration-line {
color: inherit;
border-color: inherit;
}
.flex-fields-group-row .flex-field-col.white {
background-color: white;
}
.flex-fields-group-row .flex-field-col.bg-pos-right .flex-field-button-wrapper .btn {
float: right !important;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
} html.lt768.is-not-mobile,
html.is-mobile {
margin-top: 0 !important;     }
html.lt768.is-not-mobile #page .vh100,
html.is-mobile #page .vh100,
html.lt768.is-not-mobile #page .vh75,
html.is-mobile #page .vh75,
html.lt768.is-not-mobile #page .vh50,
html.is-mobile #page .vh50,
html.lt768.is-not-mobile #page .vh33,
html.is-mobile #page .vh33,
html.lt768.is-not-mobile #page .vh30,
html.is-mobile #page .vh30,
html.lt768.is-not-mobile #page .vh25,
html.is-mobile #page .vh25,
html.lt768.is-not-mobile #page .vh20,
html.is-mobile #page .vh20 { }
html.lt768.is-not-mobile #page .vh100 > div[class*="col"],
html.is-mobile #page .vh100 > div[class*="col"],
html.lt768.is-not-mobile #page .vh75 > div[class*="col"],
html.is-mobile #page .vh75 > div[class*="col"],
html.lt768.is-not-mobile #page .vh50 > div[class*="col"],
html.is-mobile #page .vh50 > div[class*="col"] {
height: auto;
height: 100%;
}
@media only screen and (orientation: landscape) {
html.lt768.is-not-mobile .filler .powered-by,
html.is-mobile .filler .powered-by {
display: none;
}
}
html.lt768.is-not-mobile .outer-menu,
html.is-mobile .outer-menu {
top: 0;
z-index: 2147483645;
}
html.lt768.is-not-mobile .outer-menu .hamburger,
html.is-mobile .outer-menu .hamburger {
height: 50px;
width: 50px;
}
html.lt768.is-not-mobile .outer-menu .hamburger > div:before,
html.is-mobile .outer-menu .hamburger > div:before,
html.lt768.is-not-mobile .outer-menu .hamburger > div:after,
html.is-mobile .outer-menu .hamburger > div:after {
top: -8.33333333px;
}
html.lt768.is-not-mobile .outer-menu .hamburger > div:after,
html.is-mobile .outer-menu .hamburger > div:after {
top: 8.33333333px;
}
html.lt768.is-not-mobile .outer-menu .checkbox-toggle,
html.is-mobile .outer-menu .checkbox-toggle {
height: 50px;
width: 50px;
}
html.lt768.is-not-mobile .outer-menu .checkbox-toggle:checked + .hamburger > div,
html.is-mobile .outer-menu .checkbox-toggle:checked + .hamburger > div {
transform: rotate(135deg);
}
html.lt768.is-not-mobile .outer-menu .checkbox-toggle:checked + .hamburger > div:before,
html.is-mobile .outer-menu .checkbox-toggle:checked + .hamburger > div:before,
html.lt768.is-not-mobile .outer-menu .checkbox-toggle:checked + .hamburger > div:after,
html.is-mobile .outer-menu .checkbox-toggle:checked + .hamburger > div:after {
top: 0;
transform: rotate(90deg);
}
html.lt768.is-not-mobile .outer-menu .checkbox-toggle:checked + .hamburger > div:after,
html.is-mobile .outer-menu .checkbox-toggle:checked + .hamburger > div:after {
opacity: 0;
}
html.lt768.is-not-mobile .section-title.text-left,
html.is-mobile .section-title.text-left {
text-align: center;
}
html.lt768.is-not-mobile .text-left,
html.is-mobile .text-left {
text-align: center;
}
html.lt768.is-not-mobile #page .flex-field-content.text-left .flex-field-title,
html.is-mobile #page .flex-field-content.text-left .flex-field-title {
text-align: center;
}
html.lt768.is-not-mobile #page .pink-bg-col,
html.is-mobile #page .pink-bg-col {
background-color: #4f7e8b;
}
html.lt768.is-not-mobile #page .pink-bg-col .overlay,
html.is-mobile #page .pink-bg-col .overlay {
top: 50%;
left: 50%;
width: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
html.lt768.is-not-mobile #page .pink-bg-col .overlay ul li,
html.is-mobile #page .pink-bg-col .overlay ul li {
text-align: center;
}
html.lt768.is-not-mobile #page .pink-bg-col .overlay ul li > div .prefix,
html.is-mobile #page .pink-bg-col .overlay ul li > div .prefix {
padding-left: 0;
}
html.lt768.is-not-mobile #page .about-vimeos .col-margin,
html.is-mobile #page .about-vimeos .col-margin {
margin-top: 50px;
}
html.lt768.is-not-mobile #page .about-vimeos .adidas-col,
html.is-mobile #page .about-vimeos .adidas-col {
position: static;
height: auto;
margin-bottom: 50px;
}
html.lt768.is-not-mobile #page .about-vimeos .adidas-col > .row,
html.is-mobile #page .about-vimeos .adidas-col > .row {
position: static !important;
width: auto;
}
html.lt768.is-not-mobile #page .about-vimeos .adidas-col > .row > div,
html.is-mobile #page .about-vimeos .adidas-col > .row > div {
position: static !important;
}
html.lt768.is-not-mobile #page .about-vimeos .adidas-col .overlay,
html.is-mobile #page .about-vimeos .adidas-col .overlay {
position: static !important;
transform: none;
}
html.lt768.is-not-mobile #page .pink-app .flex-field-bg::after,
html.is-mobile #page .pink-app .flex-field-bg::after {
background-color: rgba(0, 0, 0, 0.4);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
html.lt768.is-not-mobile #page .pink-app .flex-field-content.text-left .flex-field-title,
html.is-mobile #page .pink-app .flex-field-content.text-left .flex-field-title {
text-align: center !important;
}
html.lt768.is-not-mobile .parallaxForground,
html.is-mobile .parallaxForground {
display: none !important;
}
html.lt768.is-not-mobile .taxonomy-producten-content .taxonomy-producten-row .taxonomy-producten-container .taxonomy-product,
html.is-mobile .taxonomy-producten-content .taxonomy-producten-row .taxonomy-producten-container .taxonomy-product {
padding: 0;
border: none;
}
html.lt768.is-not-mobile .taxonomy-producten-content .taxonomy-producten-row .taxonomy-producten-container .taxonomy-product .flip-container .flipper .front.back .back-content img,
html.is-mobile .taxonomy-producten-content .taxonomy-producten-row .taxonomy-producten-container .taxonomy-product .flip-container .flipper .front.back .back-content img,
html.lt768.is-not-mobile .taxonomy-producten-content .taxonomy-producten-row .taxonomy-producten-container .taxonomy-product .flip-container .flipper .back.back .back-content img,
html.is-mobile .taxonomy-producten-content .taxonomy-producten-row .taxonomy-producten-container .taxonomy-product .flip-container .flipper .back.back .back-content img {
opacity: 0.5;
}
html.lt768.is-not-mobile .taxonomy-producten-content .taxonomy-producten-row .taxonomy-producten-container .taxonomy-product:hover img,
html.is-mobile .taxonomy-producten-content .taxonomy-producten-row .taxonomy-producten-container .taxonomy-product:hover img {
opacity: 0.2 !important;
}
html.lt768.is-not-mobile .video-container.headerimage img,
html.is-mobile .video-container.headerimage img {
opacity: 1 !important;
}
html.lt768.is-not-mobile .mobile-description,
html.is-mobile .mobile-description {
display: block !important;
}
html.lt768.is-not-mobile .sr-animate,
html.is-mobile .sr-animate {
opacity: 1 !important;
transform: translate(0, 0) !important;
}
html.lt768.is-not-mobile .top-media-container.fixed,
html.is-mobile .top-media-container.fixed {
position: relative !important;
}
html.lt768.is-not-mobile #page .top-media .top-media-filler,
html.is-mobile #page .top-media .top-media-filler {
position: absolute;
top: 0;
left: 0;
}
html.lt768.is-not-mobile .mobile-transparent,
html.is-mobile .mobile-transparent {
background-color: transparent !important;
}
html.lt768.is-not-mobile #wpadminbar,
html.is-mobile #wpadminbar {
display: none;
}
html.lt768.is-not-mobile .admin-bar .wrapper .material-design-hamburger,
html.is-mobile .admin-bar .wrapper .material-design-hamburger {
top: 0;
}
html.lt768.is-not-mobile .wrapper .material-design-hamburger button,
html.is-mobile .wrapper .material-design-hamburger button {
margin: 15px 0 0 0;
padding: 1rem 1rem 2rem 6rem;
}
html.lt768.is-not-mobile .about-logo,
html.is-mobile .about-logo {
margin-top: 15px;
}
html.lt768.is-not-mobile .wrapper .material-design-hamburger button .material-design-hamburger__layer::after,
html.is-mobile .wrapper .material-design-hamburger button .material-design-hamburger__layer::after {
top: 435%;
}
html.lt768.is-not-mobile .wrapper .material-design-hamburger button .material-design-hamburger__layer::before,
html.is-mobile .wrapper .material-design-hamburger button .material-design-hamburger__layer::before {
bottom: 435%;
}
html.lt768.is-not-mobile .wrapper .material-design-hamburger button .material-design-hamburger__layer::before,
html.is-mobile .wrapper .material-design-hamburger button .material-design-hamburger__layer::before,
html.lt768.is-not-mobile .wrapper .material-design-hamburger button .material-design-hamburger__layer::after,
html.is-mobile .wrapper .material-design-hamburger button .material-design-hamburger__layer::after {
height: 2px;
}
html.lt768.is-not-mobile .wrapper .material-design-hamburger button .material-design-hamburger__layer,
html.is-mobile .wrapper .material-design-hamburger button .material-design-hamburger__layer {
height: 2px;
width: 41px;
}
html.lt768.is-not-mobile #mobile-logo,
html.is-mobile #mobile-logo {
display: block !important;
visibility: visible !important;
}
html.lt768.is-not-mobile div.header.sticky div.header-menu .logo-col a.logo_link,
html.is-mobile div.header.sticky div.header-menu .logo-col a.logo_link {
width: auto;
}
html.lt768.is-not-mobile .over-quote-row .video-row,
html.is-mobile .over-quote-row .video-row {
min-height: 420px;
}
html.lt768.is-not-mobile .over-quote-row .video-row video,
html.is-mobile .over-quote-row .video-row video {
visibility: hidden;
}
html.lt768.is-not-mobile #content.home-content .over-quote .overlay,
html.is-mobile #content.home-content .over-quote .overlay {
min-width: 0;
width: 100%;
}
html.lt768.is-not-mobile #footer.fixed-footer,
html.is-mobile #footer.fixed-footer {
position: relative;
}
html.lt768.is-not-mobile #footer .author-row .author,
html.is-mobile #footer .author-row .author {
text-align: center;
}
html.lt768.is-not-mobile #footer .author-row .author span,
html.is-mobile #footer .author-row .author span {
float: none;
}
html.lt768.is-not-mobile #content.home-content .over-quote .available ul.available-list li,
html.is-mobile #content.home-content .over-quote .available ul.available-list li {
float: none;
}
html.lt768.is-not-mobile #content.home-content .over-quote .over-quote-text-wrapper h2.quote,
html.is-mobile #content.home-content .over-quote .over-quote-text-wrapper h2.quote {
font-size: 18px;
}
html.lt768.is-not-mobile .homescreen .subtitle,
html.is-mobile .homescreen .subtitle,
html.lt768.is-not-mobile .homescreen p,
html.is-mobile .homescreen p {
display: none;
}
html.lt768.is-not-mobile .diensten-content .diensten-row .diensten .dienst,
html.is-mobile .diensten-content .diensten-row .diensten .dienst { }
html.lt768.is-not-mobile .col-xs-0,
html.is-mobile .col-xs-0 {
margin: 0 !important;
}
html.lt768.is-not-mobile .two-text-col,
html.is-mobile .two-text-col {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
html.lt768.is-not-mobile #content.home-content .reviews-row .reviews-list,
html.is-mobile #content.home-content .reviews-row .reviews-list {
margin: 10px 0 20px;
}
html.lt768.is-not-mobile #main .homescreen .homescreen-text,
html.is-mobile #main .homescreen .homescreen-text,
html.lt768.is-not-mobile .homescreen .homescreen-text,
html.is-mobile .homescreen .homescreen-text,
html.lt768.is-not-mobile #main .homescreen p,
html.is-mobile #main .homescreen p,
html.lt768.is-not-mobile .homescreen p,
html.is-mobile .homescreen p {
font-size: 16px;
margin-top: 10px;
}
html.lt768.is-not-mobile .ccf-form-wrapper form.ccf-form .form-group,
html.is-mobile .ccf-form-wrapper form.ccf-form .form-group {
width: 100%;
}
html.lt768.is-not-mobile .diensten-content .diensten-row .diensten .dienst .dienst-pic,
html.is-mobile .diensten-content .diensten-row .diensten .dienst .dienst-pic {
position: static;
width: 100%;
float: none;
display: inline-block;
transform: none;
}
html.lt768.is-not-mobile .diensten-content .diensten-row .diensten .dienst .dienst-right,
html.is-mobile .diensten-content .diensten-row .diensten .dienst .dienst-right {
width: 100%;
margin: 0;
text-align: center;
}
html.lt768.is-not-mobile div#festi-cart-pop-up-content,
html.is-mobile div#festi-cart-pop-up-content {
left: 0 !important;
max-width: 100%;
}
html.lt768.is-not-mobile div#festi-cart-pop-up-content div.festi-cart-pop-up-body,
html.is-mobile div#festi-cart-pop-up-content div.festi-cart-pop-up-body {
margin: 2%;
max-width: 96%;
}
html.lt768.is-not-mobile div#festi-cart-pop-up-content span.festi-cart-closed.b-close,
html.is-mobile div#festi-cart-pop-up-content span.festi-cart-closed.b-close {
position: absolute;
right: 7%;
top: 5%;
}
html.lt768.is-not-mobile .woocommerce .products-wrapper ul.products li.product.grid-item h3,
html.is-mobile .woocommerce .products-wrapper ul.products li.product.grid-item h3 {
word-break: normal;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
text-overflow: ellipsis;
max-width: 100%;
overflow: hidden;
height: 50px;
}
html.lt768.is-not-mobile .sidebar ul.sidebar-list li.widget.widget_recently_viewed_products ul.product_list_widget li,
html.is-mobile .sidebar ul.sidebar-list li.widget.widget_recently_viewed_products ul.product_list_widget li {
width: 50%;
padding: 20px 7px;
}
html.lt768.is-not-mobile .woocommerce div.related ul.products li.product,
html.is-mobile .woocommerce div.related ul.products li.product {
width: 50%;
}
html.lt768.is-not-mobile .woocommerce div.related ul.products .grid-sizer,
html.is-mobile .woocommerce div.related ul.products .grid-sizer {
width: 50%;
}
html.lt768.is-not-mobile .woocommerce .products-wrapper ul.products li.product.grid-medium,
html.is-mobile .woocommerce .products-wrapper ul.products li.product.grid-medium {
width: 100%;
}
html.lt768.is-not-mobile .woocommerce .products-wrapper ul.products li.product.grid-wide,
html.is-mobile .woocommerce .products-wrapper ul.products li.product.grid-wide {
width: 100%;
}
html.lt768.is-not-mobile .woocommerce div.related ul.products li.product .product-wrapper,
html.is-mobile .woocommerce div.related ul.products li.product .product-wrapper {
padding: 20px 7px;
}
html.lt768.is-not-mobile #content .home-specialiteiten .home-specialiteit:first-child,
html.is-mobile #content .home-specialiteiten .home-specialiteit:first-child {
padding-right: 10px;
}
html.lt768.is-not-mobile #content .home-specialiteiten .home-specialiteit:nth-child(3),
html.is-mobile #content .home-specialiteiten .home-specialiteit:nth-child(3) {
padding-right: 10px;
}
html.lt768.is-not-mobile #content .home-specialiteiten .home-specialiteit:nth-child(4),
html.is-mobile #content .home-specialiteiten .home-specialiteit:nth-child(4) {
padding-left: 10px;
}
html.lt768.is-not-mobile .producten-list .productpage-product a .flip-container .flipper .back,
html.is-mobile .producten-list .productpage-product a .flip-container .flipper .back {
background-color: transparent;
}
html.lt768.is-not-mobile .navbar-toggle,
html.is-mobile .navbar-toggle {
display: block !important;
visibility: visible !important;
}
html.lt768.is-not-mobile .header .navbar-collapse.collapse,
html.is-mobile .header .navbar-collapse.collapse {
display: none!important;
}
html.lt768.is-not-mobile .header .navbar-collapse.collapse.in,
html.is-mobile .header .navbar-collapse.collapse.in {
display: block!important;
}
html.lt768.is-not-mobile .collapsing,
html.is-mobile .collapsing {
overflow: hidden!important;
}
html.lt768.is-not-mobile .scrollContainer,
html.is-mobile .scrollContainer { }
html.lt768.is-not-mobile .single-specialiteiten .row div.act-title h2,
html.is-mobile .single-specialiteiten .row div.act-title h2 {
text-align: center;
}
html.lt768.is-not-mobile .arrow-down,
html.is-mobile .arrow-down {
bottom: 5%;
}
html.lt768.is-not-mobile #main .filler .homescreen,
html.is-mobile #main .filler .homescreen,
html.lt768.is-not-mobile .filler .homescreen,
html.is-mobile .filler .homescreen {
width: 90%;
max-width: 90%;
}
html.lt768.is-not-mobile #main .homescreen img,
html.is-mobile #main .homescreen img,
html.lt768.is-not-mobile .homescreen img,
html.is-mobile .homescreen img {
width: 400px;
}
html.lt768.is-not-mobile div.header,
html.is-mobile div.header {
height: 68px;
background: #454b58;
z-index: 2147483643;
position: fixed;
padding-bottom: 10px; box-sizing: border-box;
margin: 0 !important;
border-bottom: 2px solid #4f7e8b !important;
}
html.lt768.is-not-mobile div.header .navbar-toggle,
html.is-mobile div.header .navbar-toggle {
border: none;
top: 11px;
right: 15px;
position: fixed;
}
html.lt768.is-not-mobile div.header .navbar-toggle i,
html.is-mobile div.header .navbar-toggle i {
top: 0;
}
html.lt768.is-not-mobile .home #main .homescreen,
html.is-mobile .home #main .homescreen {
width: 400px;
top: 43%;
}
html.lt768.is-not-mobile div.header .navbar-toggle::before,
html.is-mobile div.header .navbar-toggle::before {
content: "";
display: none;
}
html.lt768.is-not-mobile .home #main .homescreen a,
html.is-mobile .home #main .homescreen a {
margin: 5px 0 0 0;
}
html.lt768.is-not-mobile div.header #top-navbar-collapse,
html.is-mobile div.header #top-navbar-collapse {
margin-top: 62px;
}
html.lt768.is-not-mobile .flip-container .flipper .back,
html.is-mobile .flip-container .flipper .back {
transform: none !important;
backface-visibility: visible;
z-index: 999;
background-color: rgba(52, 35, 110, 0.1) !important;
border-radius: 0 !important;
text-shadow: 1px 1px 2px #000000;
}
html.lt768.is-not-mobile .flip-container .flipper .front,
html.is-mobile .flip-container .flipper .front {
transform: none !important;
border-radius: 0 !important;
}
html.lt768.is-not-mobile #main.about-page .act-persons .act-person .flip-container .flipper .front,
html.is-mobile #main.about-page .act-persons .act-person .flip-container .flipper .front {
z-index: 1001;
}
html.lt768.is-not-mobile #content .home-specialiteiten .home-specialiteit a .hovermore .inner-hover h2,
html.is-mobile #content .home-specialiteiten .home-specialiteit a .hovermore .inner-hover h2 {
font-size: 24px;
padding: 5px 0 12px;
margin: 5px 0 12px;
}
html.lt768.is-not-mobile #content .home-specialiteiten .home-specialiteit:first-child a .hovermore .inner-hover h2,
html.is-mobile #content .home-specialiteiten .home-specialiteit:first-child a .hovermore .inner-hover h2 {
font-size: 40px;
}
html.lt768.is-not-mobile #content .home-specialiteiten .home-specialiteit:nth-child(2) a .hovermore .inner-hover h2,
html.is-mobile #content .home-specialiteiten .home-specialiteit:nth-child(2) a .hovermore .inner-hover h2 {
font-size: 24px;
}
html.lt768.is-not-mobile .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item .openingstijden-dag,
html.is-mobile .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item .openingstijden-dag,
html.lt768.is-not-mobile .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item .openingstijden-tijd,
html.is-mobile .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item .openingstijden-tijd,
html.lt768.is-not-mobile .footer-bottom .contactgegevens .contact-address div,
html.is-mobile .footer-bottom .contactgegevens .contact-address div {
font-size: 13px;
}
html.lt768.is-not-mobile .footer-bottom .soc-and-dev div.soc_links ul li a,
html.is-mobile .footer-bottom .soc-and-dev div.soc_links ul li a {
font-size: 26px;
height: 36px;
line-height: 36px;
width: 40px;
}
html.lt768.is-not-mobile .footer-bottom .soc-and-dev div.soc_links ul li,
html.is-mobile .footer-bottom .soc-and-dev div.soc_links ul li {
padding: 0 7%;
}
html.lt768.is-not-mobile .footer-bottom .ideal,
html.is-mobile .footer-bottom .ideal {
top: -1px;
width: 44px;
}
html.lt768.is-not-mobile #content .home-specialiteiten .home-specialiteit a .hovermore,
html.is-mobile #content .home-specialiteiten .home-specialiteit a .hovermore {
opacity: 1;
visibility: visible;
background-color: rgba(14, 66, 105, 0.65);
}
html.lt768.is-not-mobile #footer .footer-col,
html.is-mobile #footer .footer-col,
html.lt768.is-not-mobile #footer .footer-container,
html.is-mobile #footer .footer-container {
text-align: center;
}
html.lt768.is-not-mobile #footer .footer-container,
html.is-mobile #footer .footer-container {
display: inline-block;
max-width: 80%;
}
html.lt768.is-not-mobile #footer .footer-menu .footer-container,
html.is-mobile #footer .footer-menu .footer-container {
max-width: 100%;
}
html.lt768.is-not-mobile #footer .openingstijden,
html.is-mobile #footer .openingstijden,
html.lt768.is-not-mobile #footer .contactgegevens,
html.is-mobile #footer .contactgegevens {
text-align: center;
margin-bottom: 15px;
}
html.lt768.is-not-mobile .footer-bottom .footer-col ul li,
html.is-mobile .footer-bottom .footer-col ul li {
float: none;
font-size: 13px;
}
html.lt768.is-not-mobile #footer .openingstijden ul.openingstijden-list,
html.is-mobile #footer .openingstijden ul.openingstijden-list,
html.lt768.is-not-mobile #footer .contactgegevens .contact-address,
html.is-mobile #footer .contactgegevens .contact-address {
display: inline-block;
}
html.lt768.is-not-mobile .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item,
html.is-mobile .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item {
width: 80%;
display: inline-block;
min-width: 0;
float: none;
}
html.lt768.is-not-mobile .footer-bottom .soc-and-dev,
html.is-mobile .footer-bottom .soc-and-dev {
padding: 0 6%;
}
html.lt768.is-not-mobile #content.home-content .over-bakkerij .over-bakkerij-text-wrapper,
html.is-mobile #content.home-content .over-bakkerij .over-bakkerij-text-wrapper {
width: 80%;
min-width: 0;
}
html.lt768.is-not-mobile .woocommerce .product-categories li.product-category.product-category-with-image .category-name,
html.is-mobile .woocommerce .product-categories li.product-category.product-category-with-image .category-name {
font-size: 14px;
}
html.lt768.is-not-mobile .footer-bottom .soc-and-dev .author,
html.is-mobile .footer-bottom .soc-and-dev .author {
margin-top: 20px;
}
html.lt768.is-not-mobile .header-my-account,
html.is-mobile .header-my-account {
right: auto;
left: 15px;
pointer-events: auto;
z-index: 99999;
font-size: 12px;
width: auto;
}
html.lt768.is-not-mobile .header-my-account a,
html.is-mobile .header-my-account a {
background-color: transparent;
padding: 0;
border-radius: 0;
}
html.lt768.is-not-mobile .contact-text.no-padding,
html.is-mobile .contact-text.no-padding {
padding: 0 15px !important;
}
html.lt768.is-not-mobile .admin-bar .header-my-account,
html.is-mobile .admin-bar .header-my-account,
html.lt768.is-not-mobile .header-my-account,
html.is-mobile .header-my-account {
top: 20px;
}
html.lt768.is-not-mobile .admin-bar .filler,
html.is-mobile .admin-bar .filler {
margin-bottom: 0;
}
html.lt768.is-not-mobile .video-fixed,
html.is-mobile .video-fixed { top: 0;
}
html.lt768.is-not-mobile .video-fixed .video-container,
html.is-mobile .video-fixed .video-container {
overflow: hidden;
}
html.lt768.is-not-mobile .filler,
html.is-mobile .filler { }
html.lt768.is-not-mobile body .cart-tab,
html.is-mobile body .cart-tab {
top: 90px;
}
html.lt768.is-not-mobile .header a.logo_link,
html.is-mobile .header a.logo_link {
top: 0;
width: 105px;
height: 65px;
padding: 5px 0;
}
html.lt768.is-not-mobile .header a.logo_link img,
html.is-mobile .header a.logo_link img {
margin-top: 10px;
}
html.lt768.is-not-mobile .header-video video,
html.is-mobile .header-video video,
html.lt768.is-not-mobile .video-fixed video,
html.is-mobile .video-fixed video {
display: none;
}
html.lt768.is-not-mobile .header-video img.vid-mobile-replace,
html.is-mobile .header-video img.vid-mobile-replace,
html.lt768.is-not-mobile .video-fixed img.vid-mobile-replace,
html.is-mobile .video-fixed img.vid-mobile-replace {
display: block !important;
visibility: visible !important;
}
html.lt768.is-not-mobile div.soc_links ul li,
html.is-mobile div.soc_links ul li {
margin: 0 2px;
}
html.lt768.is-not-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li.current-menu-item::after,
html.is-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li.current-menu-item::after,
html.lt768.is-not-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li.current-menu-item::after,
html.is-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li.current-menu-item::after {
display: none;
}
html.lt768.is-not-mobile .header .nav-col #site-navigation::after,
html.is-mobile .header .nav-col #site-navigation::after {
display: none;
}
html.lt768.is-not-mobile .header .nav-col #site-navigation,
html.is-mobile .header .nav-col #site-navigation {
width: 100%;
height: auto;
padding-right: 4%;
padding-left: 4%;
}
html.lt768.is-not-mobile .header #site-navigation ul#menu-mobile-menu li.current_page_item a,
html.is-mobile .header #site-navigation ul#menu-mobile-menu li.current_page_item a,
html.lt768.is-not-mobile .header #site-navigation ul#menu-top-menu li.current_page_item a,
html.is-mobile .header #site-navigation ul#menu-top-menu li.current_page_item a {
color: #4f7e8b !important;
}
html.lt768.is-not-mobile .header #site-navigation,
html.is-mobile .header #site-navigation {
height: auto;
background: none;
width: 100%;
}
html.lt768.is-not-mobile .footer-container.mobile-visible #footer-navigation,
html.is-mobile .footer-container.mobile-visible #footer-navigation {
display: block;
margin-bottom: 0;
}
html.lt768.is-not-mobile #page .footer-container.mobile-visible #menu-mobile-menu,
html.is-mobile #page .footer-container.mobile-visible #menu-mobile-menu {
display: inline-block;
}
html.lt768.is-not-mobile #page .footer-container.mobile-visible #menu-mobile-menu li,
html.is-mobile #page .footer-container.mobile-visible #menu-mobile-menu li {
display: inline-block;
float: none;
text-align: center;
}
html.lt768.is-not-mobile #page .footer-container.mobile-visible #menu-mobile-menu li a,
html.is-mobile #page .footer-container.mobile-visible #menu-mobile-menu li a {
float: none;
display: inline-block;
}
html.lt768.is-not-mobile .footer-container.mobile-visible .navbar-header,
html.is-mobile .footer-container.mobile-visible .navbar-header {
display: none;
}
html.lt768.is-not-mobile .footer-container.mobile-visible .collapse,
html.is-mobile .footer-container.mobile-visible .collapse {
display: block;
visibility: visible;
box-shadow: none;
}
html.lt768.is-not-mobile #footer-navigation,
html.is-mobile #footer-navigation {
display: none;
}
html.lt768.is-not-mobile .header .row .logo-col,
html.is-mobile .header .row .logo-col {
position: absolute !important;
padding-top: 0 !important;
visibility: visible !important;
background-image: none;
height: 70px;
}
html.lt768.is-not-mobile #footer .footer-bottom .footer-logo .logo_link,
html.is-mobile #footer .footer-bottom .footer-logo .logo_link {
margin: 0 auto 20px;
}
html.lt768.is-not-mobile #footer .footer-bottom .soc_links,
html.is-mobile #footer .footer-bottom .soc_links {
text-align: center;
}
html.lt768.is-not-mobile #footer .footer-bottom .soc_links ul,
html.is-mobile #footer .footer-bottom .soc_links ul {
display: inline-block;
text-align: left;
}
html.lt768.is-not-mobile .footer-bottom .soc-and-dev div.soc_links ul li,
html.is-mobile .footer-bottom .soc-and-dev div.soc_links ul li {
padding: 0 9%;
}
html.lt768.is-not-mobile .header .navbar-toggle,
html.is-mobile .header .navbar-toggle {
float: right;
margin-top: 0;
padding: 9px 12px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
background-color: transparent;
color: #4f7e8b;
border-color: white;
}
html.lt768.is-not-mobile .header .navbar-toggle i,
html.is-mobile .header .navbar-toggle i {
position: relative;
top: -3px;
}
html.lt768.is-not-mobile .header .navbar-toggle::before,
html.is-mobile .header .navbar-toggle::before {
content: "MENU ";
color: white;
font-size: 22px;
margin-top: 20px;
position: relative;
text-align: right;
}
html.lt768.is-not-mobile .header .navbar-default .navbar-toggle:focus,
html.is-mobile .header .navbar-default .navbar-toggle:focus {
background-color: white;
color: #4f7e8b;
border-color: white;
}
html.lt768.is-not-mobile .header .navbar-default .navbar-toggle:focus i,
html.is-mobile .header .navbar-default .navbar-toggle:focus i {
color: #4f7e8b;
}
html.lt768.is-not-mobile .header .navbar-default .navbar-toggle:hover,
html.is-mobile .header .navbar-default .navbar-toggle:hover {
background-color: white;
color: #4f7e8b;
border-color: white;
}
html.lt768.is-not-mobile .header-contact,
html.is-mobile .header-contact {
display: none;
}
html.lt768.is-not-mobile .header .navbar-default .navbar-toggle:focus::before,
html.is-mobile .header .navbar-default .navbar-toggle:focus::before,
html.lt768.is-not-mobile .header .navbar-default .navbar-toggle:hover::before,
html.is-mobile .header .navbar-default .navbar-toggle:hover::before {
color: #4f7e8b;
}
html.lt768.is-not-mobile div.header div.header-menu,
html.is-mobile div.header div.header-menu {
padding: 0;
}
html.lt768.is-not-mobile div.header div.header-menu .nav-col #site-navigation,
html.is-mobile div.header div.header-menu .nav-col #site-navigation {
width: 100%;
}
html.lt768.is-not-mobile #page div.header .logo-col,
html.is-mobile #page div.header .logo-col {
position: relative !important;
z-index: 2147483642;
background: none;
padding: 0 0 0 4%;
height: auto;
}
html.lt768.is-not-mobile div.header div.header-menu .logo-col a.logo_link,
html.is-mobile div.header div.header-menu .logo-col a.logo_link {
width: auto;
height: 50px;
margin: 5px;
}
html.lt768.is-not-mobile div.header #top-navbar-collapse,
html.is-mobile div.header #top-navbar-collapse {
margin: 0;
}
html.lt768.is-not-mobile div.header div.header-menu .logo-col a.logo_link img,
html.is-mobile div.header div.header-menu .logo-col a.logo_link img {
margin: 0;
}
html.lt768.is-not-mobile div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li,
html.is-mobile div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li,
html.lt768.is-not-mobile div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li,
html.is-mobile div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li {
padding: 5% 1.5%;
}
html.lt768.is-not-mobile div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li a,
html.is-mobile div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li a,
html.lt768.is-not-mobile div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li a,
html.is-mobile div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li a {
margin: 3px 0;
}
html.lt768.is-not-mobile div.header.sticky div.header-menu .logo-col,
html.is-mobile div.header.sticky div.header-menu .logo-col {
margin: 0;
top: auto;
}
html.lt768.is-not-mobile div.header.sticky div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li a,
html.is-mobile div.header.sticky div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li a {
padding: 4px 0 !important;
font-size: 14px;
}
html.lt768.is-not-mobile #page div.header .nav-col,
html.is-mobile #page div.header .nav-col {
padding: 0;
}
html.lt768.is-not-mobile .header .row .soc_links,
html.is-mobile .header .row .soc_links {
width: auto;
right: auto;
left: 50%;
transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
bottom: 2%;
padding-right: 4%;
}
html.lt768.is-not-mobile .header .row .soc_links ul li a,
html.is-mobile .header .row .soc_links ul li a {
font-size: 18px;
height: 24px;
line-height: 24px;
text-align: center;
width: 24px;
}
html.lt768.is-not-mobile .header .nav-col #site-navigation .menu_button,
html.is-mobile .header .nav-col #site-navigation .menu_button {
display: none;
}
html.lt768.is-not-mobile .header #site-navigation ul#menu-mobile-menu li a,
html.is-mobile .header #site-navigation ul#menu-mobile-menu li a,
html.lt768.is-not-mobile .header #site-navigation ul#menu-top-menu li a,
html.is-mobile .header #site-navigation ul#menu-top-menu li a {
background-color: #4f7e8b !important;
color: #fff;
}
html.lt768.is-not-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li.menu-item,
html.is-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li.menu-item,
html.lt768.is-not-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li.menu-item,
html.is-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li.menu-item {
padding: 0;
}
html.lt768.is-not-mobile .header #site-navigation #top-navbar-collapse,
html.is-mobile .header #site-navigation #top-navbar-collapse {
background-color: #4f7e8b;
padding: 10px; }
html.lt768.is-not-mobile .header .navbar-collapse,
html.is-mobile .header .navbar-collapse {
box-shadow: none;
}
html.lt768.is-not-mobile .header ul#menu-mobile-menu li:first-child,
html.is-mobile .header ul#menu-mobile-menu li:first-child,
html.lt768.is-not-mobile .header ul#menu-top-menu li:first-child,
html.is-mobile .header ul#menu-top-menu li:first-child {
margin: 3px 0 0;
}
html.lt768.is-not-mobile .header .row,
html.is-mobile .header .row {
width: 100%;
margin: 0;
}
html.lt768.is-not-mobile .header .navbar-toggle,
html.is-mobile .header .navbar-toggle {
position: relative;
top: 7px;
margin-right: 0;
}
html.lt768.is-not-mobile .header .navbar-toggle i,
html.is-mobile .header .navbar-toggle i {
color: white;
}
html.lt768.is-not-mobile .header .navbar-toggle:hover i,
html.is-mobile .header .navbar-toggle:hover i {
color: #4f7e8b;
}
html.lt768.is-not-mobile #act-page .left-side .act .act-title,
html.is-mobile #act-page .left-side .act .act-title {
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
left: 50%;
}
html.lt768.is-not-mobile ul.contact-top li,
html.is-mobile ul.contact-top li,
html.lt768.is-not-mobile .header ul#menu-mobile-menu li,
html.is-mobile .header ul#menu-mobile-menu li,
html.lt768.is-not-mobile ul.contact-top li,
html.is-mobile ul.contact-top li,
html.lt768.is-not-mobile .header ul#menu-top-menu li,
html.is-mobile .header ul#menu-top-menu li {
width: 100% !important;
text-align: center;
}
html.lt768.is-not-mobile .video-container.headerimage::after,
html.is-mobile .video-container.headerimage::after {
z-index: 100;
}
html.lt768.is-not-mobile .header ul#menu-mobile-menu ul.sub-menu,
html.is-mobile .header ul#menu-mobile-menu ul.sub-menu,
html.lt768.is-not-mobile .header ul#menu-top-menu ul.sub-menu,
html.is-mobile .header ul#menu-top-menu ul.sub-menu {
display: block;
opacity: 1;
position: static;
padding-top: 0;
visibility: visible;
}
html.lt768.is-not-mobile .header #site-navigation ul#menu-mobile-menu li a,
html.is-mobile .header #site-navigation ul#menu-mobile-menu li a,
html.lt768.is-not-mobile .header #site-navigation ul#menu-top-menu li a,
html.is-mobile .header #site-navigation ul#menu-top-menu li a {
margin-top: 0;
padding: 2% 14px !important;
}
html.lt768.is-not-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li.current-menu-item a,
html.is-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li.current-menu-item a,
html.lt768.is-not-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li.current-menu-item a,
html.is-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li.current-menu-item a {
color: white !important;
font-weight: bold;
text-decoration: underline;
}
html.lt768.is-not-mobile .header #site-navigation ul#menu-mobile-menu li a:hover,
html.is-mobile .header #site-navigation ul#menu-mobile-menu li a:hover,
html.lt768.is-not-mobile .header #site-navigation ul#menu-top-menu li a:hover,
html.is-mobile .header #site-navigation ul#menu-top-menu li a:hover {
color: #fff;
}
html.lt768.is-not-mobile .header ul#menu-mobile-menu ul.sub-menu li a,
html.is-mobile .header ul#menu-mobile-menu ul.sub-menu li a,
html.lt768.is-not-mobile .header ul#menu-top-menu ul.sub-menu li a,
html.is-mobile .header ul#menu-top-menu ul.sub-menu li a {
text-indent: 5px;
}
html.lt768.is-not-mobile .header ul#menu-mobile-menu ul.sub-menu li a::before,
html.is-mobile .header ul#menu-mobile-menu ul.sub-menu li a::before,
html.lt768.is-not-mobile .header ul#menu-top-menu ul.sub-menu li a::before,
html.is-mobile .header ul#menu-top-menu ul.sub-menu li a::before {
content: "- ";
}
html.lt768.is-not-mobile ul.contact-top li:last-child i,
html.is-mobile ul.contact-top li:last-child i {
line-height: 60px;
}
html.lt768.is-not-mobile .footer-bottom > div,
html.is-mobile .footer-bottom > div {
text-align: center;
padding: 0;
}
html.lt768.is-not-mobile .footer-bottom .location p,
html.is-mobile .footer-bottom .location p {
line-height: 30px;
}
html.lt768.is-not-mobile .footer-bottom > div p,
html.is-mobile .footer-bottom > div p {
text-align: center;
font-size: 14px;
}
html.lt768.is-not-mobile .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item .openingstijden-dag,
html.is-mobile .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item .openingstijden-dag,
html.lt768.is-not-mobile .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item .openingstijden-tijd,
html.is-mobile .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item .openingstijden-tijd,
html.lt768.is-not-mobile .footer-bottom .contactgegevens .contact-address div,
html.is-mobile .footer-bottom .contactgegevens .contact-address div {
font-size: 14px;
font-weight: 300;
}
html.lt768.is-not-mobile #footer .author-row .author span,
html.is-mobile #footer .author-row .author span {
font-size: 14px;
font-weight: 300;
}
html.lt768.is-not-mobile .footer-bottom .soc_links,
html.is-mobile .footer-bottom .soc_links {
margin: 0;
}
html.lt768.is-not-mobile .single p img,
html.is-mobile .single p img {
width: 100%;
}
html.lt768.is-not-mobile .promotion-row p,
html.is-mobile .promotion-row p {
width: 80% !important;
}
html.lt768.is-not-mobile #page,
html.is-mobile #page { padding-top: 66px;
}
html.lt768.is-not-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li:first-child,
html.is-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li:first-child,
html.lt768.is-not-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li:first-child,
html.is-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li:first-child {
margin-top: 0;
}
html.lt768.is-not-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu,
html.is-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu,
html.lt768.is-not-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu,
html.is-mobile .header .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu {
height: auto;
padding-bottom: 30px;
padding-bottom: 5vh;
}
html.lt768.is-not-mobile .header #top-navbar-collapse,
html.is-mobile .header #top-navbar-collapse {
margin-top: 20px;
}
html.lt768.is-not-mobile .woocommerce .product-categories li.product-category.product-category-with-image,
html.is-mobile .woocommerce .product-categories li.product-category.product-category-with-image {
width: 50%;
height: 260px;
}
html.lt768.is-not-mobile .woocommerce .product-categories .grid-sizer,
html.is-mobile .woocommerce .product-categories .grid-sizer {
width: 50%;
}
@media (min-width: 400px) {
html.lt768.is-not-mobile .woocommerce .product-categories li.product-category.product-category-with-image,
html.is-mobile .woocommerce .product-categories li.product-category.product-category-with-image {
width: 50%;
height: 400px;
}
html.lt768.is-not-mobile .woocommerce .product-categories li.product-category.product-category-with-image .category-name,
html.is-mobile .woocommerce .product-categories li.product-category.product-category-with-image .category-name {
font-size: 20px;
}
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
#footer { }
#footer {
padding-left: 8%;
padding-right: 8%;
box-sizing: border-box;
}
#footer.fixed-footer.visibility-hidden .navbar-collapse.collapse {
visibility: hidden !important;
}
.fixed-footer-filler {
width: 100%;
float: left;
background-color: transparent;
}
#footer {
font-weight: bold;
background-color: #454b58; border: none;
padding-top: 65px;
padding-bottom: 65px;
z-index: 99;
float: left;
}
#footer.light {
color: black;
}
#footer.dark {
color: white;
}
#footer .footer-bg-img-container {
height: 90%;
left: 0;
position: absolute;
top: 5%;
width: 30%;
}
#footer .footer-bg-img-container img {
object-position: 0 50%;
}
#footer .footer-inner-wrapper { padding-top: 15px;
padding-bottom: 15px;
}
#footer.fixed-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
}
#footer a {
color: white;
}
#footer a:hover {
text-decoration: underline;  }
#footer .author-row .author {
margin-top: 0;
text-align: center;
}
#footer .author-row .author span {
float: none;
display: inline-block;
color: white;
text-transform: uppercase;
font-size: 95%;
letter-spacing: 1px;
font-family: BebasNeue, lato, sans-serif;
font-weight: 700; }
#footer .author-row .author span a {  text-decoration: none;
border: none;
position: relative;
font: inherit;
}
#footer .author-row .author span a:before {
display: block;
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: white;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#footer .author-row .author span a:hover {
color: white;
text-decoration: none;
border: none;
}
#footer .author-row .author span a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
#footer .footer-bottom {
padding-top: 35px;
padding-bottom: 25px;
color: white; }
#footer .footer-bottom .footer-logo-wrapper {
float: left;
width: 100%; }
#footer .footer-bottom .footer-logo-col {
float: left;
position: relative;
top: -10px;
}
#footer .footer-bottom .footer-logo-col h1 {
color: white;
text-align: left;
margin-bottom: 5px;
}
#footer .footer-bottom .footer-logo-col .homescreen-text {
color: white;
text-align: left;
font-size: 115%;
margin-bottom: 20px;
}
#footer .footer-bottom .footer-logo-col .logo_link {
width: 400px;
max-width: 100%;
margin-bottom: 20px;
}
#footer .footer-bottom .footer-logo-col .logo_link:hover {
text-decoration: none;
}
#footer .footer-bottom .footer-logo-col .logo_link img {
float: none;
vertical-align: top;
width: 100%;
height: auto;
}
#footer .footer-bottom .footer-col {
font-weight: bold;
text-align: center;
max-width: 100%;
}
#footer .footer-bottom .footer-col.text-left {
text-align: left;
}
#footer .footer-bottom .footer-col .footer-container {
text-align: left;
display: inline-block;
max-width: 100%;
}
#footer .footer-bottom .footer-col ul {
margin: 0;
}
#footer .footer-bottom .footer-col ul li {
clear: both;
float: left;
}
#footer .footer-bottom .ideal {
filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); float: right;
width: 60px;
position: relative;
top: -3px;
}
#footer .footer-bottom .ideal:hover {
filter: none;
-webkit-filter: grayscale(0);
}
#footer .footer-bottom h2 {
border: medium none; color: white; font-size: 122%;
font-weight: 700;
margin: 0 0 8px;
text-transform: uppercase; }
#footer .footer-bottom .footer-col.footer-social .footer-container {
text-align: center;
}
#footer .footer-bottom .footer-col .keurmerken {
padding: 0 3.5%;
float: left;
}
#footer .footer-bottom .footer-col .keurmerken .keurmerk {
padding: 0 7%;
}
#footer .footer-bottom ul.social-list {
display: inline-block;
height: auto;
padding-top: 5px;
}
#footer .footer-bottom ul.social-list li.social-list-item {
float: left;
margin: 0 16px 20px;
text-align: center;
list-style-type: none;
clear: none;
}
#footer .footer-bottom ul.social-list li.social-list-item a {
background-color: #4f7e8b; border-radius: 50%;
color: #454b58;  font-size: 210%;
height: 60px;
line-height: 60px;
width: 60px;
display: inline-block;
}
#footer .footer-bottom ul.social-list li.social-list-item:hover a {
border: none;
color: #4f7e8b; background-color: transparent;
font-size: 310%;
}
#footer .footer-bottom .footer-social.social-v2 li.social-list-item a {
background: #454b58;
color: white;
font-size: 150%;
}
#footer .footer-bottom .footer-social.social-v2 li.social-list-item:hover a {
color: #454b58;
background: white;
font-size: 180%;
}
#footer .footer-bottom .openingstijden .openingstijden-list {
margin: 0;
}
#footer .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item {
width: 80%;
min-width: 185px;
float: left;
}
#footer .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item .openingstijden-dag {
width: 45%;
float: left;
font-size: 100%;
}
#footer .footer-bottom .openingstijden .openingstijden-list .openingstijden-list-item .openingstijden-tijd {
width: 55%;
float: left;
font-size: 100%;
}
#footer .footer-bottom .contactgegevens .contact-address div {
font-size: 120%;
font-weight: 500;
color: #796a63;
}
#footer .footer-bottom .contactgegevens .contact-address div * {
font-weight: 500;
color: #796a63;
}
#footer .footer-bottom .soc-and-dev {
float: left;
width: 100%;
margin-top: 25px;
}
#footer .footer-bottom .soc-and-dev div.soc_links {
float: left;
padding: 0;
}
#footer .footer-bottom .soc-and-dev div.soc_links ul {
margin-top: 0;
display: block;
float: left;
width: 100%;
width: calc(100% - 70px);
}
#footer .footer-bottom .soc-and-dev div.soc_links ul li {
margin: 0;
padding: 0 9%;
}
#footer .footer-bottom .soc-and-dev div.soc_links ul li:first-child {
padding-left: 0;
}
#footer .footer-bottom .soc-and-dev div.soc_links ul li:last-child {
padding-right: 0;
}
#footer .footer-bottom .soc-and-dev div.soc_links ul li a {
background-color: #5b5a5a;
border-radius: 15%;
color: white;
width: 50px;
height: 46px;
line-height: 46px;
font-size: 200%;
text-align: center;
}
#footer .footer-bottom .soc-and-dev div.soc_links ul li a:hover {
background-color: #4f7e8b;
}
#footer .footer-bottom .soc-and-dev .author {
color: white;
float: left;
font-size: 105%;
line-height: 50px;
margin-top: 30px;
padding: 0;
text-align: right;
}
#footer .footer-bottom .soc-and-dev .author a:hover { }
#footer .footer-col.footer-menu .footer-container {
float: left;
display: block;
width: 100%;
padding: 5.5% 4%;
}
#footer #footer-navigation {
padding: 0;
float: left;
width: 100%;
}
#footer #footer-navigation a {
color: white;
-moz-transition: none;
-webkit-transition: none;
-o-transition: all 0 ease-in;
transition: none;
}
#footer #footer-navigation a:hover {
color: white;
border-bottom: 1px solid;
padding-bottom: 6px;
}
#footer #footer-navigation .navbar-collapse {
padding: 0;
}
#footer #footer-navigation ::before,
#footer #footer-navigation ::after {
display: none;
}
#footer #footer-navigation ul { float: none;
padding: 0;
display: block;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
#footer #footer-navigation ul li {  display: block;
list-style: none;
margin: 5px 0;
}
#footer #footer-navigation ul li a {
letter-spacing: 0.5px; color: #ebebeb;
font-size: 122%;
font-weight: 500; text-transform: uppercase;
border: none;
float: left;
padding: 5px; text-decoration: none !important;
}
@media (max-width: 1430px) {
#footer #footer-navigation ul li a {
font-size: 120%;
}
}
@media (max-width: 1200px) {
#footer #footer-navigation ul li a {
font-size: 115%;
}
}
#footer #footer-navigation ul li a:before {
display: block;
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: white;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#footer #footer-navigation ul li a:hover {
color: white;
border: none;
}
#footer #footer-navigation ul li a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
#footer #footer-navigation ul li:first-child {
padding-left: 0;
}
#footer #footer-navigation ul li:first-child a { }
#footer #footer-navigation ul li:last-child {
padding-right: 0;
}
#footer #footer-navigation ul li:last-child a { }
#footer #footer-navigation.vertical-menu ul {
display: block;
}
#footer #footer-navigation.vertical-menu ul li {
float: left;
width: 100%;
}
#footer #footer-navigation.vertical-menu ul li a {
padding: 1px 0 4px;
}
#footer .footer-copyright-row {
margin-top: 15px;
padding: 0 !important;
display: block;
float: left;
}
#footer .footer-copyright-row .footer-copyright {
padding: 0 !important;
}
#footer .footer-copyright-row .footer-copyright span {
float: left;
width: 100%;
text-align: center;
}
#footer .footer-copyright-row #copyright,
#footer .footer-copyright-row #copyright a {
text-align: left;
font-size: 80%;
font-weight: 400;
color: white;
}
#footer .footer-copyright-row #copyright a:hover,
#footer .footer-copyright-row #copyright a a:hover {
color: white;
}
.footer-spacer {
height: 200px;
}
.footer-spacer.footer-spacer-small {
height: 130px;
}
.home #footer {  }
#footer .navbar-toggle {
display: none;
}
#footer .row {
margin: 0;
}
.fve-video-wrapper {
position: relative;
overflow: hidden;
height: 0;
background-color: transparent;
padding-bottom: 56.25%;
margin: 0.5em 0;
}
.fve-video-wrapper iframe,
.fve-video-wrapper object,
.fve-video-wrapper embed {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fve-video-wrapper a.hyperlink-image {
position: relative;
display: none;
}
.fve-video-wrapper a.hyperlink-image img {
position: relative;
z-index: 2;
width: 100%;
}
.fve-video-wrapper a.hyperlink-image .fve-play-button {
position: absolute;
left: 35%;
top: 35%;
right: 35%;
bottom: 35%;
z-index: 3;
background-color: rgba(40, 40, 40, 0.75);
background-size: 100% 100%;
border-radius: 10px;
}
.fve-video-wrapper a.hyperlink-image:hover .fve-play-button {
background-color: rgba(0, 0, 0, 0.85);
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}  div.header {
float: left;
padding-top: 0;
padding-right: 0 !important;
padding-left: 0 !important;
margin: 0 !important;
left: 0; position: absolute;
top: 0;
width: 100%;
z-index: 9999;
border: none !important;  }
div.header div.header-contact {  position: fixed;
right: 0;
width: auto;
top: 55px;
z-index: 999981;
}
div.header div.header-contact ul {
float: right;
margin: 0;
background-color: #4f7e8b;
padding: 5px;
border-radius: 5px 0 0 5px;
cursor: pointer;
box-shadow: 0 0 11px rgba(0, 0, 0, 0.22);
}
div.header div.header-contact ul li {
float: left;
color: white; padding: 0 9px;
font-size: 80%;
text-align: center;
}
div.header div.header-contact ul li span {
opacity: 0;
visibility: hidden; font-size: 82%;
display: block;
width: 1px;
height: 1px;
transform: scale(0);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
div.header div.header-contact ul li i {
color: white; cursor: default;
}
div.header div.header-contact ul li a {
color: white;
}
div.header div.header-contact ul:hover {
cursor: auto;
}
div.header div.header-contact ul:hover li span {
visibility: visible;
opacity: 1;
font-size: 82%; height: 20px;
transform: scale(1);
}
div.header div.header-contact ul:hover li.email span {
width: 201px;
}
div.header div.header-contact ul:hover li.phone span {
width: 82px;
}
div.header div.header-menu {  }
div.header div.header-menu .logo-col { float: none; position: relative;
z-index: 2147483647;
text-align: left;
display: inline-block;  padding-top: 25px;  }
div.header div.header-menu .logo-col a.logo_link {
height: 120px; pointer-events: all;
float: left;
}
div.header div.header-menu .logo-col a.logo_link img {
height: 100%;
width: auto;
}
div.header div.header-menu .soc_links {
bottom: 8%;
display: inline-block;
padding-right: 8%;
position: absolute;
right: 20%;
width: 400px;
z-index: 999;
}
div.header div.header-menu .soc_links ul li a {
border-radius: 100%;
background-color: white;
color: white;
font-size: 185%;
height: 50px;
line-height: 50px;
text-align: center;
width: 50px;
}
div.header div.header-menu .soc_links ul li a:hover {
color: white;
}
div.header div.header-menu .right-header-col .fa {
color: white;
font-size: 195%;
margin-top: 10px;
float: right;
margin-right: 30px;
}
div.header div.header-menu .login-logout {
float: right;
margin: 10px;
position: absolute;
right: 0;
top: 0;
color: white;
font-weight: bold;
font-size: 95%;
}
div.header div.header-menu .login-logout a {
color: inherit;
font: inherit;
}
div.header div.header-menu .login-logout a i {
padding-right: 3px;
}
div.header div.header-menu .nav-col {
padding: 8px 4%;
text-align: center;
}
div.header div.header-menu .nav-col #site-navigation {
position: relative;
top: 0;
z-index: 2147483640;
width: calc(100% - 6% - 160px);
float: left;
border-radius: 0;
pointer-events: all;
}
div.header div.header-menu .nav-col #site-navigation .menu_button {
color: white;
font-size: 155%;
text-align: right;
margin-top: 25px;
position: relative;
}
div.header div.header-menu .nav-col #site-navigation .menu_button i {
position: absolute;
right: -30%;
top: 6px;
color: #5693a5;
}
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse {
width: 100%;
float: left;
}
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu,
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu {
display: inline-block;
float: left;
margin: 0;
width: 100%;
display: block; }
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li,
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li {
border: medium none;
box-sizing: border-box;
float: left;
padding: 0 1.5%;
width: auto;
text-align: center;
margin: 0;
}
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li a,
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li a {
padding: 4px 0 !important;
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-transform: capitalize;
font-family: Open-Sans, arial;
font-weight: 300;
box-sizing: border-box;
font-size: 100%;
white-space: nowrap;
margin: 39px 0; }
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li a:hover,
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li a:hover { text-decoration: underline; }
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li.current-menu-item a,
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li.current-menu-item a {
text-decoration: underline;
}
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li:hover ul.sub-menu,
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu li:hover ul.sub-menu {
visibility: visible;
opacity: 1;
}
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu ul.sub-menu,
div.header div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-mobile-menu ul.sub-menu {
left: 0;
position: absolute;
text-align: left;
padding-top: 25px;
padding-bottom: 25px;
width: 100%;
visibility: hidden;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
opacity: 0;
}
div.header.sticky div.header-contact ul.contact-address li { }
div.header.sticky div.header-menu .nav-col #site-navigation #top-navbar-collapse ul#menu-top-menu li a {
padding: 16px 0!important;
font-size: 95%;
}
div.header.sticky div.header-menu .logo-col {
top: -15px;
margin-top: 10px;
}
div.header.sticky div.header-menu .logo-col a.logo_link {
width: 80px;
}
div.header .row {
float: left;
position: relative;
width: 100%;
z-index: 99998;
margin: 0;
}
div.header .row > div {
padding: 0;
}
.header {
padding-left: 4%;
padding-right: 4%;
box-sizing: border-box;
}
.admin-bar .header { }
.header a.logo_link img {
padding-top: 0;
}
.logo-col {
float: left;
width: auto;
padding-top: 3px;
padding-bottom: 3px;
z-index: 99998;
}
.header .logo-col .logo_link {
border: none !important;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
.filler {
height: 900px;
width: 100%;
max-width: 100%;
}
.admin-bar .filler {
position: relative;
margin-bottom: -32px;
top: -32px;
}
.gratis-proefles {
position: absolute !important;
left: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
min-width: 0;
width: 180px;
height: 180px;
top: 50%;
left: 4%;
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
}
.gratis-proefles.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
.gratis-proefles.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
.gratis-proefles.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
.gratis-proefles.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
.gratis-proefles.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
.gratis-proefles.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
.gratis-proefles.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
.gratis-proefles.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
.gratis-proefles.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
.gratis-proefles.proefles-page {
top: 20%;
-webkit-transform: rotate(0) scale(1.2);
-moz-transform: rotate(0) scale(1.2);
-o-transform: rotate(0) scale(1.2);
-ms-transform: rotate(0) scale(1.2);
transform: rotate(0) scale(1.2);
}
@media (max-width: 1650px) {
.gratis-proefles.proefles-page {
-webkit-transform: rotate(0) scale(0.5);
-moz-transform: rotate(0) scale(0.5);
-o-transform: rotate(0) scale(0.5);
-ms-transform: rotate(0) scale(0.5);
transform: rotate(0) scale(0.5);
}
}
@media (max-width: 1450px) {
.gratis-proefles.proefles-page {
-webkit-transform: rotate(0) scale(0.5);
-moz-transform: rotate(0) scale(0.5);
-o-transform: rotate(0) scale(0.5);
-ms-transform: rotate(0) scale(0.5);
transform: rotate(0) scale(0.5);
}
}
@media (max-width: 1200px) {
.gratis-proefles.proefles-page {
-webkit-transform: rotate(0) scale(0.5);
-moz-transform: rotate(0) scale(0.5);
-o-transform: rotate(0) scale(0.5);
-ms-transform: rotate(0) scale(0.5);
transform: rotate(0) scale(0.5);
}
}
@media (max-width: 1650px) {
.gratis-proefles {
-webkit-transform: rotate(-18deg) scale(0.5);
-moz-transform: rotate(-18deg) scale(0.5);
-o-transform: rotate(-18deg) scale(0.5);
-ms-transform: rotate(-18deg) scale(0.5);
transform: rotate(-18deg) scale(0.5);
}
}
@media (max-width: 1450px) {
.gratis-proefles {
-webkit-transform: rotate(-18deg) scale(0.5);
-moz-transform: rotate(-18deg) scale(0.5);
-o-transform: rotate(-18deg) scale(0.5);
-ms-transform: rotate(-18deg) scale(0.5);
transform: rotate(-18deg) scale(0.5);
}
}
@media (max-width: 1200px) {
.gratis-proefles {
-webkit-transform: rotate(-18deg) scale(0.5);
-moz-transform: rotate(-18deg) scale(0.5);
-o-transform: rotate(-18deg) scale(0.5);
-ms-transform: rotate(-18deg) scale(0.5);
transform: rotate(-18deg) scale(0.5);
}
}
.gratis-proefles .gratis-proefles-inner {
border-radius: 100%;
-webkit-box-shadow: inset 0px 0px 25px -3px #464646;
-moz-box-shadow: inset 0px 0px 25px -3px #464646;
box-shadow: inset 0px 0px 25px -3px #464646;
background: #4f7e8b;
border: 2px solid white;
text-align: center;
width: 180px;
height: 180px;
}
.gratis-proefles .gratis-proefles-title {
color: white;
font-weight: bold;
font-size: 165%;
position: absolute !important;
top: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
transform: translate(-50%, -30%);
-ms-transform: translate(-50%, -30%);
-webkit-transform: translate(-50%, -30%);
-moz-transform: translate(-50%, -30%);
-o-transform: translate(-50%, -30%);
top: 30%;
left: 50%;
line-height: 120%;
}
.gratis-proefles .gratis-proefles-title.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
.gratis-proefles .gratis-proefles-title.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
.gratis-proefles .gratis-proefles-title.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
.gratis-proefles .gratis-proefles-title.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
.gratis-proefles .gratis-proefles-title.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
.gratis-proefles .gratis-proefles-title.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
.gratis-proefles .gratis-proefles-title.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
.gratis-proefles .gratis-proefles-title.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
.gratis-proefles .gratis-proefles-title.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
.gratis-proefles .gratis-proefles-click {
color: white;
font-weight: 500;
font-size: 130%;
position: absolute !important;
top: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
transform: translate(-50%, -75%);
-ms-transform: translate(-50%, -75%);
-webkit-transform: translate(-50%, -75%);
-moz-transform: translate(-50%, -75%);
-o-transform: translate(-50%, -75%);
top: 75%;
left: 50%;
}
.gratis-proefles .gratis-proefles-click.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
.gratis-proefles .gratis-proefles-click.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
.gratis-proefles .gratis-proefles-click.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
.gratis-proefles .gratis-proefles-click.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
.gratis-proefles .gratis-proefles-click.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
.gratis-proefles .gratis-proefles-click.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
.gratis-proefles .gratis-proefles-click.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
.gratis-proefles .gratis-proefles-click.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
.gratis-proefles .gratis-proefles-click.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
#page h1.gradient-label- { background: #4f7e8b; background: -moz-linear-gradient(left, #426974 0%, #4f7e8b 50%, #426974 100%); background: -webkit-linear-gradient(left, #426974 0%, #4f7e8b 50%, #426974 100%); background: linear-gradient(to right, #426974 0%, #4f7e8b 50%, #426974 100%); color: white;
padding: 2px 35px;
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
display: inline-block;
line-height: 150%;
letter-spacing: 1px;
}
#main .homescreen,
.homescreen {
position: absolute; left: 0;
bottom: 20%;
padding: 0;
box-sizing: border-box;
font-weight: 400;
font-size: 145%;
color: white;
z-index: 200;
line-height: 130%;
float: none;
max-width: 100%;
width: 100%;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
text-align: center;
}
#main .homescreen.centered,
.homescreen.centered {
padding: 0 15px;
left: 50%;
top: 60%;
bottom: auto;
width: 600px;
max-width: 85%;
transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
-webkit-transform: translate(-50%, -60%);
-moz-transform: translate(-50%, -60%);
-o-transform: translate(-50%, -60%);
}
@media (min-width: 1300px) and (max-height: 700px) {
#main .homescreen.centered,
.homescreen.centered {
top: 80%;
transform: translate(-50%, -80%);
-ms-transform: translate(-50%, -80%);
-webkit-transform: translate(-50%, -80%);
-moz-transform: translate(-50%, -80%);
-o-transform: translate(-50%, -80%);
}
}
@media (min-width: 2000px) {
#main .homescreen.centered,
.homescreen.centered {
top: 80%;
transform: translate(-50%, -80%);
-ms-transform: translate(-50%, -80%);
-webkit-transform: translate(-50%, -80%);
-moz-transform: translate(-50%, -80%);
-o-transform: translate(-50%, -80%);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#main .homescreen.centered,
.homescreen.centered { top: 65%;
transform: translate(-50%, -65%);
-ms-transform: translate(-50%, -65%);
-webkit-transform: translate(-50%, -65%);
-moz-transform: translate(-50%, -65%);
-o-transform: translate(-50%, -65%);
}
}
#main .homescreen.centered h1,
.homescreen.centered h1 {
text-align: center;
width: 100%;
text-indent: 0;
}
#main .homescreen.centered .homescreen-text,
.homescreen.centered .homescreen-text,
#main .homescreen.centered p,
.homescreen.centered p,
#main .homescreen.centered .subtitle,
.homescreen.centered .subtitle,
#main .homescreen.centered .page-subtitle,
.homescreen.centered .page-subtitle {
float: none;
display: inline-block;
text-align: center;
}
#main .homescreen img,
.homescreen img {
width: 400px;
max-width: 100%;
height: auto;
clear: both;
float: none;
}
#main .homescreen h1,
.homescreen h1 {
margin-top: 0;
text-align: center;
text-transform: uppercase;
padding: 20px 3%;
padding: 2.5vh 3% 2.5vh 8%;
text-indent: -8%;
background: rgba(79, 126, 139, 0.75);
width: 40%;
}
#main .homescreen h1.project-color,
.homescreen h1.project-color {
background: rgba(238, 58, 67, 0.75);
}
#main .homescreen h1 span,
.homescreen h1 span {
font-family: inherit;
font-size: 130%;
}
#main .homescreen .homescreen-text,
.homescreen .homescreen-text,
#main .homescreen p,
.homescreen p,
#main .homescreen .subtitle,
.homescreen .subtitle,
#main .homescreen .page-subtitle,
.homescreen .page-subtitle {
float: left;
margin-top: 25px;
max-width: 80%;
width: 500px;
text-transform: uppercase;
text-align: left;
color: inherit;
}
#main .homescreen .homescreen-text.subtitle,
.homescreen .homescreen-text.subtitle,
#main .homescreen p.subtitle,
.homescreen p.subtitle,
#main .homescreen .subtitle.subtitle,
.homescreen .subtitle.subtitle,
#main .homescreen .page-subtitle.subtitle,
.homescreen .page-subtitle.subtitle { clear: both;
letter-spacing: 2px;
}
#main .homescreen a.btn,
.homescreen a.btn {
margin-top: 35px;
font-weight: 500;
border-radius: 8px;
padding: 7px 25px;
font-size: 85%;
line-height: normal;
float: left;
clear: both;
color: white;
text-shadow: none;
}
body.home #main .homescreen,
body.home .homescreen {
padding: 0 15px;
left: 50%;
top: 50%;
bottom: auto;
width: auto;
max-width: 90%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
body.home #main .homescreen h1,
body.home .homescreen h1 {         font-size: 125%;
letter-spacing: 1.5px;
}
body.home #main .homescreen .subtitle,
body.home .homescreen .subtitle {
text-align: left;
float: left;
width: 40%;
clear: left;
}
body.home #main .homescreen .register-home,
body.home .homescreen .register-home {
font-size: 77%;
}
body.home #main .homescreen .loginform-home,
body.home .homescreen .loginform-home {
float: right;
margin-right: 8%;
width: 35%;
padding: 2.5% 20px 3.5%;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 1.5%;
}
body.home #main .homescreen .loginform-home h2,
body.home .homescreen .loginform-home h2 {
color: white;
font-size: 245%;
text-transform: uppercase;
}
body.home #main .homescreen .loginform-home #loginform-home,
body.home .homescreen .loginform-home #loginform-home {
margin-bottom: 15px;
}
body.home #main .homescreen .loginform-home #loginform-home label,
body.home .homescreen .loginform-home #loginform-home label {
display: none;
}
body.home #main .homescreen .loginform-home #loginform-home p,
body.home .homescreen .loginform-home #loginform-home p {
margin-top: 12px;
}
body.home #main .homescreen .loginform-home #loginform-home input[type=text],
body.home .homescreen .loginform-home #loginform-home input[type=text],
body.home #main .homescreen .loginform-home #loginform-home input[type=password],
body.home .homescreen .loginform-home #loginform-home input[type=password] {
float: left;
width: 100%;
color: #777;
padding: 18px 24px;
border-radius: 7px;
border: none;
font-weight: 500;
}
body.home #main .homescreen .loginform-home #loginform-home #wp-submit,
body.home .homescreen .loginform-home #loginform-home #wp-submit {
float: left;
width: 100%;
background-color: #4f7e8b;
color: white;
font-weight: 700;
border-color: #4f7e8b;
text-transform: uppercase;
}
body.home #main .homescreen .loginform-home #loginform-home #wp-submit i.fa,
body.home .homescreen .loginform-home #loginform-home #wp-submit i.fa {
color: white;
}
body.home #main .homescreen .loginform-home #loginform-home #wp-submit:hover,
body.home .homescreen .loginform-home #loginform-home #wp-submit:hover {
color: #4f7e8b;
background-color: transparent;
}
body.home #main .homescreen .loginform-home #loginform-home #wp-submit:hover i.fa,
body.home .homescreen .loginform-home #loginform-home #wp-submit:hover i.fa {
color: #4f7e8b;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
} .instagram-col .social-instagram {
border-radius: 100%;
color: white;
display: block;
font-size: 220%;
height: 55px;
line-height: 55px;
margin: 15px auto 40px;
text-align: center;
text-indent: 2px;
width: 55px;
background-color: #4f7e8b;
}
.instagram-feed #sb_instagram .sbi_follow_btn a {
background-color: #4f7e8b;
color: white;
border: 1px solid #4f7e8b;
}
.instagram-feed #sb_instagram .sbi_follow_btn:hover a {
background-color: transparent;
color: #4f7e8b;
}
.instagram-feed #sb_instagram #sbi_load {
margin-top: 10px;
}
.instagram-feed #sb_instagram #sbi_load > a {
background-color: #4f7e8b;
color: white;
border: 1px solid #4f7e8b;
}
.instagram-feed #sb_instagram #sbi_load:hover > a {
background-color: transparent;
color: #4f7e8b;
}
#sb_instagram .sb_instagram_header {
text-align: center;
}
#sb_instagram .sb_instagram_header a {
float: none;
display: inline-block;
}
.instagram-feed #sb_instagram #sbi_images {
width: 100%;
}
.instagram-feed #sb_instagram { }
.instagram-feed #sb_instagram h3.sbi_no_bio {
color: transparent !important;
font-size: 0.1px !important;
padding: 0 !important;
}
.sbi_no_bio::after {
content: "Love Case";
color: #d3d3d3;
font-size: 24px;
font-weight: bold;
}
.insta-title a {
display: inline-block;
margin-bottom: 25px;
}
.insta-title a i {
float: left;
font-size: 40px;
line-height: 20px;
vertical-align: middle;
padding-right: 10px;
}
.insta-title a span {
font-size: 30px;
float: left;
line-height: 20px;
vertical-align: middle;
font-weight: 400;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
.admin-bar .wrapper .material-design-hamburger {
top: 32px;
}    .flex-center {
display: flex;
align-items: center;
justify-content: center;
}
a,
a:visited,
a:hover,
a:active {
color: inherit;
text-decoration: none;
}
.is-not-mobile.gt768 .outer-menu .hamburger > div::before,
.is-not-mobile.gt768 .outer-menu .hamburger > div::after {
box-shadow: 0 0 4px rgba(79, 126, 139, 0.6);
}
.is-not-mobile.gt768 .outer-menu .hamburger > div {
box-shadow: 0 0 4px rgba(79, 126, 139, 0.6);
}
.is-mobile .outer-menu .hamburger > div::before,
.lt768 .outer-menu .hamburger > div::before,
.is-mobile .outer-menu .hamburger > div::after,
.lt768 .outer-menu .hamburger > div::after {
background: #4f7e8b;
}
.is-mobile .outer-menu .hamburger > div,
.lt768 .outer-menu .hamburger > div {
background: #4f7e8b;
}
.menu li.loggedInOnly {
display: none !important;
}
body.logged-in .menu li.loggedInOnly {
display: block !important;
}
.outer-menu {
position: fixed;
top: 7vh;
left: 0;
z-index: 10999;
width: 100%;
}
.outer-menu .fullscreen-content-container {
width: 100vw;
height: 100vh;
position: relative;
}
.outer-menu .fullscreen-content-container .menu-top-menu-container {
left: 0;
}
.outer-menu .fullscreen-content-container .menu-top-menu-container > ul {
padding: 0 !important;
}
.outer-menu .fullscreen-content-container .menu-top-menu-container > ul li a {
text-transform: uppercase;
font-weight: 500;
}
.outer-menu .menu-top {
top: 0;
left: 0;
position: absolute;
width: 100%;
padding: 30px 0;
text-align: center;
}
.outer-menu .menu-top a.logo_link {
display: inline-block;
width: 200px !important;
}
@media (max-width: 1370px) {
.outer-menu .menu-top a.logo_link {
width: 80px !important;
}
}
.outer-menu .menu-top a.logo_link #logo {
display: block;
}
.outer-menu .menu-bottom {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
padding: 25px 0;
}
.outer-menu .menu-bottom .soc_links li a {
background-color: transparent;
border-radius: 100%;
color: #4f7e8b;
height: 56px;
line-height: 60px;
text-align: center;
width: 56px;
font-size: 130%;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.outer-menu .menu-bottom .soc_links li a:hover {
color: white;
background-color: #4f7e8b;
}
.outer-menu .checkbox-toggle {
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
width: 85px;
height: 85px;
opacity: 0;
max-width: none;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
transform: rotate(135deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
top: 0;
transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
pointer-events: auto;
visibility: visible;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div {
transform: scale(1);
transition-duration: .75s;
margin: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
opacity: 1;
transition: opacity 0.4s ease 0.4s;
}
.outer-menu .checkbox-toggle:hover + .hamburger {
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
transform: rotate(225deg);
}
.outer-menu.no-bg-color .hamburger {
background: transparent;
}
.outer-menu .hamburger {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 85px;
height: 85px;
padding: .5em 1em;
background: #4f7e8b;
border-radius: 0 0.12em 0.12em 0;
cursor: pointer;
transition: box-shadow 0.4s ease;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu .hamburger > div {
position: relative;
flex: none;
width: 100%;
height: 3px;
background: white;
transition: all 0.4s ease;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu .hamburger > div:before,
.outer-menu .hamburger > div:after {
content: '';
position: absolute;
z-index: 1;
top: -14.16666667px;
left: 0;
width: 100%;
height: 3px;
background: inherit;
transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
top: 14.16666667px;
}
.outer-menu .menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
visibility: hidden;
overflow: hidden;
backface-visibility: hidden;
outline: 1px solid transparent;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu .menu > div {
width: 200vw;
height: 200vw;
color: #4f7e8b;
background: rgba(255, 255, 255, 0.96);
border-radius: 50%;
transition: all 0.4s ease;
flex: none;
transform: scale(0);
backface-visibility: hidden;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;  }
.outer-menu .menu > div > div {
text-align: center;
max-width: 100vw;
max-height: 100vh;
opacity: 0;
transition: opacity 0.4s ease;
overflow-y: auto;
flex: none;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu .menu > div > div .fullscreen-content-container > div > ul {
list-style: none;
padding: 0 1em;
margin: 0;
display: block;
max-height: 100vh;
}
.outer-menu .menu > div > div .fullscreen-content-container > div > ul > li {
padding: 0;
margin: 0;
font-size: 145%;
display: block;
padding: 1em 0;
color: #4f7e8b;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
overflow: hidden;
}
.outer-menu .menu > div > div .fullscreen-content-container > div > ul > li:hover {
background-color: #4f7e8b;
color: white;
padding: 0;
}
.outer-menu .menu > div > div .fullscreen-content-container > div > ul > li:hover a {
font-size: 200%;
padding: 0.15em 0;
}
.outer-menu .menu > div > div .fullscreen-content-container > div > ul > li > a {
position: relative;
display: inline;
cursor: pointer;
display: block;
height: 100%;
width: 100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
color: inherit;
font-family: BebasNeue, lato, sans-serif;
}
.outer-menu .menu > div > div .fullscreen-content-container > div > ul > li > a:hover { }
.outer-menu .menu > div > div .fullscreen-content-container > div > ul > li > a:hover:after { }
.outer-menu .menu > div > div .fullscreen-content-container > div > ul > li > a:after {
content: '';
position: absolute;
z-index: 1;
bottom: -0.15em;
left: 0;
width: 0;
height: 3px;
background: #3d616a;
transition: width 0.4s ease;
} .wrapper {
height: 100%;
transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
padding: 0;
z-index: 2147483643;
position: absolute;
right: 0;
top: 0;  }
.wrapper .menu-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.95;
}
.wrapper.bezier-menu {
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.wrapper.bezier-menu .menu.menu--off {
width: 50%;
right: -50%;
}
@media (max-width: 1370px) {
.wrapper.bezier-menu .menu.menu--off {
width: 80%;
right: -80%;
}
}
@media (max-width: 1000px) {
.wrapper.bezier-menu .menu.menu--off {
width: 100%;
right: -100%;
}
}
.wrapper.bezier-menu .menu.menu--on {
right: 0;
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul {
width: auto;
height: auto;
position: absolute !important;
top: 50%;
left: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
padding: 0;
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul li {
text-align: center;
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul li a {
float: none;
margin: 0;
transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-webkit-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
border: none; text-transform: uppercase;
}
.wrapper.bezier-menu .menu .menu-top-menu-container ul li a:hover {
text-decoration: underline;
color: #a6c4cd;
border: none;
transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
}
.wrapper.bezier-menu .material-design-hamburger .material-design-hamburger__icon::before {
content: "";
}
.wrapper .menu {
font-size: 200%;
font-family: 'Roboto', sans-serif;
color: #fff; background-color: #4f7e8b;
height: 100vh;
}
.wrapper .menu .menu-top-menu-container {
float: left;
height: 85vh;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.wrapper .menu .menu-top-menu-container ul {
float: left;
height: 100%;
margin: 0;
padding-top: 40px;
padding-left: 85px;
padding-right: 95px;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.wrapper .menu .menu-top-menu-container ul li {
float: left;
height: auto;
list-style-type: none;
margin: 8px 0;
margin: 1vh 0;
position: relative;
width: 100%;
}
.wrapper .menu .menu-top-menu-container ul li a {
color: #fff;
float: left; padding-left: 0;
padding-bottom: 2px;
padding: 0 3px 2px;
margin-right: 22px;
text-align: left;
text-decoration: none; transition: none 0.5s ease-in-out;
-moz-transition: none 0.5s ease-in-out;
-webkit-transition: none 0.5s ease-in-out;
-o-transition: none 0.5s ease-in-out; width: auto;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 3px;
font-family: Lato, 'Open Sans Condensed', sans-serif;
font-size: 80%;
}
.wrapper .menu .menu-top-menu-container ul li a:hover { color: white;
border-bottom: 2px solid white;
padding-bottom: 0;
}
.wrapper .menu .menu-top-menu-container ul li ul.sub-menu {
padding: 0;
}
.wrapper .menu .menu-top-menu-container ul li ul.sub-menu li a {
font-size: 47%;
letter-spacing: 1px;
}
.wrapper .menu .menu-top-menu-container ul li.hidden-topmenu > a {
display: none;
}
.wrapper .menu .menu-top-menu-container ul li.hidden-topmenu ul.sub-menu {
border-top: 3px solid white;
padding-top: 30px;
margin-top: 25px;
padding-top: 3vh;
margin-top: 2.5vh;
float: left;
width: 100%;
}
.wrapper .menu .menu-top-menu-container ul li.hidden-topmenu ul.sub-menu li {
margin: 6px 0;
margin: 0.5vh 0;
}
.wrapper .menu .menu-bottom {
bottom: 0;
float: left;
height: auto;
position: absolute;
right: 0;
width: 100%;
padding: 20px 0;
padding: 2vh 0;
}
.wrapper .menu .menu-bottom .footer-social { width: 70%;
}
.wrapper .menu .menu-bottom .footer-social .soc_links {
float: left;
width: 100%;
text-align: center;
}
.wrapper .menu .menu-bottom .footer-social .soc_links ul {
display: inline-block;
float: none;
}
.wrapper .menu .menu-bottom .footer-social .soc_links ul li {
float: left;
margin: 0 12px 0 12px;
}
.wrapper .menu .menu-bottom .footer-social .soc_links ul li:first-child {
margin-left: 0;
}
.wrapper .menu .menu-bottom .footer-social .soc_links ul li:last-child {
margin-right: 0;
}
.wrapper .menu .menu-bottom .footer-social .soc_links ul li a {
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background-color: white;
color: #4f7e8b;
font-size: 80%;
transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
}
.wrapper .menu .menu-bottom .footer-social .soc_links ul li:hover a {
border: none;
color: white;
background-color: transparent;
font-size: 125%;
}
.wrapper .menu .menu-bottom .logo-line {
border-bottom: 1px solid white;
padding-bottom: 2px;
float: left;
width: 100%;
}
.wrapper .menu .menu-bottom .footer-logo {
text-align: center;
}
.wrapper .menu .menu-bottom .footer-logo .logo_link {
max-width: 50%;
display: inline-block;
margin-top: 15px;
}
.wrapper .menu .menu-bottom .footer-logo img {
float: none;
display: inline-block;
}
.wrapper .menu.menu--off {
position: fixed;
right: -420px;
width: 420px;
max-width: 100%;
display: block;
min-height: 550px;
height: 100%;
transition: all 300ms;
top: 0;
}
.wrapper .menu.menu--on {
right: 0;
box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.2);
transition: all 300ms;
-webkit-transition: all 300ms;
}
.wrapper .material-design-hamburger {
position: fixed;
right: 0;
top: 0;
z-index: 2147483647; }
.wrapper .material-design-hamburger .material-design-hamburger__icon {
padding: 2rem 1rem 2rem 6rem;
cursor: pointer;
}
.wrapper .material-design-hamburger .material-design-hamburger__icon:hover .material-design-hamburger__layer {
box-shadow: 0 0 2px #3d616a, 0 0 3px #3d616a;
}
.wrapper .material-design-hamburger .material-design-hamburger__icon:hover .material-design-hamburger__layer:before,
.wrapper .material-design-hamburger .material-design-hamburger__icon:hover .material-design-hamburger__layer:after {
box-shadow: 0 0 3px #3d616a, 0 0 3px #3d616a;
}
.wrapper .material-design-hamburger .material-design-hamburger__icon:hover:before {
text-shadow: 0 0 1px #3d616a, 0 0 2px #3d616a;
}
.wrapper .material-design-hamburger .material-design-hamburger__icon.hide--before:before {
content: none;
}
.wrapper .material-design-hamburger .material-design-hamburger__icon:before {
content: "MENU ";
font-family: "Lato", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 3px;
position: absolute;
right: 77px;
margin-top: -1px;
text-shadow: 0 0 1px #2a434a, 0 0 2px rgba(42, 67, 74, 0.6);
}
.wrapper .material-design-hamburger button {
display: block;
border: none;
background: none;
color: #fff;
outline: 0;
padding-left: 55px;
margin-top: 32px;
margin-right: 25px;
}
.wrapper .material-design-hamburger button span {
background-color: #fff;
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer {
display: block;
width: 25px;
height: 2px;
background: #000;
position: relative;
animation-duration: 300ms;
animation-timing-function: ease-in-out;
background: #fff; box-shadow: 0 0 2px rgba(42, 67, 74, 0.8), 0 0 3px rgba(42, 67, 74, 0.6);
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer.material-design-hamburger__icon--to-arrow {
background: #fff;
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer.material-design-hamburger__icon--to-arrow {
animation-name: material-design-hamburger__icon--slide;
animation-fill-mode: forwards;
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer.material-design-hamburger__icon--to-arrow:before {
animation-name: material-design-hamburger__icon--slide-before;
animation-fill-mode: forwards;
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer.material-design-hamburger__icon--to-arrow:after {
animation-name: material-design-hamburger__icon--slide-after;
animation-fill-mode: forwards;
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer.material-design-hamburger__icon--from-arrow {
animation-name: material-design-hamburger__icon--slide-from;
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer.material-design-hamburger__icon--from-arrow:before {
animation-name: material-design-hamburger__icon--slide-before-from;
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer.material-design-hamburger__icon--from-arrow:after {
animation-name: material-design-hamburger__icon--slide-after-from;
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer:before,
.wrapper .material-design-hamburger button .material-design-hamburger__layer:after {
box-shadow: 0 0 3px #2a434a;
display: block;
width: inherit;
height: 2px;
position: absolute;
background: inherit;
left: 0;
content: '';
animation-duration: 300ms;
animation-timing-function: ease-in-out;
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer:before {
bottom: 265%;
}
.wrapper .material-design-hamburger button .material-design-hamburger__layer:after {
top: 265%;
}
#page { transition: right 0.5s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: right 0.5s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transition: right 0.5s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: right 0.5s cubic-bezier(0.23, 1, 0.32, 1);
float: left;
width: 100%;
position: relative;
right: 0;
}
body .wrapper.bezier-menu .menu-top-menu-container ul li.menu-item {
transition: right 2s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: right 2s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transition: right 2s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: right 2s cubic-bezier(0.23, 1, 0.32, 1);
right: -90px;
}
body.side-menu-expanded div.header div.header-menu .logo-col a.logo_link {
cursor: default;
}
body.side-menu-expanded #page {
transition: right 0.75s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: right 0.75s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transition: right 0.75s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: right 0.75s cubic-bezier(0.23, 1, 0.32, 1);
float: left; right: 50%;
cursor: default;
}
body.side-menu-expanded .wrapper.bezier-menu .menu-top-menu-container ul li.menu-item {
right: 0;
}
@keyframes material-design-hamburger__icon--slide {
100% {
transform: rotate(180deg);
}
}
@keyframes material-design-hamburger__icon--slide-before {
100% {
transform: rotate(315deg);
margin: 3% -12%;
width: 75%;
}
}
@keyframes material-design-hamburger__icon--slide-after {
100% {
transform: rotate(-315deg);
margin: 3% -12%;
width: 75%;
}
}
@keyframes material-design-hamburger__icon--slide-from {
0% {
transform: rotate(-180deg);
}
}
@keyframes material-design-hamburger__icon--slide-before-from {
0% {
transform: rotate(315deg);
margin: 3% -12%;
width: 75%;
}
}
@keyframes material-design-hamburger__icon--slide-after-from {
0% {
transform: rotate(-315deg);
margin: 3% -12%;
width: 75%;
}
}
@-webkit-keyframes material-design-hamburger__icon--slide {
100% {
transform: rotate(180deg);
}
}
@-webkit-keyframes material-design-hamburger__icon--slide-before {
100% {
transform: rotate(315deg);
margin: 3% -12%;
width: 75%;
}
}
@-webkit-keyframes material-design-hamburger__icon--slide-after {
100% {
transform: rotate(-315deg);
margin: 3% -12%;
width: 75%;
}
}
@-webkit-keyframes material-design-hamburger__icon--slide-from {
0% {
transform: rotate(-180deg);
}
}
@-webkit-keyframes material-design-hamburger__icon--slide-before-from {
0% {
transform: rotate(315deg);
margin: 3% -12%;
width: 75%;
}
}
@-webkit-keyframes material-design-hamburger__icon--slide-after-from {
0% {
transform: rotate(-315deg);
margin: 3% -12%;
width: 75%;
}
}
.header ul#menu-top-menu ul.sub-menu li {
float: left;
margin: 3px 0;
}
.header #site-navigation #top-navbar-collapse {
padding: 0;
}
.nav-col,
.nav-col #site-navigation { }
.is-not-mobile.gt768 .slideout-menu-wrapper .hamburger > div::before,
.is-not-mobile.gt768 .slideout-menu-wrapper .hamburger > div::after {
box-shadow: 0 0 4px rgba(79, 126, 139, 0.8);
}
.is-not-mobile.gt768 .slideout-menu-wrapper .hamburger > div {
box-shadow: 0 0 4px rgba(79, 126, 139, 0.8);
}
html.lt768.is-not-mobile .slideout-menu-wrapper,
html.is-mobile .slideout-menu-wrapper {
z-index: 2147483644;
}
html.lt768.is-not-mobile .slideout-menu-wrapper .hamburger,
html.is-mobile .slideout-menu-wrapper .hamburger,
html.lt768.is-not-mobile .slideout-menu-wrapper .checkbox-toggle,
html.is-mobile .slideout-menu-wrapper .checkbox-toggle {
top: 70px;
z-index: 2147483643;
}
html.lt768.is-not-mobile .slideout-menu-wrapper .checkbox-toggle,
html.is-mobile .slideout-menu-wrapper .checkbox-toggle {
z-index: 2147483644;
}
.slideout-menu-wrapper {
position: fixed;
top: 0;
right: 0;
z-index: 9999;
width: 100%;
height: 100%;
pointer-events: none;
}
.slideout-menu-wrapper .menu-top {
top: 0;
left: 0;
position: absolute;
width: 100%;
padding: 30px 0;
text-align: center;
}
.slideout-menu-wrapper .menu-top a.logo_link {
display: inline-block;
width: 200px !important;
}
@media (max-width: 1370px) {
.slideout-menu-wrapper .menu-top a.logo_link {
width: 80px !important;
}
}
.slideout-menu-wrapper .menu-top a.logo_link #logo {
display: block;
}
.slideout-menu-wrapper .menu-bottom {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
padding: 25px 0;
}
.slideout-menu-wrapper .menu-bottom .soc_links li a {
background-color: transparent;
border-radius: 100%;
color: white;
opacity: 0.8;
height: 56px;
line-height: 60px;
text-align: center;
width: 56px;
font-size: 130%;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.slideout-menu-wrapper .menu-bottom .soc_links li a:hover {
opacity: 1;
color: white;
background-color: #4f7e8b;
}
.slideout-menu-wrapper .slideout-menu {
pointer-events: none;
width: 40%;
right: 0;
position: absolute;
height: 100%; background: #4f7e8b; background: -moz-radial-gradient(center, ellipse cover, #4f7e8b 0%, #33525a 100%); background: -webkit-radial-gradient(center, ellipse cover, #4f7e8b 0%, #33525a 100%); background: radial-gradient(ellipse at center, #4f7e8b 0%, #33525a 100%); transform: translateX(130%);
transition: all ease-in 0.3s;
-moz-transition: all ease-in 0.3s;
-webkit-transition: all ease-in 0.3s;
-o-transition: all ease-in 0.3s;
}
@media (max-width: 1450px) {
.slideout-menu-wrapper .slideout-menu {
width: 70%;
}
}
@media (max-width: 1000px) {
.slideout-menu-wrapper .slideout-menu {
width: 90%;
}
}
.slideout-menu-wrapper .slideout-menu > div {
width: 100%;
height: 100%;
position: absolute;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container {
position: absolute !important;
top: 50%;
left: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
transform: translate(-60%, -40%);
-ms-transform: translate(-60%, -40%);
-webkit-transform: translate(-60%, -40%);
-moz-transform: translate(-60%, -40%);
-o-transform: translate(-60%, -40%);
min-width: 0;
width: auto !important;
top: 40%;
left: 60%;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul {
list-style-type: none;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li {
padding: 15px 0;
margin: 5px 0;
position: relative;
transform: translateX(130%);
transition: all ease-in 0.3s;
-moz-transition: all ease-in 0.3s;
-webkit-transition: all ease-in 0.3s;
-o-transition: all ease-in 0.3s;
animation-delay: 1.2s;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li:nth-child(1) {
animation-delay: 0.4s;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li:nth-child(2) {
animation-delay: 0.6s;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li:nth-child(3) {
animation-delay: 0.8s;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li:nth-child(4) {
animation-delay: 1.8s;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li:nth-child(5) {
animation-delay: 2s;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li:nth-child(6) {
animation-delay: 1.2s;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li::before {
top: 0;
border-top: 1px solid rgba(255, 255, 255, 0.8);
content: "";
left: -45%;
position: absolute;
width: 60%;
transition: all ease-in 0.15s;
-moz-transition: all ease-in 0.15s;
-webkit-transition: all ease-in 0.15s;
-o-transition: all ease-in 0.15s;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li::after {
transition: all ease-in 0.15s;
-moz-transition: all ease-in 0.15s;
-webkit-transition: all ease-in 0.15s;
-o-transition: all ease-in 0.15s;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li:last-child::after {
bottom: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
content: "";
left: -45%;
position: absolute;
width: 60%;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li:hover::before,
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li:hover::after {
transition: all ease-out 0.15s;
-moz-transition: all ease-out 0.15s;
-webkit-transition: all ease-out 0.15s;
-o-transition: all ease-out 0.15s;
left: 0;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li:hover + li::before {
transition: all ease-out 0.15s;
-moz-transition: all ease-out 0.15s;
-webkit-transition: all ease-out 0.15s;
-o-transition: all ease-out 0.15s;
left: 0;
}
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li a {
color: white;
font-size: 160%;
font-weight: bold;
}
@media (max-width: 1430px) {
.slideout-menu-wrapper .slideout-menu .menu-top-menu-container ul li a {
font-size: 130%;
}
}
.slideout-menu-wrapper .hamburger {
pointer-events: auto;
position: absolute;
top: 80px;
right: 1.5%;
z-index: 1;
width: 85px;
height: 85px;
padding: .5em 1em; border-radius: 0 0.12em 0.12em 0;
cursor: pointer;
transition: box-shadow 0.4s ease;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.slideout-menu-wrapper .hamburger > div {
position: relative;
flex: none;
width: 100%;
height: 3px;
background: white;
transition: all 0.4s ease;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 2px rgba(61, 97, 106, 0.7), 0 0 3px rgba(61, 97, 106, 0.7);
}
.slideout-menu-wrapper .hamburger > div:before,
.slideout-menu-wrapper .hamburger > div:after {
content: '';
position: absolute;
z-index: 1;
top: -14.16666667px;
left: 0;
width: 100%;
height: 3px;
background: inherit;
transition: all 0.4s ease;
box-shadow: 0 0 2px rgba(61, 97, 106, 0.7), 0 0 3px rgba(61, 97, 106, 0.7);
}
.slideout-menu-wrapper .hamburger > div:after {
top: 14.16666667px;
}
.slideout-menu-wrapper .checkbox-toggle {
position: absolute;
top: 80px;
right: 3%;
z-index: 2;
cursor: pointer;
width: 85px;
height: 85px;
opacity: 0;
max-width: none;
pointer-events: auto; }
.slideout-menu-wrapper .checkbox-toggle:checked + .hamburger > div {
transform: rotate(135deg);
}
.slideout-menu-wrapper .checkbox-toggle:checked + .hamburger > div:before,
.slideout-menu-wrapper .checkbox-toggle:checked + .hamburger > div:after {
top: 0;
transform: rotate(90deg);
}
.slideout-menu-wrapper .checkbox-toggle:checked + .hamburger > div:after {
opacity: 0;
}
.slideout-menu-wrapper .checkbox-toggle:checked ~ .slideout-menu {
pointer-events: auto;
transition: all ease-out 0.25s;
-moz-transition: all ease-out 0.25s;
-webkit-transition: all ease-out 0.25s;
-o-transition: all ease-out 0.25s;
transform: translateX(0);
}
.slideout-menu-wrapper .checkbox-toggle:checked ~ .slideout-menu > div {
transform: scale(1);
transition-duration: .75s;
margin: 0;
}
.slideout-menu-wrapper .checkbox-toggle:checked ~ .slideout-menu > div > div {
opacity: 1;
transition: opacity 0.4s ease 0.4s;
}
.slideout-menu-wrapper .checkbox-toggle:checked ~ .slideout-menu > div .menu-top-menu-container ul li {
transition: all ease-out 0.25s;
-moz-transition: all ease-out 0.25s;
-webkit-transition: all ease-out 0.25s;
-o-transition: all ease-out 0.25s;
transform: translateX(0);
}
.slideout-menu-wrapper .checkbox-toggle:checked:hover + .hamburger > div {
transform: rotate(225deg);
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
.social-row p {
font-size: 26px;
text-align: center;
margin-bottom: 25px;
}
.social-row .soc_links ul {
width: 100%;
}
.social-row .soc_links li {
float: left;
margin: 0;
width: 33%;
}
.social-row .soc_links li a {
color: #4f7e8b;
font-size: 64px;
text-align: center;
}
#page .social-list {
display: inline-block;
padding-top: 5px;
}
#page .social-list .social-list-item {
clear: none;
float: left;
list-style-type: none;
margin: 0 0 20px;
text-align: center;
}
#page .social-list .social-list-item a {
background-color: white;
border-radius: 50%;
color: #4f7e8b;
display: inline-block;
font-size: 190%;
height: 50px;
line-height: 50px;
width: 50px;
}
#page .social-list .social-list-item a:hover {
border: none;
color: #4f7e8b; background-color: transparent;
font-size: 260%;
text-decoration: none;
}
#page .social-list .social-list-item.circle a {
border-radius: 100%;
background-color: #4f7e8b;
color: white;
}
#page .social-list .social-list-item.circle a:hover {
color: #4f7e8b;
background-color: transparent;
}
#page .dark-social .social-list .social-list-item a {
color: white;
background-color: #4f7e8b;
font-size: 190%;
}
#page .dark-social .social-list .social-list-item a:hover {
border: none;
color: #4f7e8b; background-color: transparent;
font-size: 260%;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
.top-media {
height: 100vh;
}
.top-media-container {
height: 100%;
}
.video-row {
margin: 0 !important;
padding: 0 !important;
}
.video-row.video-row,
.video-row .bg-black,
.video-row .video-container {
height: 100%;
}
.video-row.video-row video.object-fit,
.video-row .bg-black video.object-fit,
.video-row .video-container video.object-fit {
height: 100%;
width: 100%;
object-fit: cover;
}
.video-container {
position: relative;
}
.video-container.headerimage {
height: 100vh;
background-color: #333; }
.video-container.headerimage .new-thumb {
height: 100%;
background-position: center bottom;
}
body > div > .video-container.headerimage::after,
#main > div > .video-container.headerimage::after,
body > .header-image-wrapper .image-header-container::after,
#main > .header-image-wrapper .image-header-container::after {
background-image: url(//vanroode.nl/wp-content/themes/scodeTheme/css/template/img/Boog.png);
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 2147;
left: 0;
background-repeat: no-repeat;
background-position: center 100%;
background-size: 100.15% auto;
pointer-events: none;
}
.video-container img,
.image-header-container img {
width: 100%;
}
.video-container.click-pointer {
cursor: pointer;
}
.video-container video {
float: left;
}
.video-screen {
position: absolute;
left: 0;
top: 0;
z-index: 20;
width: 100%;
height: 100%;
opacity: 0.5;
filter: alpha(opacity=100);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAgMAAAArRl0sAAAADFBMVEUAAAD///////////84wDuoAAAABHRSTlMADRoztLZuBAAAAA5JREFUCB1jOMCgwMACAAQqAOWPj3ieAAAAAElFTkSuQmCC);
pointer-events: none;
}
.video-row .video-container {
width: 100%;
float: left;
}
.video-container video {
width: 100%;
min-width: 100%;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
#main.projecten-main .dienst {
font-size: 65%;
}
#page .diensten-content .diensten-text-row,
#page .projecten-content .diensten-text-row {
padding-bottom: 60px;
}
#page .diensten-content .diensten-text-row .diensten-icoontjes img,
#page .projecten-content .diensten-text-row .diensten-icoontjes img {
float: none;
margin-top: 70px;
}
#page .diensten-content .blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay .hover-reveal,
#page .projecten-content .blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay .hover-reveal {
transform: translate(-64%, -50%);
-ms-transform: translate(-64%, -50%);
-webkit-transform: translate(-64%, -50%);
-moz-transform: translate(-64%, -50%);
-o-transform: translate(-64%, -50%);
}
#page .diensten-content .diensten,
#page .projecten-content .diensten,
#page .diensten-content .projecten,
#page .projecten-content .projecten {
padding: 0 3%;
}
#page .diensten-content .diensten .dienst,
#page .projecten-content .diensten .dienst,
#page .diensten-content .projecten .dienst,
#page .projecten-content .projecten .dienst {
padding: 0 10px !important;
margin: 10px 0 !important;
}
#page .diensten-content .diensten .dienst .absolute-cover,
#page .projecten-content .diensten .dienst .absolute-cover,
#page .diensten-content .projecten .dienst .absolute-cover,
#page .projecten-content .projecten .dienst .absolute-cover {
padding: 0 10px;
}
#page .diensten-content .diensten .dienst .block-content,
#page .projecten-content .diensten .dienst .block-content,
#page .diensten-content .projecten .dienst .block-content,
#page .projecten-content .projecten .dienst .block-content {
font-size: 125%;
}
#page .diensten-content .diensten .dienst .block-content h2,
#page .projecten-content .diensten .dienst .block-content h2,
#page .diensten-content .projecten .dienst .block-content h2,
#page .projecten-content .projecten .dienst .block-content h2 {
padding: 20px 3%;
padding: 2.5vh 3%;
background: rgba(79, 126, 139, 0.75);
color: white;
text-align: center;
text-transform: uppercase;
}
#page .diensten-content .diensten .dienst .block-content h2.project-color,
#page .projecten-content .diensten .dienst .block-content h2.project-color,
#page .diensten-content .projecten .dienst .block-content h2.project-color,
#page .projecten-content .projecten .dienst .block-content h2.project-color {
background: rgba(238, 58, 67, 0.75);
}
#page .diensten-content .diensten .dienst .hover-reveal,
#page .projecten-content .diensten .dienst .hover-reveal,
#page .diensten-content .projecten .dienst .hover-reveal,
#page .projecten-content .projecten .dienst .hover-reveal {
background: rgba(79, 126, 139, 0.75);
}
#page .diensten-content .diensten .dienst .hover-reveal.project-color,
#page .projecten-content .diensten .dienst .hover-reveal.project-color,
#page .diensten-content .projecten .dienst .hover-reveal.project-color,
#page .projecten-content .projecten .dienst .hover-reveal.project-color {
background: rgba(238, 58, 67, 0.75);
}
#page .diensten-content .diensten .dienst .hover-reveal .hover-content h2,
#page .projecten-content .diensten .dienst .hover-reveal .hover-content h2,
#page .diensten-content .projecten .dienst .hover-reveal .hover-content h2,
#page .projecten-content .projecten .dienst .hover-reveal .hover-content h2 {
float: left;
width: 100%;
color: white;
text-transform: uppercase;
}
#page .diensten-content .diensten .dienst .hover-reveal .hover-content a,
#page .projecten-content .diensten .dienst .hover-reveal .hover-content a,
#page .diensten-content .projecten .dienst .hover-reveal .hover-content a,
#page .projecten-content .projecten .dienst .hover-reveal .hover-content a {
pointer-events: auto;
}
#page .diensten-content .diensten .dienst .hover-reveal .hover-content a:hover,
#page .projecten-content .diensten .dienst .hover-reveal .hover-content a:hover,
#page .diensten-content .projecten .dienst .hover-reveal .hover-content a:hover,
#page .projecten-content .projecten .dienst .hover-reveal .hover-content a:hover {
background: white;
color: #4f7e8b;
}
#page .single-diensten-content > .row > div {
position: relative;
z-index: 3;
}
#page .single-diensten-content #project-info {
color: white;
max-width: 350px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.31);
}
@media (max-width: 1450px) {
#page .single-diensten-content #project-info {
max-width: 300px;
}
}
#page .single-diensten-content #project-info .project-info-top {
background: #ee3a43;
padding: 15px;
border-bottom: 4px solid #ec1e28;
}
#page .single-diensten-content #project-info .project-info-top h3 {
color: inherit;
font-weight: 500;
margin: 0;
}
#page .single-diensten-content #project-info .project-info-content {
background: #b30f18;
padding: 32px 20px 20px;
}
#page .single-diensten-content #project-info .project-info-content .project-info-content-item {
margin-bottom: 10px;
}
#page .single-diensten-content #project-info .project-info-content .project-info-content-item label {
color: #f26970;
margin: 0;
}
#page .single-diensten-content #project-info .project-info-content .project-info-content-item .value {
font-size: 115%;
}
#page .single-diensten-content #project-info .project-info-content .project-info-content-item .value a {
color: white;
border-bottom: 1px solid white;
}
#page .single-diensten-content .border-bottom {
padding-bottom: 50px;
border-bottom: 2px solid #4f7e8b;
}
.single-projecten #page .single-diensten-content .border-bottom {
border-color: #ee3a43;
}
#page .single-diensten-content img.title-logo {
width: 60%;
float: none;
margin: 5px 0 25px;
}
#page .single-diensten-content .bg-image-col {
margin-top: 0 !important;
position: relative;
top: -100px;
margin-bottom: -50px;
z-index: 1 !important;
}
#page .single-diensten-content .bg-image-col .bg-image {
float: left;
width: 100%;
}
#page .single-diensten-content .diensten-photos {
padding: 0;
}
#page .single-diensten-content .diensten-photos .diensten-photos-container {
margin-left: -15px !important;
margin-right: -15px !important;
}
#page .single-diensten-content .diensten-photos .diensten-photo {
margin: 15px 0 !important;
padding: 0 15px !important;
}
#page .single-diensten-content .contact-text-row .section-title {
background: #4f7e8b;
color: white;
padding: 20px 3%;
padding: 2.5vh 3%;
}
.single-projecten #page .single-diensten-content .contact-text-row .section-title {
background: #ee3a43;
}
#page .single-diensten-content .contact-text-row .section-title h1,
#page .single-diensten-content .contact-text-row .section-title h2 {
color: inherit;
margin: 0;
}
#page .single-diensten-content .main_page_blog .section-title {
margin-bottom: 30px !important;
}
#page .single-diensten-content .section-title {
font-size: 90%;
}
#page .single-diensten-content .single-diensten-text-row .diensten-text,
#page .single-diensten-content .single-diensten-text-row .projecten-text {
margin-bottom: 60px;
padding-right: 9%;
}
#page .single-diensten-content .single-diensten-text-row .diensten-text.projecten-text,
#page .single-diensten-content .single-diensten-text-row .projecten-text.projecten-text {
padding-top: 30px;
padding-right: 0;
}
#page .single-diensten-content .single-diensten-text-row .diensten-text ul,
#page .single-diensten-content .single-diensten-text-row .projecten-text ul {
padding: 0 15px;
margin: 0;
}
#page .single-diensten-content .single-dienst-tarieven-col {
padding: 0 5%;
}
#page .single-diensten-content .single-dienst-tarieven-col .tarief-col {
padding: 0 20px;
}
#page .single-diensten-content .single-dienst-tarieven-col .tarief-col h3 {
padding: 0;
}
#page .single-diensten-content .tarief-icon {
float: left;
width: 100%;
clear: both;
text-align: center;
margin: 25px 0 5px;
}
#page .single-diensten-content .tarief-icon i {
float: none;
display: inline-block;
border-radius: 50%;
border: 2px solid #4f7e8b;
color: #4f7e8b;
width: 35px;
height: 35px;
line-height: 35px;
}
#page .single-diensten-content .tarief-extra-text {
float: left;
width: 100%;
clear: both;
text-align: center;
margin: 5px 0 50px;
}
#page .offcolor1 .single-diensten-content .border-bottom {
border-color: #ee3a43;
}
#page .offcolor1 .single-diensten-content .tarief-icon i {
border-color: #ee3a43;
color: #ee3a43;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
.get-it-on-container {
margin: 0 auto;
width: 343px;
}
.get-it-on-container .get-it-on {
float: left;
}
.get-it-on-container .get-it-on.get-it-on-appstore {
margin: 10px;
}
.get-it-on-container .get-it-on.get-it-on-googleplay {
width: 156px;
}
html.lt768.is-not-mobile .teamlid,
html.is-mobile .teamlid {
height: auto !important;
margin: 20px 0 !important;
}
html.lt768.is-not-mobile .teamlid > div[class*="col"],
html.is-mobile .teamlid > div[class*="col"] {
height: auto !important;
}
.teamlid {
padding: 4%;
}
.teamlid .teamlid-img {
width: 100%;
float: left;
}
.teamlid .teamlid-img img {
width: 100%;
height: auto;
border-radius: 100%;
}
.teamlid video {
border-radius: 100%;
}
.teamlid .teamlid-naam {
font-size: 150%;
font-weight: bold;
margin-top: 10px;
float: left;
width: 100%;
color: black;
}
.teamlid .teamlid-naam span {
margin-right: -2px;
}
.teamlid .teamlid-tekst {
min-height: 200px;
font-weight: 500;
color: black;
font-size: 105%;
}
@media (max-width: 1550px) {
.teamlid .teamlid-tekst {
font-size: 95%;
}
}
@media (max-width: 1350px) {
.teamlid .teamlid-tekst {
font-size: 90%;
}
}
.teamlid .teamlid-lessen {
font-weight: 500;
color: black;
font-size: 105%;
}
@media (max-width: 1550px) {
.teamlid .teamlid-lessen {
font-size: 95%;
}
}
@media (max-width: 1350px) {
.teamlid .teamlid-lessen {
font-size: 90%;
}
}
.partner {
padding: 0 15%;
}
.partner .partner-img {
width: 100%;
}
#loginform-home {
margin: 0;
}
#loginform-home label {
display: none;
}
#loginform-home p {
margin: 0;
}
#loginform-home p.login-submit {
display: inline-block;
float: none;
text-align: center;
width: 100%;
}
#loginform-home input[type=text],
#loginform-home input[type=password] {
float: left;
width: 100%;
color: #777;
padding: 18px 24px;
border-radius: 7px;
border: 1px solid #bbb;
font-weight: 500;
margin-top: 12px;
}
#loginform-home #wp-submit {
float: left;
width: 100%;
background-color: #4f7e8b;
color: white;
font-weight: 700;
border-color: #4f7e8b;
text-transform: uppercase;
margin-top: 12px;
}
#loginform-home #wp-submit i.fa {
color: white;
}
#loginform-home #wp-submit:hover {
color: #4f7e8b;
background-color: transparent;
}
#loginform-home #wp-submit:hover i.fa {
color: #4f7e8b;
}
.login .login-extras {
margin-top: 12px;
}
.login .login-extras .register-home,
.login .login-extras .restore-pw-home {
float: left;
width: 100%;
text-align: center;
}
body.single-training-schemas .top-media-filler .homescreen h1 {
width: 100%;
text-align: center;
font-size: 400%;
line-height: 100%;
position: static;
}
#content.training-schema-content .training-schema-col {
padding: 70px 5% 0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
#content.training-schema-content .training-schema-col .oefeningen {
padding-left: 5%;
position: relative;
}
#content.training-schema-content .training-schema-col .oefeningen .oefening {
float: left;
width: 100%;
visibility: hidden;
position: absolute;
left: 200%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
top: 0;
opacity: 0;
}
#content.training-schema-content .training-schema-col .oefeningen .oefening.active {
visibility: visible;
left: 0;
opacity: 1;
}
#content.training-schema-content .training-schema-col .oefeningen .oefening .oefening-title {
position: relative;
top: -4px;
margin-bottom: 0 !important;
}
#content.training-schema-content .training-schema-col .oefeningen .oefening .oefening-title h2 {
color: #4f7e8b !important;
font-size: 420%;
font-weight: bold;
font-family: BebasNeue, lato, sans-serif;
line-height: 100%;
line-height: 53px;
margin-top: 0;
margin-bottom: 10px !important;
}
#content.training-schema-content .training-schema-col .oefeningen .oefening .oefening-title .decoration-line {
width: 100% !important;
float: left;
border-bottom: 2px solid #4f7e8b;
}
#content.training-schema-content .training-schema-col .oefeningen .oefening .oefening-content .oefening-text {
padding-bottom: 25px;
}
.training-schema-content div.trainingschema {
padding-right: 5%;
}
.training-schema-content div.trainingschema .schema-content table {
font-size: 105%;
width: 100%;
}
.training-schema-content div.trainingschema .schema-content table tr {
border: none;
}
.training-schema-content div.trainingschema .schema-content table tr.hasNextOef td {
padding-bottom: 5px;
}
.training-schema-content div.trainingschema .schema-content table tr.hasPrevOef td {
padding-top: 5px;
}
.training-schema-content div.trainingschema .schema-content table tr.active td:last-child {
color: black;
font-weight: bold;
}
.training-schema-content div.trainingschema .schema-content table tr.active td i {
color: #dcdcdc;
background-color: #4f7e8b;
}
.training-schema-content div.trainingschema .schema-content table tr td,
.training-schema-content div.trainingschema .schema-content table tr th {
padding: 10px 10px;
line-height: 100%;
}
.training-schema-content div.trainingschema .schema-content table tr th {
background-color: #4f7e8b;
color: white;
font-size: 105%;
padding-bottom: 14px;
}
.training-schema-content div.trainingschema .schema-content table tr th:first-child {
text-align: center;
width: 120px;
}
.training-schema-content div.trainingschema .schema-content table tr td {
border: none;
}
.training-schema-content div.trainingschema .schema-content table tr td:first-child {
background-color: #4f7e8b;
color: white;
font-size: 105%;
text-align: center;
width: 120px;
}
.training-schema-content div.trainingschema .schema-content table tr td:last-child {
background-color: #dcdcdc;
}
.training-schema-content div.trainingschema .schema-content table tr td i {
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
color: #4f7e8b;
background-color: transparent;
border: 1px solid #4f7e8b;
border-radius: 100%;
}
.training-schema-content div.trainingschema .schema-content table tr.hasRust td:last-child {
background-color: #f3f4b6;
}
.training-schema-content div.trainingschema .schema-content table tr.hasOef td {
cursor: pointer;
}
.training-schema-content div.trainingschema .schema-content table tr.hasOef:hover td:last-child {
background-color: #aaa;
color: white;
}
.training-schema-content div.trainingschema .schema-content table tr.hasOef:hover td:last-child i {
color: white;
border-color: white;
background: transparent;
}
html.lt768.is-not-mobile #content.training-schema-content .training-schema-col .oefeningen .oefening.active,
html.is-mobile #content.training-schema-content .training-schema-col .oefeningen .oefening.active {
position: static;
}
#page div.trainingschemas {
padding-bottom: 60px;
padding-top: 60px;
}
#page div.trainingschemas div.trainingschema {
position: relative;
margin: 15px 0;
}
#page div.trainingschemas div.trainingschema .trainingschema-inner {
background-color: #4f7e8b;
border-radius: 8px;
padding: 2em;
}
#page div.trainingschemas a:hover {
text-decoration: none;
}
#page div.trainingschemas a:hover .schema-title {
text-decoration: underline;
}
#page div.trainingschemas .schema-title {
color: white;
text-align: center;
font-size: 300%;
font-family: BebasNeue, lato, sans-serif;
font-weight: 700;
}
#page div.trainingschemas .schema-title a {
color: white;
}
.blogpost .absolute-cover {
background-color: rgba(79, 126, 139, 0.5);
}
.blogpost .absolute-cover .overlay > div {
color: white;
font-size: 200%;
font-weight: bold;
}
.mpfy-fullwrap .cluster div {
color: white !important;
}
.mpfy-fullwrap .mpfy-mll-location .mpfy-mll-l-title {
text-align: left;
}
.mpfy-fullwrap .mpfy-mll {
margin: 35px auto 0;
}
@media (min-width: 1200px) {
.mpfy-fullwrap .mpfy-mll {
width: 1200px;
}
}
#content.single-map-location-content .map-location-logo,
#content.single-map-location-content .map-location-text {
padding: 0 7%;
}
@media (max-width: 1550px) {
#content.single-map-location-content .map-location-logo,
#content.single-map-location-content .map-location-text {
padding: 0 3%;
}
}
#content.single-map-location-content .map-location-logo img {
max-height: 240px;
}
#content.single-map-location-content .map-location-text > div {
width: 100%;
float: left;
margin-bottom: 36px;
}
#content.single-map-location-content .map-location-text div,
#content.single-map-location-content .map-location-text div a {
color: #666;
}
#content.single-map-location-content .map-location-text .location i {
position: relative;
top: 15px;
}
#content.single-map-location-content .map-location-text .location,
#content.single-map-location-content .map-location-text .email,
#content.single-map-location-content .map-location-text .phone {
font-size: 135%;
}
@media (max-width: 1700px) {
#content.single-map-location-content .map-location-text .location,
#content.single-map-location-content .map-location-text .email,
#content.single-map-location-content .map-location-text .phone {
font-size: 125%;
}
}
@media (max-width: 1550px) {
#content.single-map-location-content .map-location-text .location,
#content.single-map-location-content .map-location-text .email,
#content.single-map-location-content .map-location-text .phone {
font-size: 115%;
}
}
@media (max-width: 1450px) {
#content.single-map-location-content .map-location-text .location,
#content.single-map-location-content .map-location-text .email,
#content.single-map-location-content .map-location-text .phone {
font-size: 110%;
}
}
@media (max-width: 1250px) {
#content.single-map-location-content .map-location-text .location,
#content.single-map-location-content .map-location-text .email,
#content.single-map-location-content .map-location-text .phone {
font-size: 105%;
}
}
#content.single-map-location-content .map-location-text i {
color: #4f7e8b;
font-size: 220%;
float: left;
margin-right: 50px;
text-align: center;
width: 70px;
}
.faciliteiten-lijst .faciliteit .front,
.faciliteiten-lijst .faciliteit .back,
.faciliteiten-lijst .faciliteit img {
border-radius: 100%;
}
div.mpfy-tooltip .inner-wrap {
height: auto;
left: 0; top: 0;
width: 100%;
}
div.mpfy-tooltip .inner-wrap > .center {
float: left;
width: 100%;
}
div.mpfy-tooltip .inner-wrap .tltpcnt {
float: left;
width: 100%;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p {
display: block;
float: left;
width: 100%;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p strong {
display: block;
float: left;
font-size: 130%;
text-align: center;
width: 100%;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p a {
margin-top: 10px;
display: block;
float: left;
width: 100%;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p a.btn {
background-color: #4f7e8b;
color: white;
border-color: #4f7e8b;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p a.btn i.fa {
color: white;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p a.btn:hover {
color: #4f7e8b;
background-color: transparent;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p a.btn:hover i.fa {
color: #4f7e8b;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p a.btn.btn-white {
border-color: white;
background-color: white;
color: #4f7e8b;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p a.btn.btn-white i.fa {
color: #4f7e8b;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p a.btn.btn-white:hover {
color: white;
background-color: transparent;
}
div.mpfy-tooltip .inner-wrap .tltpcnt > p a.btn.btn-white:hover i.fa {
color: white;
}
div.mpfy-tooltip .inner-wrap .bottom {
display: none;
}
.model-bg-img {
height: 112vh;
left: 33%;
position: fixed;
top: 25vh;
transform: translateX(-33%);
width: auto;
z-index: 99;
}
@media (max-width: 1200px) {
.model-bg-img {
display: none;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.model-bg-img { height: 115vh;
top: 22vh;
}
}
.model-bg-img img {
height: 100%;
width: auto;
}
.powered-by {
bottom: 5%;
position: absolute;
width: 140px;
min-width: 140px;
z-index: 999;
text-align: center;
}
.powered-by .powered-by-text {
color: white;
font-family: BebasNeue, lato, sans-serif;
text-transform: uppercase;
font-size: 105%;
margin-bottom: 10px;
text-indent: 7px;
font-weight: bold;
}
#page .invliegpunten-container {
left: 5%;
width: auto;
z-index: 999;
}
#page .invliegpunten-container ul li {
list-style-type: none;
margin: 6px 0;
}
#page .invliegpunten-container ul li > div {
font-weight: bold;
font-size: 210%;
font-family: BebasNeue, lato, sans-serif;
}
#page .invliegpunten-container ul li > div .prefix {
color: #4f7e8b;
font: inherit;
letter-spacing: -1px;
}
#page .invliegpunten-container ul li > div .content {
font: inherit;
text-transform: uppercase;
color: #444;
}
.is-mobile #page .invliegpunten-container,
.lt768 #page .invliegpunten-container {
display: none;
}
#page .pink-boxing-pink-1 .flex-field-title {
text-align: left;
padding: 0 14%;
}
#page .pink-boxing-pink-1 .flex-field-title h2 {
font-size: 530%;
}
#page .pink-boxing-pink-1 .flex-field-text {
padding: 0 14%;
}
#page .pink-boxing-pink-1 .flex-field-button-wrapper {
padding: 0 20% !important;
margin-top: 25px;
}
#page .pink-boxing-pink-1 .flex-field-button-wrapper a.btn {
float: right;
}
@media (max-width: 1100px) {
#page .pink-boxing-pink-1 .flex-field-button-wrapper {
text-align: center;
}
#page .pink-boxing-pink-1 .flex-field-button-wrapper a.btn {
float: none;
}
}
#page .gratis-proefles .flex-field-title h2 {
font-size: 380%;
color: #444;
text-shadow: none;
}
#page .gratis-proefles p {
color: #444;
text-shadow: none;
}
html.is-mobile #page #content .pink-bg-col,
html.lt768 #page #content .pink-bg-col {
display: none;
}
html.is-mobile #page #content .about-vimeos .adidas-col,
html.lt768 #page #content .about-vimeos .adidas-col {
position: static;
}
html.is-mobile #page #content .about-vimeos .adidas-col > .row,
html.lt768 #page #content .about-vimeos .adidas-col > .row {
margin: 0;
}
html.is-mobile #page #content .about-vimeos .adidas-col > .row > div,
html.lt768 #page #content .about-vimeos .adidas-col > .row > div {
padding: 0;
}
#page .pink-bg-col.vh100 .object-fit,
#page .pink-bg-col .vh100 .object-fit { }
@media (min-width: 1300px) and (max-height: 700px) {
#page .pink-bg-col.vh100,
#page .pink-bg-col .vh100 {
height: 125vh !important;
position: absolute;
right: 0;
}
}
@media (min-width: 2000px) {
#page .pink-bg-col.vh100,
#page .pink-bg-col .vh100 {
height: 110vh !important;
position: absolute;
right: 0;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#page .pink-bg-col.vh100,
#page .pink-bg-col .vh100 { height: 120vh !important;
position: absolute;
right: 0;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2000px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 2000px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 2000px), only screen and (min-device-pixel-ratio: 2) and (min-width: 2000px), only screen and (min-resolution: 192dpi) and (min-width: 2000px), only screen and (min-resolution: 2dppx) and (min-width: 2000px) {
#page .pink-bg-col.vh100,
#page .pink-bg-col .vh100 {
height: 88vh !important;
position: absolute;
right: 0;
}
}
#page .pink-bg-col .overlay {
min-width: 0;
width: auto;
}
@media (min-width: 1300px) and (max-height: 700px) {
#page .pink-bg-col .overlay {
font-size: 110%;
}
}
@media (min-width: 2000px) {
#page .pink-bg-col .overlay {
font-size: 110%;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#page .pink-bg-col .overlay { font-size: 110%;
}
}
#page .pink-bg-col .overlay h2 {
color: white;
padding-bottom: 7%;
white-space: nowrap;
font-size: 165%;
}
@media (max-width: 1800px) {
#page .pink-bg-col .overlay h2 {
font-size: 150%;
}
}
@media (max-width: 1700px) {
#page .pink-bg-col .overlay h2 {
font-size: 145%;
}
}
@media (max-width: 1600px) {
#page .pink-bg-col .overlay h2 {
font-size: 135%;
}
}
#page .pink-bg-col .overlay ul li {
list-style-type: none;
margin: 6px 0;
}
#page .pink-bg-col .overlay ul li > div {
font-weight: bold;
font-size: 145%;
font-family: BebasNeue, lato, sans-serif;
}
#page .pink-bg-col .overlay ul li > div .prefix {
color: white;
font: inherit;
letter-spacing: -1px;
padding-left: 15%;
white-space: nowrap;
}
#page .pink-bg-col .overlay ul li > div .content {
font: inherit;
text-transform: uppercase;
color: white;
letter-spacing: 0.5px;
white-space: nowrap;
}
#page #main #content .about-content-wrapper-row {
position: relative;
z-index: 99;
}
.page-template-page_about #page .get-it-on-container {
padding-left: 18%;
padding-right: 18%;
width: auto;
}
@media (max-width: 1200px) {
.page-template-page_about #page .get-it-on-container {
display: inline-block;
padding-left: 0;
padding-right: 0;
}
}
.page-template-page_about #page .about-content-wrapper-col .title-row .text-left {
padding: 0 8%;
}
.page-template-page_about #page .about-content-wrapper-col .about-row-zindex .text-left {
padding: 0 8%;
}
.page-template-page_about #page .about-content-wrapper-col .about-row-zindex .text-left .about-text p {
font-size: 110%;
}
.page-template-page_about #page .pink-app .flex-field-content.text-left .flex-field-title {
padding: 0 18%;
text-align: left;
}
@media (max-width: 1200px) {
.page-template-page_about #page .pink-app .flex-field-content.text-left .flex-field-title {
padding: 0 6%;
}
}
.page-template-page_about #page .pink-app .flex-field-content .flex-field-text {
padding-left: 18%;
padding-right: 18%;
}
@media (max-width: 1200px) {
.page-template-page_about #page .pink-app .flex-field-content .flex-field-text {
padding-left: 6%;
padding-right: 6%;
}
}
.page-template-page_about #page .pink-app .flex-field-text ul li {
list-style-type: none;
}
.page-template-page_about #page .pink-app .flex-field-text ul li::before {
content: "- ";
}
.page-template-page_about #page .pink-fases {
float: left;
width: 100%;
margin-top: 25px;
}
.page-template-page_about #page .pink-fases .pink-fase {
float: left;
width: 100%;
}
.page-template-page_about #page .pink-fases .pink-fase .section-title {
margin: 0;
}
.page-template-page_about #page .pink-fases .pink-fase .section-title h2 {
font-size: 120%;
letter-spacing: 0;
margin-bottom: 0 !important;
color: #444 !important; line-height: 100%;
font-family: "Lato", "oswald", Open-Sans, arial;
}
.page-template-page_about #page .pink-fases .pink-fase p {
margin: 0;
float: left;
width: 100%;
}
.page-template-page_about #page #content .about-vimeos > div > .row:first-child h2 {
margin-top: 0;
}
.page-template-page_about #page #content .about-vimeos .about-vimeo {
margin-top: 0;
padding: 0 8% !important;
}
.page-template-page_about #page #content .about-vimeos .adidas-col {
position: absolute;
right: 0;
height: 100%;
}
.page-template-page_about #page #content .about-vimeos .adidas-col > .row {
position: absolute;
right: 0;
height: 100%;
width: 100%;
}
.page-template-page_about #page #content .about-vimeos .adidas-col > .row > div {
position: absolute;
right: 0;
height: 100%;
width: 100%;
}
.page-template-page_about #page #content .about-vimeos .adidas-col .section-title h2 {
margin-top: 0;
}
.page-template-page_about #page #content .about-vimeos .adidas-col .overlay {
right: 0;
left: auto;
padding: 0 12% !important;
}
.page-template-page_about #page #content .about-vimeos .adidas-col p {
font-size: 112%;
line-height: 125%;
}
.page-template-page_about #page #content .about-vimeos .adidas-col img {
padding-top: 12%;
max-width: 88%;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
.about-text-buttons a.btn {
margin: 10px 20px 10px 0;
}
.about-text-bg-logo {
height: 100%;
position: absolute;
width: 50%;
}
.about-text-bg-logo img {
object-position: 0 50%;
}
P {
margin: 0 0 10px;
}
p br {
margin: 0 0 10px;
}
#main.tarieven {
line-height: 1.12857;
}
#main.tarieven .about-text table {
margin: 22px 0;
}
#main.tarieven strong {
color: #4f7e8b;
font-size: 107%;
}
#main.tarieven table th {
color: #4f7e8b;
text-transform: none;
font-weight: bold;
font-size: 130%;
}
.rooster-dag {
float: left;
width: 14.28%;
margin-bottom: 24px;
}
.rooster-dag .rooster-dag-naam {
color: #4f7e8b;
text-transform: uppercase;
margin-bottom: 12px;
font-weight: bold;
}
.rooster-dag .rooster-dag-item {
margin-bottom: 12px;
}
.rooster-dag .rooster-dag-item .rooster-dag-item-tijd {
font-weight: bold;
color: black;
}
.flip-container .front,
.flip-container .back {
width: 100%;
height: 100%;
background: #4f7e8b; background: -moz-radial-gradient(center, ellipse cover, #4f7e8b 0%, #426974 100%); background: -webkit-radial-gradient(center, ellipse cover, #4f7e8b 0%, #426974 100%); background: radial-gradient(ellipse at center, #4f7e8b 0%, #426974 100%); }
.flip-container .back {
text-align: center;
}
.flip-container span {
color: white;
text-align: center;
padding: 8px 32px;
border: 2px solid white;
border-radius: 25px;
display: inline-block;
font-size: 115%;
text-transform: uppercase;
margin-top: 10px;
}
@media (max-width: 1430px) {
.flip-container span {
padding: 6px 26px;
font-size: 110%;
}
}
.flip-container h3 {
color: white;
text-align: center;
font-size: 220%;
font-weight: bold;
margin-bottom: 10px;
}
@media (max-width: 1430px) {
.flip-container h3 {
font-size: 180%;
}
}
.flip-container .overlay {
min-width: 0;
width: auto;
}
.flip-container .back-content {
width: 80%;
}
.title-row > div {
margin-top: 30px;
}
.row > hr {
padding-left: 0;
padding-right: 0;
}
html.is-not-mobile.gt768 #main.contact-vdbemd .logo-and-social {
padding: 200px 3%;
}
html.lt768 .half-size,
html.is-mobile .half-size {
width: 100% !important;
padding-right: 0 !important;
}
html.lt768 .gform_wrapper form .gform_body > ul > li,
html.is-mobile .gform_wrapper form .gform_body > ul > li {
width: 100% !important;
padding-right: 0 !important;
}
html.lt768 .about-text-buttons,
html.is-mobile .about-text-buttons {
width: 100%;
float: left;
text-align: center;
}
html.lt768 .about-text-buttons a.btn,
html.is-mobile .about-text-buttons a.btn {
float: none !important;
}
html.lt768 div.header div.header-menu .login-logout,
html.is-mobile div.header div.header-menu .login-logout {
top: 10px;
right: 1.5%;
margin: 15px;
z-index: 999999999;
}
html.lt768 div.header div.header-menu .login-logout a,
html.is-mobile div.header div.header-menu .login-logout a {
color: black;
}
html.lt768 #footer .faciliteiten-lijst li,
html.is-mobile #footer .faciliteiten-lijst li,
html.lt768 #footer .locatie-lijst li,
html.is-mobile #footer .locatie-lijst li {
float: left;
width: 100%;
text-align: centered;
}
html.lt768 #footer .faciliteiten-lijst li a,
html.is-mobile #footer .faciliteiten-lijst li a,
html.lt768 #footer .locatie-lijst li a,
html.is-mobile #footer .locatie-lijst li a {
float: none;
display: inline-block;
}
.map-location-faciliteiten .faciliteiten-text {
margin-bottom: 40px;
}
.map-location-faciliteiten .faciliteit {
padding: 0 3%;
margin: 15px 0;
}
.map-location-faciliteiten .faciliteit a {
color: white;
float: left;
width: 100%;
position: relative;
}
.map-location-faciliteiten .faciliteit h3 {
font-size: 160%;
margin-top: 0;
}
.map-location-faciliteiten .faciliteit .faciliteit-inner {
border-radius: 100%;
-webkit-box-shadow: inset 0px 0px 25px -3px #182629;
-moz-box-shadow: inset 0px 0px 25px -3px #182629;
box-shadow: inset 0px 0px 25px -3px #182629;
background: #4f7e8b;
text-align: center;
}
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title {
color: white;
font-weight: bold;
font-size: 135%;
position: absolute !important;
width: 50%;
min-width: 300px;
z-index: 201;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
top: 50%;
left: 50%;
line-height: 120%;
min-width: 0;
width: auto;
}
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
@media (max-width: 1550px) {
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title {
font-size: 120%;
}
}
@media (max-width: 1370px) {
.map-location-faciliteiten .faciliteit .faciliteit-inner .faciliteit-title {
font-size: 112%;
}
}
.map-location-trainers .trainer img {
border-radius: 100%;
float: none;
max-width: 100%;
}
ul.faciliteiten-lijst,
ul.locatie-lijst {
float: none;
justify-content: space-between;
padding: 0;
}
ul.faciliteiten-lijst li,
ul.locatie-lijst li {
position: relative;
display: block;
list-style: outside none none;
margin: 5px 0;
float: left;
width: auto;
}
ul.faciliteiten-lijst li a,
ul.locatie-lijst li a {
padding: 1px 0 4px;
border: medium none;
color: #ebebeb;
float: left;
font-size: 122%;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 20px;
text-decoration: none !important;
}
ul.faciliteiten-lijst li a:before,
ul.locatie-lijst li a:before {
display: block;
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: white;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
ul.faciliteiten-lijst li a:hover,
ul.locatie-lijst li a:hover {
color: white;
border: none;
}
ul.faciliteiten-lijst li a:hover:before,
ul.locatie-lijst li a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.gratis-proefles-col {
padding: 60px 0;
}
.gratis-proefles-col .gratis-proefles {
position: static !important;
margin: 0 auto;
display: block;
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg);
}
.about-content-video .about-content-video-inner {
padding: 0 8%;
}
.stappen-row {
padding: 0 6%;
}
.stappen-row .stap {
margin: 15px 0;
padding: 0 6%;
}
.stappen-row .stap:hover .stap-nummer {
background: #4f7e8b;
color: white;
}
.stappen-row .stap .stap-nummer {
margin: 10px auto 35px;
border: 1px solid #4f7e8b;
border-radius: 50px;
width: 45px;
height: 45px;
background: transparent;
color: #4f7e8b;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
text-align: center;
position: relative;
}
.stappen-row .stap .stap-nummer .stap-nummer-value {
position: absolute !important;
top: 50%;
left: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
font-weight: bold;
font-size: 140%;
}
.stappen-row .stap .stap-nummer .stap-nummer-value.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
.stappen-row .stap .stap-nummer .stap-nummer-value.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
.stappen-row .stap .stap-nummer .stap-nummer-value.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
.stappen-row .stap .stap-nummer .stap-nummer-value.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
.stappen-row .stap .stap-nummer .stap-nummer-value.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
.stappen-row .stap .stap-nummer .stap-nummer-value.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
.stappen-row .stap .stap-nummer .stap-nummer-value.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
.stappen-row .stap .stap-nummer .stap-nummer-value.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
.stappen-row .stap .stap-nummer .stap-nummer-value.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
.stappen-row .stap .stap-text {
text-align: center;
font-weight: bold;
}
.page-template-page_aanbod .flip-container .flipper {
-moz-transition: none;
-webkit-transition: none;
-o-transition: all 0 ease-in;
transition: none;
}
.page-template-page_aanbod .flip-container .flipper .front {
transform: rotateY(0deg);
}
.page-template-page_aanbod .flip-container .flipper .back {
transform: rotateY(0deg);
background: rgba(79, 126, 139, 0.2);
z-index: 999999999;
}
.page-template-page_aanbod .flip-container:hover .back,
.page-template-page_aanbod .flip-container.hovered .back {
background: rgba(79, 126, 139, 0.6);
}
.page-template-page_aanbod .flip-container span:hover {
background-color: white;
color: black;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
} #page #main.about-page .social-list .social-list-item a {
font-size: 250%;
height: 65px;
line-height: 65px;
width: 65px;
}
#page #main.about-page .social-list .social-list-item a:hover {
font-size: 350%;
}
#main.about-page { }
#main.about-page .about-text { margin-bottom: 25px;
margin-top: 0;
}
#main.about-page .about-content-wrapper-col {
padding: 0 4%;
}
#main.about-page .certificaten {
padding: 60px 4% 0;
}
#main.about-page .certificaten .certificaat {
margin: 15px 0;
}
#main.about-page .border-bottom {
padding-bottom: 50px;
border-bottom: 2px solid #4f7e8b;
}
#main.about-page .about-title { padding-bottom: 15px;
margin-bottom: 20px;
margin-top: 20px;
width: 70%;
display: inline-block;
}
#main.about-page .about-title h2 {
margin: 0;
color: #5b5a5a;
font-weight: 700;
}
#main.about-page .about-row-zindex {
position: relative;
z-index: 999;
background-color: transparent;
}
#main.about-page .about-row-zindex > div {
overflow: initial;
}
#main.about-page #content.about-page-row {
padding: 0;
background-color: white;
position: relative;
}
#main.about-page #content.about-page-row p img.aligncenter {
float: none;
}
#main.about-page #content.about-page-row .about-person {
margin-top: 65px;
margin-bottom: 15px;
text-align: center;
padding: 0 4%;
}
#main.about-page #content.about-page-row .about-person video {
border-radius: 100%;
}
#main.about-page #content.about-page-row .about-person img {
border-radius: 100%;
}
#main.about-page #content.about-page-row .foto-galerij {
margin: 0 0 80px;
}
#main.about-page #content.about-page-row .foto-galerij .foto-galerij-logo {
transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
width: 20%;
}
#main.about-page #content.about-page-row .foto-galerij:hover .foto-galerij-logo {
opacity: 0;
}
#main.about-page #content.about-page-row .foto-galerij .foto-galerij-image .foto-galerij-inner {
float: left;
width: 100%;
height: 0;
padding-bottom: 50% !important;
background-color: #444;
}
#main.about-page #content.about-page-row .foto-galerij .foto-galerij-image .foto-galerij-inner a {
position: absolute;
float: left;
width: 100%;
height: 100%;
opacity: 0.5;
transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
}
#main.about-page #content.about-page-row .foto-galerij .foto-galerij-image .foto-galerij-inner a:hover {
opacity: 1;
}
#main.about-page #content.about-page-row .foto-galerij .foto-galerij-image .foto-galerij-inner img {
height: 100%;
}
#main.about-page #content.about-page-row .foto-galerij img {
z-index: 0;
}
#main.about-page .about-vimeo {
margin: 30px 0;
}
#main.about-page .act-persons {
margin: 15px 0 80px;
}
#main.about-page .act-persons .act-person {
padding: 0 4%;
margin: 25px 0;
}
#main.about-page .act-persons .act-person img {
border-radius: 100%;
}
#main.about-page .act-persons .act-person video {
border-radius: 100%;
}
#main.about-page .act-persons .act-person .act-person-name {
float: left;
margin: 25px 0 25px;
font-size: 110%;
width: 100%;
}
#main.about-page .act-persons .act-person .act-person-name.centered { text-align: center;
}
#main.about-page .act-persons .act-person .act-person-functions {
float: left;
margin: 5px 0 2px;
width: 100%;
}
#main.about-page .act-persons .act-person .icon {
float: left;
width: 100%;
text-align: center;
margin: 25px 0 15px;
}
#main.about-page .act-persons .act-person .icon i {
font-size: 230%;
text-align: center;
display: inline-block;
}
#main.about-page .act-persons .act-person .icon i.circle-border {
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50%;
border: 2px solid;
}
#main.about-page .act-persons .act-person .flip-container {
width: 100%;
height: 0;
padding-bottom: 100%;
}
#main.about-page .act-persons .act-person .flip-container .flipper .front,
#main.about-page .act-persons .act-person .flip-container .flipper .back {
width: 100%;
height: 0;
padding-bottom: 100%;
}
#main.about-page .act-persons .act-person .flip-container .flipper .back {
border-radius: 100% !important;
}
#main.about-page .act-persons .act-person .flip-container .flipper .back.bg-color {
background-color: #4f7e8b;
color: white;
}
#main.about-page .winkel-street-view {
margin: 30px 0;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
} .blog-content {
margin: 35px auto 50px;
}
#content.main_page_blog {
margin: 0;
}
#content.main_page_blog > .row:first-child > div {  }
#content.main_page_blog > div {
padding: 0;
}
#content.main_page_blog .blog-text {
text-align: center;
}
#content.main_page_blog .blog-text p {
font-size: 115%;
color: #777;
letter-spacing: 1px;
font-weight: 500;
}
#content.main_page_blog .blog-content p {
margin: 15px 0;
}
#content.main_page_blog .video-container {
height: 100%;
background: #3d616a;
}
#content.main_page_blog .video-container img {
opacity: 1;
}
#content.main_page_blog .video-container:hover img {
opacity: 0.1 !important;
}
.single-post #page .eyedetail-blog .homescreen .header-txt {
margin-top: 25px;
}
.single-post #page .eyedetail-blog .homescreen .header-txt h1 {
text-align: center;
font-size: 230%;
font-weight: 500;
margin: 0;
line-height: 130%;
letter-spacing: 2px;
}
.single-post #page .eyedetail-blog .homescreen .header-txt .datum {
font-size: 100%;
text-align: center;
margin-top: 25px;
}
.single-post #page .eyedetail-blog .homescreen .header-txt .datum .datum-txt {
color: white;
}
.single-post #page .eyedetail-blog .homescreen .header-txt .datum .datum-val {
color: white;
font-weight: bold;
padding: 3px 11px;
background-color: #4f7e8b;
}
.single-post #page .eyedetail-blog .homescreen .header-txt .blog-single-quote {
font-size: 70%;
margin-top: 20px;
text-align: left;
}
@media (max-width: 1700px) {
.single-post #page .eyedetail-blog .homescreen .header-txt {
margin-top: 50px;
}
}
@media (max-width: 1550px) {
.single-post #page .eyedetail-blog .homescreen .header-txt {
margin-top: 60px;
}
.single-post #page .eyedetail-blog .homescreen .header-txt .datum {
font-size: 85%;
}
.single-post #page .eyedetail-blog .homescreen .header-txt .blog-single-quote {
font-size: 95%;
}
}
@media (max-width: 1370px) {
.single-post #page .eyedetail-blog .homescreen .header-txt {
margin-top: 40px;
}
.single-post #page .eyedetail-blog .homescreen .header-txt .datum {
font-size: 100%;
}
.single-post #page .eyedetail-blog .homescreen .header-txt .blog-single-quote {
font-size: 110%;
}
}
.single-post #page .eyedetail-blog .homescreen .header-circle {
display: inline-block;
font-size: 20px;
font-weight: bold;
margin-top: 5px;
line-height: 115%;
}
.single-post #page .eyedetail-blog .homescreen .header-circle .header-logo {
margin-bottom: 10px;
float: left;
width: 100%;
}
.single-post #page .eyedetail-blog .homescreen .header-circle .header-logo img {
float: none;
max-width: 220px;
width: 100%;
}
.single-post #page .eyedetail-blog .homescreen .header-circle .header-text {
display: inline-block;
font-size: 20px;
font-weight: bold;
margin-top: 5px;
font-size: 85%;
}
.single-post #page .eyedetail-blog .homescreen .header-circle .header-subtext {
font-size: 75%;
font-weight: 500;
}
.single-post #page .eyedetail-blog .blog-slide-layout-container .blogpost.blogpost-view-more .blog-video .inner-blog .view-more {
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.single-post #page .homescreen,
.single-diensten #page .homescreen,
.single-projecten #page .homescreen,
.single-faciliteiten #page .homescreen { }
.single-post #page .homescreen .datum,
.single-diensten #page .homescreen .datum,
.single-projecten #page .homescreen .datum,
.single-faciliteiten #page .homescreen .datum {
font-size: 160%;
}
.single-post #page .section-title,
.single-diensten #page .section-title,
.single-projecten #page .section-title,
.single-faciliteiten #page .section-title {
margin-bottom: 15px !important;
}
.single-post #page .hover-reveal,
.single-diensten #page .hover-reveal,
.single-projecten #page .hover-reveal,
.single-faciliteiten #page .hover-reveal {
width: 85%;
}
.single-post #page .extra-field-image-col,
.single-diensten #page .extra-field-image-col,
.single-projecten #page .extra-field-image-col,
.single-faciliteiten #page .extra-field-image-col {
margin-bottom: 15px;
}
.single-post #page .extra-field .section-title,
.single-diensten #page .extra-field .section-title,
.single-projecten #page .extra-field .section-title,
.single-faciliteiten #page .extra-field .section-title {
margin-bottom: 20px !important;
}
.single-post #page .extra-field .section-title h2,
.single-diensten #page .extra-field .section-title h2,
.single-projecten #page .extra-field .section-title h2,
.single-faciliteiten #page .extra-field .section-title h2 {
font-size: 130%;
color: #666;
}
.single-post #page .extra-field p,
.single-diensten #page .extra-field p,
.single-projecten #page .extra-field p,
.single-faciliteiten #page .extra-field p {
float: left;
width: 100%;
}
.single-post #page .blog .blogpost,
.single-diensten #page .blog .blogpost,
.single-projecten #page .blog .blogpost,
.single-faciliteiten #page .blog .blogpost {
height: auto;
margin: 0 !important;
}
.single-post #page .blog .blogpost .blog-video a.image-background,
.single-diensten #page .blog .blogpost .blog-video a.image-background,
.single-projecten #page .blog .blogpost .blog-video a.image-background,
.single-faciliteiten #page .blog .blogpost .blog-video a.image-background {
float: left;
height: 100%;
position: absolute;
width: 100%;
}
.single-post #page .blog .blogpost .blog-video a.image-background img,
.single-diensten #page .blog .blogpost .blog-video a.image-background img,
.single-projecten #page .blog .blogpost .blog-video a.image-background img,
.single-faciliteiten #page .blog .blogpost .blog-video a.image-background img {
height: 100%;
}
.single-post #page .blog .blogpost .blog-video .home-link-title h2,
.single-diensten #page .blog .blogpost .blog-video .home-link-title h2,
.single-projecten #page .blog .blogpost .blog-video .home-link-title h2,
.single-faciliteiten #page .blog .blogpost .blog-video .home-link-title h2,
.single-post #page .blog .blogpost .blog-video .hover-reveal h2,
.single-diensten #page .blog .blogpost .blog-video .hover-reveal h2,
.single-projecten #page .blog .blogpost .blog-video .hover-reveal h2,
.single-faciliteiten #page .blog .blogpost .blog-video .hover-reveal h2 {
font-size: 120%;
margin-bottom: 0;
}
.single-post #page .blog-single-row .blog-single-quote-wrapper,
.single-diensten #page .blog-single-row .blog-single-quote-wrapper,
.single-projecten #page .blog-single-row .blog-single-quote-wrapper,
.single-faciliteiten #page .blog-single-row .blog-single-quote-wrapper {
text-align: center;
margin-top: 45px;
}
.single-post #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote,
.single-diensten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote,
.single-projecten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote,
.single-faciliteiten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote {
display: inline-block; color: white;
}
.single-post #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote .section-title,
.single-diensten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote .section-title,
.single-projecten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote .section-title,
.single-faciliteiten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote .section-title {
margin-bottom: 0;
}
.single-post #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote i.fa,
.single-diensten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote i.fa,
.single-projecten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote i.fa,
.single-faciliteiten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote i.fa {
color: #4f7e8b;
font-size: 150%;
margin-right: 7px;
}
.single-post #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote q,
.single-diensten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote q,
.single-projecten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote q,
.single-faciliteiten #page .blog-single-row .blog-single-quote-wrapper .blog-single-quote q {
font-size: 85%;
}
.single-post #page .more,
.single-diensten #page .more,
.single-projecten #page .more,
.single-faciliteiten #page .more {
border: none;
color: white;
font-size: 135%;
height: auto;
text-shadow: 1px 1px 2px black;
}
.single-post #page .blogpost-view-more,
.single-diensten #page .blogpost-view-more,
.single-projecten #page .blogpost-view-more,
.single-faciliteiten #page .blogpost-view-more {
background-color: #4f7e8b;
padding: 0;
}
.single-post #page .blogpost-view-more.project-color,
.single-diensten #page .blogpost-view-more.project-color,
.single-projecten #page .blogpost-view-more.project-color,
.single-faciliteiten #page .blogpost-view-more.project-color {
background: #ee3a43;
}
.single-post #page .blogpost-view-more a,
.single-diensten #page .blogpost-view-more a,
.single-projecten #page .blogpost-view-more a,
.single-faciliteiten #page .blogpost-view-more a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
}
.single-post #page .blogpost-view-more a .view-more,
.single-diensten #page .blogpost-view-more a .view-more,
.single-projecten #page .blogpost-view-more a .view-more,
.single-faciliteiten #page .blogpost-view-more a .view-more {
position: absolute !important;
top: 50%;
left: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
color: white;
font-size: 250%;
text-align: center;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.single-post #page .blogpost-view-more a .view-more.overlay-20-50,
.single-diensten #page .blogpost-view-more a .view-more.overlay-20-50,
.single-projecten #page .blogpost-view-more a .view-more.overlay-20-50,
.single-faciliteiten #page .blogpost-view-more a .view-more.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
.single-post #page .blogpost-view-more a .view-more.overlay-80-50,
.single-diensten #page .blogpost-view-more a .view-more.overlay-80-50,
.single-projecten #page .blogpost-view-more a .view-more.overlay-80-50,
.single-faciliteiten #page .blogpost-view-more a .view-more.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
.single-post #page .blogpost-view-more a .view-more.overlay-80-80,
.single-diensten #page .blogpost-view-more a .view-more.overlay-80-80,
.single-projecten #page .blogpost-view-more a .view-more.overlay-80-80,
.single-faciliteiten #page .blogpost-view-more a .view-more.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
.single-post #page .blogpost-view-more a .view-more.overlay-50-20,
.single-diensten #page .blogpost-view-more a .view-more.overlay-50-20,
.single-projecten #page .blogpost-view-more a .view-more.overlay-50-20,
.single-faciliteiten #page .blogpost-view-more a .view-more.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
.single-post #page .blogpost-view-more a .view-more.overlay-70-20,
.single-diensten #page .blogpost-view-more a .view-more.overlay-70-20,
.single-projecten #page .blogpost-view-more a .view-more.overlay-70-20,
.single-faciliteiten #page .blogpost-view-more a .view-more.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
.single-post #page .blogpost-view-more a .view-more.overlay-70-30,
.single-diensten #page .blogpost-view-more a .view-more.overlay-70-30,
.single-projecten #page .blogpost-view-more a .view-more.overlay-70-30,
.single-faciliteiten #page .blogpost-view-more a .view-more.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
.single-post #page .blogpost-view-more a .view-more.overlay-85-30,
.single-diensten #page .blogpost-view-more a .view-more.overlay-85-30,
.single-projecten #page .blogpost-view-more a .view-more.overlay-85-30,
.single-faciliteiten #page .blogpost-view-more a .view-more.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
.single-post #page .blogpost-view-more a .view-more.overlay-y,
.single-diensten #page .blogpost-view-more a .view-more.overlay-y,
.single-projecten #page .blogpost-view-more a .view-more.overlay-y,
.single-faciliteiten #page .blogpost-view-more a .view-more.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
.single-post #page .blogpost-view-more a .view-more.overlay-x,
.single-diensten #page .blogpost-view-more a .view-more.overlay-x,
.single-projecten #page .blogpost-view-more a .view-more.overlay-x,
.single-faciliteiten #page .blogpost-view-more a .view-more.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
.single-post #page .blogpost-view-more a:hover .view-more,
.single-diensten #page .blogpost-view-more a:hover .view-more,
.single-projecten #page .blogpost-view-more a:hover .view-more,
.single-faciliteiten #page .blogpost-view-more a:hover .view-more {
font-size: 340%;
}
#page #content.main_page_blog > .row:first-child > div { }
.main_page_blog h1 {
line-height: 40px;
margin-bottom: 40px;
text-align: center;
font-weight: bold;
color: #5b5a5a;
}
#page .page_blog {
overflow: hidden;
min-height: 400px;
}
#page .page_blog .row {
margin: 0;
}
#page .page_blog h3 {
text-align: center;
}
#page .page_blog .blog-post-layout-container .blog-date .date {
background-color: #4f7e8b;
color: white;
float: right;
font-size: 125%;
font-weight: 500;
padding: 15px;
}
#page .page_blog .blog-post-layout-container .blog-date .date .date-item { display: block;
float: left;
text-align: center;
}
#page .page_blog .blog-post-layout-container .blog-date .date .date-year { }
#page .page_blog .blog-post-layout-container .blog-date .date .seperator {
display: block;
float: left;
margin: 0 2px;
}
#page .page_blog .blog-post-layout-container .blogpost {
margin: 10px 0 60px;
}
#page .page_blog .blog-post-layout-container .blogpost .blog-content {
margin: 5px 0;
color: #666;
}
#page .page_blog .blog-post-layout-container .blogpost .blog-content h2 {
margin: 20px 0 7px;
color: inherit;
letter-spacing: 2px;
}
#page .page_blog .blog-post-layout-container .blogpost .blog-content h2 a {
color: inherit;
text-decoration: none;
}
#page .page_blog .blog-post-layout-container .blogpost .blog-content p {
font-size: 110%;
letter-spacing: 1px;
margin: 15px 0 7px;
}
#page .page_blog .blog-post-layout-container .blogpost .btn {
margin-top: 20px;
}
#page .page_blog .blog-default-layout-container .blogpost {
padding: 0;
}
#page .page_blog .blog-default-layout-container .blogpost a {
float: left;
width: 100%;
position: absolute;
height: 100%;
left: 0;
top: 0;
}
#page .page_blog .blog-default-layout-container .blogpost a.btn {
width: auto;
height: auto;
position: relative;
}
#page .page_blog .blog-default-layout-container .blogpost .blog-video {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#page .page_blog .blog-default-layout-container .blogpost .blog-video .inner-blog {
width: 100%;
height: 100%;
left: 0;
position: absolute;
top: 0;
}
#page .page_blog .blog-default-layout-container .blogpost .blog-video .inner-blog .view-more {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #4f7e8b;
transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-webkit-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
opacity: 1;
}
#page .page_blog .blog-default-layout-container .blogpost .blog-video .inner-blog .view-more:hover {
opacity: 0.4;
}
#page .page_blog .blog-default-layout-container .blogpost .blog-video .inner-blog .view-more p {
transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-webkit-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
color: white;
font-size: 250%;
font-weight: 600;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#page .page_blog .blog-default-layout-container .blogpost .category {
color: #fff;
left: 0;
padding: 7px;
position: absolute;
top: 0;
z-index: 999;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
pointer-events: none;
}
#page .page_blog .blog-default-layout-container .blogpost .video-container {
overflow: hidden;
}
#page .page_blog .blog-default-layout-container .blogpost .video-container img {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#page .page_blog .blog-default-layout-container .blogpost:hover img { }
#page .page_blog .blog-default-layout-container .blogpost .fader {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
opacity: 0;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#page .page_blog .blog-default-layout-container .blogpost .fader.dark {
opacity: 1;
background-color: rgba(0, 0, 0, 0.3);
border: none;
}
#page .page_blog .blog-default-layout-container .blogpost:hover .fader {
opacity: 0;
}
#page .page_blog .blog-default-layout-container .blogpost .more { visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
font-family: Lato, sans-serif;
font-weight: 400;
text-align: center;
border: none;
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
font-size: 150%;
pointer-events: none;
z-index: 99998;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
opacity: 0;
height: auto;
}
#page .page_blog .blog-default-layout-container .blogpost .more .more-type {
font-size: 80%;
font-weight: 400;
padding-top: 3px;
}
#page .page_blog .blog-default-layout-container .blogpost .more.visible {
opacity: 1;
visibility: visible;
}
#page .page_blog .blog-default-layout-container .blogpost .more.hovervisible:hover {
opacity: 1;
visibility: visible;
}
#page .page_blog .blog-default-layout-container .blogpost .more .hover-box {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
width: 50px;
height: 39px;
margin: 5px auto 0;
}
#page .page_blog .blog-default-layout-container .blogpost:hover .more .hover-box {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
#page .page_blog .blog-default-layout-container .blogpost.servicepost .more {
font-size: 250%;
font-weight: bold;
}
.blog-slide-layout-container {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.blog-slide-layout-container .blog-slide-layout {
background-color: #2a434a;
margin: -1px 0;
position: relative;
height: 400px;
height: 50vh;
transition: all 450ms ease !important;
-moz-transition: all 450ms ease !important;
-webkit-transition: all 450ms ease !important;
-o-transition: all 450ms ease !important;
}
.single-projecten .blog-slide-layout-container .blog-slide-layout {
background: #ee3a43;
}
.blog-slide-layout-container .blog-slide-layout.shift {
width: 107%;
left: -7%;
}
.blog-slide-layout-container .blog-slide-layout.shift .blog-slide-layout-overlay .bottom-left-overlay {
left: 11%;
}
.blog-slide-layout-container .blog-slide-layout.shift .blog-slide-layout-overlay .hover-reveal {
transform: translate(-53.5%, -50%);
-ms-transform: translate(-53.5%, -50%);
-webkit-transform: translate(-53.5%, -50%);
-moz-transform: translate(-53.5%, -50%);
-o-transform: translate(-53.5%, -50%);
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-pic {
float: left;
width: 100%;
text-align: center;
position: absolute;
height: 100%;
top: 0;
left: 0;
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-pic img {
display: inline-block;
float: none;
height: 100%;
transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay {
float: left;
position: absolute;
z-index: 99;
width: 100%;
height: 100%;
color: white;
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay .bottom-left-overlay {
position: absolute;
bottom: 5%;
left: 5%;
max-width: 75%;
transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay .bottom-left-overlay h2 {
transition: all 130ms ease-in-out !important;
-moz-transition: all 130ms ease-in-out !important;
-webkit-transition: all 130ms ease-in-out !important;
-o-transition: all 130ms ease-in-out !important;
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay .bottom-left-overlay .blog-slide-layout-description {
transition: all 130ms ease-in-out;
-moz-transition: all 130ms ease-in-out;
-webkit-transition: all 130ms ease-in-out;
-o-transition: all 130ms ease-in-out;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
max-width: 60%;
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay h2 {
margin: none;
color: white; letter-spacing: 3px;
font-size: 110%;
text-shadow: 1px 1px 2px black;
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay .hover-reveal {
transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
opacity: 0;
margin: 10px 0;
float: left;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay .hover-reveal .hover-content {
transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transform: translateX(-18%);
-ms-transform: translateX(-18%);
-webkit-transform: translateX(-18%);
-moz-transform: translateX(-18%);
-o-transform: translateX(-18%);
text-align: center;
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay .hover-reveal .hover-content h2 {
text-align: center;
width: 100%;
}
.blog-slide-layout-container .blog-slide-layout .blog-slide-layout-overlay .hover-reveal .hover-content .btn {
float: none;
display: inline-block;
margin-bottom: 0;
padding: 10px 35px;
}
.blog-slide-layout-container .blog-slide-layout:hover.shift {
transform: translateX(5%) !important;
-ms-transform: translateX(5%) !important;
-webkit-transform: translateX(5%) !important;
-moz-transform: translateX(5%) !important;
-o-transform: translateX(5%) !important;
}
.blog-slide-layout-container .blog-slide-layout:hover .blog-slide-layout-pic img {
opacity: 0.35;
}
.blog-slide-layout-container .blog-slide-layout:hover .blog-slide-layout-overlay .bottom-left-overlay {
transform: translateX(-100%);
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
.blog-slide-layout-container .blog-slide-layout:hover .blog-slide-layout-overlay .bottom-left-overlay.slideInRightDelayed {
transform: translateX(200%);
-ms-transform: translateX(200%);
-webkit-transform: translateX(200%);
-moz-transform: translateX(200%);
-o-transform: translateX(200%);
}
.blog-slide-layout-container .blog-slide-layout:hover .blog-slide-layout-overlay .bottom-left-overlay h2 {
opacity: 0 !important;
}
.blog-slide-layout-container .blog-slide-layout:hover .blog-slide-layout-overlay .bottom-left-overlay .blog-slide-layout-description {
opacity: 0;
}
.blog-slide-layout-container .blog-slide-layout:hover .blog-slide-layout-overlay .hover-reveal {
opacity: 1;
}
.blog-slide-layout-container .blog-slide-layout:hover .blog-slide-layout-overlay .hover-reveal .hover-content {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
}
.page-template-page_blog .header-video {
margin-bottom: 0;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
.page-template-page_proefles li label {
display: block !important;
float: left;
width: 100%;
}
.page-template-page_proefles .locatie-details {
display: none;
}
#page .gfield_radio {
float: left;
width: 100%;
}
#page .gform_confirmation_message {
color: #4f7e8b;
font-size: 140%;
text-align: center;
padding: 5% 0;
}
#page .gform_wrapper {
text-align: center;
margin-top: 45px;
width: 100%;
float: left;
overflow: visible;
}
#page .gform_wrapper form .gform_heading {
display: none;
}
#page .gform_wrapper form .gform_body :placeholder {
color: #111;
letter-spacing: 1px;
}
#page .gform_wrapper form .gform_body ::-webkit-input-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .gform_wrapper form .gform_body :-moz-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .gform_wrapper form .gform_body ::-moz-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .gform_wrapper form .gform_body :-ms-input-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .gform_wrapper form .gform_body .chosen-search {
float: left;
width: 100%;
}
#page .gform_wrapper form .gform_body .chosen-search::after {
content: '';
font-family: 'fontawesome';
position: absolute !important;
top: 50%;
left: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: auto;
color: #666;
right: 12px;
min-width: 0;
}
#page .gform_wrapper form .gform_body .chosen-search::after.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
#page .gform_wrapper form .gform_body .chosen-search::after.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
#page .gform_wrapper form .gform_body .chosen-search::after.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
#page .gform_wrapper form .gform_body .chosen-search::after.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
#page .gform_wrapper form .gform_body .chosen-search::after.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
#page .gform_wrapper form .gform_body .chosen-search::after.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
#page .gform_wrapper form .gform_body .chosen-search::after.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
#page .gform_wrapper form .gform_body .chosen-search::after.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
#page .gform_wrapper form .gform_body .chosen-search::after.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
#page .gform_wrapper form .gform_body .chosen-search input[type="text"] {
border: 1px solid white;
background: white;
position: relative;
}
#page .gform_wrapper form .gform_body .chosen-single,
#page .gform_wrapper form .gform_body .chosen-drop {
background: #4f7e8b;
box-shadow: none;
color: white;
text-transform: uppercase;
font-size: 115%;
}
#page .gform_wrapper form .gform_body .chosen-single.chosen-single,
#page .gform_wrapper form .gform_body .chosen-drop.chosen-single {
border-radius: 5px;
padding: 10px 20px;
height: auto;
border: 1px solid #4f7e8b;
}
#page .gform_wrapper form .gform_body .chosen-single div b,
#page .gform_wrapper form .gform_body .chosen-drop div b {
background: none;
}
#page .gform_wrapper form .gform_body .chosen-single div b::after,
#page .gform_wrapper form .gform_body .chosen-drop div b::after {
content: '';
font-family: 'fontawesome';
position: absolute !important;
top: 50%;
left: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
#page .gform_wrapper form .gform_body .chosen-single div b::after.overlay-20-50,
#page .gform_wrapper form .gform_body .chosen-drop div b::after.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
#page .gform_wrapper form .gform_body .chosen-single div b::after.overlay-80-50,
#page .gform_wrapper form .gform_body .chosen-drop div b::after.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
#page .gform_wrapper form .gform_body .chosen-single div b::after.overlay-80-80,
#page .gform_wrapper form .gform_body .chosen-drop div b::after.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
#page .gform_wrapper form .gform_body .chosen-single div b::after.overlay-50-20,
#page .gform_wrapper form .gform_body .chosen-drop div b::after.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
#page .gform_wrapper form .gform_body .chosen-single div b::after.overlay-70-20,
#page .gform_wrapper form .gform_body .chosen-drop div b::after.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
#page .gform_wrapper form .gform_body .chosen-single div b::after.overlay-70-30,
#page .gform_wrapper form .gform_body .chosen-drop div b::after.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
#page .gform_wrapper form .gform_body .chosen-single div b::after.overlay-85-30,
#page .gform_wrapper form .gform_body .chosen-drop div b::after.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
#page .gform_wrapper form .gform_body .chosen-single div b::after.overlay-y,
#page .gform_wrapper form .gform_body .chosen-drop div b::after.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
#page .gform_wrapper form .gform_body .chosen-single div b::after.overlay-x,
#page .gform_wrapper form .gform_body .chosen-drop div b::after.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
#page .gform_wrapper form .gform_body .chosen-drop {
border: 1px solid #4f7e8b;
}
#page .gform_wrapper form .gform_body .chosen-drop .chosen-results {
overflow: initial;
max-height: 300px;
overflow-y: auto;
}
#page .gform_wrapper form .gform_body .chosen-drop .chosen-results li {
float: left;
width: 100%;
margin: 1px 0;
}
#page .gform_wrapper form .gform_body .chosen-drop .chosen-results li.no-results {
background: #33525a;
}
#page .gform_wrapper form .gform_body .chosen-drop .chosen-results li.highlighted {
background: #76a4b1;
}
#page .gform_wrapper form .gform_body > ul {
margin: 0 -10px;
}
#page .gform_wrapper form .gform_body > ul > li {
float: left;
width: 50%;
clear: none;
padding: 0 10px;
}
#page .gform_wrapper form .gform_body > ul > li label {
display: none;
}
#page .gform_wrapper form .gform_body > ul > li.user-emails {
width: 100%;
}
#page .gform_wrapper form .gform_body > ul > li.user-emails .ginput_container { width: 100%; margin: 20px 0;
float: left;
}
@media (max-width: 1370px) {
#page .gform_wrapper form .gform_body > ul > li.user-emails .ginput_container {
width: 100%;
padding: 10px 0;
}
}
#page .gform_wrapper form .gform_body > ul > li.user-emails .locatie-details {
width: 65%; margin: 20px 0 20px 3%;
float: left;
position: relative;
}
@media (max-width: 1370px) {
#page .gform_wrapper form .gform_body > ul > li.user-emails .locatie-details {
width: 100%;
height: auto;
}
}
#page .gform_wrapper form .gform_body > ul > li.user-emails .locatie-details .locatie-trainer {
float: left;
width: 50%; }
#page .gform_wrapper form .gform_body > ul > li.user-emails .locatie-details .locatie-contactinfo {
float: left;
width: 50%;
min-width: 0;
padding-left: 15px; right: 0;
}
#page .gform_wrapper form .gform_body > ul > li.user-emails .locatie-details .locatie-contactinfo.default-text { text-align: center;
font-weight: bold; }
#page .gform_wrapper form .gform_body > ul > li.user-emails .locatie-details .locatie-contactinfo .locatie-trainer-naam {
font-weight: bold;
}
#page .gform_wrapper form .gform_body > ul > li.user-emails .locatie-details .extra-trainer {
margin-top: 10px;
}
#page .gform_wrapper form .gform_body > ul > li.form-message {
width: 100%;
}
#page .gform_wrapper form .gform_body > ul > li input,
#page .gform_wrapper form .gform_body > ul > li textarea,
#page .gform_wrapper form .gform_body > ul > li select {
width: 100%;
float: left;
padding: 13px;
border-radius: 0;
border: 1px solid #bbb;
margin: 8px 0;
background-color: #ffffff;
color: #8d8d8d;
box-sizing: border-box;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#page .gform_wrapper form .gform_footer {
text-align: center;
}
#page .gform_wrapper form .gform_footer .gform_button {
float: none;
}
#page .contact-vdbemd .half-size {
width: 100% !important;
padding-right: 0 !important;
}
#page .contact-vdbemd .gform_wrapper form .gform_body > ul > li {
width: 100% !important;
padding-right: 0 !important;
}
#page .wpcf7,
#page .search-form-wrapper {
text-align: center;
margin-top: 45px;
width: 100%;
float: left;
}
#page .wpcf7 .wpcf7-form,
#page .search-form-wrapper .wpcf7-form,
#page .wpcf7 .search-form,
#page .search-form-wrapper .search-form {
width: 100%;
float: left;
padding: 0;
margin-bottom: 70px;
}
#page .wpcf7 .wpcf7-form .half-size,
#page .search-form-wrapper .wpcf7-form .half-size,
#page .wpcf7 .search-form .half-size,
#page .search-form-wrapper .search-form .half-size { width: 100%;
float: left; margin-bottom: 10px;
}
#page .wpcf7 .wpcf7-form .half-size:nth-of-type(2n + 1),
#page .search-form-wrapper .wpcf7-form .half-size:nth-of-type(2n + 1),
#page .wpcf7 .search-form .half-size:nth-of-type(2n + 1),
#page .search-form-wrapper .search-form .half-size:nth-of-type(2n + 1) {
padding-right: 0;
}
#page .wpcf7 .wpcf7-form label,
#page .search-form-wrapper .wpcf7-form label,
#page .wpcf7 .search-form label,
#page .search-form-wrapper .search-form label {
float: left;
width: 100%;
text-align: left;
display: block;
}
#page .wpcf7 .wpcf7-form label span.label,
#page .search-form-wrapper .wpcf7-form label span.label,
#page .wpcf7 .search-form label span.label,
#page .search-form-wrapper .search-form label span.label {
width: auto;
float: left;
color: #777;
font-size: 110%;
padding: 3px 3px 3px 0;
}
#page .wpcf7 .wpcf7-form label span.required,
#page .search-form-wrapper .wpcf7-form label span.required,
#page .wpcf7 .search-form label span.required,
#page .search-form-wrapper .search-form label span.required {
width: auto;
float: left;
font-size: 120%;
color: #4f7e8b;
}
#page .wpcf7 .wpcf7-form label:nth-last-of-type(2),
#page .search-form-wrapper .wpcf7-form label:nth-last-of-type(2),
#page .wpcf7 .search-form label:nth-last-of-type(2),
#page .search-form-wrapper .search-form label:nth-last-of-type(2) {
margin-top: 0;
}
#page .wpcf7 .wpcf7-form :placeholder,
#page .search-form-wrapper .wpcf7-form :placeholder,
#page .wpcf7 .search-form :placeholder,
#page .search-form-wrapper .search-form :placeholder {
color: #111;
letter-spacing: 1px;
}
#page .wpcf7 .wpcf7-form ::-webkit-input-placeholder,
#page .search-form-wrapper .wpcf7-form ::-webkit-input-placeholder,
#page .wpcf7 .search-form ::-webkit-input-placeholder,
#page .search-form-wrapper .search-form ::-webkit-input-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .wpcf7 .wpcf7-form :-moz-placeholder,
#page .search-form-wrapper .wpcf7-form :-moz-placeholder,
#page .wpcf7 .search-form :-moz-placeholder,
#page .search-form-wrapper .search-form :-moz-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .wpcf7 .wpcf7-form ::-moz-placeholder,
#page .search-form-wrapper .wpcf7-form ::-moz-placeholder,
#page .wpcf7 .search-form ::-moz-placeholder,
#page .search-form-wrapper .search-form ::-moz-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .wpcf7 .wpcf7-form :-ms-input-placeholder,
#page .search-form-wrapper .wpcf7-form :-ms-input-placeholder,
#page .wpcf7 .search-form :-ms-input-placeholder,
#page .search-form-wrapper .search-form :-ms-input-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .wpcf7 .wpcf7-form input[type="text"],
#page .search-form-wrapper .wpcf7-form input[type="text"],
#page .wpcf7 .search-form input[type="text"],
#page .search-form-wrapper .search-form input[type="text"],
#page .wpcf7 .wpcf7-form input[type="email"],
#page .search-form-wrapper .wpcf7-form input[type="email"],
#page .wpcf7 .search-form input[type="email"],
#page .search-form-wrapper .search-form input[type="email"],
#page .wpcf7 .wpcf7-form input[type="search"],
#page .search-form-wrapper .wpcf7-form input[type="search"],
#page .wpcf7 .search-form input[type="search"],
#page .search-form-wrapper .search-form input[type="search"],
#page .wpcf7 .wpcf7-form textarea,
#page .search-form-wrapper .wpcf7-form textarea,
#page .wpcf7 .search-form textarea,
#page .search-form-wrapper .search-form textarea,
#page .wpcf7 .wpcf7-form select,
#page .search-form-wrapper .wpcf7-form select,
#page .wpcf7 .search-form select,
#page .search-form-wrapper .search-form select {
padding: 13px;
border-radius: 0;
border: 1px solid #bbb;
margin: 8px 0;
background-color: #ffffff;
color: #8d8d8d;
box-sizing: border-box;
width: 100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#page .wpcf7 .wpcf7-form input[type="text"].search-field,
#page .search-form-wrapper .wpcf7-form input[type="text"].search-field,
#page .wpcf7 .search-form input[type="text"].search-field,
#page .search-form-wrapper .search-form input[type="text"].search-field,
#page .wpcf7 .wpcf7-form input[type="email"].search-field,
#page .search-form-wrapper .wpcf7-form input[type="email"].search-field,
#page .wpcf7 .search-form input[type="email"].search-field,
#page .search-form-wrapper .search-form input[type="email"].search-field,
#page .wpcf7 .wpcf7-form input[type="search"].search-field,
#page .search-form-wrapper .wpcf7-form input[type="search"].search-field,
#page .wpcf7 .search-form input[type="search"].search-field,
#page .search-form-wrapper .search-form input[type="search"].search-field,
#page .wpcf7 .wpcf7-form textarea.search-field,
#page .search-form-wrapper .wpcf7-form textarea.search-field,
#page .wpcf7 .search-form textarea.search-field,
#page .search-form-wrapper .search-form textarea.search-field,
#page .wpcf7 .wpcf7-form select.search-field,
#page .search-form-wrapper .wpcf7-form select.search-field,
#page .wpcf7 .search-form select.search-field,
#page .search-form-wrapper .search-form select.search-field {
width: auto;
float: left;
margin-top: 0;
margin-right: 10px;
}
#page .wpcf7 .wpcf7-form input[type="text"]:focus,
#page .search-form-wrapper .wpcf7-form input[type="text"]:focus,
#page .wpcf7 .search-form input[type="text"]:focus,
#page .search-form-wrapper .search-form input[type="text"]:focus,
#page .wpcf7 .wpcf7-form input[type="email"]:focus,
#page .search-form-wrapper .wpcf7-form input[type="email"]:focus,
#page .wpcf7 .search-form input[type="email"]:focus,
#page .search-form-wrapper .search-form input[type="email"]:focus,
#page .wpcf7 .wpcf7-form input[type="search"]:focus,
#page .search-form-wrapper .wpcf7-form input[type="search"]:focus,
#page .wpcf7 .search-form input[type="search"]:focus,
#page .search-form-wrapper .search-form input[type="search"]:focus,
#page .wpcf7 .wpcf7-form textarea:focus,
#page .search-form-wrapper .wpcf7-form textarea:focus,
#page .wpcf7 .search-form textarea:focus,
#page .search-form-wrapper .search-form textarea:focus,
#page .wpcf7 .wpcf7-form select:focus,
#page .search-form-wrapper .wpcf7-form select:focus,
#page .wpcf7 .search-form select:focus,
#page .search-form-wrapper .search-form select:focus {
color: #4f7e8b;
}
#page .wpcf7 .wpcf7-form select,
#page .search-form-wrapper .wpcf7-form select,
#page .wpcf7 .search-form select,
#page .search-form-wrapper .search-form select {
appearance: none;
-moz-appearance: none; -webkit-appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
background-position: center right;
background-repeat: no-repeat;
border-radius: 2px;
padding: 12.2px 13px;
color: #aaa;
}
#page .wpcf7 .wpcf7-form textarea,
#page .search-form-wrapper .wpcf7-form textarea,
#page .wpcf7 .search-form textarea,
#page .search-form-wrapper .search-form textarea {
transition: none;
max-height: 300px;
min-height: 200px;
height: 200px;
max-width: 100%;
resize: vertical;
margin-bottom: 10px;
}
#page .wpcf7 .wpcf7-form .contact-submit,
#page .search-form-wrapper .wpcf7-form .contact-submit,
#page .wpcf7 .search-form .contact-submit,
#page .search-form-wrapper .search-form .contact-submit {
width: 100%;
float: left;
text-align: center;
margin-top: 25px;
}
#page .wpcf7 .wpcf7-form .contact-submit input[type="submit"],
#page .search-form-wrapper .wpcf7-form .contact-submit input[type="submit"],
#page .wpcf7 .search-form .contact-submit input[type="submit"],
#page .search-form-wrapper .search-form .contact-submit input[type="submit"] { display: inline-block; float: none;
border-radius: 0; }
#page .wpcf7 .wpcf7-form input[type="submit"],
#page .search-form-wrapper .wpcf7-form input[type="submit"],
#page .wpcf7 .search-form input[type="submit"],
#page .search-form-wrapper .search-form input[type="submit"] {
float: none;
font-weight: bold;
height: auto;
letter-spacing: 1px;
margin-top: 0;
padding: 10px 25px;
width: auto;
}
#page .wpcf7,
#page .search-form-wrapper {
text-align: center;
margin-top: 45px;
width: 100%;
float: left;
}
#page .wpcf7 .wpcf7-form,
#page .search-form-wrapper .wpcf7-form,
#page .wpcf7 .search-form,
#page .search-form-wrapper .search-form {
width: 100%;
float: left;
padding: 0;
margin-bottom: 70px;
}
#page .wpcf7 .wpcf7-form .half-size,
#page .search-form-wrapper .wpcf7-form .half-size,
#page .wpcf7 .search-form .half-size,
#page .search-form-wrapper .search-form .half-size { width: 100%;
float: left; margin-bottom: 10px;
}
#page .wpcf7 .wpcf7-form .half-size:nth-of-type(2n + 1),
#page .search-form-wrapper .wpcf7-form .half-size:nth-of-type(2n + 1),
#page .wpcf7 .search-form .half-size:nth-of-type(2n + 1),
#page .search-form-wrapper .search-form .half-size:nth-of-type(2n + 1) {
padding-right: 0;
}
#page .wpcf7 .wpcf7-form label,
#page .search-form-wrapper .wpcf7-form label,
#page .wpcf7 .search-form label,
#page .search-form-wrapper .search-form label {
float: left;
width: 100%;
text-align: left;
display: block;
}
#page .wpcf7 .wpcf7-form label span.label,
#page .search-form-wrapper .wpcf7-form label span.label,
#page .wpcf7 .search-form label span.label,
#page .search-form-wrapper .search-form label span.label {
width: auto;
float: left;
color: #777;
font-size: 110%;
padding: 3px 3px 3px 0;
}
#page .wpcf7 .wpcf7-form label span.required,
#page .search-form-wrapper .wpcf7-form label span.required,
#page .wpcf7 .search-form label span.required,
#page .search-form-wrapper .search-form label span.required {
width: auto;
float: left;
font-size: 120%;
color: #4f7e8b;
}
#page .wpcf7 .wpcf7-form label:nth-last-of-type(2),
#page .search-form-wrapper .wpcf7-form label:nth-last-of-type(2),
#page .wpcf7 .search-form label:nth-last-of-type(2),
#page .search-form-wrapper .search-form label:nth-last-of-type(2) {
margin-top: 0;
}
#page .wpcf7 .wpcf7-form :placeholder,
#page .search-form-wrapper .wpcf7-form :placeholder,
#page .wpcf7 .search-form :placeholder,
#page .search-form-wrapper .search-form :placeholder {
color: #111;
letter-spacing: 1px;
}
#page .wpcf7 .wpcf7-form ::-webkit-input-placeholder,
#page .search-form-wrapper .wpcf7-form ::-webkit-input-placeholder,
#page .wpcf7 .search-form ::-webkit-input-placeholder,
#page .search-form-wrapper .search-form ::-webkit-input-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .wpcf7 .wpcf7-form :-moz-placeholder,
#page .search-form-wrapper .wpcf7-form :-moz-placeholder,
#page .wpcf7 .search-form :-moz-placeholder,
#page .search-form-wrapper .search-form :-moz-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .wpcf7 .wpcf7-form ::-moz-placeholder,
#page .search-form-wrapper .wpcf7-form ::-moz-placeholder,
#page .wpcf7 .search-form ::-moz-placeholder,
#page .search-form-wrapper .search-form ::-moz-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .wpcf7 .wpcf7-form :-ms-input-placeholder,
#page .search-form-wrapper .wpcf7-form :-ms-input-placeholder,
#page .wpcf7 .search-form :-ms-input-placeholder,
#page .search-form-wrapper .search-form :-ms-input-placeholder {
color: #111;
letter-spacing: 1px;
}
#page .wpcf7 .wpcf7-form input[type="text"],
#page .search-form-wrapper .wpcf7-form input[type="text"],
#page .wpcf7 .search-form input[type="text"],
#page .search-form-wrapper .search-form input[type="text"],
#page .wpcf7 .wpcf7-form input[type="email"],
#page .search-form-wrapper .wpcf7-form input[type="email"],
#page .wpcf7 .search-form input[type="email"],
#page .search-form-wrapper .search-form input[type="email"],
#page .wpcf7 .wpcf7-form input[type="search"],
#page .search-form-wrapper .wpcf7-form input[type="search"],
#page .wpcf7 .search-form input[type="search"],
#page .search-form-wrapper .search-form input[type="search"],
#page .wpcf7 .wpcf7-form textarea,
#page .search-form-wrapper .wpcf7-form textarea,
#page .wpcf7 .search-form textarea,
#page .search-form-wrapper .search-form textarea,
#page .wpcf7 .wpcf7-form select,
#page .search-form-wrapper .wpcf7-form select,
#page .wpcf7 .search-form select,
#page .search-form-wrapper .search-form select {
padding: 13px;
border-radius: 0;
border: 1px solid #bbb;
margin: 8px 0;
background-color: #ffffff;
color: #8d8d8d;
box-sizing: border-box;
width: 100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#page .wpcf7 .wpcf7-form input[type="text"].search-field,
#page .search-form-wrapper .wpcf7-form input[type="text"].search-field,
#page .wpcf7 .search-form input[type="text"].search-field,
#page .search-form-wrapper .search-form input[type="text"].search-field,
#page .wpcf7 .wpcf7-form input[type="email"].search-field,
#page .search-form-wrapper .wpcf7-form input[type="email"].search-field,
#page .wpcf7 .search-form input[type="email"].search-field,
#page .search-form-wrapper .search-form input[type="email"].search-field,
#page .wpcf7 .wpcf7-form input[type="search"].search-field,
#page .search-form-wrapper .wpcf7-form input[type="search"].search-field,
#page .wpcf7 .search-form input[type="search"].search-field,
#page .search-form-wrapper .search-form input[type="search"].search-field,
#page .wpcf7 .wpcf7-form textarea.search-field,
#page .search-form-wrapper .wpcf7-form textarea.search-field,
#page .wpcf7 .search-form textarea.search-field,
#page .search-form-wrapper .search-form textarea.search-field,
#page .wpcf7 .wpcf7-form select.search-field,
#page .search-form-wrapper .wpcf7-form select.search-field,
#page .wpcf7 .search-form select.search-field,
#page .search-form-wrapper .search-form select.search-field {
width: auto;
float: left;
margin-top: 0;
margin-right: 10px;
}
#page .wpcf7 .wpcf7-form input[type="text"]:focus,
#page .search-form-wrapper .wpcf7-form input[type="text"]:focus,
#page .wpcf7 .search-form input[type="text"]:focus,
#page .search-form-wrapper .search-form input[type="text"]:focus,
#page .wpcf7 .wpcf7-form input[type="email"]:focus,
#page .search-form-wrapper .wpcf7-form input[type="email"]:focus,
#page .wpcf7 .search-form input[type="email"]:focus,
#page .search-form-wrapper .search-form input[type="email"]:focus,
#page .wpcf7 .wpcf7-form input[type="search"]:focus,
#page .search-form-wrapper .wpcf7-form input[type="search"]:focus,
#page .wpcf7 .search-form input[type="search"]:focus,
#page .search-form-wrapper .search-form input[type="search"]:focus,
#page .wpcf7 .wpcf7-form textarea:focus,
#page .search-form-wrapper .wpcf7-form textarea:focus,
#page .wpcf7 .search-form textarea:focus,
#page .search-form-wrapper .search-form textarea:focus,
#page .wpcf7 .wpcf7-form select:focus,
#page .search-form-wrapper .wpcf7-form select:focus,
#page .wpcf7 .search-form select:focus,
#page .search-form-wrapper .search-form select:focus {
color: #4f7e8b;
}
#page .wpcf7 .wpcf7-form select,
#page .search-form-wrapper .wpcf7-form select,
#page .wpcf7 .search-form select,
#page .search-form-wrapper .search-form select {
appearance: none;
-moz-appearance: none; -webkit-appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
background-position: center right;
background-repeat: no-repeat;
border-radius: 2px;
padding: 12.2px 13px;
color: #aaa;
}
#page .wpcf7 .wpcf7-form textarea,
#page .search-form-wrapper .wpcf7-form textarea,
#page .wpcf7 .search-form textarea,
#page .search-form-wrapper .search-form textarea {
transition: none;
max-height: 300px;
min-height: 200px;
height: 200px;
max-width: 100%;
resize: vertical;
margin-bottom: 10px;
}
#page .wpcf7 .wpcf7-form .contact-submit,
#page .search-form-wrapper .wpcf7-form .contact-submit,
#page .wpcf7 .search-form .contact-submit,
#page .search-form-wrapper .search-form .contact-submit {
width: 100%;
float: left;
text-align: center;
margin-top: 25px;
}
#page .wpcf7 .wpcf7-form .contact-submit input[type="submit"],
#page .search-form-wrapper .wpcf7-form .contact-submit input[type="submit"],
#page .wpcf7 .search-form .contact-submit input[type="submit"],
#page .search-form-wrapper .search-form .contact-submit input[type="submit"] { display: inline-block;
float: left;
border-radius: 0; }
#page .wpcf7 .wpcf7-form input[type="submit"],
#page .search-form-wrapper .wpcf7-form input[type="submit"],
#page .wpcf7 .search-form input[type="submit"],
#page .search-form-wrapper .search-form input[type="submit"] {
float: left;
font-weight: bold;
height: auto;
letter-spacing: 1px;
margin-top: 0;
padding: 10px 25px;
width: auto;
}
#page .contact-homescreen-right {
background-color: #4d4d4f;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 50%;
z-index: 200;
color: white;
overflow: hidden;
}
#page .contact-homescreen-right .contact-address-overlay .contact-address {
color: white;
font-size: 110%;
display: inline-block;
text-align: left;
}
#page .contact-homescreen-right .contact-address-overlay .contact-address > div {
margin: 2px 0;
}
#page .contact-homescreen-right .contact-address-overlay .contact-address > div i {
color: #4f7e8b;
margin-right: 5px;
width: 25px;
font-size: 95%;
}
#page .contact-homescreen-right .contact-address-overlay .contact-address > div a {
color: white;
}
#page .contact-homescreen-right .contact-address-overlay .contact-address .address i {
font-size: 135%;
line-height: 90%;
}
#page .contact-homescreen-right .contact-address-overlay .contact-address .company {
margin-left: 30px;
}
#page .contact-homescreen-right .contact-address-overlay .contact-address .postalcode {
margin-left: 30px;
}
#page .contact-homescreen-right .icon-arrow {
width: auto;
right: -8%;
font-size: 100%;
}
#page .contact-homescreen-right .icon-arrow i.fa {
font-size: 7000%;
float: right;
color: #4f7e8b;
position: relative;
top: -15px;
}
.post-407 {
text-align: center;
}
ul.contact-top {
width: 100%;
max-width: 860px;
display: inline-block; padding-bottom: 10px;
padding-top: 15px;
color: #c0c0c0;
}
ul.contact-top li {
float: left;
list-style-type: none;
width: 33%;
min-width: 210px;
text-align: left;
line-height: 39px;
margin: 5px 0;
color: #bbbcbc;
}
ul.contact-top li:last-child { line-height: normal;
}
ul.contact-top li .contact-item {
background-color: #fbfbfc;
border-radius: 5000px;
display: block;
margin: 0 auto;
height: 190px;
padding: 45px 0;
text-align: center;
width: 190px;
}
ul.contact-top li .contact-item.contact-phone {
font-size: 110%;
}
ul.contact-top li .contact-item.contact-mail {
font-size: 100%;
}
ul.contact-top li .contact-item.contact-location {
font-size: 95%;
}
ul.contact-top li i {
width: 100%;
text-align: center;
font-size: 250%;
color: #bbbcbc;
}
ul.contact-top li span {
width: 100%;
text-align: center;
color: #bbbcbc;
display: block;
font-size: inherit;
}
.contact-info {
text-align: center;
}
.contact-info > div {
background-color: #4f7e8b;
color: white;
border-radius: 8px;
width: 190px;
height: 34px;
line-height: 34px;
margin-top: 20px;
position: relative;
z-index: 99999;
display: inline-block;
font-weight: bold;
}
.contact-text-row .form-text > p {
color: #333;
display: inline-block;
font-size: 100%;
font-weight: 500; width: 80%;
}
.contact-vdbemd p {
color: #333;
font-size: 100%;
font-weight: 500;
}
#main.contact .contact-text {
margin-bottom: 60px;
margin-top: 20px;
}
#main.contact .contact-forms-row {
padding-left: 3%;
padding-right: 3%;
box-sizing: border-box;
padding-bottom: 40px;
}
#main.contact .contact-forms-row > div {
text-align: center;
position: relative;
z-index: 2;
}
#main.contact .contact-forms-row > div .form-title {
display: inline-block;
text-align: left;
margin-bottom: 40px;
}
#main.contact .contact-forms-row > div .form-title span {
padding: 2px 5px;
font-weight: bold;
font-size: 185%;
}
#main.contact .contact-forms-row > div .form-title span.special {
color: #4f7e8b;
background-color: black;
}
#main.contact .contact-forms-row .contact-image {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
background-image: url(//vanroode.nl/wp-content/themes/scodeTheme/css/template/img/contact-bg.jpg);
background-repeat: no-repeat;
background-position: right;
background-size: auto 100%;
margin-bottom: 0;
z-index: 1;
}
@media (max-width: 1490px) {
#main.contact .contact-forms-row .contact-image {
display: none;
}
}
#main.contact .contact-logo {
text-align: center;
float: left;
width: 100%;
}
#main.contact .contact-logo img {
max-width: 100%;
width: 280px;
display: inline-block;
float: none;
margin: 30px 0 45px;
}
#main.contact .contact-address {
text-align: center;
}
#main.contact .contact-address > div {
font-size: 110%;
color: black;
}
#main.contact .contact-address.contact-address-short > div {
font-size: 90%;
}
#main.contact .social-list {
display: inline-block;
height: auto;
margin-top: 50px;
}
#main.contact .social-list .social-list-item {
float: left;
margin: 20px;
text-align: center;
}
#main.contact .social-list .social-list-item a {
background-color: #4f7e8b;
border-radius: 100%;
color: white;
font-size: 190%;
height: 40px;
line-height: 40px;
width: 40px;
display: inline-block;
}
#main.contact .social-list .social-list-item a:hover {
border: inset 1px solid #4f7e8b;
color: #4f7e8b;
background-color: white;
font-size: 250%;
}
.wpcf7-response-output {
float: left;
}
.map-wrap {
width: 100%;
float: left;
opacity: 0.94; }
.map-wrap .map-inner {
width: 100%;
float: left;
}
.map-wrap .map-inner #map {
width: 100%;
float: left; height: 100%;
}
#page div.google-map-row {
background-color: rgba(61, 97, 106, 0.8);
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
html.is-safari #content.home-content #parallax1 {
top: -100px;
top: -8vh;
}
#content.home-content {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
position: relative;
}
#content.home-content .home-contact-row {
padding-top: 90px;
}
#content.home-content .home-contact-row .home-contact-text-col .section-title {
text-align: left;
padding: 0;
}
#content.home-content .home-contact-row .home-contact-text-col h2 {
text-transform: uppercase;
font-weight: bold;
color: black;
font-size: 650%;
letter-spacing: 0;
font-family: BebasNeue, lato, sans-serif;
line-height: 100%;
width: 80%;
}
@media (max-width: 1550px) {
#content.home-content .home-contact-row .home-contact-text-col h2 {
font-size: 450%;
}
}
@media (max-width: 1350px) {
#content.home-content .home-contact-row .home-contact-text-col h2 {
font-size: 270%;
}
}
#content.home-content .home-contact-row .home-contact-text-col .decoration-line {
border-bottom: 3px solid #000;
float: left;
width: 200px !important;
}
#content.home-content .home-contact-row .home-contact-text-col p {
text-align: left;
float: left;
font-weight: 300;
font-style: italic;
font-size: 115%;
width: 70%;
}
#content.home-content .home-contact-row .home-contact-form-col .wpcf7 {
margin-top: 0 !important;
}
#content.home-content #parallax1 {
height: 702px;
left: -80px;
position: absolute;
top: -25vh;
width: 582px;
z-index: 2147483647;
}
@media (min-width: 2000px) {
#content.home-content #parallax1 {
height: 702px;
width: 582px;
top: -15vh;
}
}
@media (max-width: 1800px) {
#content.home-content #parallax1 {
height: 702px;
width: 582px;
top: -15vw;
}
}
@media (max-width: 1700px) {
#content.home-content #parallax1 {
height: 670px;
width: 510px;
top: -12vw;
}
}
@media (max-width: 1550px) {
#content.home-content #parallax1 {
height: 540px;
width: 440px;
top: -10vw;
left: -50px;
}
}
@media (max-width: 1370px) {
#content.home-content #parallax1 {
height: 426px;
width: 341px;
top: -310px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#content.home-content #parallax1 { height: 572px;
width: 430px;
top: -27vh;
}
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img {
position: absolute !important;
top: 50%;
left: 50%;
width: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
transform: translateX(-25%);
-ms-transform: translateX(-25%);
-webkit-transform: translateX(-25%);
-moz-transform: translateX(-25%);
-o-transform: translateX(-25%);
left: 25%;
top: 0;
width: 400px;
max-width: 20%;
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img.overlay-20-50 {
left: 20%;
top: 50%;
transform: translate(-20%, -50%);
-ms-transform: translate(-20%, -50%);
-webkit-transform: translate(-20%, -50%);
-moz-transform: translate(-20%, -50%);
-o-transform: translate(-20%, -50%);
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img.overlay-80-50 {
left: 80%;
top: 50%;
transform: translate(-80%, -50%);
-ms-transform: translate(-80%, -50%);
-webkit-transform: translate(-80%, -50%);
-moz-transform: translate(-80%, -50%);
-o-transform: translate(-80%, -50%);
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img.overlay-80-80 {
left: 80%;
top: 80%;
transform: translate(-80%, -80%);
-ms-transform: translate(-80%, -80%);
-webkit-transform: translate(-80%, -80%);
-moz-transform: translate(-80%, -80%);
-o-transform: translate(-80%, -80%);
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img.overlay-50-20 {
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img.overlay-70-20 {
left: 70%;
top: 20%;
transform: translate(-70%, -20%);
-ms-transform: translate(-70%, -20%);
-webkit-transform: translate(-70%, -20%);
-moz-transform: translate(-70%, -20%);
-o-transform: translate(-70%, -20%);
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img.overlay-70-30 {
left: 70%;
top: 30%;
transform: translate(-70%, -30%);
-ms-transform: translate(-70%, -30%);
-webkit-transform: translate(-70%, -30%);
-moz-transform: translate(-70%, -30%);
-o-transform: translate(-70%, -30%);
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img.overlay-85-30 {
left: 85%;
top: 30%;
transform: translate(-85%, -30%);
-ms-transform: translate(-85%, -30%);
-webkit-transform: translate(-85%, -30%);
-moz-transform: translate(-85%, -30%);
-o-transform: translate(-85%, -30%);
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img.overlay-y {
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: auto;
width: 100%;
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img.overlay-x {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
top: auto;
}
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img img {
width: 400px;
object-fit: scale-down;
-webkit-animation: heartbeat 1300ms ease 0s infinite normal;
-khtml-animation: heartbeat 1300ms ease 0s infinite normal;
-moz-animation: heartbeat 1300ms ease 0s infinite normal;
-ms-animation: heartbeat 1300ms ease 0s infinite normal;
-o-animation: heartbeat 1300ms ease 0s infinite normal;
animation: heartbeat 1300ms ease 0s infinite normal;
}
@media (max-width: 1370px) {
#content.home-content .flex-fields-group-row .flex-field-col.flex-home-blog .flex-bg-type-videoplusimage .videoplusimage-img {
display: none;
}
}
#content.home-content > .row { background-color: white;
position: relative;
z-index: 33;
}
#content.home-content > .over-quote-row { background-color: transparent;
}
#content.home-content .home-links .home-link-col {
position: relative;
padding-left: 0;
padding-right: 0;
}
#content.home-content .home-links .home-link-col .home-link {
float: left;
width: 100%;
height: 33.33vh;
position: relative; margin: 0;
}
#content.home-content .home-links .home-link-col .home-link:hover { }
#content.home-content .home-links .home-link-col .home-link:hover img { }
#content.home-content .home-links .home-link-col .home-link .home-link-title {
position: absolute;
bottom: 5%;
left: 5%;
color: white;
text-transform: uppercase;
font-size: 140%;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
#content.home-content .home-links .home-link-col .home-link .home-link-title h2 {
margin: 5px 0;
}
#content.home-content .home-links .home-link-col .home-link .image-background {
float: left;
width: 100%;
height: 100%;
position: absolute;
z-index: 98;
display: block;
}
#content.home-content .home-links .home-link-col .home-link .image-background img {
float: left;
width: 100%;
height: 100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#content.home-content .home-links .home-link-col .home-link.home-link-full-size {
height: 100vh;
}
#content.home-content .home-trends > div {
margin-top: 80px;
}
#content.home-content .home-trends > div .section-title {
margin-bottom: 0;
}
#content.home-content .home-trends .row .btn {
margin-top: 80px;
float: none;
}
#content.home-content .home-trends .row p {
margin-top: 55px;
padding: 0 4%;
}
#content.home-content .home-categories-row .home-category-col .image-link {
display: block;
position: relative;
width: 100%;
height: 100%;
}
#content.home-content .home-categories-row .home-category-col .image-link img.new-thumb {
height: 100%;
}
#content.home-content .home-categories-row .home-category-col .home-category-title {
font-size: 220%;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 5px;
padding: 15px 20px;
border-width: 3px;
width: auto;
}
#content.home-content .klanten-row .klanten .section-title {
margin-top: 100px;
margin-bottom: 30px;
}
#content.home-content .klanten-row .klanten .section-title h2 {
text-align: center;
}
#content.home-content .klanten-row .klanten .klanten-list {
float: left;
margin-bottom: 50px;
width: 100%;
}
#content.home-content .klanten-row .klanten .klanten-list .klant {
text-align: center;
margin-bottom: 40px;
padding: 0 25px;
}
#content.home-content .klanten-row .klanten .klanten-list .klant img {
display: inline-block;
float: none;
}
#content.home-content .reviews-row .section-title {
margin-top: 80px;
}
#content.home-content .reviews-row .section-title h2 {
text-align: center;
}
#content.home-content .reviews-row .reviews-list {
float: left;
margin: 10px 0 120px;
width: 100%;
}
#content.home-content .reviews-row .reviews-list q.review {
font-size: 120%;
font-weight: bold;
text-align: center;
margin: 40px 0;
}
#content.home-content .contact-text {
float: left;
padding-bottom: 25px;
width: 100%;
}
#content.home-content .contact-text li {
list-style-type: disc;
margin-left: 35px;
font-weight: bold;
}
#content.home-content .home-contact-row {
position: relative;
}
#content.home-content .home-contact-row .bg {
width: 100%;
float: left;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: black;
}
#content.home-content .home-contact-row .bg .video-row,
#content.home-content .home-contact-row .bg .bg-black,
#content.home-content .home-contact-row .bg .video-container {
height: 100%;
}
#content.home-content .home-contact-row .bg .video-row video,
#content.home-content .home-contact-row .bg .bg-black video,
#content.home-content .home-contact-row .bg .video-container video {
object-fit: cover;
width: 100%;
height: 100%;
opacity: 0.9;
}
#content.home-content .home-contact-row .bg img {
object-fit: cover;
width: 100%;
height: 100%;
opacity: 0.9;
}
#content.home-content .home-contact-row .home-contact-overlay {
width: 100%;
color: white;
}
#content.home-content .home-contact-row .home-contact-overlay .home-contact {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
#content.home-content .home-contact-row .home-contact-overlay .home-contact .section-title,
#content.home-content .home-contact-row .home-contact-overlay .home-contact .section-title h2,
#content.home-content .home-contact-row .home-contact-overlay .home-contact .decoration-line {
color: inherit;
border-color: #eee;
}
#content.home-content .home-contact-row .home-contact-overlay .home-contact .home-contact-text {
font-size: 160%;
padding: 50px 4% 100px;
letter-spacing: 1px;
line-height: 110%;
}
#content.home-content .home-contact-row .home-contact-overlay .home-contact .btn {
margin-bottom: 10px;
text-shadow: none;
}
#content.home-content .home-contact-row .home-contact .home-contact-text {
font-size: 175%;
padding: 140px 4% 90px;
letter-spacing: 1px;
}
#content.home-content .home-contact-row .home-contact .btn {
margin-bottom: 130px;
}
#content.home-content .home-contact {
margin: 0 0 20px; }
#content.home-content .home-contact .home-contact-field {
background-color: #4f7e8b;
color: white;
padding: 20px 25px;
border-radius: 10px;
}
#content.home-content .home-contact .home-contact-field h3 {
margin-top: 10px;
margin-bottom: 25px;
color: white;
}
#content.home-content .home-contact .home-contact-field .contact-address > div {
margin: 10px 0;
}
#content.home-content .home-contact .home-contact-field .contact-address .postalcode.city {
margin-left: 30px;
margin-top: 0;
}
#content.home-content .home-contact .home-contact-field .contact-address .address {
margin-bottom: 0;
}
#content.home-content .home-contact .home-contact-field .contact-address .address i {
position: relative;
top: 10px;
font-size: 115%;
}
#content.home-content .home-contact .home-contact-field .contact-address i {
margin-right: 10px;
width: 20px;
text-align: center;
font-size: 105%;
}
#content.home-content .home-contact .home-contact-field .contact-address a {
color: white;
}
#content.home-content .home-text-row {
padding-top: 30px;  position: relative;
}
#content.home-content .home-text-row .home-text-bg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
#content.home-content .home-text-row .home-text-bg .bg-left,
#content.home-content .home-text-row .home-text-bg .bg-right {
position: absolute;
width: auto;
margin: 0 3%;
height: 2000px;
padding: 0 0 10%;
max-height: 100%;
left: 5%;
top: 0;
text-align: center;
}
#content.home-content .home-text-row .home-text-bg .bg-left.bg-right,
#content.home-content .home-text-row .home-text-bg .bg-right.bg-right {
left: auto;
right: 5%;
}
@media (max-width: 1200px) {
#content.home-content .home-text-row .home-text-bg .bg-left,
#content.home-content .home-text-row .home-text-bg .bg-right {
display: none;
}
}
#content.home-content .home-text-row .home-text-bg img.home-text-person {
float: none;
display: inline-block;
width: auto;
margin: 0 4%;
height: 2000px;
padding: 0 0 25px;
max-height: 100%;
}
#content.home-content .home-text-row .home-text-bg img {
opacity: 0.92;
}
#content.home-content .home-text-row .home-text-bg .home-text-person-name {
float: none;
width: auto;
display: inline-block;
text-align: center;
margin: 0 25%;
height: 2000px;
padding: 3% 0;
max-height: 100%;
font-size: 120%;
font-weight: bold;
color: #222;
}
#content.home-content .home-text-row .contact-text {
text-align: center;
position: relative;
z-index: 9999;
}
#content.home-content .home-text-row .contact-text h2 {
text-transform: uppercase;
font-size: 150%;
padding-top: 9.5%;
min-height: 200px;
}
#content.home-content .home-text-row .contact-text p {
font-size: 150%;
padding: 6.5% 13%;
min-height: 200px;
color: #000;
}
#content.home-content .home-text-row .contact-text .btn {
margin-top: 7%;
}
#content.home-content .home-text-row .contact-text.overlay {
width: 100%;
}
#content.home-content h2 {
margin: 5px 0 25px;
}
#content.home-content .all-products-button {
margin: 70px 0;
}
#content.home-content .over-quote,
#content.home-content .all-products-button {
text-align: center;
}
#content.home-content .over-quote { background-color: rgba(79, 126, 139, 0.65); }
#content.home-content .over-quote img {
visibility: hidden;
height: 450px;
}
#content.home-content .over-quote .overlay {
position: absolute;
top: 50%;
left: 50%;
width: 50%;
min-width: 600px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 201;
}
#content.home-content .over-quote .over-quote-text-wrapper {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#content.home-content .over-quote .over-quote-text-wrapper h2.quote {
color: white;
font-size: 160%;
font-weight: 700;
font-family: 'Lato';
}
#content.home-content .over-quote .over-quote-text-wrapper .quote-author {
color: white;
font-size: 160%;
font-weight: 300; color: #eee;
font-family: 'Roboto';
}
#content.home-content .over-quote .available {
text-align: center;
margin-bottom: 35px;
}
#content.home-content .over-quote .available ul.available-list {
display: inline-block;
}
#content.home-content .over-quote .available ul.available-list li {
float: left;
color: white;
margin: 0 10px;
}
#content.home-content .over-quote .available ul.available-list li i.fa {
margin: 0 10px;
}
#content.home-content .over-quote .buttons .btn {
padding: 8px 35px;
border-radius: 16px;
width: 315px;
}
#content.home-content .over-quote .buttons .btn .arrow-right {
color: white;
}
#content.home-content .over-quote .buttons .btn:hover .arrow-right {
color: #333;
}
#content.home-content #agenda {
margin-bottom: 20px;
}
#content.home-content #agenda ul#agenda-list li.agenda-item {
width: 100%;
float: left;
list-style-type: none;
margin-bottom: 15px;
}
#content.home-content #agenda ul#agenda-list li.agenda-item .agenda-date {
float: left;
color: black;
text-align: center;
width: 50px;
}
#content.home-content #agenda ul#agenda-list li.agenda-item .agenda-date .agenda-day {
font-size: 220%;
font-weight: bold;
line-height: 34px;
}
#content.home-content #agenda ul#agenda-list li.agenda-item .agenda-date .agenda-month {
text-transform: lowercase;
font-weight: bold;
font-size: 95%;
}
#content.home-content #agenda ul#agenda-list li.agenda-item .agenda-content {
float: left;
margin: 0 10px;
width: 60%;
width: calc(100% - 180px);
}
#content.home-content #agenda ul#agenda-list li.agenda-item .agenda-content h4 {
color: #4f7e8b;
font-size: 110%;
margin-bottom: 5px;
margin-top: 2px;
}
#content.home-content #agenda ul#agenda-list li.agenda-item .agenda-content h4:hover {
color: #76a4b1;
}
#content.home-content #info {
margin-bottom: 20px;
}
#content.home-content #info .info-video {
float: left;
width: 100%;
margin-top: 20px;
}
body.home {
height: 100%;
max-height: 100%;
overflow-x: hidden;
}
.home.page .site-main .container {
padding: 0;
width: 100%;
}
.home.page .site-main .row {
margin: 0;
}
.home.page .site-main .entry-title {
display: none;
}
.home.page .main_page {
padding: 0;
}
@-webkit-keyframes heartbeat {
0% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes heartbeat {
0% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes heartbeat {
0% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartbeat {
0% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
.searchpage .total-results {
margin: 10px 0;
}
.relevanssi-query-term {
background-color: #4f7e8b !important;
color: white !important;
padding: 0 1px 2px;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}  .flip-container {
perspective: 1000;
transform-style: preserve-3d;
} .flip-container:hover .back,
.flip-container.hovered .back {
transform: rotateY(0deg);
}
.flip-container:hover .front,
.flip-container.hovered .front {
transform: rotateY(180deg);
}
.flip-container,
.flip-container .front,
.flip-container .back { } .flip-container .flipper { transition: all 0.5s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important;
transform-style: preserve-3d;
position: relative;
} .flip-container .front,
.flip-container .back {
backface-visibility: hidden; transition: all 0.5s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
} .flip-container .front {
z-index: 2;
transform: rotateY(0deg);
} .flip-container .back {
transform: rotateY(-180deg);
}
.flip-container .back .back-content {
position: relative; } .vertical.flip-container {
position: relative;
}
.vertical.flip-container .back {
transform: rotateX(180deg);
}
.vertical.flip-container:hover .back,
.vertical.flip-container.hovered .back {
transform: rotateX(0deg);
}
.vertical.flip-container:hover .front,
.vertical.flip-container.hovered .front {
transform: rotateX(180deg);
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
#parallax-content-wrapper,
#parallax-wrapper {
height: 100%;
position: relative;
}
.scrollContainer {
height: 100%;
margin: auto;
}
.scrollContainer {
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
}
#parallax-wrapper.scrollContainer .parallax-scrollContent {
height: auto;
width: 100%;
position: relative;
}
#parallax-wrapper .parallax-scrollContent,
#parallax-wrapper.horizontal .parallax-scrollContent {
font-size: 0;
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
.spin {
-webkit-animation-name: spinner;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 4s;
animation-name: spinner;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.spin.hover-stop:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-ms-animation-play-state: paused;
animation-play-state: paused;
} @-webkit-keyframes spinner {
from {
-webkit-transform: rotateY(0deg);
}
to {
-webkit-transform: rotateY(-360deg);
}
} @keyframes spinner {
from {
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
to {
-moz-transform: rotateY(-360deg);
-ms-transform: rotateY(-360deg);
transform: rotateY(-360deg);
}
}
#wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
@media (max-width: 1700px) {
#footer {
padding-left: 3%;
padding-right: 3%;
}
#footer .footer-bottom .footer-col {
padding-left: 10px;
padding-right: 10px;
}
#footer .footer-bottom .footer-col.footer-social .social-list .social-list-item {
margin: 0 8px 20px;
}
#page .contact-homescreen-right .icon-arrow {
font-size: 95%;
}
}
@media (max-width: 1550px) {
#footer {
padding-left: 2.5%;
padding-right: 2.5%;
}
#footer .footer-bottom {
font-size: 90%;
}
#footer .footer-bottom .footer-col.footer-social .social-list {
height: 80px;
}
#footer .footer-bottom .footer-col.footer-social .social-list .social-list-item a {
font-size: 140%;
height: 40px;
line-height: 40px;
width: 40px;
}
#footer .footer-bottom .footer-col.footer-social .social-list .social-list-item a:hover {
font-size: 260%;
}
#page .contact-homescreen-right .icon-arrow {
font-size: 85%;
}
}
@media (max-width: 1430px) {
#footer {
padding-left: 2%;
padding-right: 2%;
}
#footer .footer-bottom {
font-size: 88%;
padding-top: 20px;
}
#footer .footer-bottom .footer-col {
margin-bottom: 15px;
}
#footer .footer-bottom .footer-col.footer-social .social-list {
height: 70px;
}
#footer .footer-bottom .footer-col.footer-social .social-list .social-list-item a {
font-size: 130%;
height: 35px;
line-height: 35px;
width: 35px;
}
#footer .footer-bottom .footer-col.footer-social .social-list .social-list-item a:hover {
font-size: 240%;
}
#page .contact-homescreen-right .icon-arrow {
font-size: 80%;
}
}
@media (max-width: 1370px) {
#footer .footer-bottom {
font-size: 85%;
}
#main .homescreen,
.homescreen {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.contact-text {
padding-left: 3%;
padding-right: 3%;
}
#page .contact-homescreen-right .icon-arrow {
font-size: 75%;
right: -9%;
}
body.side-menu-expanded #page {
width: 100%;
}
.footer-spacer {
height: 120px;
}
.footer-spacer.footer-spacer-small {
height: 20px;
}
}
@media (max-width: 1200px) {
.row p {
padding: 0 4%;
}
#footer .footer-bottom {
font-size: 83%;
}
#page .contact-homescreen-right .contact-address-overlay {
text-align: center;
}
#page .contact-homescreen-right .icon-arrow {
font-size: 60%;
right: -12%;
}
}
@media (max-width: 1000px) {
#page .contact-page .vh100,
#page .contact-page .vh50,
#page .contact-page .vh33,
#page .contact-page .vh30,
#page .contact-page .vh25,
#page .contact-page .vh20 {
height: auto !important;
}
#page .contact-page .vh100 > div[class*="col"],
#page .contact-page .vh50 > div[class*="col"],
#page .contact-page .vh33 > div[class*="col"],
#page .contact-page .vh30 > div[class*="col"],
#page .contact-page .vh25 > div[class*="col"],
#page .contact-page .vh20 > div[class*="col"] {
height: auto;
}
#page .vh100,
#page .vh50,
#page .vh33,
#page .vh30,
#page .vh25,
#page .vh20 { }
#page .vh100 > div[class*="col"],
#page .vh50 > div[class*="col"],
#page .vh33 > div[class*="col"],
#page .vh30 > div[class*="col"],
#page .vh25 > div[class*="col"],
#page .vh20 > div[class*="col"] { }
#page .vh100.blogpost,
#page .vh50.blogpost,
#page .vh33.blogpost,
#page .vh30.blogpost,
#page .vh25.blogpost,
#page .vh20.blogpost {  }
#page .row .col-margin {
margin-bottom: 60px;
}
#content.home-content .home-trends .row p {
margin-top: 0;
}
.parallaxForground {
display: none !important;
}
#footer .footer-bottom {
font-size: 95%;
}
#footer .footer-bottom .footer-col .footer-container {
text-align: center;
}
.top-media-container.fixed {
position: relative !important;
}
#page .top-media .top-media-filler {
position: absolute;
top: 0;
left: 0;
}
.footer-menu { }
#page .contact-homescreen-right .icon-arrow {
display: none;
}
#page .projecten-text .section-title {
text-align: center;
}
#page .projecten-text .section-title .decoration-line {
margin: 10px auto;
}
#page .projecten-text p {
text-align: center;
}
#page .about-page-row .about-title {
text-align: center;
width: 100%;
}
}        #wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}
.counters .counters-list {
margin: 0;
float: left;
width: 100%;
}
.counters .counters-list .counter {
margin: 10px 0;
padding: 0 10px;
}
.counters .counters-list .counter .counter-circle {
position: relative;
width: 100%;
height: 0;
float: left;
padding-bottom: 100%;
}
.counters .counters-list .counter .counter-circle .circliful .timer {
display: none;
}
.counters .counters-list .counter .counter-circle .circle-text {
font-size: 300%;
height: 50px;
line-height: 50px;
font-weight: 900;
color: #4b4848;
}
.counters .counters-list .counter .counter-circle .circle-inner-description {
font-size: 115%;
margin-top: 40px;
}
.counters .counters-list .counter .outer-description {
margin-bottom: 20px;
font-weight: 500;
font-size: 125%;
color: #4b4848;
position: relative;
top: -10px;
}   @font-face {
font-family: 'Bebas Neue';
src: url(//vanroode.nl/wp-content/themes/scodeTheme/img/BebasNeue.ttf);
}
@font-face {
font-family: BebasNeue;
src: url(//vanroode.nl/wp-content/themes/scodeTheme/img/BebasNeue.otd);
src: url(//vanroode.nl/wp-content/themes/scodeTheme/img/BebasNeue.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}  #wpadminbar {
background-color: rgba(79, 126, 139, 0.55);
}
body.wp-admin #wpadminbar {
background-color: #4f7e8b;
}    @-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} @-webkit-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translate(-50%, 0px);
}
40% {
-webkit-transform: translate(-50%, -30px);
}
60% {
-webkit-transform: translate(-50%, -15px);
}
}
@-moz-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translate(-50%, 0px);
}
40% {
-moz-transform: translate(-50%, -30px);
}
60% {
-moz-transform: translate(-50%, -15px);
}
}
@-o-keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
-o-transform: translate(-50%, 0px);
}
40% {
-o-transform: translate(-50%, -30px);
}
60% {
-o-transform: translate(-50%, -15px);
}
}
@keyframes bounce-centered {
0%,
20%,
50%,
80%,
100% {
transform: translate(-50%, 0px);
}
40% {
transform: translate(-50%, -30px);
}
60% {
transform: translate(-50%, -15px);
}
}  *::-webkit-scrollbar {
width: 17px;
cursor: pointer;
} *::-webkit-scrollbar-track {
-webkit-box-shadow: none;
-webkit-border-radius: 10px;
border-radius: 0;
background: white;
} *::-webkit-scrollbar-thumb {
-webkit-border-radius: 0;
border-radius: 0;
background: #6599a8;
-webkit-box-shadow: none;
cursor: pointer;
}
html,
body {
height: 100%;
min-height: 100%;
}
html {
overflow-y: visible !important;
}
html,
body,
body #main {
background-color: white;
}
h2 .prefix,
.maincolor-dashes {
display: none !important;
}
.top-media .video-container {
background-color: #4f7e8b;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.top-media .video-container video {
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
body {
float: left;
width: 100%;
}
body #page #main {
padding: 0;
position: relative;
z-index: 3;
background-color: transparent;
}
.row > div {
overflow: hidden;
}
#page .bg-image-col {
margin: 0;
}
#page .bg-image {
float: left;
width: 100%;
}
#page #content > .row {
background-color: white;
position: relative;
z-index: 33;
margin: 0;
box-sizing: border-box;
}
#page #content > .row:first-child > div {
margin-top: 30px;
}
#page #content > .row:last-child > div {
margin-bottom: 100px;
}
#page #content .row.video-transparent { background-color: rgba(0, 0, 0, 0.5);
color: white;
}
.error404 #page { }
.error404 #page #content {
background-color: white;
position: relative;
z-index: 33;
margin: 0;
box-sizing: border-box;
}
.error404 #page #content .row:first-child {
min-height: 700px;
}
body p a {
padding: 0 1px 1px 1px;
}
body p a:hover {
border-bottom: 1px solid #4f7e8b;
}
body div a,
body section a,
#content a {
color: #4f7e8b;
}
body div a:hover,
body section a:hover,
#content a:hover {
color: #33525a;
}
.full_img {
max-width: 100%;
width: 100%;
}
.full_img img {
width: 100%;
}
img {
height: auto;
float: left;
}
#page .extra-field-row .extra-field {
margin-bottom: 80px;
}
#page .extra-field-row .extra-field.has-bg-img {
margin-bottom: 0;
z-index: 4;
position: relative;
}
#page .extra-field-row .bg-image-col {
margin-bottom: 5px;
z-index: 2;
top: -90px;
position: relative;
}
.old-view {
position: relative;
}
.old-view .old-about-overlay {
max-width: 45%;
width: auto;
z-index: 999;
right: 10%;
position: absolute;
top: 40%;
color: #fff;
text-align: center;
transform: translate(-10%, -50%);
-ms-transform: translate(-10%, -50%);
-webkit-transform: translate(-10%, -50%);
-moz-transform: translate(-10%, -50%);
-o-transform: translate(-10%, -50%);
}
.old-view .old-about-overlay p {
text-align: left;
text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
font-size: 18px;
font-weight: 500; background-color: rgba(79, 126, 139, 0.35);
padding: 12px 23px;
}
.header-my-account {
position: fixed;
right: 0;
top: 10px;
width: 134px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.header-my-account a {
padding: 17px 0;
width: 100%;
float: left;
text-align: center;
color: white;
font-size: 15px;
line-height: normal;
pointer-events: auto;
font-weight: 500;
background-color: #4f7e8b;
border-left: 1px solid #4f7e8b;
border-top: 1px solid #4f7e8b;
border-bottom: 1px solid #4f7e8b;
border-radius: 5px 0 0 5px;
}
.header-my-account a:hover {
color: #4f7e8b;
background-color: white;
}
.header-my-account .fixedTop {
top: 10px;
}
.admin-bar .header-my-account {
top: calc(32px + 10px);
}
.admin-bar .header-my-account .fixedTop {
top: calc(32px + 10px);
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//vanroode.nl/wp-content/themes/scodeTheme/js/fancyBox/source/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//vanroode.nl/wp-content/themes/scodeTheme/js/fancyBox/source/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//vanroode.nl/wp-content/themes/scodeTheme/js/fancyBox/source/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//vanroode.nl/wp-content/themes/scodeTheme/js/fancyBox/source/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//vanroode.nl/wp-content/themes/scodeTheme/js/fancyBox/source/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//vanroode.nl/wp-content/themes/scodeTheme/js/fancyBox/source/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}