.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.invisible-on-load {
opacity: 0;}
.clear{
clear: both;}
.clearfix:after {
clear: both;}
.clearmobile,
.gform_required_legend{
display: none;}
a {
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;}
.navmobile{
display: none;}
.row-flex {
display: flex;
flex-wrap: wrap;}
.cta-microcopy{
float: left; display: inline-block;
padding-right: 10px;}
body{
font-family: "Roboto", sans-serif;
font-size: 16px;} .home .header-slider {
position: relative;
display: block;
width: 100%;
min-height: 640px; margin: 0 auto;
overflow: hidden;  } .afbeelding{
position: relative;
width: 100%;
height: 100%;
min-height: 640px;
border-radius: 15px;
overflow: hidden;
background: transparent;
} .home .header-slider .slider-video {
position: absolute;
inset: 0; width: 100%;
height: 100%;
object-fit: cover; object-position: center; z-index: 0; } .home .header-slider .intro {
position: relative;
z-index: 1;
margin-top: 75px;
}
.container-maxwidth{
max-width: 1600px;
margin: 0 auto;
overflow: hidden;}
.wp-block-image img,
.events-table img{
display: block;
max-width: 100%;
height: auto;}
.alignnone{
display:block;max-width:100%;height:auto}
.alignright{
float: right;
margin: 0 0 10px 10px;}
.alignleft{
float: left;
margin: 0 10px 10px 0;}
.top{
float: left; display: inline-block;
width: 100%;
background:#f9f9f9;
color: #222;
padding: 15px 0;
text-align: right;}
.topmenu ul{
float: right; display: inline-block;
margin: 0; padding: 0;}
.topmenu ul li{
float: left; display: inline-block;
margin-left: 20px;}
.top i{
margin-left: 10px;
padding-right: 4px;}
.head-contact{
float: left; display: inline-block;
}
.sticky{
position: fixed;
top: 0;
left: 0;
float: left; display: inline-block;
background: rgba(255,255,255, 0.95);
width: 100%;
z-index: 1000;}
.header{
float: left; display: inline-block;
width: 100%;}
.header-slider{
float: left; display: inline-block;
width: 100%;
position: relative;
overflow: hidden;
padding: 0 50px;}
.header-overlay{
position: absolute;
width: 100%;
height: 100%;
z-index: 999;
background: rgba(0,0,0,0.4)
}
.header-slider ul{
margin: 0; padding: 0;}
.header-container{ width: 100%;
background: #fff;
margin: 0;
padding: 20px 0 0 0;}
.vervolg-content ul li,
.vervolg-content-blok2 ul li,
.vervolg-content-blok3 ul li,
.vervolg-content-blok4 ul li{
color: #666;
list-style-type: square;
line-height: 31px;
}
ul.search li{
list-style-type: none;
}
.header .logo {
display: block;
float: left;
width: 60px;
padding: 20px 0 10px 0;}
.header .logo img{
max-height: 120px;
}
.logo-container{
float: left; display: inline-block;
width: 20%;}
.inloggen{
float: right; display: inline-block;
margin: 21px 0;}
.navigatie .nav
.navigatie .navmobile{
float: right;
margin: 0 auto;
padding: 0;
width: auto;}
.navigatie{
float: right;
display: inline-block;
width: 80%;
height: auto;
margin: 0;
padding: 0;}
.navigatie .nav ul,
.navigatie .navmobile ul{
float: right;
margin: 82px 0 0 0;
padding: 0;
list-style: none;}
.navigatie .nav ul li,
.navigatie .navmobile ul li {
float: left;
margin:0 40px 0 0 }
.navigatie .nav ul li a,
.navigatie .navmobile ul li a{
font-size: 18px;
display: block;
margin: 0;
color: #222;
text-decoration: none;
font-weight: 600;
padding-bottom:25px;
border-bottom: 2px solid transparent}
.navigatie .nav ul li.current-menu-item ul.sub-menu li a{
border-bottom: 0;}  
.navigatie .nav ul li a:hover,
.navigatie .nav ul li.current-menu-item a,
.navigatie .navmobile ul li.current-menu-item a{
border-bottom: 2px solid #f74883;
cursor: pointer;}
.navigatie .search-toggle{
float: right; display: inline-block;
margin-top: 82px;
}
.search-container{
position: absolute;
display: none;
right: 0;
top: 110px;
background: #f9f9f9;
padding: 10px;
z-index: 9999;}
.search-container form{
width: 100%;
font-size: 13px;}
.search-container input{
float: left; display: inline-block;
width: 200px;
padding: 15px !important;
border: 0;
color: #000;}
.search-container input[type=submit]{
width: auto;
background: #f74883;
font-weight: bold;
text-transform: uppercase;
color: #fff;
font-size: 14px !important;
letter-spacing: 1px;
float: right; display: inline-block;
border-radius: 0;
padding: 14px !important;
margin: 0px 0 0 0 !important;}
.search-container input[type=submit]:hover{
background: #fff;
color: #0e4495;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;}
.ingangen{
float: left; display: inline-block;
width: 100%;
padding: 0;
margin: 0;
position: relative;
top: -50px;
z-index: 999;
}
.ingang_intro{
width: 100%;
float: left; display: inline-block;
text-align: center;
margin-bottom: 10px;
}
.attachment-ingang-afb{
display: block;
max-width: 100%;
height: auto;}
.ingang{
float: left; display: inline-block;
width: 100%;
margin-bottom: 30px;
border-radius: 5px;
transition: all 400ms ease-out;
-webkit-transition: all 400ms ease-out;
overflow: hidden;}
.ingang p{
color: #fff;
margin-top: 10px;
line-height: 21px;}
.ingang-image{
position: relative;
height: auto;
width: 100%;
overflow: hidden;
display: block;}
.ingang-image img{
display: block;
transition:all 400ms ease-out;-webkit-transition:all 400ms ease-out;}
.ingang-image:hover img{
-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1;}
.ingang-title{
float: left; display: inline-block;
background: #222;
padding: 30px;
color: #fff;
width: 100%;
transition: all 400ms ease-out;
-webkit-transition: all 400ms ease-out;
z-index: 999;
position: relative;}
.ingang:hover .ingang-title{
background: #f74883;}
.ingang:hover{
background: #f74883;
margin: -10px 0 0 0;
color: #fff;}
.payoff{
position: absolute;
left: 0; bottom: 0;
width: 100%;
padding: 10px 0;
color: #5c5c5c;}		
.footer {
padding: 20px 0;
background: #ff0a94;
color: #fff;
line-height: 32px;}
.partners img{
max-width: 250px;
}
.footer-logos img{
margin-bottom: 5px;}
.slider .slides {
width: 100%;}
.slider .slides ul {
margin: 0;
padding: 0;
list-style: none;
}
.slider .slides ul li {
width: 100%;
}
.slider .slider-nav {
float: left;
width: 100%;
overflow: hidden;
position: relative;
margin: 8px 0;
}
.slider .slider-nav ul {
clear: left;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
}
.slider .slider-nav ul li {
display: block;
float: left;
margin: 0;
padding: 0;
position: relative;
right: 50%;
}
.slider .slider-nav ul li.cycle-pager-active a {
background: #000;
}
.slider .slider-nav ul li a {
display: block;
height: 24px;
width: 24px;
background: #ff0a94;
color: white;
text-decoration: none;
margin: 0 2px;} .intro{
width: 550px;
margin: 0 auto;
text-align: center;
padding-bottom: 15px;
position: absolute;
z-index: 990;
left: 50%;
top: 165px;
margin: 0 0 0 -275px;}
.home .intro{
display: block;
}
.intro .intro-text{
display: block;
color: #fff;
line-height: 33px;
clear: both;}
.intro .intro-text h1,
.intro .intro-text h2,
.intro .intro-text h3{
color: #fff;
}
.intro .intro-text p{
color: #fff;
font-size: 18px;
line-height: 33px;
}
.intro .intro-cta{
display: block;
margin: 20px 0 0 0;}
.home-content{
float: left; display: inline-block;
width: 100%;
padding: 80px 0;
background: #f9f9f9;
}
.actueel{
float: left; display: inline-block;
width: 100%;
padding: 80px 0;
background: #fff;}
.blok{
padding: 30px;
border-radius: 2px;
background: #fff;
border-radius: 5px;}
.blok-image{
display: inline-block;
width: 100%;
text-align: center;}
.blok-image img{
border-radius: 150px;
margin: 0 auto;}
.primary-sidebar .blok{
margin-bottom: 30px;
min-height: auto;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.10);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.10);}
.primary-sidebar .blok-image{
margin-bottom: 10px;}		
article, .facebookframe{
float: left;
display: inline-block;
width: 100%;
padding-bottom: 13px;
margin-bottom: 13px;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.10);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.10);
}
.facebookframe{
padding: 30px;
}
.page-template-template-frontpage article, .facebookframe, .hp-agenda{	
min-height: 580px;}
.article-sidebar{
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border-bottom: 1px solid #c5c5c5;}
.article-title{
float: left; display: inline-block;
width: 100%;
padding: 30px;}
.article-sidebar .article-title{
padding: 0;}
.hp-agenda{
float: left;
display: inline-block;
width: 100%;
padding-bottom: 13px;
margin-bottom: 13px;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.10);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.10);}
.hp-agenda-title{
padding: 30px;
}
.referentie{
display: inline-block;
text-align: center;
margin: 0 0 0 0;
width: 100%;}
.quote{
float: left; display: inline-block;
width: 80%;
padding: 130px 0 0 0;
background: url(//rockbyrein.nl/wp-content/themes/Template%20C/assets/images/quote.png) left 100px no-repeat;}
.quote-image{
float: left; display: inline-block;
width: 20%;}
.ervaring-item{
display: inline-block;
text-align: center;
margin: 0 0 30px 0;
width: 100%;
border: 1px solid #ddd;
border-radius: 5px;
padding: 20px;
}
.ervaring-quote{
float: left; display: inline-block;
width: 100%;
background: url(//rockbyrein.nl/wp-content/themes/Template%20C/assets/images/quote.png) left 0px no-repeat;
padding: 30px;
}
.ervaring-person img{
max-width: 150px;
border-radius: 300px;
margin: 0 auto;
}
.sponsor-item{
display: inline-block;
text-align: center;
margin: 0 0 30px 0;
width: 100%;
border: 1px solid #ddd;
border-radius: 5px;
padding: 20px;
text-align: left;
}
.sponsor-tekst{
float: left; display: inline-block;
width: 70%;
padding-right: 30px;
}
.sponsor-logo{
float: left; display: inline-block;
width: 30%;
text-align: center;
}
.sponsor-logo img{
margin-bottom: 20px;
}
.footer{
float: left; display: inline-block;
width: 100%;
background: #222;
padding: 90px 0;}
.padding{
padding-right: 150px;}
.vervolg-content{
margin-bottom: 90px;}
ul.nieuws-overzicht{
margin: 0; padding: 0;}
ul.nieuws-overzicht li{
display: inline-block;
margin: 0; padding: 0;
list-style-type: none;}
.article-image{
float: left; display: inline-block;
padding-right: 20px;
width: 20%;}
.article-image img{
max-width: 100%;
height: auto !important;
border-radius: 150px;}
.article-text{
float: left; display: inline-block;
width: 80%;
line-height: 31px;}
article.nieuwsbericht{
padding-bottom: 40px;
margin-bottom: 40px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border-bottom: 1px solid #c5c5c5;}
.project-block{
float: left; display: inline-block;
border: 1px solid #f1f1f1;
margin: 0 0 25px 0;}	
.project-block a{
display: inline-block;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;}
.project-block a .project-image img{
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;}
.project-block a:hover .project-image img{
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;
-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1}
.project-block a:hover h2{
color: #FF7100;}
.project-image{
float: left; display: inline-block;
width: 100%;
overflow: hidden;}
.project-image img{
max-width: 100%;
height: auto !important;}
.project-text{
float: left; display: inline-block;
width: 100%;
line-height: 24px;
padding: 20px;}
.dienst-block{
float: left; display: inline-block;
position: relative;
padding: 0; margin: 0 0 25px 0;}	
.dienst-block a{
display: inline-block;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;}
.dienst-block a .dienst-image img{
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;}
.dienst-block a:hover .dienst-image img{
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;
-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1}
.dienst-block a:hover h2{
color: #fff;}
.dienst-image{
float: left; display: inline-block;
width: 100%;
overflow: hidden;
position: relative;}
.dienst-image img{
max-width: 100%;
display: block;
height: auto !important;}
.dienst-text{
position: absolute;
width: 100%;
line-height: 24px;
padding: 10px;
z-index: 999;
bottom: 0;
left: 0;
color: #fff;
background: rgba(255,113,0,0.90);}
.dienst-block:hover .dienst-text{
background: rgba(77,192,193,0.90);}
.contactopnemen{
float: left; display: inline-block;
width: 100%;
padding: 80px 0;
background: #f1e4da;
line-height: 32px;
position: relative;}
.directnaar-afb{
float: left; display: inline-block;
width: 100%;
position: relative;}
.directnaar-afb-tekst{
float: left; display: inline-block;
width: 100%;
background: #f74883;
padding:10px 20px;
text-align: center;}
.section-title{
float: left; display: inline-block;
width: 100%;
text-align: center;}
.vervolg-content-blok2,
.vervolg-content-blok4{
float: left; display: inline-block;
width: 100%;
padding: 70px 0;
background: #f7f7f7;
}
.vervolg-content-blok3{
float: left; display: inline-block;
width: 100%;
padding: 70px 0;
background: #fff;
}
.vervolg-content img,
.vervolg-content-blok2 img,
.vervolg-content-blok3 img,
.vervolg-content-blok4 img{
border-radius: 5px;}
.gerecht{
float: left; display: inline-block;
width: 100%;
padding: 20px;
background: #f7f7f7;
margin-bottom: 30px;}
.gerechtnummer{
float: left; display: inline-block;
width: 10%;}
.page-id-597 .gerechtnummer{
width: 0%;
}
.gerechtnaam{
float: left; display: inline-block;
width: 70%;
font-weight: bold;}
.gerechtprijs{
float: left; display: inline-block;
width: 20%;}
.gerechtbeschrijving{
float: left; display: inline-block;
width: 90%;
padding-top: 5px;
color: #5c5c5c;}
.bericht {
float: left;
display: inline-block;
width: 100%;
padding: 6px;
background: #f7e5d6;
text-align: center;
color: #fff;}
.brandLogo{
float: left; display: inline-block;
width: 100%;
border:1px solid #ddd;
text-align: center;
padding: 30px;
margin-top: 30px;
}
.brandLogo img{
margin: 0 auto;
}
.ervaringen-vervolg{
float: left; display: inline-block;
width: 100%;
padding: 0;
background: #fff;}
.ervaringen-vervolg .ervaring-quote{
float: left; display: inline-block;
width: 80%;
background: url(//rockbyrein.nl/wp-content/themes/Template%20C/assets/images/quote.png) left 0px no-repeat;
padding: 30px;}
.ervaringen-vervolg .ervaring-person{
float: left; display: inline-block;
width: 20%;}
.afbeelding1{
float: left; display: inline-block;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.videoicon{
position: absolute;
width: 100%;
height: 100%;
text-align: center;
z-index: 999;
padding-top: 200px;
background: rgba(0,0,0,0.3)}
.page-template-template-vervolg .videoicon{
padding-top: 160px;
}
.videoicon i{
font-size: 90px;
color: #fff;}
.videoicon:hover i{
color: #f6c900;}
.dag{
float: left; display: inline-block;
width: 49%;
background: #f6c900;
text-align: center;
color: #fff;
padding: 30px 0;
margin-right: 1%;
font-size: 24px;
font-weight: bold;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;}
a.dagblock:hover .dag{
background: #000;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;
}
.extra-sponsoren{
float: left; display: inline-block;
width: 100%;
margin-top: 40px;}
.extra-sponsoren ul{
float: left; display: inline-block;
width: 100%;}
.extra-sponsoren ul li{
float: left;
width: 33.33%;}
.instagram{
float: left; display: inline-block;
width: 100%;} h1,h2,h3,h4,h5{
font-family: "Roboto", sans-serif;
} 
h1{
color: #5c5c5c;
margin-bottom: 20px;
margin-top: 0;
font-size: 30px;
font-weight: 700;
text-transform: none;}
h1.no-margin{
margin: 0;}
h2{
color: #5c5c5c;
margin-bottom: 15px;
font-size: 21px;}
.vervolg-content h2,
.vervolg-content-blok2 h2,
.vervolg-content-blok3 h2,
.vervolg-content-blok4 h2{
display: inline-block;
color: #5c5c5c;
font-weight: bold;
margin: 0 0 20px 0;
width: 100%;
font-size: 24px;}
.vervolg-content-blok2 h2,
.vervolg-content-blok3 h2,
.vervolg-content-blok4 h2,
.vervolg-content-blok1 h2{
margin: 0 0 20px 0;}
.home-content h2,
.section-title h2{
font-size: 32px;
font-weight: 700;
color: #222}
.section-title h2{
margin: 0 0 5px 0;}
.footer h2{
color: #fff;
font-weight: bold;}
.primary-sidebar h2{
margin: 0 0 10px 0;}
ul.search li h2{
font-size: 20px;}
ul.search li h3{
font-size: 16px;}
.article-text h2,
.project-text h2{
margin: 0;
color: #6f6f6f;}
.ingang_intro h2{
color: #;
font-weight: bold;
padding: 0;
font-size: 20px;
margin-top: 0;}
.ingang-title h2{
color: #fff;
font-size: 24px;
font-weight: 500;
text-transform: none;
padding: 0;
margin: 0;}
.dienst-text h2{
padding: 0; margin: 0;
color: #fff;}
h3{
color: #5c5c5c;
font-size: 21px;
font-weight: 300;
width: 100%;}
.instagram{
float: left; display: inline-block;
width: 100%;
}
.home .instagram{
background: #f9f9f9;
}
#sb_instagram #sbi_images{
padding: 0 !important;
}
.instagram h2{
text-align: center;
font-size: 32px;}
.instatekst {
float: left;
display: inline-block;
width: 100%;
padding: 0 250px;
margin-bottom: 10px;
}
.instagram p{
text-align: center;
}
.instagram h2:before{
content: "\f16d";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right: 10px;}
.contactopnemen h3{
font-size: 21px;
margin-bottom: 20px;
font-weight: bold;}
.menukaart-content h3{
font-weight: bold;
color: #f74883;}
article h3,
.hp-agenda h3{
font-size: 24px;
margin-top: 0;}
.hp-agenda h3{
margin-bottom: 20px;}
.section-title h3{
margin: 0; 
font-size: 21px;
font-weight: 300;
margin-bottom: 30px;}
.primary-sidebar h3{
font-weight: bold;}
.directnaar-afb-tekst h4{
color: #fff;
font-weight: 700;}	
p{
color: #666;
font-size: 16px;
line-height: 31px;}
.vervolg-content p{
line-height: 31px;}
p.datum{
color: #f74883;
text-transform: uppercase;
font-size: 13px;
margin: 0 0 10px 0;}
div.quote-text p{
color: #FF7100;
font-size: 24px;
line-height: 28px;}
p.quote-name{
color: #4dc0c1;}
.payoff p{
padding: 0;
margin: 0;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 2px;}
.footer p{
color: #fff;}
.cta-microcopy p{
font-size: 13px;
font-style: italic;}
.bericht p{
display: inline-block;
text-align: center;
padding: 0; margin: 0;
color: #000;
font-size: 15px;
font-style: italic;}
.breadcrumb-container{
display: inline-block;
margin: 5px 0 20px 0;}
.breadcrumb-container p{
float: left; display: inline;
color: #c2c2c2;
font-size: 12px;
margin: 0 5px 0 0;} .footer ul{
padding: 0;
margin: 0;
}
.footer ul li{
list-style-type: none;
float: left; display: inline-block;
width: 100%;
margin: 0 20px 0 0;
padding: 0;}
.vervolg-content ul li,
.vervolg-content ol li{
line-height: 31px;
color: #666;
font-size: 16px;}
.search-content ol{
margin: 0; padding: 0 0 0 10px;
}
.search-content ol li{
font-size: 21px;
} a, a:link{
color: #f74883;}
a:hover{
color: #222;
text-decoration: none;}
h3 a,
h3 a:link{
color: #5c5c5c !important;
}
article a,
article a:link{
color: #222;}
article a:hover{
color: #222;}
.footer a,
.footer a:link{
color: #fff;}
.footer a:hover{
color: #FF7100;}
.footerbottommenu a,
.footerbottommenu a:link{
color: #626262;
}
.top a, .top a:link{
color: #222;}
.top a:hover{
color:#f74883}
a.reviews-link:after{
content: "\f054";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left: 5px;
}
a.cta,
a.cta:link{
display: inline-block;
border-radius: 2px;
padding: 10px 20px 12px 20px;
background: #000;
color: #fff;
font-size: 16px;} 
a.cta:hover{
text-decoration: none;
background: #ed660a;}
a.cta.line,
a.cta.line:link{
background: transparent;
border: 1px solid #fff;
}	
a.cta.line:hover{
background: #4dc0c1;
border-color: #4dc0c1;}
.btn,
.btn:link{
margin: 0;
padding: 0;
background: #4dc0c1;
border-radius: 5px;
padding: 4px 7px;
color: #fff;
border: 0;}
.btn:hover{
background: #000;
color: #fff;}
.ingang a.readmore:before{
content: "\f054";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
padding-right: 5px;
}
.ingang .ingang-title a.readmore,
.ingang .ingang-title a.readmore:link,
.ingang .ingang-title a.readmore:visited{
color: #fff;
margin-top: 5px;
text-transform: uppercase;
font-weight: bold;
display: block;
float: left;
cursor: pointer;
height: auto;}
.ingang .ingang-title a.readmore:hover{
cursor: pointer;
color: #ececec;
}
a.CTA, .CTA, .btn-default, .btn-offerte, .btn-locatie, .btn-contact, .btn-info, .woocommerce a.button{
padding: 10px !important;
background: #f74883 !important;
color: #fff !important;
font-size: 16px !important;
display: inline-block !important;
margin: 10px 0 0 0;
font-weight: bold !important;
text-decoration: none !important;}
.vervolg-content .btn-default, .vervolg-content .btn-offerte, .vervolg-content .btn-locatie, .vervolg-content .btn-contact, .vervolg-content .btn-info{
float: left; 
display: inline-block;
margin: 0 10px 0 0; text-align: left;
border-radius: 3px;
border-color: transparent;
}
a.CTA:hover, .CTA:hover, .btn-default:hover, .btn-offerte:hover, .btn-locatie:hover, .btn-info:hover, .btn-contact:hover{
background: #000 !important;
color: #fff !important;
}
.vervolg-content .btn-default:hover, .vervolg-content .btn-offerte:hover, .vervolg-content .btn-locatie:hover, .vervolg-content .btn-contact:hover, .vervolg-content .btn-info:hover{
} .btn-offerte:before{
font-family: FontAwesome;
content: "\f016";
margin-right: 7px;}
.btn-locatie:before{
font-family: FontAwesome;
content: "\f124";
margin-right: 7px;}
.btn-contact:before{
font-family: FontAwesome;
content: "\f0e0";
margin-right: 7px;}
.btn-info:before{
font-family: FontAwesome;
content: "\f05a";
margin-right: 7px;}
.btn:after{
margin-bottom: 15px;}
.topmenu ul li a,
.topmenu ul li a:link{
color: #222;
}
.topmenu ul li a:hover{
color: #f74883;
}
.topmenu ul li.highlight a, .topmenu ul li.highlight a:link{
background: #896082;
border-radius: 3px;
padding: 5px 10px;
color: #fff;}
.topmenu ul li.highlight a:hover{
background: #d15b7e;
color: #fff;
} .navigatie .nav ul li ul.sub-menu{
margin: 0;
background: #fff;
width: 300px;
border: 1px solid #f1f1f1;
z-index: 9999;
}
.sub-menu{
display: none;}
.navigatie li:hover .sub-menu{
display: block;
position: absolute;
z-index: 999;
background: red;
padding: 10px;
}
.sub-menu li a{
float: left;
width: 100%;
display: inline-block;
padding-top: 10px;
font-weight: normal !important;}
ul.sub-menu li{
width: 100%;
clear: both;}
.sub-menu li{
display: block;
width: 100%;} 
.navigatie .nav ul li ul.sub-menu li a:hover,
.navigatie .nav ul li.current_page_item ul.sub-menu li a:hover{
color: #f74883;}
.navigatie .nav ul li.current-menu-item ul.sub-menu li a{
border-bottom: 0 !important;
padding-bottom: 10px;} 
.navigatie .nav ul li ul.sub-menu li a{
padding-bottom: 10px;}
.menu-item-has-children i{
padding-left: 5px;
}	 
.wpcf7 input, .gform_body input{
width: 100%;
background: #f1f1f1;
border: 0;
height: 35px;
padding: 30px 20px !important;}
.gform_body input[type="checkbox"]{
width: auto!important;
vertical-align: top!important;
height: 20px!important;
}
.wpcf7 textarea, .gform_body textarea{
width: 100%;
background: #f1f1f1;
border: 0;
height: 150px;
padding: 20px !important;}
.wpcf7 input.wpcf7-submit, .gform_footer input.gform_button{
width: auto;
float: left; display: inline-block;
line-height: 0;
border: 0;
background: #f74883;
border-radius: 5px;
padding: 20px 12px;
color: #fff;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;}
.wpcf7 input.wpcf7-submit:hover, .gform_footer input.gform_button:hover{
background: #222;
color: #fff;}
body .gform_wrapper ul li.gfield,
.gform_wrapper li.hidden_label input,
body .gform_wrapper .top_label div.ginput_container{
margin-top: 10px !important;
}
.gform_wrapper li.hidden_label input{
margin-bottom: 20px !important;
}
th, td {
padding: 15px 0 !important;}
.slider{
width: 100%;
position: relative;
overflow: hidden;}
.slider ul.cycle-slideshow {
height: 300px;
overflow: hidden;
}
.slider ul.cycle-slideshow{
width: 100%;
height: auto;
position: relative;}	
.header-slider .slider{
max-width: 100%;
position: relative;
max-height: 500px;}
.header-slider .cycle-slide{
width: 100%;
margin: 0 auto;
list-style-type: none;
max-height: 500px;
border-radius: 5px;
overflow: hidden;}
.cycle-slide img{
margin: 0 auto;
width: 100%;
display: block;
}
a.cycle-prev{
position: absolute;
top: 214px;
left: 15px;
z-index: 995;
width: 50px;
height: 50px;
border-radius: 100px;
cursor: pointer;
color: #fff;
font-size: 30px;}
a.cycle-next{
position: absolute;
top: 214px;
right: 15px;
z-index: 995;
width: 50px;
height: 50px;
border-radius: 100px;
cursor: pointer;
color: #fff;
font-size: 30px;}
.cycle-pager { text-align: center; width: 100%; z-index: 500; top: 10px; overflow: hidden; }
.cycle-pager span{ font-size: 30px; width: 16px; height: 16px; display: inline-block; color: #dfdfdf; }
.cycle-pager span.cycle-pager-active{ color: #4dc0c1;}
.cycle-pager > *{ cursor: pointer;}
.cycle-pager {
margin-top: 0px;}
.cycle-pager { display: block; }
.example-pager { position: absolute; bottom: 20px; text-align: center; width: 100%; z-index: 500; overflow: hidden; }
.example-pager span { font-size: 30px; width: 16px; height: 16px; display: inline-block; color: #ddd; }
.example-pager span.cycle-pager-active { color: #D69746;}
.example-pager > * { cursor: pointer;}
.usp{
text-align: center;
padding: 10px;
margin: 0;
font-weight: bold;
float: left; display: inline-block; width: 100%;}
.usp ul{
display: inline-block;
margin: 0;
padding: 0;}
.usp ul li:before{
content: "\f00c";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #00c813;
padding-right: 5px;}
.usp ul li{
float: left; position: relative;
margin: 0 20px;
list-style-type: none;
color: #a9a9a9;
font-weight: 300;} .social-icons{
float: left;
display: inline-block;
width: 100%;}
.social-icons ul li{
float: left;
display: inline-block;
list-style-type: none;
width: auto;}
.social-icons ul a{
display: inline-block;
line-height: 50px;
font-size: 1.5em;
text-align: left;
color: #fff;}
.social-icon{
font-size: 32px;
margin-right: 10px;
} .persuasion {
width: 400px;
background: #fff;
border: 5px solid #f37f21;
border-right: 0;
color: #545456;
font-size: 14px;
line-height: 30px;
z-index: 999;}
.pop-in {
position: fixed;
bottom: 100px;
right: 0;
transition: all 300ms ease-out;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
}
.persuasion .inner{
display: inline-block;
padding: 20px 20px 20px 30px;
}
.pop-in.closed {
right: -470px;
}
.content iframe {
margin: 10px 0 0 0;
display: block;
}
.persuasion-img{
position: relative;
}
.persuasion-img .title{
background: rgba(255,255,255,0.8);
width: 100%;
position: absolute;
bottom: 0; left: 0;
}
.persuasion img {
width: 100%;
display: block;}
.persuasion .persuasion-img .title h2 {
color: #545456;
padding: 10px 30px;
margin: 0 !important;}
.persuasion .persuasion-img{
height: 150px;
overflow: hidden;}
.persuasion span.close {
display: inline-block;
position: absolute;
left: -10px;
top: -10px;
z-index: 995;
width: 30px;
background: #EB7F08;
cursor: pointer;
color: #fff;
font-size: 20px;
text-align: center;
padding-bottom: 2px;
}
.persuasion span.close:hover {
background: #CF7109;
} .footerbottommenu{
float:left; display: block;
width: 100%;
margin: 40px 0 0 0;
border-top: 1px solid #393939;
}
.footerbottommenu ul {
float: right; display: block;
padding: 10px 0;
}
.footerbottommenu ul li{
float: left;
display: inline-block;
margin: 0 0 0 20px;
width: auto;
}
.footerbottommenu ul li:before{
content: none;
padding: 0;
}
#cookie-notice{
padding: 10px;
background: rgba(255,255,255,0.9) !important;
z-index: 99999999999999999;
}
.cookie-notice-hidden{
padding: 0;
display: none;
}
#cookie-notice .cn-set-cookie{
display: inline-block;
background: #5cbb60;
padding: 10px 20px;
color: #fff;
border: 1px solid #5cbb60;
border-radius: 3px;
text-transform: uppercase;
margin-top: 2px;
}
.cn-more-info{
text-decoration: underline;
}
#cn-notice-text{
float: left; display: inline-block;
width: 70%;
text-align: left;
}
.gfield_checkbox li input[type=checkbox]{
float: left; display: inline-block;
vertical-align: top !important;
margin-top: 4px !important;
height: auto !important;
font-weight: normal !important;
width: auto !important;
}
.gfield_checkbox label{
font-weight: normal !important;
}
.gform_wrapper .helft{
float: left; display: inline-block;
width: 50%;
clear: inherit !important;
margin-bottom: 15px;
}
.gfield_checkbox li input[type=checkbox] {
float: left;
display: inline-block;
vertical-align: top !important;
margin-top: 2px !important;
height: auto !important;
margin-right: 2px !important;
font-weight: normal !important;
width: auto!important;}
.gform_wrapper ul.gfield_checkbox li label{
font-size: 13px;
padding-left: 5px;
}
.rplg .rplg-review-badge{
display: none;
}
.rplg{
margin-top: 20px;
} .actueel .cycle-logoshow{
float: left; display: inline-block;
width: 100%;
margin: 20px 0 0 0;
height: 165px;}
.actueel .cycle-logo, .actueel .logo-container{
display: block;
background: white;
border-radius: 5px;
padding: 25px;
margin: 0 19px;
background: #fff;
border-radius: 5px;
border: 1px solid #f2f2f2;}
.actueel .logo-container{
margin-bottom: 30px;}
.actueel .logo-container img{
margin: 0 auto;}
.actueel .slider{
position: relative;
overflow: inherit;}
.actueel .slider .cycle-prev{
position: absolute;
left: -50px;
top: 65px;
background: #0e4495;
padding: 8px 15px 4px 18px;
color: #fff;
font-size: 25px;
cursor: pointer;
z-index: 9999;
border-radius: 5px;}
.slider .cycle-prev:hover{
text-decoration: none;
background: #000;}
.actueel .slider .cycle-next{
position: absolute;
right: -50px;
top: 65px;
background: #0e4495;
padding: 8px 10px 4px 20px;
color: #fff;
font-size: 25px;
cursor: pointer;
z-index: 9999;
border-radius: 5px;}
.slider .cycle-next:hover{
text-decoration: none;
background: #000;} #accordion .title{
padding: 10px;
border-bottom: 1px solid #9cacb6}
#accordion .title h2{
margin: 0;
font-size: 16px;
font-weight: 300;}
#accordion .title h2 i{
font-size: 14px;
padding-right: 5px;}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; font-size: 100%;}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
border-bottom: 1px solid #9cacb6}
.ui-accordion .ui-accordion-content p{
margin: 0;}
#accordion h4{
width: 100%;
font-size: 18px;
margin: 0;
padding-right: 20px;}
.ui-state-default h4:after{
content: "\f055";
font-family: "Font Awesome 5 Pro";
font-weight: 400;
text-decoration: inherit;
padding-left: 10px;
font-size:20px;
float: right;
color: #21445a;
top: 0;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;}
.ui-state-active h4:after{
content: "\f056";
font-family: "Font Awesome 5 Pro";
font-style: normal;
font-weight: 400;
text-decoration: inherit;
padding-left: 10px;
font-size: 20px;
float: right;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;}
.footer,
.ingang-title,
.topmenu ul li.highlight a, .topmenu ul li.highlight a:link,
.cn-button{
background: #f6c900 !important;
}
.topmenu ul li.highlight a, .topmenu ul li.highlight a:link{
font-weight: bold;
font-size: 19px;
}
.topmenu ul{
padding-top: 5px;
}
a.CTA:hover, .CTA:hover, .btn-default:hover, .btn-offerte:hover, .btn-locatie:hover, .btn-contact:hover, .btn-info:hover{
background: #000;
}
.footer{
background: #00a650 !important;
}
h1,h2,h3,h4,h5,
.vervolg-content h2, .vervolg-content-blok2 h2, .vervolg-content-blok3 h2, .vervolg-content-blok4 h2,
.navigatie .nav ul li a, .navigatie .navmobile ul li a{
font-family: "Anton", sans-serif !important;
font-weight: 400;
font-style: normal;
color: #000;
}
.header .logo{
width: 180px;
}
.cn-button:hover{
background: #fff !important;
} .ingang-title{
background: #000 !important;
}  .navigatie .nav ul li a:hover, .navigatie .nav ul li.current-menu-item a,
.navigatie .navmobile ul li a:hover, .navigatie .navmobile ul li.current-menu-item a,
.footerbottommenu{
border-color: #f6c900;}
.search-container input[type=submit],
.ingang:hover .ingang-title,
.ingang:hover,
.directnaar-afb-tekst,
a.CTA, .CTA, .btn-default, .btn-offerte, .btn-locatie, .btn-contact, .btn-info, .woocommerce a.button,
.wpcf7 input.wpcf7-submit, .gform_footer input.gform_button,
.payoff,
a.cta:hover{
background: #f6c900 !important;
}
.directnaar-afb-tekst{
background: #000 !important;
}
.payoff{
background: url(//rockbyrein.nl/wp-content/themes/Template%20C/assets/images/footer-bg.svg) top center repeat-x !important;
background-position: cover;
padding: 30px 0;}
.footerbottommenu{
border-color: #f1e4da;
}
.menukaart-content h3,
p.datum,
a, a:link,
.top a:hover,
.topmenu ul li a:hover,
.navigatie .nav ul li ul.sub-menu li a:hover,
.navigatie .nav ul li.current_page_item ul.sub-menu li a:hover,
.footer a:hover,
article a, article a:link{
color: #f6c900;}
.payoff p,
.footerbottommenu a, .footerbottommenu a:link{
color: #fff;}
.top{
background: #000;}
.top a,
.top a:link,
.topmenu ul li a,
.topmenu ul li a:link,
.head-contact{
color: #fff;
}
.top a:hover,
.topmenu ul li a:hover{
color: #f6c900;
}
.topmenu ul li.highlight a:hover{
background: #fff !important;
color: #000 !important;
}
.footer a:hover{
color:#000;
}
@media (max-width: 767px) {	
.header a.navigation {
background: #000 !important;
border: 0 !important; }
.header a.search-toggle {
background: #f6c900 !important;
border: 0 !important; }
.header a.phone {
background: #f6c900 !important;
border: 0 !important; }
.logo-container{
width: 45% !important;
}	
.header .logo{
width: 95% !important;
}
.vervolg-content .btn-default, .vervolg-content .btn-offerte, .vervolg-content .btn-locatie, .vervolg-content .btn-contact, .vervolg-content .btn-info{
margin-bottom: 30px;
}
}
.contactopnemen{
background: url(//rockbyrein.nl/wp-content/themes/Template%20C/assets/images/RBRAchtergrond.png) 0 50% no-repeat;
background-size: cover;
}
.contactopnemen a,
.contactopnemen a:link,
.contactopnemen p{
color: #000;
}
.sticky{
background: #fff;
}
.home .intro .intro-text h1{
font-size: 72px;
}
@media (max-width: 767px) {
.invisible-xs{
display: none;
}
.home .intro{
z-index: 9999;
padding-top: 80px;
}
.mobile-header{
float: left; display: inline-block;
width: 100%;
position: relative;
border-radius: 5px;
overflow: hidden;
}
.header .nav {
display: none;
clear: both;
}
.header .nav li,
.header .navmobile li {
width: 100%;
padding: 5px 0;}
.header .mobile-buttons {
float: right;
margin-top: 45px;}
.header .mobile-buttons a{
width: 48px;
height: 48px;
margin: 10px 5px 20px 0;
display: inline-block;
float: right;
border-radius: 5px;
color: #fff;
text-align: center;
font-size: 24px;
padding-top: 8px;}
.nav{
display: none !important;}
.navmobile{
display: none;
height: calc(100vh - 100px) !important;
overflow: scroll;
}
.persuasion{
display: none;}
.logo-container{
width: 20%;}
.header .logo{
width: 60%;
padding: 10px 0 0 0;
margin: 0;}
.header-slider{
padding: 0 10px;
margin-bottom: 10px;}
.header .zoeken {
display: none;
width: 100%;}
.zoeken form{
width: 100%;}
.zoeken form input{
width: 100%;
margin: 0;}
.zoeken form label{
width: 80%;
float: left; display: inline-block;
margin: 0; padding: 0;}
.zoeken form input[type=submit]{
width: 20%;
float: left; display: inline-block;}
.clearmobile{
clear: both;
display: block;}
.head-contact{
float: right;
}
.topmenu{
display: none;}
.topmenu i{
clear: both;
}
.contactopnemen,
.footer{
padding: 40px 0;
}
.footer{
padding-top: 100px;
}
.home .header-slider{
min-height: inherit;
margin-top: 20px;
}
.intro{
float: left; display: inline-block;
width: 100%;
top: 0;
left: 0;
padding: 30px 0;
margin: 0;}		
.ingangen{
top: 0;
padding: 20px 0;}
.navigatie{
width: 100%;}
.navigatie .nav,
.navigatie .navmobile{
float: none;
height: auto;}
.navigatie .navmobile ul{
margin-top: 30px;
}
.navigatie .nav ul li a,
.navigatie .navmobile ul li a{
font-size: 18px;
padding: 5px 0;}
h1{
font-size: 21px;}
h3{
font-size: 20px;}
.usp{
height: 38px;
overflow: hidden;}
.usp ul li{
display: none;}
.padding{
padding-right: 15px;
}
.afbeelding3{
float: left; display: inline-block;
margin-top: 20px;
width: 100%;
}
.navmobile .sub-menu{
display: block;
margin: 0 0 0 20px !important;}
#cn-notice-text{
width: 100%;
text-align: center;
}
.cookie-notice-hidden{
padding: 0 !important;
}
.hp-agenda{
margin: 30px 0;
}
.facebookframe{
float: left;
margin-top: 15px;
}
.directnaar-afb{
margin-bottom: 20px;
}
.primary-sidebar{
margin-top: 30px;
}
.article-image,
.article-text{
width: 100%;
padding: 0;
margin-bottom: 20px;
}
.gfield_checkbox li input[type=checkbox]{
width: 15px !important;
height: 15px !important;
}
.actueel .cycle-logoshow{
height: 50px;
}
.actueel .cycle-logo, .actueel .logo-container{
display: block;
background: white;
border-radius: 5px;
padding: 5px;
margin: 0 5px;
background: #fff;
border-radius: 5px;
border: 1px solid #f2f2f2;}
.actueel .slider .cycle-prev{
position: relative;
left: 0px;
top: 10px;}
.actueel .slider .cycle-next{
position: relative;
right: 0px;
padding: 8px 18px 4px 20px;
top:10px;}
.intro .intro-text{
padding: 0 30px;
}
.intro .intro-text h1{
margin-bottom: 10px;
}
.intro .intro-text p{
font-size: 16px;
line-height: 21px;
}
.intro .intro-text h3{
font-size: 16px;
}
.dag{
float: left; display: inline-block;
width: 100%;
margin-bottom: 10px;}
.wp-block-column{
margin-bottom: 30px;
}
.wp-block-column figure{
margin-bottom: 0;
}
.extra-sponsoren ul li{
float: left;
width: 100%;}
.videoicon{
padding-top: 80px;
}
.page-template-template-vervolg .videoicon{
padding-top: 80px;
}
.gfield_checkbox li input[type=checkbox]{
width: 20px !important;
height: 20px !important;
font-size: 12px !important;
padding: 0 !important;}
.gform_body input[type="checkbox"]{
width: 20px !important;
height: 20px !important;
font-size: 12px !important;
padding: 0 !important;
}
.ervaring-person{
float: left;}
.ervaring-quote{
float: right;}
.ervaringen-vervolg .ervaring-person,
.ervaringen-vervolg .ervaring-quote{
width: 100%;
}
.instatekst{
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.topmenu ul li{
margin-left: 15px;
}
.logo-container{
width: 10%;}
.navigatie{
width: 90%;}
.navigatie .nav ul li{
margin: 0 10px 0 0;}
a.cycle-next{
top: 144px;}
a.cycle-prev{
top: 144px;}
.navigatie .nav ul li a{
font-size: 14.5px;
}
.intro{
top: 100px;
}
.instatekst {
float: left;
display: inline-block;
width: 100%;
padding: 0;
}
}
@media(min-width:992px){
a.cycle-next{
top: 154px;}
a.cycle-prev{
top: 154px;}
.logo-container{
width: 15%;}
.navigatie{
width: 85%;
}
.navigatie .nav ul li{
margin: 0 20px 0 0;}
.gerechtnummer{
float: left; display: inline-block;
width: 10%;}
.gerechtnaam{
float: left; display: inline-block;
width: 65%;
font-weight: bold;}
.gerechtprijs{
float: left; display: inline-block;
width: 25%;
text-align: right;}
.usp ul li{
margin: 0 15px;
}
.extra-sponsoren ul li{
float: left;
width: 50%;}
}
@media(min-width:1200px){
a.cycle-next, a.cycle-prev{
top: 200px;}
.logo-container{
width: 20%;}
.navigatie{
width: 80%;
}
.navigatie .nav ul li{
margin: 0 40px 0 0;}
.usp ul li{
margin: 0 20px;}
.intro-text h3{
font-size: 30px;
}
.intro-text h1{
font-size: 38px;
}
.intro-text h3{
font-size: 30px;
}
.extra-sponsoren ul li{
float: left;
width: 33.33%;}
}