/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

/* Raleway Font */
@import url('https://fonts.googleapis.com/css?family=Raleway:300i,400,500,600,600i,700,700i,800,800i,900');


::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
*:focus { outline: none; }
/*
* Body settings, change it as required
*/

body { font-family: inter-medium; font-size: 1em; line-height: 1.4; letter-spacing: -0.3px; background: #fff; }
/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: inter-black; font-weight: bold; text-rendering: optimizeLegibility; font-weight: bold; font-style: normal; color: #333333; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 20px; margin-top: 0px; }
/*
* Paragraphs
*/

p { font-weight: normal; font-size: 14px; line-height: 22px; margin-bottom: 20px; color: #525252; margin-top: 0px; }
/*
* Links
*/

a { color: #a33599; text-decoration: none; line-height: inherit; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
a:hover { }
a:focus { color: #a33599; outline: none; }
p a, p a:visited { line-height: inherit; }
/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/

textarea { resize: vertical; }
/* ==========================================================================
	Helper classes
========================================================================== */

/*
* Floats
*/

.left { float: left; }
.right { float: right; }
/*
* Text Alignment
*/

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
/*
* Image Alignment
*/

img.alignleft { float: left; margin: 0 10px 10px 0; display: inline; }
img.alignright { float: right; margin: 0 0px 10px 10px; display: inline; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
/*
* Image replacement
*/

.ir { background-color: transparent; border: 0; overflow: hidden; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
picture { display: inline-block; }
.slideshow ul li a picture { display: block; }
.page-header picture { display: block; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden { display: none !important; visibility: hidden; }
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible { visibility: hidden; }
/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after { content: ""; display: table; clear: both; }
/*
* overflow method for clearing floats
*/
.floatbox { overflow: hidden; }
/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height: 1px; line-height: 1px; }
/*
* Chromeframe
*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/*
* Other
*/


/* ==========================================================================
	Layout
========================================================================== */
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select { -webkit-appearance: none; width: 100%; border: 1px solid #eeeeee; color: #6d6d6d; background: #e6e6e6; font-size: 14px; padding: 0px 15px; height: 50px; }
/* Container ---------------------- */
#container { min-width: 320px; overflow-x: hidden; overflow-y: hidden;  padding-top:135px; }
@media (min-width:1250px) {
.container { max-width: 1200px; width: 100%; }
}
@media (max-width:1199px) {
#container { padding-top: 140px;}
}
@media (max-width:767px) {
#container { padding-top: 87px; box-shadow: 0 0 10px rgba(0,0,0,0.7); }
}
@media (max-width:480px) {
#container { padding-top: 98px;}
}

/* Header ---------------------- */
#header { background: #fff; padding: 0px 0px 0px 0px; box-shadow: 0 -5px 22px #000; -moz-box-shadow: 0 -5px 22px #000; -webkit-box-shadow: 0 -5px 22px #000; position:fixed; top:0; left: 0; width:100%; z-index : 15; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }
#header .container { position: relative; box-shadow: 0 15px 21px -25px #000; -moz-box-shadow: 0 15px 21px -25px #000; -webkit-box-shadow: 0 15px 21px -25px #000; box-shadow: 0 15px 21px -25px #000; }
 @media (max-width:767px) {
#header {  padding: 8px 0px 7px 0px; box-shadow: none; }
.shrink { top: -23px!important; }
html { margin-top: 0px !important; }
.sticky-logo { display: none; }
 }
.shrink { top: -93px!important; }
.sticky-logo { display: none; z-index: 1; margin: -6px 0px; background-image: url(https://tinttotaal.nl/wp-content/uploads/2019/10/tint-totaal-reclame-professional-sticky.png) !important; height: 32px; float: left; width: 201px; background-size: 201px 32px; background-repeat: no-repeat; }
@media (max-width:1199px) {
.sticky-logo { z-index: 1; margin: -15px 0px; background-image: url(../images/tint-totaal-reclame-professional-sticky-mobile.png) !important; height: 50px; float: left; width: 50px; background-size: 50px; background-repeat: no-repeat; }
}
/* Main Navigation ---------------------- */
#main-navigation { display: block; padding-top:15px;}
/* Content ---------------------- */
#content { padding: 80px 0px; }
@media (max-width:992px) {
#content { padding: 40px 0px; }
}
@media (max-width:767px) {
#content { padding: 20px 0px; }
}
/* Footer ---------------------- */
#footer { background: #f4f4f4; padding: 65px 0px 45px; }
@media (max-width:767px) {
#footer { background: #333333; padding: 30px 0px 15px; }
}
#page { position: relative; overflow-x: hidden; }
/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */

h2 { font-size: 36px; font-weight: 300; color: #000; line-height: 42px; margin-bottom: 50PX; text-align: center; }
h3.sub-heading { color: #b93fae; font-size: 16px; display: block; font-weight: normal; display: block; text-align: center; margin-bottom: 50px; }
@media (max-width:992px) {
h2 { font-size: 30px; }
}
@media (max-width:767px) {
h2 { font-size: 26px; line-height: 35px; }
h3.sub-heading { line-height: 25px; }
}
/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td { margin: 0; padding: 0; font-size: 16px; line-height: 25px; letter-spacing: 0.5px; direction: ltr; color: #535353; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; font-smoothing: antialiased; }
.post li { margin-bottom: 0px; }
.post li span.arrow_right { margin-right: 15px; float: left; margin-top: 5px; font-size: 16px; color: #b93fae; display: inline-block; }
.post p { font-weight: 400; font-size: 16px; line-height: 25px; letter-spacing: 0.5px; margin-bottom: 20px; padding-right: 25px; color: #525252; margin-top: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; font-smoothing: antialiased; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: bold; font-style: normal; color: #333333; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 20px; margin-top: 0px; }
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small { font-size: 60%; color: #6f6f6f; line-height: 1.;
}
.post h1 { font-size: 36px; font-weight: 300; color: #000; line-height: 42px; margin-bottom: 10px; }
.post h1 span { color: #b93fae; font-size: 16px; display: block; font-weight: normal; display: block; }
.vehicle-subtitle { color: #b93fae; font-size: 16px; display: block; font-weight: normal; display: block; line-height: 34px; }
.post h2, h2 { font-size: 36px; font-weight: 300; color: #000; line-height: 42px; text-align: center; margin-bottom: 8px; }
.post .sub-heading { color: #b93fae; font-size: 16px; line-height: 22px; font-weight: normal; text-align: center; display: block; margin-bottom: 50px; }
@media (max-width:992px) {
.post h1 { font-size: 30px; }
}
@media (max-width:767px) {
.post h1, .post h2 { font-size: 26px; line-height: 35px; }
.post h1 span, .post .sub-heading { line-height: 25px; }
}
.post h3 { font-size: 27px; }
.post h4 { font-size: 23px; }
.post h5 { font-size: 20px; }
.post h6 { font-size: 16px; color: #525252; line-height: 20px; margin-bottom: 0px; }
.post code { font-weight: bold; background: #ffff99; }
/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 40px; list-style-position: outside; }
.post ul { list-style-position: inside; list-style-type: none; }
.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; }
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; }
.post ol { margin-left: 20px; }
@media (max-width:767px) {
.post h2 small { line-height: 22px; }
.post li { padding-left: 0px; }
}
/* Post - Blockquotes ---------------------- */
.post blockquote, .post blockquote p { font-style: italic; margin-bottom: 0; color: #525252; line-height: 25px; font-size: 15px; }
.post blockquote { margin: 0 0 17px; border-left: 4px solid #b93fae; background: #f4f4f4; padding: 30px 22px; }
.post blockquote cite { display: block; font-size: 13px; color: #525252; }
.post blockquote cite:before { content: "\2014 \0020"; }
.post blockquote cite a, .post blockquote cite a:visited { color: #525252; }
/* Top Bar ---------------------- */
.top-bar { background: #f4f4f4; padding-top: 10px; border-top: 2px solid #b93fae; }
.top-bar ul { margin: 0px; padding: 0px; list-style-type: none; float: right; }
.top-bar ul li { display: inline-block; }
.top-bar ul li span { display: inline-block; margin: 0px 3px; color: #999999; }
.top-bar ul li a { font-size: 14px; color: #999999; line-height: 26px; font-weight: normal; display: inline-block; }
.top-bar ul li a.call-back { padding: 0px 10px; height: 26px; background: #b93fae; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.top-bar ul li a.call-back:hover { background: #000; }
.top-bar ul li:first-child a:hover { color: #000; }
.top-bar ul li a.call-back .fa-phone { margin-right: 8px; }
.top-bar .user-area { margin-left: -15px; padding-top: 6px; overflow: hidden; }
.top-bar .user-area .button { display: inline-block; margin-left: 10px; min-width: 155px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; font-family: 'Open Sans', sans-serif; position: relative; top: 0px; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; background: #A8A8A8; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A8A8A8), to(#979797)); background: -webkit-linear-gradient(#A8A8A8, #979797); background: -moz-linear-gradient(#A8A8A8, #979797); background: -ms-linear-gradient(#A8A8A8, #979797); background: -o-linear-gradient(#A8A8A8, #979797); background: linear-gradient(#A8A8A8, #979797); -pie-background: linear-gradient(#A8A8A8, #979797); behavior: url(../javascripts/vendor/PIE.htc); transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; padding-bottom: 2px; top: 2px; }
.top-bar .user-area .button:hover { top: 0; }
.top-bar .user-area .button:first-child { margin-left: 0px; }
@media (max-width:991px) {
    .top-bar .user-area .button { min-width: 125px; margin-left: 8px; }
}
@media (max-width:767px) {
.top-bar { display: none; }
.top-bar ul { float: none; text-align: center; }
.top-bar .user-area .button { width: 130px; }
.top-bar .user-area { text-align: center; margin: 0px; }
.top-bar .user-area { float: none; margin-bottom: 10px; }
.top-bar .user-area .button:first-child { margin-left: 0px; }
}
/* Logo ---------------------- */
.logo { padding: 10px 15px 0; display: inline-block; }
 @media (max-width:767px) {
.logo { border: none;  position: relative;  padding:0; width:25%;}
.logo .logo-mobile { display: none; }
.logo h1 img { vertical-align: top; }
}
@media(max-width:480px) {
  .logo { width:50%;}
}
@media (min-width:768px) {
.logo .logo-mobile { display: none; }
.logo .logo-desktop { display: block; width:100%; }
#klanten-zeggen-2 { float:right; padding-top:25px; }
}
/* site search */
p a, p a:visited { margin: 0!important; }

/* Contact Details ---------------------- */
.contact-details { text-align: right; }
.contact-details ul { margin: 0px; padding: 0px; list-style-type: none; }
.contact-details ul li { padding: 10px 0px 10px 30px; border-left: 1px solid #eeeeee; margin-left: 30px; display: inline-block; }
.contact-details ul li h6 { font-size: 14px; color: #999999; margin-bottom: 0px; font-weight: normal; line-height: 16px; margin-bottom: 3px; }
.contact-details ul li a { display: inline-block; }
.contact-details ul li a:hover .offerte-button-icon-left, .contact-details ul li a:hover .telefoon-button-icon-left { color:#fff; }
.contact-details ul li a span { margin-left: 4px; font-weight: 400; letter-spacing: 0.6px; color: #252525; }



@media (max-width:1200px) {
.contact-details ul li { padding: 10px 0px 10px 15px; }
}
@media (max-width:992px) {
.contact-details ul li { margin-left: 5px; }
.contact-details ul li { padding: 10px 0px 10px 5px; }
.contact-details ul li a { font-size: 14px; }
.contact-details ul li h6 { font-size: 13px; }
}
@media (max-width:767px) {
.contact-details { display: none; text-align: left; padding-top: 10px; }
.contact-details ul li { display: block; border: none; text-align: center; }
}
/* Main Navigation---------------------- */
#main-navigation ul { margin: 0px; padding: 0px; list-style-type: none; float:right;}
#main-navigation ul li { float: left; }
#main-navigation ul.nav li {border-bottom: 4px solid #fff; }
#main-navigation ul.nav li.corona a { font-weight: 700; background: #e40101; color: #fff; font-size: 15px; margin-bottom: 0; padding: 0px 10px; border-bottom: 1px solid #fff; position: relative; cursor: pointer; }
#main-navigation ul.nav li a {padding-bottom:10px;}
#main-navigation ul.nav li a:hover { font-weight:700; }
#main-navigation ul.nav li:hover { border-bottom: 4px solid #000; }
#main-navigation ul > li > a { padding: 0px 17px; color: #585858; font-size: 17px; text-transform: uppercase; font-weight: normal; line-height: 20px; display: block; }
#main-navigation > ul > li:hover a, #main-navigation ul li.nav-path-selected a, #main-navigation ul li.nav-path-selected a { background: #a33599; }
#main-navigation .dropdown { background: #fff; position: absolute; left: 0px; top: -10000px; width: 100%; opacity: 0; z-index: -1; transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s; box-shadow: 0px 11px 11px -11px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 11px 11px -11px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 11px 11px -11px rgba(0, 0, 0, 0.5); }
#main-navigation ul li:hover .dropdown { opacity: 1; top: 71px; transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s; z-index: 1000; }
#main-navigation ul.nav li .dropdown a {padding-bottom:0;}
#main-navigation ul.nav li .dropdown a:hover { font-weight: unset; }
#main-navigation ul.nav .dropdown li {border-bottom:none;}
#main-navigation ul.nav .dropdown li:hover {border-bottom:none;}
#main-navigation .dropdown .advertisement { position: relative; left: 60px; bottom: 0px; }
#main-navigation .dropdown .advertisement a { padding: 0px; }
#main-navigation .dropdown .submenu { background: #a33599; width: 100%; padding: 35px 0; padding-bottom: 0px; }
#main-navigation .dropdown .submenu:before { position:absolute;z-index:0;content:' '; display:block;box-shadow:3px 3px 5px rgba(0,0,0,0.5); } 
#main-navigation .dropdown .submenu.group li {border-right: 2.5px solid #efefef;}
#main-navigation .dropdown .submenu.group li:last-child {border-right: 0px solid #000;}
#main-navigation .dropdown .submenu .submenu-list.group li {border-right: 0px solid #000;}
#main-navigation .dropdown .submenu li { width: 20%; padding: 0 20px 0 25px; float: left; }
#main-navigation .dropdown .submenu li:last-child { padding-right: 0px; }
#main-navigation .dropdown .submenu h3 { font-family: 'Raleway'; color: #000; text-transform: capitalize; font-weight: 800; font-size: 19px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 0px solid #8f2c86; min-height: 42px; }
#main-navigation .dropdown .submenu h3 a { color: inherit; }
#main-navigation .dropdown .submenu h3 picture { margin-right: 10px; }
#main-navigation .dropdown .submenu .submenu-list { background: #a33599; margin-bottom: 25px; }
#main-navigation .dropdown .submenu .submenu-list li { display: block; width: 100%; margin: 0px 0px 10px 10px; padding: 0px; }
#main-navigation .dropdown .submenu .submenu-list li a { font-size: 14px; line-height: 16px; text-transform: none; padding: 0px; }
#main-navigation .dropdown .submenu .submenu-list li a:hover { font-weight: 700; }
.billboard-menulink { background: #f10016; border-bottom: 0px!important; border-radius: 5px; }
.billboard-menulink:hover { border-radius:0;border-bottom: 4px solid #000;}
#main-navigation ul.nav li.billboard-menulink a { padding-bottom: 0; color: #fff; border-radius: 5px; }
#main-navigation ul.nav li.billboard-menulink:hover a { padding-bottom: 10px; color:#000;border-bottom:4px solid #000;border-radius: 0;}
@media (max-width:1200px) {
#main-navigation { display: block; padding-top: 35px; }
#main-navigation .dropdown .submenu h3 { font-size: 13px; }
#main-navigation .dropdown .submenu h3 i { margin-right: 5px; }
}
@media (max-width:992px) {
#main-navigation .dropdown .submenu li { padding-right: 10px; }
#main-navigation .dropdown .submenu h3 { font-size: 12px; }
#main-navigation .dropdown .advertisement { width: 50%; }
  #main-navigation .dropdown .submenu h3 picture { width:30px;}
}
@media (max-width:767px) {
#main-navigation ul { display: none; }
.billboard-menulink { background: #f10016; border-bottom: 0px!important; border-radius: 0; }
#main-navigation ul.nav li.billboard-menulink a { color:#fff; }
#menu ul li.billboard-menulink a { color:#fff; }
}
#header a.menu-btn { background: none; border: 0; position: absolute; right: 0; top: 25px; padding: 13px 15px; z-index: 1000; display: none; }
#header a.menu-btn span.icon-bar { background: #333333; display: block; height: 4px; width: 24px; margin-bottom: 4px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#header a.menu-btn span.icon-bar:last-child { margin-bottom: 0; }
 @media (max-width: 767px) {
#header a.menu-btn { display: block; }
}
/* Mobile Menu---------------------- */
#menu ul { margin: 0px; padding: 0px; list-style-type: none; background: #f4f4f4; }
#menu ul li { border-bottom: 1px solid #e2e2e2; }
#menu ul li a { font-size: 18px; color: #333333; padding: 10px 10px 10px 25px; display: block; }
#menu ul li a:hover { color: #b93fae; }
#menu ul li.corona a { color:#fff; }
#menu ul li.corona { background: #e40101; }
/* Bannner---------------------- */
#banner { position: relative; overflow: hidden; }
#banner .slides { position: relative; width: 100%; }
#banner .overlay { position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.2); z-index: 11;}
#banner .slides .slide { width: 100% !important; height: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; position: absolute; top: 0; left: 0; display: block !important; opacity: 0; }
#banner .slides .slide:first-child { opacity: 1; }
#banner .slides .slide img { width: 100%; visibility: hidden; }
.slide .container { position: relative; }
.slide .content { position: absolute; left: 0px; top: 50%; margin-top:-25%;}
.slide .content h2 { font-family:'Raleway'; text-transform: uppercase; color: #fff; margin-bottom: 10px; font-size: 79px; line-height: 79px; font-weight: 900; text-align: left; }
.slide .content h3 { color: #fff; margin-bottom: 10px; font-size: 36px; line-height: 40px; font-weight: 700; text-align: left; }
.slide .content .button2 { font-weight:300; }
.slide .content p { color: #555555; margin-bottom: 25px; }
.slide .content:after { content: ""; height: 4px; width: 40px; position: absolute; left: 30px; bottom: 30px; }
.next-previous-btn { bottom: 0px; left: 50%; margin-left: -190px; position: absolute; z-index: 99;  display:none;}
.next-previous-btn .previous-btn, .next-previous-btn .next-btn { width: 45px; height: 45px; display: inline-block; line-height: 45px; text-align: center; color: #fff; font-size: 18px; }
.next-previous-btn .previous-btn, .next-previous-btn .next-btn { background: #999999; }
.next-previous-btn .previous-btn:hover, .next-previous-btn .next-btn:hover { background: #b93fae; }
.next-previous-btn .previous-btn.active, .next-previous-btn .next-btn.active { background: #b93fae; }
@media (max-width:1620px) {
  .slide .content h2 { font-size:64px; line-height:64px;}
}
@media (max-width:1200px) {
  .next-previous-btn { margin-left: -75px; }
  .slide .content h2 { font-size:49px; line-height:49px;}
}
@media (max-width:992px) {
  .wrapper__video {display:none;}
  .video-header {display:none;}
  .slide .content h2 { font-size:49px; line-height:49px;}
  .slide .content h3 { font-size:20px; line-height:24px;}
  .next-previous-btn { margin-left: 35px; }
  .slide .content  { margin-top:-30%;}
  .contact-block { display:none; padding: 40px 15px 30px 20px; font-size: 12px; background: #f7f7f7; }
  
}
@media (min-width:992px) {
#banner { display:none; }
.video-bg-container { position: relative; width:100%; height:100%; margin-top: -30px; overflow:hidden; }
.wrapper__video { overflow: hidden; object-fit: cover; background-position: center center; background-repeat: no-repeat; }
.video-header { max-height: 500px; font-size: 49px; padding: 0 20px; text-align: center; z-index: 9; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 1300px; }
.video-header.video-text h1 { color: #fff; display: inline-table; font-size: 3rem; font-weight: 800; line-height: 0; }
.contact-block { position: absolute; bottom: 0; right: 20px; background-color: #b43fae; color: #fff; padding: 1.5rem 2rem 1.5rem 2rem; width: calc(75.782% / 3); min-width: 300px; }
.contact-block-title { display: block; color: #fff; font-size: 32px; font-weight: 700; text-align: center; line-height: 1; margin-bottom: 1.5rem; }
.contact-block-phone { display: block; color: #fff; text-align: center; line-height: 1; margin-bottom: 1.5rem; font-size: 1.9rem; font-weight: 700; }
.contact-block-text.time { display: block; color: #fff; text-align: center; line-height: 1; font-weight: 100; font-size: 0.8rem; }
.contact-block-text.notice { display: block; color: #fff; text-align: center; line-height: 1.2; font-weight: 500; font-size: 0.8rem; }
.contact-block-text.notice a { color: #000000; font-weight: 700; text-decoration: underline; }
/* .title-button.tel-advies .icon-telefoon-advies { background-image: url(../images/hulp-contact-icon.png); background-repeat: no-repeat; background-position: left; filter: brightness(100); padding-left: 65px; background-size: 57px; width: 57px; height: 100%; } */
}
@media (min-width:1099px) {
.contact-block-title { font-size: 35px; }
.contact-block-phone { font-size: 2rem; }
.contact-block-text.time { font-size: 0.9rem; }
.contact-block-text.notice { display: block; color: #fff; text-align: center; line-height: 1.2; font-weight: 500; font-size: 0.9rem; }
}
@media (min-width:1199px) {
.video-header.video-text h1 { color: #fff; font-size: 6rem; font-weight: 800; line-height: 2; }
}
@media (min-width:1379px) {
.contact-block-title { font-size: 38px; }
.contact-block-phone { font-size: 2.2rem; }
.contact-block-text.time { font-size: 1.2rem; }
.contact-block-text.notice { display: block; color: #fff; text-align: center; line-height: 1.2; font-weight: 500; font-size: 1.2rem; }
}
@media (max-width:767px) {
    .slide .content { padding: 15px 15px 7px; width: 100%; text-align: center; }
  	.slide .content h2 { font-size: 24px; line-height: 24px; font-weight: 900;}
    .slide .content:after { display: none; }
    .slide .content p { margin-bottom: 8px; font-size: 14px; line-height: 17px; }
    .next-previous-btn { display: none; left: 200px; }
    .next-previous-btn .previous-btn, .next-previous-btn .next-btn { width: 25px; height: 25px; line-height: 25px; }
  	.slide .content { margin-top:-60%;}
    body.home #banner .slides { min-height: 600px; }
    body.home .slide .container { position: absolute; left: 0; bottom: 0; width: 100%; }
}
@media(max-width:480px) {
	body.home #banner .slides { min-height: 400px; }
}

/* Call To Action + Intro Action---------------------- */
.call-to-action { background: #333333; padding: 35px 0px 35px; vertical-align: middle; position: relative; }
.call-to-action h1 { font-size: 24px; line-height: 28px; color: #fff; margin-bottom: 0px; margin-top: 7px; font-weight: normal; }
.call-to-action p { color: #fff; font-size: 24px; font-weight: 600; margin-bottom: 0; margin-top: 10px; text-align: right; }
.call-to-action .buttons { text-align: right; }
.call-to-action .button2 { margin-left: 15px; padding: 0px 25px; }
.buttons .button1 { outline: 1px solid #333333; }
.buttons .button1:hover { border: 1px solid #fff; outline: 1px solid #fff; }
.intro-action { padding: 35px 0; }
.intro-action h2 { margin: 0 auto; text-align: center; font-weight: 900; font-size: 47px; line-height: 65px; letter-spacing: -0.5px; padding-bottom: 30px; }
.intro-action .intro-action-text { font-size: 24px; font-weight: 100; letter-spacing: 0.5px; line-height: 32px; text-align: center; margin: 0 auto; display: table; }
.intro-action .intro-action-text strong { font-weight: 600; }
.intro-action .intro-action-text strong a { color:#000; }
@media (max-width:1200px) {
.call-to-action .button1 { padding: 0 15px; margin-bottom: 10px; }
.call-to-action .button2 { padding: 0 20px; }
}
@media (max-width:992px) {
.call-to-action p { margin-top: 0; }
.call-to-action .button1 { padding: 0 10px; }
.call-to-action .button2 { padding: 0 12px; }
}
@media (max-width:767px) {
body.home .call-to-action { display: none; }
.call-to-action { text-align: center; }
.call-to-action h1 { font-size: 20px; line-height: 24px; font-weight: 400; }
.call-to-action p { font-size: 20px; line-height: 24px; text-align: center; margin-bottom: 22px; }
.call-to-action .buttons { text-align: center; }
.call-to-action .button1 { display: block; margin-left: 0px; margin-bottom: 15px; }
.call-to-action .button2 { display: block; margin-left: 0px; }
.intro-action { padding: 35px 0 15px; }
.intro-action h2 { font-size: 21px; line-height: 31px; }
.intro-action .intro-action-text { font-size: 15px; line-height: 22px; width: auto; max-width: 320px; margin: auto; text-align: left; word-spacing: -1px; }
.intro-action .intro-action-text strong { font-weight: 600; }
.intro-action .intro-action-text strong a { color: #575757; }
}
/* Sociable---------------------- */
.sociable ul { margin: 0px; padding: 0px; list-style-type: none; }
.sociable ul li { display: inline-block; margin-right: 3px; width: 40px; height: 40px; }
.sociable ul li a { display: block; color: #999999; font-size: 14px; line-height: 40px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #555; height: 40px; width: 40px; }
.sociable ul li a:hover { color: #000; border-color: #000; }
.sociable-bottom { width: 35%; float: left; position: relative; margin: -6px 0px; text-align: center; }
.sociable-bottom ul { margin: 0px; padding: 0px; list-style-type: none; }
.sociable-bottom ul li { display: inline-block; margin-right: 3px; width: 40px; height: 40px; }
.sociable-bottom ul li a { display: block; color: #fff; font-size: 22px; line-height: 40px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; height: 40px; width: 40px; }
.sociable-bottom ul li a:hover { color: #fff; border-color: #fff; }
 @media only screen and (min-width: 993px) {
.sociable { display: none; }	 
 } 
 @media (max-width:992px) {
.sociable-bottom { display:none; }
.sociable ul li { width: 30px; height: 30px; }
.sociable ul li a { line-height: 30px; }
/* .sociable-bottom ul li { width: 30px; height: 30px; }
.sociable-bottom ul li a { line-height: 30px; } */
}
@media (max-width:767px) {
.sociable { margin-bottom: 30px; text-align: center; }
.sociable ul li { width: 40px; height: 40px; }
.sociable ul li a { line-height: 40px; }
.sociable-bottom { display:none; }
/* .sociable-bottom { margin-bottom: 30px; text-align: center; }
.sociable-bottom ul li { width: 40px; height: 40px; }
.sociable-bottom ul li a { line-height: 40px; } */
}
/* Buttons---------------------- */
.button1, .button2 { text-align: center; color: #fff; text-transform: uppercase; height: 43px; line-height: 41px; display: inline-block; font-size: 15px; font-weight: bold; }
.button1 { border: 1px solid #dddddd; padding: 0px 25px; }
.button1:hover { border: 2px solid #dddddd; }
.button2 { background: #b93fae; padding: 0px 15px; }
.button2:hover { background: #333; }
.button1:focus, .button2:focus { color: #fff; }
/* Section---------------------- */
.section { padding-bottom: 75px; background: #fff; }
.section h2 { color: #000; font-size: 49px; font-weight: 800; line-height: 53px; margin-bottom: 35px; text-align: center; }
.section .sub-heading { margin-bottom: 50px; }
 @media (max-width:992px) {
.section { padding-bottom: 40px; }
}
@media (max-width:767px) {
.section { padding-bottom: 20px; }
}
/* Diensten Blocks */
/* hover */
.col-sm-3.serviceblock .content-overlay { background: rgba(0,0,0,.85); position: absolute; height: 99%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.col-sm-3.serviceblock:hover .content-overlay{ opacity: 1; }
.content-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.col-sm-3.serviceblock:hover .content-details{ top: 50%; left: 50%; opacity: 1; } .content-details h3{ color: #fff; font-weight: 500; letter-spacing: 0.15em; margin-bottom: 0.5em; text-transform: uppercase; }
.content-details p { color: #fff; font-size: 0.8em; }
.col-sm-3.serviceblock .content-details h4 { font-size: 15px; letter-spacing: 1.8px; color: #fff; text-align: center; line-height: 20px; }
.fadeIn-bottom{ top: 80%; }
/* hover end */
.col-sm-3.serviceblock { margin-bottom: 20px; }
.col-sm-3.serviceblock p { padding-right: 0; margin-bottom: 0; }
.serviceblock .service-title { font-size: 15px; text-align: center; line-height: 16px; min-height: 35px; padding: 10px; background: #ececec; }
.title-button.service { display: block; margin: 15px auto 0; width: 120px; height: 29px; line-height: 28px; text-align: center; font-size: 13px; text-transform: uppercase; font-weight: 400; color: #000; background: #fff; border: #fff solid 1px; }
/* corona producten */
/* page header */
.page-header.corona { border-bottom: 2px solid #000; line-height: 0.4; padding: 15px 0 0 0; font-size: 24px; }
.breadcrumb-mobile.corona { color: #000; padding-left: 5px; }
.breadcrumb-mobile.corona span a { color: #000; }
/* line bottom */
.bottom-header { display: flex; justify-content: center; align-items: center; border-top: 1px solid #000; }
.corona-line { text-align: center; display: inline-block; padding: 5px 22px; margin: -20px auto 35px; border-left: 5px #fff solid; border-right: 5px #fff solid; font-size: 21px; justify-content: center; align-items: center; font-weight: 700; color: #fff; background: #e60000; }
/* hover */
.col-sm-3.coronaproduct .content-overlay { background: rgba(0,0,0,0.7); position: absolute; height: 99%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.col-sm-3.coronaproduct:hover .content-overlay{ opacity: 1; }
.content-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.col-sm-3.coronaproduct:hover .content-details{ top: 50%; left: 50%; opacity: 1; } .content-details h3{ color: #fff; font-weight: 500; letter-spacing: 0.15em; margin-bottom: 0.5em; text-transform: uppercase; }
.content-details p{ color: #fff; font-size: 0.8em; }
.col-sm-3.coronaproduct .content-details h4 { font-size: 15px; letter-spacing: 1.8px; color: #fff; text-align: center; line-height: 20px; }
.fadeIn-bottom{ top: 80%; }
/* hover end */
.col-sm-3.coronaproduct { min-height: 350px; margin-bottom: 20px; }
.col-sm-3.coronaproduct p { padding-right: 0; }
.coronaproduct .product-price { text-align: center; display: block; font-size: 17px; font-weight: 700; font-family: Lato; margin-bottom: -15px; margin-top: 15px; }
.coronaproduct .product-title { font-size: 15px; line-height: 16px; min-height: 35px; }
.title-button.product { display: block; margin: 0 auto; width: 120px; height: 29px; line-height: 28px; text-align: center; font-size: 13px; text-transform: uppercase; font-weight: 400; color: #000; background: #fff; border: #fff solid 1px; }
/* Product Info---------------------- */
body.home .product-info .column.end { background: #383838; border-radius: 5px 5px 0 0; max-width: 360px; margin-left: 40px; padding: 25px 25px 0 25px; color: #fff; margin-bottom: 35px; }
.product-info .column.end .title-button { display: block; margin: 30px auto 30px auto; padding: 0 15px; height: 52px; line-height: 51px; text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 400; background: #fff; color: #252525; border: #252525 solid 1px; }
.section.product-info .column.end .post .title-buttonn .icon-mail { background-image: url('../images/mail-icon.png'); background-repeat: no-repeat; background-position: left; padding-left: 28px; background-size: 21px; width: 21px; height: 100%; }
.product-info .column.end h3 { color: #fff; text-transform: none; font-size: 37px; line-height: 45px; }
.product-info .column.end p { font-size: 22px; color: #fff; min-height: 95px; }
.product-info .column.end span a { font-size: 34px; text-align: center; font-weight: 800; color: #fff; font-family: Lato; }
body.home .product-info .column figure { margin: 0px; }
body.home .section.product-info { padding-bottom: 25px;padding-top: 35px; } 
.product-info .column figure { margin: 0px 0px 30px; }
body.home .product-info .column { margin-bottom: 35px; }
.product-info .column { margin-bottom: 75px; }
.product-info .column figure img { width: 100%; }
.product-info .column figure figcaption { padding: 15px 0px; color: #737373; font-size: 15px; line-height: 15px; border-bottom: 3px solid #f3f3f3; margin-bottom: 10px; }
.product-info .column h3 { font-family: 'Raleway';letter-spacing: -0.5px;color: #000000;font-size: 25px;line-height: 25px;font-weight: 800;text-transform: capitalize; }
.product-info .column h3 picture {vertical-align: bottom;}
.product-info .column h3 picture, .product-info .column h6 picture { margin-right: 5px; }
.product-info .column p { color: #717171; font-weight: 500; min-height: 100px; padding-top: 20px; letter-spacing: 0.5px;; }
 @media (max-width:1200px) {
.product-info .column figure figcaption { min-height: 63px; }
body.home .product-info .column.end { margin-left: 0; }
}
@media (max-width:992px) {
.product-info .column figure figcaption { min-height: inherit; margin-bottom: 20px; }
body.home .product-info .column { margin-bottom: 15px; }
.product-info .column { margin-bottom: 30px; min-height: 390px; }
body.home .product-info .column.end { margin: 0; padding: 25px 25px 5px 25px; }
.product-info .column.end h3 { font-size:28px; line-height: 36px; }
.product-info .column.end p { font-size: 20px; }
.product-info .column.end span a { font-size: 30px; }
.col-sm-3.coronaproduct { min-height: 260px; }
.content-details { padding-left: 5px; padding-right: 5px; }
.col-sm-3.coronaproduct .content-details h4, .col-sm-3.serviceblock .content-details h4 { font-size: 13px; }
}
.title { height: 90px; background: #000000; margin-bottom: 20px; }
.title-layout1 h4 { font-size: 49px; text-transform: uppercase; font-weight: 900; letter-spacing: 3px; text-align: center; color: #fff; vertical-align: middle; padding: 19px; margin-bottom: 0; }
.title-layout2 h4 { font-size: 49px; text-transform: uppercase; font-weight: 900; letter-spacing: 3px; text-align: center; color: #fff; vertical-align: middle; padding: 19px; margin-bottom: 0; }
.mobile-videos-gallery .title.title-layout1 { margin-bottom: 40px; }
.section.project-gallery .title-button, .section.latest-news .title-button, .section.mobile-videos-gallery .title-button { display: block; margin: 30px auto 30px auto; padding: 0 15px; width: 190px; height: 36px; line-height: 34px; text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 400; color: #252525; border: #252525 solid 1px; }
.section.project-gallery .title-button:hover, .section.latest-news .title-button:hover, .section.mobile-videos-gallery .title-button:hover { background:#252525;color:#fff; border: #252525 solid 1px; font-weight: 500; }
.section.project-gallery .title-button .icon-projecten { background-image: url('../images/projecten-icon.png');background-repeat: no-repeat; background-position: left; padding-left: 28px; background-size: 21px; width: 21px; height: 100%; }
.section.project-gallery .title-button:hover .icon-projecten { background-image: url('../images/projecten-icon-hover.png');background-repeat: no-repeat; background-position: left; padding-left: 28px; background-size: 21px; width: 21px; height: 100%; }
.title-button.projects { margin-top: 70px; }
.section.latest-news .title-button .icon-nieuws { background-image: url('../images/blogs-icon.png');background-repeat: no-repeat; background-position: left; padding-left: 28px; background-size: 21px; width: 21px; height: 100%; }
.section.latest-news .title-button:hover .icon-nieuws { background-image: url('../images/blogs-icon-hover.png');background-repeat: no-repeat; background-position: left; padding-left: 28px; background-size: 21px; width: 21px; height: 100%; }
.section.latest-news .title-button .icon-videos, .section.mobile-videos-gallery .title-button .icon-videos { background-image: url('../images/videos-icon.png');background-repeat: no-repeat; background-position: left; padding-left: 28px; background-size: 21px; width: 21px; height: 100%; }
.section.latest-news .title-button:hover .icon-videos, .section.mobile-videos-gallery .title-button:hover .icon-videos { background-image: url('../images/videos-icon-hover.png');background-repeat: no-repeat; background-position: left; padding-left: 28px; background-size: 21px; width: 21px; height: 100%; }
.intro-text { margin: 0 auto; width: fit-content; text-align: center; line-height: 0px; margin-bottom: 30px; padding: 15px 0; }
.intro-text p { font-weight: 400; font-size: 24px; line-height: 32px; margin-bottom: 5px; color: #292929; margin-top: 0; }
.intro-text::first-line { font-weight: 600; color: #000; }
@media (max-width:480px) {
body.home .product-info .column.end { margin: 0 15px; padding: 25px 25px 5px 25px; }
}

/* Advies Section -- */
.advies-section { background:#f4f4f4 no-repeat top left; margin-top: 5px; margin-bottom: -1px; padding: 30px 15px 0; font-family:'Raleway',sans-serif; }
#service-employee { display:block; background-image: url('../images/mien-osman-faruk.png'); min-height:390px; background-size:contain; background-repeat:no-repeat; background-position:center bottom; } 
.header-line { font-size:67px; display:block; clear:both; color:#000; font-weight:800; line-height:1em; padding-top:25px; margin-bottom: 30px; } 
.header-line2 { font-size:67px; text-align: center; display:block; clear:both; color:#000; font-weight:900; line-height:1em; padding-top:25px; margin-bottom: 30px; } 
#text-wrapper { display:block; min-height:100px; text-align:center; margin: 0 auto; padding-top:15px; }
#text-wrapper2 { display:block; min-height:100px; text-align:left; margin: 0 auto; padding-top:15px; }
#button-wrapper { padding: 0 80px; }
.title-button.email-advies { float: left; display: block; margin: 30px 0 30px auto; padding: 0 15px; width: 190px; height: 36px; line-height: 34px; text-align: center; font-size: 16px; font-weight: 400; color: #2f2f2f; letter-spacing: -.6px; border: #2f2f2f solid 1px; }
.title-button.tel-advies { float: left; display: block; margin: 30px 35px 30px 80px; padding: 0 15px; width: 190px; height: 36px; line-height: 34px; text-align: center; font-size: 16px; font-weight: 400; color: #2f2f2f; letter-spacing: -.6px; border: #2f2f2f solid 1px; }
.title-button.email-advies:hover, .title-button.tel-advies:hover { background:#252525;color:#fff; border: #252525 solid 1px; }
.title-button.email-advies .icon-email-advies { background-image: url('../images/email-advies-icon.png');background-repeat: no-repeat; background-position: left; padding-left: 27px; background-size: 19px; width: 19px; height: 100%; }
.title-button.email-advies:hover .icon-email-advies { background-image: url('../images/email-advies-icon-hover.png');background-repeat: no-repeat; background-position: left; padding-left: 27px; background-size: 19px; brightness(100); width: 19px; height: 100%; }
.title-button.tel-advies .icon-telefoon-advies { background-image: url('../images/hulp-contact-icon.png');background-repeat: no-repeat; background-position: left; padding-left: 25px; background-size: 21px; filter: width: 21px; height: 100%; }
.title-button.tel-advies:hover .icon-telefoon-advies { background-image: url('../images/hulp-contact-icon-hover.png');background-repeat: no-repeat; background-position: left; padding-left: 25px; background-size: 21px; brightness(100); width: 21px; height: 100%; }

/* Header buttons */
.tel-button-icon .icon-telefoon { background-image: url('../images/tel-icon.svg');background-repeat: no-repeat; background-position: left; padding-left: 27px; background-size: 17px; width: 19px; height: 100%; filter: invert(0.4) sepia(0.9) saturate(40) hue-rotate(265deg); }
.tel-button-icon { float: left; display: block; margin: 5px 0 5px auto; padding: 0 15px; height: 36px; line-height: 34px; text-align: center; font-size: 16px; font-weight: 400; color: #2f2f2f; letter-spacing: -.6px; }
/* .tel-button-icon:hover .icon-telefoon { background-image: url('../images/tel-icon.svg');background-repeat: no-repeat; background-position: left; padding-left: 27px; background-size: 17px; brightness(100); width: 21px; height: 100%; } */
.offerte-button-icon .icon-offerte { background-image: url('../images/mail-icon.svg');background-repeat: no-repeat; background-position: left; padding-left: 27px; background-size: 17px; width: 19px; height: 100%; filter: invert(0.4) sepia(0.9) saturate(40) hue-rotate(265deg); }
.offerte-button-icon { float: left; display: block; margin: 5px 0 5px auto; padding: 0 15px; height: 36px; line-height: 34px; text-align: center; font-size: 16px; font-weight: 400; color: #2f2f2f; letter-spacing: -.6px; }
/* .offerte-button-icon:hover .icon-offerte { background-image: url('../images/mail-icon.svg');background-repeat: no-repeat; background-position: left; padding-left: 27px; background-size: 17px; brightness(100); width: 21px; height: 100%; } */

 @media (max-width:767px) {
.title .title-button { min-width: 200px; font-size: 16px; }
.title { text-align: center; }
}
/* Read More---------------------- */
.read-more { display: inline-block; font-size: 16px; text-transform: uppercase; font-weight: 400; color: #2f2f2f; height: 36px; line-height: 34px; padding: 0px 15px; text-align: center; border: 1px solid #2f2f2f; }
.read-more i { font-size: 14px; padding: 0 5px; text-align: center; }
.read-more:hover { background: #252525; color: #fff; font-weight: 500; line-height: 34px; border: 1px solid #252525; }
/* Random Button ----------------- */
.link-btn { display: inline-block; font-size: 16px; text-transform: uppercase; font-weight: 400; color: #2f2f2f; height: 36px; line-height: 34px; padding: 0px 15px; text-align: center; border: 1px solid #2f2f2f; }
.link-btn i { font-size: 14px; padding: 0 5px; text-align: center; }
.link-btn:hover { background: #252525; color: #fff; font-weight: 500; line-height: 34px; border: 1px solid #252525; }
@media (max-width:767px) {
.read-more { display: inline-block; font-size: 16px; text-transform: uppercase; font-weight: 400; color: #444444; height: 36px; line-height: 32px; padding: 0px 15px; text-align: center; border: 1px solid #000; }
}
/* Project Gallery ---------------------- */
.section.project-gallery { padding-bottom: 0px; }
.project-gallery ul { margin: 0px; padding: 0px; list-style-type: none; }
.project-gallery ul li { float: left; width: 25%; position: relative; }
.project-gallery ul li img { height: 350px; width: 100%; }
.project-gallery ul li .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.8); left: 0px; top: 0px; opacity: 0; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.project-gallery ul li:hover .overlay { opacity: 1; }
.project-gallery ul li .overlay .inner { width: inherit; height: inherit; display: table; }
.project-gallery ul li .overlay .inner .inner-content { display: table-cell; width: inherit; height: inherit; vertical-align: middle; text-align: center; padding: 0px 10px; }
.project-gallery ul li .overlay .inner .inner-content h2 { color: #fff; font-size: 22px; line-height: 26px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
.project-gallery ul li .overlay .inner .inner-content .button2 { background: #fff; color:#000; font-size: 13px; font-weight: 600; line-height: 42px; height: 42px; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
@media (max-width:1200px) {
.project-gallery ul li .overlay .inner .inner-content h2 { font-size: 18px; }
}
@media (max-width:992px) {
.project-gallery ul li { width: 50%; }
}
@media (max-width:991px) {
.project-gallery ul li img { height: auto; }
.title-button.tel-advies, .title-button.email-advies { padding: 0; width: 155px; }
#service-employee { min-height: 300px; }
.header-line { font-size: 39px; }
.section h2 { font-size: 39px; }
.product-info .column p { min-height: 120px; }
}
/*@media (max-width:480px) {
.project-gallery ul li { width: 100%; }
}*/
/* Services ---------------------- */
.services { padding-top: 70px; text-align: center; }
.services .row { margin: 0px -30px; }
.services .col-sm-4 { padding: 0px 30px; }
.services .section-head { margin-bottom: 50px; }
.services .post h4 { margin-bottom: 25px; color: #333333; font-size: 20px; font-weight: 600; }
.services .post p { color: #545454; }
.services figure { width: 140px; height: 140px; border: 2px solid #252525; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto; cursor: pointer; margin-bottom: 45px; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.services figure.figure1 { background: #fff url(../images/kwaliteit-icon.png) center center no-repeat; background-size:60px; }
.services figure.figure1:hover { background: #000000 url(../images/icon10-hover.png) center center no-repeat; }
.services figure.figure2 { background: #fff url(../images/vakkundigheid-icon.png) center center no-repeat; background-size:50px; }
.services figure.figure2:hover { background: #000000 url(../images/icon11-hover.png) center center no-repeat; }
.services figure.figure3 { background: #fff url(../images/service-icon.png) center center no-repeat; background-size:55px; }
.services figure.figure3:hover { background: #000000 url(../images/icon12-hover.png) center center no-repeat; }
 @media (max-width:992px) {
.services { padding-top: 40px; }
.services .row { margin: 0px -15px; }
.services .col-sm-4 { padding: 0px 15px; }
}
/* Latest News ---------------------- */
.section.latest-news { background: #f4f4f4; padding-bottom: 45px; }
.latest-news .title { margin-bottom: 90px;background: #000000;}
.latest-news .post { margin-bottom: 40px; }
.latest-news figure { margin: 0px; float: left; }
.latest-news .details { padding-left: 220px; }
.latest-news .post .details h5 { margin-bottom: 0px; font-size: 16px; text-transform: uppercase; }
.latest-news .post .details h5 a { color: #333333; }
.latest-news .post .details .date { display: block; font-size: 16px; color: #A23997; font-weight: bold; margin-bottom: 10px; }
.latest-news .video-details .video { position: relative; margin-bottom: 10px; }
.latest-news .video-details .video img { width: 100%; }
.latest-news .video-details .video .play-btn { display: inline-block; width: 72px; height: 72px; position: absolute; left: 50%; top: 50%; background: url(../images/play-btn-hover.png) no-repeat; margin-left: -36px; margin-top: -36px; box-shadow: 0px 0px 53px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 53px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 53px rgba(0,0,0,0.4); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 0.8; }
.latest-news .video-details .video .play-btn:hover { box-shadow: 0px 0px 53px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 53px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 53px rgba(0,0,0,0.5); opacity: 0.9; }
.latest-news .video-details .video:after { position: absolute; content: ""; background: url(../images/video-shadow.png) center center no-repeat; width: 100%; bottom: -36px; left: 0px; height: 36px; opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; background-size: 100% 36px; }
.latest-news .video-details .video-title p { color: #414042; font-size: 17px; }
.latest-news .video-details .video-title p .fa-angle-right { font-size: 15px; color: #b93fae; display: inline-block; width: 20px; height: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #b93fae; text-align: center; line-height: 18px; margin: 0px 5px 10px; float: left; }
.latest-news .video-details .video-title p .small-title { color: #b93fae; font-weight: bold; font-size; 17px; }
 @media (max-width:1200px) {
.latest-news .post { margin-bottom: 20px; }
.latest-news .details { padding-left: 215px; }
.latest-news .video-details { margin-left: 0px; }
}
@media (max-width:992px) {
.latest-news figure { float: none; text-align: center; margin-bottom: 15px; }
.latest-news figure img { width: 100%; }
.latest-news .details { padding-left: 0px; }
.latest-news .post .details h5 { margin-bottom: 0px; font-size: 24px; text-transform: uppercase; }
.section.latest-news { padding-bottom: 40px; }
.latest-news .video-details .video-title p { }
}
.testimonial { padding: 85px 0 45px; margin-bottom: 45px; background: #f4f4f4; }
body.home .testimonial { background: #fff; padding-bottom: 0px; }
.testimonial .section-head { margin-bottom: 75px; }
.testimonial .section-head h2 { text-align: center; }
.testimonial h4 { color: #b93fae; font-size: 16px; line-height: 1; font-weight: normal; }
.testimonial blockquote { margin: 0px; }
.testimonial blockquote .inner { background: #fff; padding: 40px 30px 30px 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #dadada; box-shadow: 0px 1px 1px #f3f3f3; -moz-box-shadow: 0px 1px 1px #f3f3f3; -webkit-box-shadow: 0px 1px 1px #f3f3f3; position: relative; margin-bottom: 35px; }
body.home .testimonial blockquote .inner { background: #f4f4f4; }
.testimonial blockquote .inner p { margin-bottom: 0px; font-style: italic; font-size: 15px; color: #535353; line-height: 24px; }
.testimonial blockquote .inner:after { content: ""; background: url(../images/arrow2.png) no-repeat; position: absolute; left: 50px; bottom: -12px; width: 24px; height: 14px; }
body.home .testimonial blockquote .inner:after { background: url(../images/arrow.png) no-repeat; }
.testimonial blockquote .inner .quote { position: absolute; left: 30px; top: -9px; }
.testimonial blockquote p.cite { padding-left: 30px; vertical-align: middle; margin-bottom: 0px; }
.testimonial blockquote p.cite .figure { margin: 0px; width: 63px; height: 63px; text-align: center; border: 1px solid #c5c5c5; border-radius: 50%; margin-right: 20px; float: left; border-radius: 50%; }
.testimonial blockquote p.cite .figure img { border-radius: 50%; }
.testimonial blockquote p.cite cite { float: left; padding-top: 15px; font-style: normal; display: block; }
.testimonial blockquote p.cite cite a { color: #545454; font-size: 16px; font-weight: 600; }
.testimonial blockquote p.cite cite { color: #999999; font-size: 12px; margin-bottom: 0px; }
body.over-ones-page .testimonial blockquote p.cite .figure { border: 0; }
body.over-ones-page .testimonial blockquote .inner { border: 0; box-shadow: 0 0 2px #dadada; }
body.over-ones-page .testimonial blockquote .inner:after { border: 15px solid #fff; background: none; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; bottom: -30px; }
 @media (max-width:992px) {
.testimonial { padding: 40px 0px 0px; }
}
@media (max-width:767px) {
.testimonial blockquote { margin-bottom: 30px; }
.testimonial blockquote .rating { float: none; margin-top: 0px; }
}
.rating { display: block; background: url(../images/rating.png) left bottom no-repeat; width: 92px; height: 15px; margin-top: 15px; float: right; }
.rating .inner-rating { height: 15px; display: block; background: url(../images/rating.png) left top no-repeat; }
/* Section Head---------------------- */
.section-head h2 { font-size: 36px; font-weight: 300; color: #000; line-height: 42px; margin-bottom: 0PX; }
.section-head h2 small { color: #b93fae; font-size: 16px; display: block; font-weight: normal; }
 @media (max-width:992px) {
.section-head h2 small { line-height: 25px; }
}
 @media (max-width:767px) {
.section-head h2 small { line-height: 20px; }
.section-head h2 { font-size: 26px; line-height: 32px; }
}
.mobile-contact-details { padding: 20px 0px; background: #333333; text-align: center; display: none; }
.mobile-contact-details ul { margin: 0px; padding: 0px; list-style-type: none; }
.mobile-contact-details ul li { padding: 0px 20px; border-left: 1px solid #717171; display: inline-block; min-height: 57px; }
.mobile-contact-details ul li p { font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 0px; }
.mobile-contact-details ul li p a { color: #fff; }
.mobile-contact-details ul li i { display: block; margin-bottom: 5px; }
.mobile-contact-details ul li i span { font-size: 22px; color: #fff; }
.mobile-contact-details ul li:first-child { border-left: none; }
 @media (max-width:767px) {
.mobile-contact-details { display: block; }
}
/* Contact Addressv---------------------- */
.contact-address h6 { text-transform: uppercase; font-size: 16px; margin-bottom: 30px; }
.contact-address ul { margin: 0px; padding: 0px; list-style-type: none; }
.contact-address ul li { padding: 12px 0px; border-bottom: 1px solid #eeeeee; }
.contact-address ul li i { float: left; margin-right: 20px; margin-bottom: 23px; }
.contact-address ul li i span { font-size: 16px; color: #333333; }
.contact-address ul li p { margin-bottom: 0px; }
.contact-address ul li p a { color: #525252; }
.contact-address ul li:last-child { border: 0; }
.contact-address ul li p.number { padding-left: 35px; }
.contact-address ul li span.semibold { font-weight: 600; display: block;  }
@media (max-width:992px) {
.contact-address h6 { font-size: 13px; }
}
@media (max-width:767px) {
.contact-address h6 { margin-bottom: 20px; }
.contact-address { margin-bottom: 30px; }
}
/* Contact Form---------------------- */
.contact-form h6 { text-transform: lowercase; font-size: 29px; margin-bottom: 30px; margin-top: 9px; }
.contact-form form ul { margin: 0px; padding: 0px; list-style-type: none; }
.contact-form form ul li { float: left; width: 49%; margin-bottom: 20px; clear: left; }
.contact-form form ul li input[type="text"], .contact-form form ul li input[type="tel"], .contact-form form ul li input[type="email"], .contact-form form ul li textarea { width: 100%; display: block; border: 1px solid #e6e6e6; background: #e6e6e6; font-size: 14px; color: #aaaaaa; }
.contact-form form ul li input[type="text"], .contact-form form ul li input[type="tel"], .contact-form form ul li input[type="email"] { line-height: 50px; height: 50px; padding: 0px 20px; }
.contact-form form ul li textarea { line-height: 20px; padding: 25px 20px 0px 20px; min-height: 190px; resize: none; }
.contact-form form ul li:last-child { display: block; width: 100%; margin-top: 10px; position: relative; }
.contact-form form ul li .button2 { border: none; float: right; font-size: 14px; padding: 2px 20px; background: #6bd527; }
.contact-form form ul li p { color: #00b200; margin-bottom: 0px; margin-top: 10px; }
.contact-form form ul li.textarea { float: right; width: 60%; margin-top: -210px; }
.contact-form form ul li input[type="email"]:focus, .contact-form form ul li input[type="text"]:focus, .contact-form form ul li input[type="tel"]:focus, .contact-form form ul li textarea:focus { color: #b93fae; border: 1px solid #000000; }
 @media (max-width:992px) {
.contact-form form ul li input[type="text"], .contact-form form ul li input[type="tel"], .contact-form form ul li input[type="email"] { padding: 0px 10px; }
.contact-form form ul li textarea { padding: 15px 10px 0px 10px; }
.contact-form h6 { font-size: 13px; }
}
@media (max-width:767px) {
.contact-form h6 { margin-bottom: 20px; }
.contact-form form ul li { width: 100%; }
.contact-form form ul li .button2 { float: none; display: block; width: 100%; }
.contact-form form ul li.textarea { width: 100%; margin-top: 0px; }
}
/* location map  --------------------*/
.location-map { position: relative; }
/* .location-map img { width: 100%; box-shadow: 0px -10px 2px rgba(0,0,0,0.5) inset; } */
.location-map img { width: 100%;}
.location-map .pin { position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -27px; }
.location-map .pin img { box-shadow: none; width: auto; }
@media (max-width:767px) {
.location-map .pin { margin-left: -11px; margin-top: -13px; }
.location-map .pin img { width: 50%; }
}
/* Page Header  --------------------*/
.page-header { position: relative; }
.page-header img { width: 100%; }
.page-header .inner { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; }
.page-header .inner .overlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.5); }
.page-header .inner .container { height: 100%; }
.page-header .inner .container .inner-content { display: table; width: 100%; height: 100%; position: relative; margin: -5px 0px 0px 0px;}
.page-header .inner .container .inner-content .heading { display: table-cell; vertical-align: middle; line-height:19px; }
.page-header .inner .container .inner-content .heading h1 { font-size: 40px; padding-bottom: 20px; position: relative; color: #fff; text-transform: uppercase; margin-bottom: 0px; text-align: left; font-weight: bold; }
.page-header .inner .container .inner-content .heading h1:after { content: ""; width: 40px; height: 4px; background: #fff; position: absolute; left: 0px; bottom: 0px; }
.page-header .inner .container .inner-content .breadcrumb { position: absolute; right: 0px; top: 50%; max-width: 100%; text-align: right; }
.page-header .inner .container .inner-content .breadcrumb span { font-size: 14px; color: #fff; }
.page-header .inner .container .inner-content .breadcrumb span.division { margin: 0px 10px; }
.page-header .inner .container .inner-content .breadcrumb span a { color: #fff; }
.page-header .inner .container .inner-content .breadcrumb span a:hover { text-decoration: underline; }
 @media (max-width:1200px) {
.page-header .inner .container .inner-content .heading h1 { font-size: 35px; padding-bottom: 10px; line-height: 40px; }
}
@media (max-width:992px) {
.page-header .inner .container .inner-content .heading h1 { font-size: 18px; padding-bottom: 3px; line-height: 26px; }
.page-header .inner .container .inner-content .heading h1:after { height: 2px; }
}
@media (max-width:767px) {
.page-header img { min-height: 90px; }
}
.breadcrumb-mobile { border-bottom: 1px solid #cdcdcd; padding: 5px 0px 5px; display: none; margin-bottom: 15px; }
.breadcrumb-mobile { font-size: 14px; color: #000; }
.breadcrumb-mobile span.division { margin: 0px 10px; }
.breadcrumb-mobile span a { color: #000; }
.breadcrumb-mobile span a:hover { text-decoration: underline; }
@media (max-width:767px) {
.breadcrumb-mobile { display: block; border-bottom: 0px solid #cdcdcd; padding: 5px 0px 5px;}
.breadcrumb-mobile span.division { margin: 0px 5px; }
}
/* Over Ones   --------------------*/
.over-ones .secondary-color { color: #b93fae; display: block; font-size: 16px; font-weight: normal; line-height: 22px; margin-bottom: 10px; }
.over-ones { padding-bottom: 40px; }
.over-ones h2 { margin-bottom: 40px; }
.over-ones h2, .over-ones .sub-heading { text-align: left; }
.over-ones .image, .over-ones .image1, .over-ones .image2 { margin: 0px; margin-bottom: 15px; }
.over-ones .image1 { float: left; width: 49%; }
.over-ones .image2 { float: right; width: 49%; }
.over-ones .image img, .over-ones .image1 img, .over-ones .image2 img { width: 100%; }
.over-ones h6 { margin-bottom: 0px; color: #525252; line-height: 20px; }
.over-ones .post li span.arrow_right { min-height: 24px; }
.over-ones .post li { margin-bottom: 8px; }
@media (max-width:767px) {
.over-ones .secondary-color { margin-bottom: 20px; }
.over-ones .image, .over-ones .image1, .over-ones .image2 { margin-bottom: 20px; }
.over-ones .image1 { float: none; width: 100%; }
.over-ones .image2 { float: none; width: 100%; }
}
/* Team   --------------------*/
.team { padding-top: 30px; text-align: center; }
.team .sub-heading { margin-bottom: 55px; }
.team .team-members { margin-bottom: 65px;height: 285px; }
.team .team-members .about { position: relative; }
.team .team-members .about figure { margin: 0px 0px 25px; }
.team .team-members .about figure img { width: 100%; }
.team .team-members .about .overlay { position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.8); width: 100%; height: 100%; opacity: 0; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.team .team-members .about .overlay .inner { display: table; width: 100%; height: 100%; }
.team .team-members .about .overlay .inner .inner-content { display: table-cell; padding: 30px; vertical-align: middle; }
.team .team-members .about .overlay .inner .inner-content p { font-size: 13px; line-height: 20px; color: #fefefe; }
.team .team-members .about .overlay .inner .inner-content p a { color: #fefefe; }
.team .team-members .about:hover .overlay { opacity: 1; }
.team .team-members h6 { margin-bottom: 5px; text-transform: uppercase; }
.team .team-members .meta-data { display: block; color: #b93fae; font-size: 12px; font-weight: normal; text-transform: uppercase; }
.team .team-members .meta-data a { color: #b93fae; }
@media (max-width:1200px) {
.team .team-members .about .overlay .inner .inner-content { padding: 20px; }
.team .team-members .about .overlay .inner .inner-content p { margin-bottom: 15px; }
}
@media (max-width:767px) {
.team .team-members { margin-bottom: 30px; }
}
/* Team_Mobile Home  --------------------*/
.team-home { padding-top: 5px; text-align: center; }
.team-home .sub-heading { margin-bottom: 55px; }
.team-home .team-members { margin-bottom: 65px; }
.team-home .team-members .about { position: relative; }
.team-home .team-members .about figure { margin: 0px 0px 25px; }
.team-home .team-members .about figure img { width: 100%; }
.team-home .team-members .about .overlay { position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.8); width: 100%; height: 100%; opacity: 0; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.team-home .team-members .about .overlay .inner { display: table; width: 100%; height: 100%; }
.team-home .team-members .about .overlay .inner .inner-content { display: table-cell; padding: 30px; vertical-align: middle; }
.team-home .team-members .about .overlay .inner .inner-content p { font-size: 13px; line-height: 20px; color: #fefefe; }
.team-home .team-members .about .overlay .inner .inner-content p a { color: #fefefe; }
.team-home .team-members .about:hover .overlay { opacity: 1; }
.team-home .team-members h6 { margin-bottom: 5px; text-transform: uppercase; }
.team-home .team-members .meta-data { display: block; color: #b93fae; font-size: 12px; font-weight: normal; text-transform: uppercase; }
.team-home .team-members .meta-data a { color: #b93fae; }
@media (max-width:1200px) {
.team-home .team-members .about .overlay .inner .inner-content { padding: 20px; }
.team-home .team-members .about .overlay .inner .inner-content p { margin-bottom: 15px; }
}
@media (max-width:767px) {
.team-home .team-members { margin-bottom: 30px; }
}
/* Accordion   --------------------*/
.menu-link.corona { background: #e40101; color: #fff; font-size: 15px; margin-bottom: 0; padding: 15px 25px; border-bottom: 1px solid #fff; position: relative; cursor: pointer; }
.title.corona { height: 90px; background: transparent; color: #fff; font-weight: 600; margin-bottom: 20px; }
.widget.accordion { border-top: 1px solid #eeeeee; border-bottom: none; padding-top: 0px; }
.widget.accordion h3.ui-state-active { font-weight: 700; }
.widget.accordion h3 { font-size: 15px; margin-bottom: 0px; padding: 15px 25px; border-bottom: 1px solid #ffffff; position: relative; cursor: pointer; border-left: 5px solid #fff; }
.accordion h3.ui-accordion-header-active:after { background: url(../images/accordian-controls.png) left bottom no-repeat; margin-top: -13px; }
.widget.accordion h3:before { background: none repeat scroll 0 0 #b93fae; content: ""; height: 104%; left: -5px; position: absolute; top: -1px; width: 5px; opacity: 0; }
.widget.accordion h3:hover, .accordion h3.ui-accordion-header-active { color: #b93fae; }
.widget.accordion h3:hover:before, .accordion h3.ui-accordion-header-active:before { opacity: 1; }
.widget.accordion ul { padding-left: 20px; border-left: 5px solid #b93fae; }
.widget.accordion ul li { padding: 15px 15px 15px 0px; border-bottom: 1px solid #eeeeee; background-image: none; margin: 0px; }
.widget.accordion ul li span.arrow_right { color: #b93fae; font-size: 16px; margin-right: 10px; position: relative; top: 3px; }
.widget.accordion .content { display: none; }
 @media (max-width:992px) {
.widget.accordion h3 { padding: 15px 10px; font-size: 12px; }
.widget.accordion h3:after { right: 10px; }
.widget.accordion ul { padding-left: 10px; }
.widget.accordion ul li { padding: 15px 10px 15px 0px; }
.widget.accordion ul li span.arrow_right { font-size: 12px; }
}
.accordion2 { margin-bottom: 50px; }
body.page-id-4564 .accordion2 { margin-bottom: 5px; }
body.page-id-73 .accordion2 { margin-bottom: 5px; }
.accordion2 h3 { padding: 10px 15px; border: 1px solid #333333; line-height: 1; font-size: 16px; font-weight: 600; position: relative; cursor: pointer; margin: 0 !important; }
.accordion2 h3 span { display: inline-block; width: 23px; height: 23px; background: url(../images/icon13.png) no-repeat; margin-right: 12px; vertical-align: middle; float: left; margin-top: -3px; }
.accordion2 h3:after { content: ""; position: absolute; top: 50%; right: 15px; background: url(../images/icon14.png) no-repeat; width: 12px; height: 13px; margin-top: -6px; }
.accordion2 h3:hover, .accordion2 h3.active { background: #333333; color: #fff; }
.accordion2 h3:hover span, .accordion2 h3.active span { background: url(../images/icon13-hover.png) no-repeat; }
.accordion2 h3:hover:after, .accordion2 h3.active:after { background: url(../images/icon14-hover.png) no-repeat; }
.accordion2 .content { border: 2px solid #333333; display: none; }
.accordion2 .content .inner-box { padding: 25px 24px 0px; }
.accordion2 .content .inner-box h5 { font-size: 16px; color: #535353; margin-bottom: 0px; }
.accordion2 .content .inner-box p { color: #535353; }
.accordion2 .content table { border-top: 2px solid #333333; width: 106%; margin-left: -24px; }
.accordion2 .content table th:first-child, .accordion2 .content table td:first-child { padding-left: 25px; border-left: none; }
.accordion2 .content table th:last-child, .accordion2 .content table td:last-child { border-right: none; }
.accordion2 .content table th, .accordion2 .content table td { border: 1px solid #000; padding: 8px 5px 8px 8px; font-size: 14px; line-height: 17px; text-align: left; }
.accordion2 .content table th { border-top: none; }
.accordion2 .content table tr:last-child td { border-bottom: none; }
@media (max-width:1199px) {
.accordion2 .content table { width: 107.6%; }
}
@media (max-width:992px) {
.accordion2 { margin-bottom: 25px; }
.accordion2 h3 { padding: 10px 5px; padding-right: 15px; }
.accordion2 .content .inner-box { padding: 10px 5px 0px 5px; }
.accordion2 .content table th:first-child, .accordion2 .content table td:first-child { padding-left: 5px; }
.accordion2 .content table th, .accordion2 .content table td { padding: 3px 3px 3px 3px; font-size: 11px; }
.accordion2 h3:after { right: 10px; }
.accordion2 .content table { margin-left: -5px; width: 102%; }
}
@media (max-width:767px) {
.accordion2 .content { width: 100%; overflow-x: auto; overflow-y: hidden; }
.accordion2 .content .inner-box { border: none; }
}
/* Project   --------------------*/
.project figure.image { margin: 0px 0px 15px; }
.project figure.image img { width: 100%; }
.project .check { font-weight: bold; font-size: 13px; display: block; }
.project .check:hover { text-decoration: underline; }
.project .view-details { display: block; font-weight: bold; font-size: 13px; display: none; }
.project .check:hover.view-details { display: block; }
/* Download Brochure   --------------------*/
.widget.download-brochure { border-bottom: none; }
.download-brochure a { padding: 18px 20px; display: block; background: #b93fae; font-size: 16px; line-height: 1; color: #fff; font-weight: 600; }
.download-brochure a i { margin-right: 20px; float: left; }
.download-brochure a:hover { background: #a33599; }
/* Corona card   --------------------*/
.card.covid { background-image: url(https://tinttotaal.nl/wp-content/uploads/2020/05/corona-preventie-bg.jpg); background-color: #fff; background-size: contain; content: ""; display: block; padding-bottom: 20px; }
.card-header img { display: block; margin-left: auto; margin-right: auto; }
.widget .card.covid h3 { font-size: 39px; color: #333; line-height: 30px; font-weight: 600; margin-bottom: 45px; text-transform: initial; text-align: center; }
.widget .card-container ul li { max-width: 235px; padding: 15px 5px 40px 5px; margin: 30px auto	; font-size: 23px; text-align: center; background: #fff; border-radius: 5px; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5); }
.widget .card-container ul li img { max-width: 115px; padding-bottom: 25px; }
@media (max-width:992px) {
.download-brochure a i { margin-right: 10px; }
.widget .card.covid h3 { font-size: 23px; }
.card-container { max-width: 145px; margin: 0 auto; }
.widget .card-container ul li { font-size: 17px; }
}
.button3 { display: block; padding: 10px; border: 1px solid #fff; font-size: 14px; line-height: 1; font-weight: 600; text-align: center; color: #fff; }
.button3:hover, .button3:focus { color: #fff; }
/* Contact Person   --------------------*/

.widget.contact-person { padding: 15px 25px 25px 25px; background: #b93fae; border: none; }
.widget.contact-person .button3:hover { background: #000000; border-color: #000000; }
.widget.contact-person h3 { font-size: 16px; color: #fff; margin-bottom: 10px; }
.widget.contact-person ul { margin: 0px; padding: 0px; list-style-type: none; margin-bottom: 25px; }
.widget.contact-person ul li { padding: 10px 0px; border-bottom: 1px solid #fff; background-image: none; margin-bottom: 0px; }
.widget.contact-person ul li h4 { font-size: 24px; line-height: 28px; color: #fff; font-weight: normal; margin-bottom: 0px; }
.widget.contact-person figure { margin: 0px 0px 5px; }
.widget.contact-person figure img { width: 100%; }
.widget.contact-person ul li .meta-data { display: block; color: #fff; font-size: 14px; }
.widget.contact-person ul li .meta-data a { color: #fff; }
.widget.contact-person ul li a { color: #fff; font-size: 14px; }
.widget.contact-person ul li:hover a { color: #fff; }
.widget.contact-person ul li span { margin-right: 8px; font-size: 14px; color: #fff; }
.contact-person figure { position: relative; box-shadow: 0 0 5px rgba(0,0,0,.56); }
.contact-person figure:before { position: absolute; content: ""; border: 15px solid #b93fae; border-bottom-color: transparent; border-left-color: transparent; right: -10px; top: -10px; }
.contact-person figure:after { position: absolute; content: ""; border: 15px solid #b93fae; border-top-color: transparent; border-right-color: transparent; left: -10px; bottom: -10px; }
.contact-person figure picture { display: block; }
 @media (max-width:1200px) {
.widget.contact-person h3 { font-size: 14px; }
}
@media (max-width:992px) {
.widget.contact-person { padding: 10px; }
.widget.contact-person ul li a, .widget.contact-person h3 { font-size: 12px; }
}
/* Image   --------------------*/
.image { margin: 0px 0px 40px 0px; }
.image img { width: 100%; }
/* Car Navigation   --------------------*/
.car-navigation { margin-bottom: 30px; }
.car-navigation h3 { font-size: 18px; font-weight: 600; text-transform: uppercase; background: #252525; padding: 10px 15px; margin-bottom: 0px; }
.car-navigation h3 i { float: left; font-size: 20px; color: #333333; margin-right: 15px; }
.car-navigation ul { margin: 0px; padding: 0px; list-style-type: none; text-align: center; }
.car-navigation ul li { float: left; width: 16.66%; border: 1px solid #eeeeee; background: #fefefe url(../images/car-nav-bg.jpg) left bottom repeat-x; position: relative; min-height: 110px; }
.car-navigation ul li:hover , .car-navigation ul li.active { background: #fefefe url(../images/car-nav-bg-active.jpg) left bottom repeat-x; min-height: 110px; }
.car-navigation ul li:after { content: ""; width: 100%; height: 13px; position: absolute; left: 0px; bottom: -13px; display: none; z-index: 100; background-image: url(../images/arrow4.jpg); }
.car-navigation ul li figure { margin: 0px; padding-top: 15px; }
.car-navigation ul li figure figcaption { color: #535353; font-size: 14px; font-weight: bold; padding: 8px 0px; line-height: 1; position: absolute; top: 78px; width: 100%; }
.car-navigation ul li figure figcaption a { color: #535353; }
.car-navigation ul li:hover:after, .car-navigation ul li.active:after { display: block; }
@media (max-width:992px) {
.car-navigation ul li { width: 33.33%; }
}
@media (max-width:767px) {
.car-navigation { margin-bottom: 60px; }
.car-navigation ul li { width: 50%; }
}
/* arrow3   --------------------*/
.arrow3 { background: url(../images/arrow3.png) left top no-repeat; display: block; width: 30px; height: 58px; }
.form-box .feedback-form li.submit .arrow3 { margin: -39px auto 16px; display: none; }
@media (max-width:767px) {
.form-box .feedback-form li.submit .arrow3 { display: block; }
}
.radio-btns .iradio { background: url(../images/radio.png) no-repeat left bottom; width: 17px; height: 17px; cursor: pointer; display: inline-block; top:3px; }
.radio-btns .iradio.checked { background-position: left top; }
.checkbox .icheckbox { background: url(../images/check-box.png) left bottom; width: 17px; height: 17px; display: inline-block; vertical-align: top; cursor: pointer; }
.checkbox .icheckbox.checked { background-position: left top; }
.checkbox label { position: relative; font-size: 15px; line-height: 18px; color: #333333; display: inline-block; vertical-align: top; }
/* Form   --------------------*/
.form-contact { background: #f6f6f6; margin-bottom: 15px; }
.feedback-form { background: #f6f6f6; padding: 40px 25px 20px 25px; width: 77%; float: left; border-top: 5px solid #b93fae; }
.feedback-form ul { margin: 0px; padding: 0px; list-style-type: none; }
.feedback-form ul li { width: 48%; float: left; margin-right: 4%; margin-bottom: 10px; }
.feedback-form ul li span { display: block; }
.feedback-form ul li:nth-child(2n) { margin-right: 0px; }
.feedback-form ul li .select select, .feedback-form ul li input[type="text"], .feedback-form ul li input[type="tel"], .feedback-form ul li input[type="email"], .feedback-form ul li input[type="number"], .feedback-form ul li textarea, .feedback-form ul li input[type="text"], .feedback-form ul li input[type="select"] { width: 100%; border: 1px solid #eeeeee; background: #e6e6e6; color: #aaaaaa; font-size: 14px; padding: 0px 15px; }
.feedback-form ul li .select { position: relative; display: block; }
.feedback-form ul li .select select { height: 50px; line-height: 28px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.feedback-form ul li .select:after { content: ""; width: 50px; height: 50px; background: url(../images/select-option.png) no-repeat; position: absolute; top: 1px; right: 1px; pointer-events: none; border-radius: 3px; -webkit-appearance: none; }
.form-contact .feedback-form ul li input[type="text"], .feedback-form ul li input[type="tel"], .feedback-form ul li input[type="email"], .feedback-form ul li input[type="number"], .feedback-form ul li input[type="text"], .feedback-form ul li input[type="select"] { height: 50px; line-height: 50px; }
.feedback-form ul li textarea { resize: none; padding: 15px; line-height: 18px; }
.feedback-form ul li h6 { font-size: 15px; margin: 10px 0px 5px; line-height: 20px; }
.feedback-form ul li h6 .required { color: #b93fae; display: inline; }
.feedback-form ul li.checkbox span { margin-bottom: 5px; }
.feedback-form .uploads { border-top: 1px solid #b93fae; border-bottom: 1px solid #b93fae; padding: 25px 0px; margin: 20px 0px 25px; }
.feedback-form .upload .column { width: 50%; float: left; }
.feedback-form .upload .column:last-child { padding-left: 10px; }
.feedback-form .upload input[type=file] { display: none; }
.feedback-form .upload a { background: #CB66C2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CB66C2), to(#ca64c1)); background: -webkit-linear-gradient(#CB66C2, #ca64c1); background: -moz-linear-gradient(#CB66C2, #ca64c1); background: -ms-linear-gradient(#CB66C2, #ca64c1); background: -o-linear-gradient(#CB66C2, #ca64c1); background: linear-gradient(#CB66C2, #ca64c1); font-size: 13px; font-weight: 600; line-height: 1; color: #fff; display: inline-block; padding: 10px 15px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #252525; margin-bottom: 5px; }
.feedback-form .upload span { font-size: 13px; color: #333; display: block; font-style: italic; }
.form-contact .feedback-form u { padding-bottom: 15px; }
.form-contact .feedback-form .upload { display: inline-block; margin: 0 -2px 0px; width: 50%; }
.form-contact .feedback-form .upload .column { float: none; width: 100%; }
body.beletter-page #tabs .box button[type="button"], body.beletter-page .feedback-form input[type="submit"] { background: #333; line-height: 50px; padding: 0 20px; display: none; border: 0; font-size: 18px; font-weight: 600; color: #fff; }
body.beletter-page #tabs .box.active button[type="button"] { display: inline-block; }
body.beletter-page #tabs .box.active .button1 { display: none; }
body.beletter-page .feedback-form .upload a { background: #FAFAFA; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FAFAFA), to(#f7f7f7)); background: -webkit-linear-gradient(#FAFAFA, #f7f7f7); background: -moz-linear-gradient(#FAFAFA, #f7f7f7); background: -ms-linear-gradient(#FAFAFA, #f7f7f7); background: -o-linear-gradient(#FAFAFA, #f7f7f7); background: linear-gradient(#FAFAFA, #f7f7f7); padding: 10px; display: inline-block; font-size: 13px; color: #333; font-weight: 600; border-radius: 2px; }
.feedback-form .upload h6 { font-size: 15px; margin-bottom: 10px; }
.feedback-form input[type="submit"] { width: 100%; display: block; height: 50px; line-height: 50px; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; text-align: center; background: #033333; border: none; margin-bottom: 15px; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.feedback-form input[type="submit"]:hover { background: #b93fae; }
.note { margin-bottom: 0px; color: #00b200; font-size: 14px; }
.post .note { margin-bottom: 0px; color: #00b200; font-size: 14px; line-height: 17px; }
.feedback-form ul li .radio-btns { margin-bottom: 22px; }
.feedback-form .radio-btns .wpcf7-list-item { width: 44%; float: left; margin-left: 0px; position: relative; }
.feedback-form li .wpcf7-list-item-label { font-size: 15px; color: #fff; display: inline-block; padding-left: 5px; }
.feedback-form .wpcf7-checkbox .wpcf7-list-item-label { font-size: 15px; color: #333333; display: inline-block; padding-left: 5px; }
body.beletter-page .form-box .feedback-form ul li:last-child { min-height: 0; border: 0px; }
/* product aanvraag formulier */
#wpcf7-f45590-o1 input[type="text"], #wpcf7-f45590-o1 input[type="email"], #wpcf7-f45590-o1 input[type="password"], #wpcf7-f45590-o1 input[type="tel"], #wpcf7-f45590-o1 textarea, #wpcf7-f45590-o1 select { -webkit-appearance: none; border: #e6e6e6 solid 1px; background: #e6e6e6; padding: 3px 0 3px 0; text-indent: 5px; width: 100%; }
#wpcf7-f45590-o1 input[type="submit"] { -webkit-appearance: button; cursor: pointer; background: transparent; border: 2px solid #000; padding: 5px 10px 5px 10px; font-weight: 600; }
.wpcf7-form-control-wrap.Naam, .wpcf7-form-control-wrap.Email, .wpcf7-form-control-wrap.Bedrijf, .wpcf7-form-control-wrap.Telefoon2 { display: block; padding: 0 15px 10px 0; }
#wpcf7-f45590-o1 .wpcf7-form h5 { font-size: 20px; color: #4a4a4a; }
.product-overview.corona td { font-size: 16px; font-weight: 600; border: 1px solid #fff; padding-bottom: 10px; }
 @media (max-width:992px) {
.feedback-form { width: 100%; }
}
@media (max-width:767px) {
.feedback-form ul li { width: 100%; margin-right: 0px; }
.feedback-form { padding: 20px 15px 15px 15px; }
.feedback-form .upload .column { width: 100%; margin-bottom: 15px; }
.feedback-form .upload .column:last-child { padding-left: 0px; }
.feedback-form input[type="submit"] { font-size: 15px; }
.form-contact .feedback-form .upload { display: block; margin: 0 -2px 20px; width: 100%; }
.note { line-height: 17px; }
body.beletter-page #tabs .box.active button[type="button"], body.beletter-page #tabs .box button[type="button"], #tabs .box .button1 { display: none; }
}
@media (min-width:768px) {
.post .note { display: none; }
}
.form-box { position: absolute; top: 0px; z-index: 101; display: block; left: 100%; width: 100%; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.form-box.open { left: 0px; width: 68%; }
.form-box .feedback-form { border: none; padding: 15px 10px 20px 0px; background: #efefef; width: 100%; position: relative; }
.form-box .feedback-form:after { background: url(../images/form-arrow.png); filter: brightness(0); content: ""; position: absolute; bottom: 32px; right: 10px; z-index: 99; width: 91px; height: 71px; }
.form-box .feedback-form h4 { color: #252525; font-weight: 600; font-size: 18px; text-transform: uppercase; margin-left: 20px; margin-bottom: 25px; }
.form-box .feedback-form ul { margin: 0px; padding: 0px; list-style-type: none; }
.form-box .feedback-form ul li { width: 33.33%; float: left; margin: 0px; padding: 0px 20px; min-height: 440px; }
.form-box .feedback-form ul li h6 { color: #252525; font-weight: 600; margin-bottom: 10px; margin-top: 0px; }
.form-box .feedback-form ul li h6:first-child { margin-bottom: 17px; }
.form-box .feedback-form ul li h6 .required { color: #333333; display: inline; }
.form-box .feedback-form ul li ul { margin-bottom: 22px; }
.form-box .feedback-form ul li ul li { width: 100%; float: none; border: none; margin: 0px 0px 10px; padding: 0px; min-height: inherit; }
.form-box .feedback-form ul li input[type="text"], .feedback-form ul li input[type="tel"], .feedback-form ul li input[type="email"], .feedback-form ul li input[type="number"], .feedback-form ul li input[type="text"], .feedback-form ul li input[type="select"] { height: 50px; line-height: 50px; background: #e6e6e6; }
.form-box .feedback-form ul li input[type="text"]:focus, .feedback-form ul li input[type="tel"]:focus, .feedback-form ul li input[type="email"]:focus, .feedback-form ul li input[type="number"]:focus, .feedback-form ul li input[type="text"]:focus { color: #333333; }
.form-box .feedback-form .upload { padding: 0px; margin: 0px; border: none; }
.form-box .feedback-form .upload a { margin-bottom: 5px; }
.form-box .feedback-form .upload p { font-size: 13px; line-height: 19px; font-style: italic; color: #252525; }
.form-box .feedback-form .upload .column { width: 100%; float: none; padding: 0px; }
.form-box .feedback-form .upload .column h6 { margin-bottom: 10px; }
.form-box .feedback-form textarea { min-height: 93px; color: #333333; }
div.wpcf7 { position: relative; }
.form-box .wpcf7-validation-errors { color: #dc0000; background: #000; border: 0px; bottom: -18px; margin: 0; padding: 0; position: absolute; text-align: center; width: 100%; z-index: 99; }
.form-box .wwpcf7-mail-sent-ok { color: #00b200; background: #000; border: 0px; bottom: -18px; margin: 0; padding: 0; position: absolute; text-align: center; width: 100%; z-index: 99; }
@media (max-width:1200px) {
.form-box .feedback-form { min-height: 538px; }
}
@media (max-width:992px) {
.form-box .feedback-form { border-top: 2px solid #a33599; }
.form-box .feedback-form ul li { width: 100%; float: none; min-height: 130px; border: none; padding-bottom: 0px; margin-bottom: 20px; border-bottom: 2px solid #a33599; }
.form-box .feedback-form ul li:last-child { margin: 0px; }
.form-box .feedback-form ul li li:last-child { margin-bottom: 10px; }
.form-box .feedback-form:after { display: none; }
}
@media (max-width:767px) {
.form-box { position: relative; left: 0px; top: 0px; width: 100%; float: none; }
.form-box .feedback-form { width: 100%; margin-bottom: 15px; }
.form-box .feedback-form ul { margin-left: 10px; }
.form-box .feedback-form ul ul { margin-left: 0px; }
.form-box .feedback-form ul li { padding: 0px; }
.form-box .feedback-form .upload { border-top: 2px solid #a33599; padding-top: 20px; }
}
/* Side Form   --------------------*/
.side-form { padding: 20px 15px; width: 23%; background: #b93fae; float: left; }
.side-form .contact-person { margin-bottom: 118px; }
.side-form .contact-person .button3:hover { background: #fff; color: #b93fae; }
.side-form .contact-person h3 { font-size: 15px; color: #fff; margin-bottom: 10px; text-transform: uppercase; }
.side-form .contact-person figure { margin: 0px 0px 10px; }
.side-form .contact-person figure img { width: 100%; }
.side-form .contact-person ul { margin: 0px; padding: 0px; list-style-type: none; margin-bottom: 25px; }
.side-form .contact-person ul li { padding: 10px 0px; border-bottom: 1px solid #fff; background-image: none; margin-bottom: 0px; }
.side-form .contact-person ul li:first-child { padding-top: 0px; }
.side-form .contact-person ul li h4 { font-size: 24px; line-height: 28px; color: #fff; font-weight: normal; margin-bottom: 0px; }
.side-form .contact-person ul li .meta-data { display: block; color: #fff; font-size: 14px; }
.side-form .contact-person ul li .meta-data a { color: #fff; }
.side-form .contact-person ul li a { color: #fff; font-size: 14px; }
.side-form .contact-person ul li span { margin-right: 8px; font-size: 14px; color: #fff; }
 @media (max-width:992px) {
.side-form { width: 100%; }
}
@media (max-width:1200px) {
.side-form .contact-person h3 { font-size: 12px; }
.side-form .contact-person ul li h4 { font-size: 22px; }
.side-form .contact-person ul li a { font-size: 12px; }
.side-form .contact-person ul li span { margin-right: 4px; }
}
.side-form .enquiry { padding: 15px 0px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
.side-form .enquiry h3 { font-size: 15px; color: #fff; margin-bottom: 5px; line-height: 1.2; }
.side-form .enquiry h3 i { float: left; font-size: 22px; margin-right: 10px; }
.side-form .enquiry ol { margin: 0px; padding: 0px; list-style-position: inside; }
.side-form .enquiry ol li { font-size: 15px; color: #fff; margin-bottom: 10px; }
/* Filters---------------------- */
#filters { border-top: 30px solid #b93fae; text-align: center; }
#filters .filter-tag { margin: 0px; padding: 0px; list-style-type: none; display: inline-block; margin-bottom: 50px; }
#filters .filter-tag li { float: left; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#filters .filter-tag li:hover a, #filters .filter-tag li.active a { color: #fff; background: #b93fae; }
#filters .filter-tag li:last-child { border-right: 1px solid #dddddd; }
#filters .filter-tag li a { display: block; padding: 10px 20px; font-weight: normal; font-size: 13px; color: #999999; }
@media (max-width:767px) {
#filters .filter-tag { display: none; }
}
@media (min-width:768px) {
.mobile-filter-tag { display: none; }
}
@media (max-width:767px) {
.mobile-filter-tag { background: #b93fae; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-top: 3px; margin: 20px 0px; cursor: pointer; position: relative; }
.mobile-filter-tag:before { content: ""; position: absolute; background: url(../images/menu-icon.png) no-repeat; width: 20px; height: 17px; left: 13px; top: 13px; }
.mobile-filter-tag:after { content: ""; position: absolute; background: url(../images/drop-down-icon.png) no-repeat; width: 10px; height: 22px; right: 10px; top: 13px; }
.mobile-filter-tag p { color: #333333; font-size: 14px; padding: 0px 10px; background: #fff; text-transform: uppercase; height: 37px; line-height: 37px; display: inline-block; font-weight: 600; margin-bottom: 3px; width: 85%; text-align: left; margin-left: 10px; }
.mobile-filter-tag ul { border: 3px solid #b93fae; border-top: 0; margin: 0px; padding: 0px; list-style-type: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: none; }
.mobile-filter-tag ul li { background: #f4f4f4; }
.mobile-filter-tag ul li a { color: #333333; font-size: 14px; text-transform: uppercase; font-weight: 600; padding: 8px 15px; display: block; line-height: 1; text-align: left; }
.mobile-filter-tag ul li a:hover { background: #b93fae; color: #fff; }
}
@media (max-width:480px) {
.mobile-filter-tag p { width: 77%; }
}
#filters .pagination { padding-top: 55px; border-top: 1px solid #eeeeee; }
#filters .pagination ul { display: inline-block; }
#filters .pagination ul li { float: left; padding: 0px; }
#filters .pagination ul li a { border-right: 1px solid #dddddd; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: none; }
#filters .pagination ul li span.current { border: 1px solid #ddd; border-right: 0; padding: 7px 18px 8px; }
#filters .pagination ul li a { padding: 8px 10px; }
#filters .pagination ul li .prev { margin-right: 22px; border: none; }
#filters .pagination ul li .next { margin-left: 22px; border: none; }
#filters .pagination ul li .next, #filters .pagination ul li .prev { font-size: 13px; text-transform: uppercase; line-height: 24px; }
#filters .pagination ul li .next:hover, #filters .pagination ul li .prev:hover { background: #a33599; }
#filters .pagination ul li a span.arrow_carrot-left, #filters .pagination ul li a span.arrow_carrot-right { display: inline-block; font-size: 18px; }
#filters .pagination ul li a span.arrow_carrot-left { margin-right: 15px; margin-top: 2px; float: left; }
#filters .pagination ul li a span.arrow_carrot-right { margin-left: 15px; float: right; margin-top: 2px; }
@media (max-width:767px) {
#filters .pagination ul li .next, #filters .pagination ul li .prev { font-size: 0px; line-height: 24px; margin: 0px; }
#filters .pagination ul li .prev { border-right: 1px solid #fff; }
#filters .pagination ul li a span.arrow_carrot-left, #filters .pagination ul li a span.arrow_carrot-right { margin: 0px; vertical-align: middle }
}
/* Work---------------------- */
#filters .work { position: relative; margin-bottom: 30px; }
#filters .work img { height: 350px; width: 100%; }
#filters .work .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left: 0px; top: 0px; opacity: 0; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#filters .work:hover .overlay { opacity: 1; }
#filters .work .overlay .inner { width: inherit; height: inherit; display: table; }
#filters .work .overlay .inner .inner-content { display: table-cell; width: inherit; height: inherit; vertical-align: middle; text-align: center; padding: 0px 10px; }
#filters .work .overlay .inner .inner-content h2 { color: #fff; font-size: 22px; line-height: 26px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
#filters .work .overlay .inner .inner-content .button2 { font-size: 12px; font-weight: 600; line-height: 42px; height: 42px; }
@media (max-width:1200px) {
#filters .work .overlay .inner .inner-content h2 { font-size: 18px; }
}
@media (max-width:991px) {
#filters .work .overlay .inner .inner-content h2 { font-size: 15px; }
#filters .work img { height: auto; }
}
.get-in-touch { background: #b93fae; padding: 35px 0px; box-shadow: 0px 4px 8px rgba(0,0,0,0.5); -moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.5); z-index: 100; position: relative; }
.get-in-touch p { margin-bottom: 0px; color: #fff; font-size: 24px; font-weight: 600; text-align: right; margin-top: 10px; }
.get-in-touch .button1 { margin-left: 45px; outline: 1px solid #b93fae; }
.get-in-touch .button1:hover { outline: 1px solid #dddddd; border: 1px solid #dddddd; }
@media (max-width:1200px) {
.get-in-touch p { font-size: 20px; }
.get-in-touch .button1 { font-size: 13px; }
}
@media (max-width:992px) {
.get-in-touch p { font-size: 16px; }
.get-in-touch .button1 { font-size: 11px; }
}
@media (max-width:767px) {
.get-in-touch p { font-size: 16px; text-align: center; margin-bottom: 10px; }
.get-in-touch .button1 { font-size: 15px; margin: 0px; display: block; }
}
.location-map { box-shadow: 0px 4px 8px rgba(0,0,0,0.5); -moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.5); z-index: 100; position: relative; }
/* Tab --------------------*/
#tabs { overflow: hidden; padding-bottom: 30px; }
#tabs .tab-links { margin: 0px; padding: 0px; list-style-type: none; margin-bottom: 42px; }
#tabs .tabs-header { font-size: 18px; font-weight: 600; text-transform: uppercase; background: #eeeeee; padding: 10px 15px; margin-bottom: 0px; }
#tabs .tabs-header i { float: left; font-size: 20px; color: #333333; margin-right: 15px; }
#tabs .tab-links li { width: 20%; float: left; border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; height: 50px; position: relative; }
#tabs .tab-links li:last-child { border-right: 1px solid #eeeeee; }
#tabs .tab-links li a { display: block; text-align: center; line-height: 50px; font-size: 16px; color: #535353; font-weight: 600; }
#tabs .tab-links li:after { content: ""; width: 20px; height: 9px; position: absolute; left: 50%; bottom: -8px; display: none; z-index: 100; background: url(../images/tab-arrow-dark.png); margin-left: -10px;   }
#tabs .tab-links li:hover:after { display: block; }
#tabs .tab-links li:hover,#tabs .tab-links li.active { background: #333333; }
#tabs .tab-links li:hover a,#tabs .tab-links li.active a { color: #fff; }
#tabs .tab-links li.ui-state-active:after { display: block; }
#tabs .tab-links li.ui-state-active {  background: #333333;  }
#tabs .tab-links li.ui-state-active a { color: #fff; }
#tabs .ui-widget-content { position: relative; display: none; }
#tabs .ui-widget-content:first-of-type { display: block; }
#tabs .ui-widget-content figure { margin: 0px; float: left; width: 68%; }
#tabs .box { background: #333; box-shadow: 0px 3px 5px #505050; padding: 10px 10px 24px 10px; width: 32%; float: right; text-align: center; position: relative; z-index: 99; }
#tabs .box .inner { min-height: 409px; background: #fff; padding: 10px 25px 20px 25px; margin-bottom: 25px; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); text-align: left; }
#tabs .box .inner:after { content: ""; background: url(../images/top-dark.png) no-repeat; position: absolute; right: -10px; top: -10px; width: 35px; height: 35px; }
#tabs .box .inner:before { content: ""; background: url(../images/bottom-dark.png) no-repeat; position: absolute; left: -10px; bottom: -10px; width: 35px; height: 35px; }
#tabs .box .inner h6 { font-size: 18px; margin-bottom: 0px; color: #535353; }
#tabs .box .inner p { font-size: 16px; }
#tabs .box .inner .price { display: block; background: url(../images/circle.png) center center no-repeat; height: 70px; text-align: center; color: #b93fae; font-size: 29px; line-height: 70px; font-weight: bold; position: relative; z-index: 1000; }
#tabs .box .inner ul { margin: 0px; padding: 0px; list-style-type: none; margin-bottom: 60px; }
#tabs .box .inner ul li { color: #535353; font-size: 16px; margin: 0px; padding: 0px; }
#tabs .box .inner ul li span.arrow_right { margin-right: 10px; min-height: inherit; }
#tabs .box .inner ul li a { color: #b93fae; }
#tabs .box .button1 { border: 2px solid #fff; font-size: 18px; height: 50px; line-height: 46px; font-weight: 600; position: relative; z-index: 10000; }
#tabs .box .button1:hover { border: 2px solid #fff; background: #fff; color: #333; }
#tabs .ui-widget-content figure { height: 516px; display: table; text-align: center; }
#tabs .ui-widget-content figure .inner { height: inherit; display: table-cell; vertical-align: middle; }
 @media (max-width:1200px) {
#tabs .ui-widget-content figure img { width: 100%; }
}
@media (max-width:992px) {
#tabs .box .inner { padding: 10px 10px 10px 10px; }
#tabs .box .inner h1 { font-size: 25px; }
#tabs .box .inner h1 span { line-height: 20px; }
#tabs .box .inner ul li { font-size: 14px; }
#tabs .box .button1 { font-size: 14px; position: relative; z-index: 10000; }
body.beletter-page #tabs .box button[type="button"], body.beletter-page .feedback-form input[type="submit"] { font-size: 17px; }
}
@media (max-width:767px) {
#tabs .ui-widget-content figure { float: none; width: 100%; }
#tabs .ui-widget-content figure img { width: 100%; }
#tabs .box { float: none; width: 100%; }
#tabs .box .inner { min-height: 130px; padding: 20px; margin-bottom: 0px; }
#tabs .box .inner h6 { font-size: 15px; }
#tabs .box .inner p { font-size: 14px; }
#tabs .box .inner ul { margin-bottom: 45px; }
#tabs .tab-links li { width: 50%; }
#tabs .tab-links li a { font-size: 14px; }
#tabs .ui-widget-content figure { height: auto; }
#tabs .feedback-form { height: auto !important; }
body.beletter-page #tabs .box button[type="button"], body.beletter-page .feedback-form input[type="submit"] { font-size: 20px; margin: 0; }
}
/* Footer---------------------- */
#footer .img { margin-bottom: 0px; color: #fff; background: #000 url("https://tinttotaal.nl/wp-content/themes/tinttotal/assets/images/footer-bg.jpg") top center no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden; position:absolute; top:0; left:0; }
#footer .footer-brand { margin-top:-25px; }
#footer .footer-read-more { margin: 0; }
#footer .footer-read-more i { font-size: 15px; vertical-align: middle; margin: 0 5px; }
#footer .logo { padding: 0px; border: none; margin-bottom: 15px; }
#footer .reviews-widget p { font-size: 13px; line-height: 20px; word-spacing: 2px; }
#footer p { line-height: 30px; color: #525252; word-spacing: 2px; }
#footer .accordion h3, #footer h3 { color: #252525; font-size: 21px; font-weight: 800; text-transform: inherit; padding-bottom: 10px; position: relative; pointer-events: none; }
#footer .accordion.active h3 { border-bottom-color: #3f3f3f; }
#footer .accordion h3 i.fa { float: right; font-size: 20px; margin-right: -10px; display: none; }
#footer .accordion ul { margin: 0px; padding: 0px; list-style-type: none; }
#footer .accordion ul li { color: #525252; font-size: 13px; line-height: 30px; }
#footer .accordion ul li a { color: #525252; font-size: 13px; line-height: 30px; }
#footer .accordion ul li i { float: left; margin-right: 15px; min-height: 24px; }
#footer .accordion ul.certification li { margin-bottom: 20px; }
#footer .accordion ul.certification li picture { width: 70px; text-align: center; float: left; height: 25px; padding-right: 15px; }
#footer .accordion ul.certification li a { font-weight: bold; display: block; }
#footer .accordion ul li a:hover { color: #000; }
@media (max-width:1200px) {
#footer .logo img { width: 100%; }
}
@media (max-width:767px) {
#footer .footer-read-more { color: #000; text-transform: uppercase; display: block; padding-top: 15px; font-weight: 600; }
#footer .footer-read-more i { font-size: 14px; margin: 0 5px; }
#footer .footer-brand { margin-top:0px; }
#footer .reviews-widget p { color: #ffffff; }
#footer .accordion ul li { color: #fff; }
#footer .accordion h3 i.fa { display: block; }
#footer .logo img { width: auto; }
#footer h3 { color: #ffffff; font-size: 21px; font-weight: 800; text-align: center; text-transform: uppercase; }
#footer .accordion h3 { padding: 10px 20px; background: #555555; color: #ffffff; font-weight: 600; border-top: 1px solid #000000; box-shadow: 2px 0px 4px #1f1f1f91; border-bottom: none; margin-top: 10px; margin-bottom: 0; font-size: 14px; cursor: pointer; pointer-events: auto; }
#footer .accordion ul { margin-top: 1px; margin-bottom: 10px; background: #555555; padding: 20px; display: none; }
#footer p { text-align: center;line-height: 20px;color: #000;}
#footer .accordion ul li a, #footer .accordion ul li a:hover { color: #fff; }
#footer .accordion ul li a:hover { color: #b93fae; }
}
/* Newsletter Sign Up---------------------- */
.newsletter-sign-up { width: 100%; padding: 22px; background: #464646; margin-top: 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.newsletter-sign-up .details { float: left; width: 45%; }
.newsletter-sign-up .details h4 { margin-bottom: 0px; color: #adadad; font-size: 20px; letter-spacing: 1px; line-height: 25px; }
.newsletter-sign-up .details h4 small { display: block; font-size: 14px; font-weight: normal; }
.newsletter-sign-up .details h4 picture { margin-right: 10px; }
.newsletter-sign-up form { float: right; width: 55%; }
.newsletter-sign-up form input[type="text"], .newsletter-sign-up form input[type="submit"] { float: left; height: 45px; line-height: 45px; display: block; border: none; }
.newsletter-sign-up form input[type="text"] { width: 300px; border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; background: #fff; padding: 0px 15px; font-size: 14px; color: #979797; font-weight: 600; }
.newsletter-sign-up form input[type="submit"] { background: #b93fae; width: 115px; text-align: center; font-size: 16px; color: #fff; border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; padding: 0px 5px; text-transform: uppercase; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.newsletter-sign-up form input[type="submit"]:hover { background: #a33599; }
.newsletter-sign-up #mce-success-response { clear: both; padding-top: 10px; color: #22a33d; }
@media (max-width:1200px) {
.newsletter-sign-up form input[type="text"] { width: 250px; padding: 0px 10px; }
.newsletter-sign-up form input[type="submit"] { width: 110px; }
.newsletter-sign-up { padding: 15px; }
}
@media (max-width:992px) {
.newsletter-sign-up .details { float: none; width: 100%; margin-bottom: 10px; }
.newsletter-sign-up form { float: none; width: 100%; }
}
@media (max-width:767px) {
.newsletter-sign-up .details h4 { letter-spacing: inherit; font-size: 17px; line-height: 20px; text-align: center; }
.newsletter-sign-up form input[type="text"], .newsletter-sign-up form input[type="submit"] { width: 100%; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.newsletter-sign-up form input[type="text"] { margin-bottom: 7px; padding: 0px 15px; }
.newsletter-sign-up .details h4 i { display: block; margin-bottom: 15px; margin-left: 0px; }
.newsletter-sign-up form { width: 90%; margin: 0 auto; }
.newsletter-sign-up .details h4 picture { display: block; }
}
/* Third Footer---------------------- */
.third-footer .top .img { margin-bottom: 0px; color: #fff; background: #000 url("https://tinttotaal.nl/wp-content/themes/tinttotal/assets/images/footer-bg1.jpg") top center no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden; position:absolute; top:0; left:0; }
.third-footer .top:after { background-image: url(https://tinttotaal.nl/wp-content/themes/tinttotal/assets/images/footer-overlay-bg.png); background-size: 555px; content: ""; background-repeat: no-repeat; background-position: bottom right; display: block; z-index: 2; width: 100%; margin: -100px -230px; height: 100%; overflow: visible; position: absolute; bottom: 0; }
.third-footer .top { padding: 55px 0px 85px; background: #000000; position: relative; }
.third-footer .top .container { position: relative; z-index: 3; }
.third-footer .top .accordion ul { margin: 0 0 25px 0; padding: 0px; list-style-type: none; }
.third-footer .top .accordion ul li { margin: 0 0 5px 0; line-height: 1.2; }
.third-footer .top .accordion ul li a { color: #fff; font-size: 14px; font-weight: normal; line-height: 18px; display: inline-block; }
.third-footer .top .accordion ul li a i { font-size: 15px; vertical-align: bottom; padding: 0 5px 0 0; }
.third-footer .top .accordion h3 { color: #fff; text-transform: uppercase; font-weight: 800; font-size: 22px; margin-bottom: 5px; min-height: 42px; position: relative; z-index: 100; pointer-events: none; }
.secondary-footer .accordion h3 i.fa { float: right; font-size: 20px; margin-right: -10px; display: none; }
.third-footer .top .accordion h3 a { color: inherit; }
.third-footer .top .accordion h3 picture { margin-right: 10px; }
.third-footer .top .auto { position: absolute; right: 100px; bottom: -106px; }
.third-footer .top .accordion ul li a:hover { text-decoration: underline; }
.secondary-footer .accordion { margin-bottom: 30px; position: relative; z-index: 100; }
@media (max-width:1200px) {
.third-footer .top:after { background-image: url(https://tinttotaal.nl/wp-content/themes/tinttotal/assets/images/footer-overlay-bg.png); background-size: 355px; margin: -85px 10px; }
}
@media (max-width:992px) {
.third-footer .top .accordion h3 { font-size: 14px; }
.third-footer .top .auto { position: absolute; right: 0px; }
}
@media (max-width:767px) {
.secondary-footer .accordion {  margin-bottom: 15px; }
.secondary-footer .accordion h3 i.fa { display: block; }
.third-footer .top { padding: 10px 0px 250px; }
.third-footer .top .accordion ul { margin-bottom: 10px; position: relative; z-index: 20; padding: 20px; background: #555555; padding-left: 40px; display: none; }
.third-footer .top .auto { bottom: -280px; z-index: 10; }
.third-footer .top .accordion h3 { padding: 10px 15px; min-height: inherit; background: #555555; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #3f3f3f; margin-bottom: 0px; margin-top: 10px; cursor: pointer; pointer-events: auto; }
.third-footer .top:after { display:none;}
}
/* Secondary Footer Bottom---------------------- */
.secondary-footer .bottom { background: #000; padding: 15px 0px 15px; }
.secondary-footer .bottom .copyright p { font-size: 16px; color: #FFFFFF; margin: 0px; }
.secondary-footer .bottom .copyright p i { margin-right: 5px; }
.secondary-footer .bottom .copyright p a { color: #FFFFFF; }
.secondary-footer .bottom .copyright .footer-icon { max-width:27px; }
.secondary-footer .bottom .restyles-logo { text-align: center; }
@media (max-width:767px) {
.secondary-footer .bottom { background: #fff; padding: 30px 0px 30px; }
.copyright-mobile-section .footer-icon { max-width:27px; }
.third-footer .top .accordion ul li a { color: #fff; }
.third-footer .top .accordion ul li a:hover { color: #b93fae; }
}
body.over-ones-page #content { padding-bottom: 0px; }
/* Widget --------------------*/
.widget { padding: 40px 0px; margin: 0px; position: relative; border-bottom: 1px solid #eeeeee; }
.widget h3 { font-size: 16px; color: #333333; font-weight: 500; margin-bottom: 25px; text-transform: uppercase; }
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget ul.children { margin: 10px 0; }
/** .widget ul li { display: block; margin: 0 0 10px 0; padding: 0 0 0px 30px; background: url(../images/arrow1.png) no-repeat 0 8px; transition: opacity .9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: opacity .9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: opacity .9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: opacity .9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: opacity .9s cubic-bezier(0.19, 1, 0.22, 1) 0s; } **/
.widget ul li {  display: block; padding: 5px 5px 5px 10px; background: #f7f7f7; width: 100%; max-width: 100%; }
.widget ul li a { font-size: 15px; color: #333; }
.widget ul li a:hover, .widget ul li.current a { color: #000;font-weight: 700; }
.widget ul li:hover, .widget ul li.current { background-position: 0 7px; }
@media (max-width:992px) {
.widget ul li a { font-size: 12px; }
}
/* recent-post ---------------*/
.recent-post ul { margin: 0px; padding: 0px; list-style-type: none; }
.recent-post ul li { padding: 0px; background: none; margin-bottom: 0px; clear: both; }
.recent-post ul li img { float: left; margin-right: 15px; margin-bottom: 25px; }
.recent-post span { line-height: 15px; font-size: 14px; font-weight: 600; margin-bottom: 0; min-height: 30px; display: block; }
.recent-post span.date { font-size: 12px; color: #b93fae; text-transform: uppercase; font-weight: 400; margin-top: 5px; }
@media (max-width:992px) {
.recent-post .image { margin: 0 10px 15px 0; }
}
/* tagcloud ------------------*/
.tagcloud { margin: 0; }
.tagcloud a { font-weight: 400; font-size: 14px; color: #fff; background: #999; padding: 10px 20px; margin: 0 6px 6px 0; float: left; border: none; }
.tagcloud a:hover, .tagcloud a.current { background: #252525; }
.blog .categories { padding-top: 40px; border-top: 1px solid #eeeeee; }
/* Post section -------------------*/
.section .post { position: relative; margin: 0 0 25px; padding: 0; }
.section .post.group { position: relative; margin: 0 10px 25px 0; padding: 0; width: 48%; float: left; }
body.page-id-1919 .section .post.group { width: 100%; }
.section .post.group .details p { font-weight: 400; font-size: 15px; line-height: 20px; margin-bottom: 20px; padding-right: 25px; color: #525252; margin-top: 0; }
.section .post figure.image { margin: 0 0 40px 0; padding: 0; }
.section .post .entry-post-wrapper span.date { padding: 16px 25px 14px 10px; text-transform: uppercase; float: left; border-right: 1px solid #eeeeee; font-size: 24px; color: #333; text-align: center; font-weight: 700; line-height: 22px; }
.section .post .entry-post-wrapper span.date small { color: #b93fae; font-size: 14px; font-weight: 400; }
.section .post .entry-post-wrapper .entry { float: right; margin: 0; padding: 0; width: 90%; }
.section .post .entry-post-wrapper .entry .meta-data { text-align: left; margin-bottom: 7px; }
.section .post .entry-post-wrapper .entry .meta-data p { font-size: 13px; color: #999; text-align: left; margin: 0; }
.section .post .entry-post-wrapper .entry .meta-data p span { padding: 0 5px; }
.section .post .entry-post-wrapper .entry .meta-data p span:first-child { padding-left: 0; }
.section .post .entry-post-wrapper .entry h2 { font-size: 28px; color: #333333; text-align: left; font-weight: 600; margin-bottom: 30px; }
.section .post .entry-post-wrapper .entry p { margin-bottom: 32px; }
.section .post .entry-post-wrapper .entry p a { color: #b93fae; }
.section .post .entry-post-wrapper .entry p .more-btn { display: inline-block; color: #252525; border: #252525 solid 1px; font-size: 13px; background: #ffffff; line-height: 29px; padding: 0 15px; margin: 0; font-weight: 500; text-transform: uppercase; }
.section .post .entry-post-wrapper .entry blockquote { margin-bottom: 30px; }
.section .post .entry-post-wrapper.last { border-bottom: 1px solid #eeeeee; padding-bottom: 30px; margin-bottom: 50px; }
/* Date-meta-data Visible only on mobile--------------*/
.date-meta-data { width: 100%; padding: 0; position: relative; margin-bottom: 12px; }
.date-meta-data .meta-data { float: left; width: 40%; padding: 0px 0px 0px 15px; }
.date-meta-data .meta-data p { margin: 0px; color: #999; }
.pagination { position: relative; margin: 0; padding: 0; }
.pagination ul { list-style: none; margin: 0; padding: 0; }
.pagination ul li { margin: 0; padding: 0px 3px; display: inline-block; }
.pagination ul li a { display: block; border: 1px solid #dddddd; font-size: 15px; font-family: 'Merriweather', Arial, Helvetica, sans-serif; font-weight: 600; color: #999999; padding: 5px 15px; }
.pagination ul li a.prev { background: #252525; color: #fff; border-color: #252525; }
.pagination ul li a.next { background: #252525; color: #fff; border: #252525; }
.pagination ul li a.page-numbers:hover { color: #fff; background: #252525; border-color: #252525; }
.pagination ul li span.current { color: #fff; background: #000; font-weight: 600; padding: 5px 15px; display: block; border: none; }
 @media (max-width:1190px) {
.section .post-section .entry-post-wrapper .entry { padding-left: 15px; }
}
@media (max-width:992px) {
.section .post .entry-post-wrapper span.date { padding: 16px 18px 14px 5px; }
.section .post .entry-post-wrapper .entry { width: 85%; }
.section .post .entry-post-wrapper .entry h2 { font-size: 24px; line-height: 27px; }
.section .post-section .entry-post-wrapper .entry { width: 83%; }
.blog .col-sm-9 { width: 65%; }
.blog .col-sm-3 { width: 35%; }
}
@media (max-width:767px) {
.section .post figure.image { margin-bottom: 15px; }
.section .post { position: relative; margin: 0 0 45px; padding: 0; }
.section .post.group { position: relative; margin: 0 0 25px 0; padding: 0; width: 100%; float: none; min-height: 210px;}
.section .post .entry-post-wrapper span.date { padding: 0px 15px 0px 0px; }
.section .post .entry-post-wrapper .entry { width: 100%; float: none; }
.section .post .entry-post-wrapper .entry h2 { margin-bottom: 8px; }
.section .post .entry-post-wrapper .entry h2, .section .post .entry-post-wrapper .entry p { margin-bottom: 15px; }
.section .post .entry-post-wrapper .entry .more-btn { display: block; border: 2px solid #b93fae; font-size: 14px; line-height: 42px; text-align: center; color: #b93fae; }
.section .post .entry-post-wrapper .entry .more-btn:hover { text-decoration: none; }
.section .post .entry-post-wrapper.last { margin-bottom: 40px; }
.blog .col-sm-9 { width: 100%; }
.blog .col-sm-3 { width: 100%; }
.section .post-section .entry-post-wrapper .entry { width: 100%; padding: 0; }
.section .post-section .entry-post-wrapper .entry p a { border: 2px solid #b93fae; text-align: center; display: block; line-height: 35px; width: 285px; height: 38px; }
.section .post-section .entry-post-wrapper .entry h2, .section .post .entry-post-wrapper .entry h2 { font-size: 22px; }
.section .post-section .entry-post-wrapper span.date { padding-left: 0; padding: 10px; }
.pagination { margin-bottom: 40px; }
}
@media (max-width:480px) {
.date-meta-data .meta-data { width: 75%; }
}
@media (max-width:360px) {
.date-meta-data .meta-data { width: 75%; }
}
.more-btn:hover { text-decoration: underline; }
body.beletter-page .car-navigation { margin-bottom: 35px; margin-top:0; }
body.beletter-page .post h2 { margin-bottom: 0px; text-align: left; }
body.beletter-page .sub-heading { text-align: left; line-height: 30px; margin-bottom: 20px; }
#overlay { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; display: none; }
#popup { width: 100%; max-width: 340px; left: 50%; top: 50%; position: fixed; margin-left: -170px; margin-top: -203px; }
#popup .call-back-form { width: 340px; margin: 0 auto; position: relative; }
#popup .call-back-form header { background: #b93fae; padding: 30px; padding-bottom: 20px; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; }
#popup .call-back-form header h2 { color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 5px; text-align: left; }
#popup .call-back-form header p { color: #fff; margin-bottom: 10px; font-size: 15px; line-height: 18px; }
#popup .call-back-form .content { background: #ececec; padding: 30px; padding-top: 20px; padding-bottom: 10px; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; }
#popup ul { margin: 0px; padding: 0px; list-style-type: none; }
#popup ul li { margin-bottom: 10px; }
#popup ul li span { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; position: relative; }
#popup ul li input[type="text"], #popup ul li input[type="tel"], #popup ul li input[type="email"], #popup ul li input[type="number"], #popup ul li input[type="text"], #popup ul li select { background: #fff; border: 1px solid #000000; width: 100%; font-size: 14px; color: #aaaaaa; padding: 0px 15px; }
#popup ul li input[type="text"], #popup ul li input[type="tel"], #popup ul li input[type="email"], #popup ul li input[type="number"], #popup ul li input[type="text"] { height: 40px; line-height: 40px; }
#popup ul li input[type="text"]:focus, #popup ul li input[type="tel"]:focus, #popup ul li input[type="email"]:focus, #popup ul li input[type="number"]:focus, #popup ul li input[type="text"]:focus { color: #333333; }
#popup ul li select { height: 28px; line-height: 28px; border-radius: 5px; }
/*
#popup ul li span:before { content: ""; width: 31px; height: 28px; background: url(../images/select2.png) no-repeat; position: absolute; top: 0px; right: 0px; pointer-events: none; }
*/

#popup ul li input[type="submit"] { height: 50px; line-height: transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; 50px;
background: #333333; text-align: center; border: none; color: #fff; text-transform: uppercase; width: 100%; font-weight: 600; }
#popup ul li input[type="submit"]:hover { background: #b93fae; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#popup .control { position: absolute; right: -15px; top: -15px; }
#popup .control a { display: block; background: #fff; height: 29px; width: 29px; border-radius: 50%; text-align: center; line-height: 29px; }
#popup .control .fa-close { color: #333; font-size: 20px; line-height: 27px; margin-left: 6px; }
#popup .control a:hover { background: #333; }
#popup .control a:hover .fa-close { color: #fff; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
 .third-footer .top .accordion h3:after {
background-image:url(../images/accordion-controler@2x.png);
background-size:12px 11px;
}
 .testimonial blockquote .inner:after {
}
 body.home .testimonial blockquote .inner:after {
background-image:url(../images/arrow@2x.png);
background-size:24px 14px;
}
 .latest-news .video-details .video .play-btn {
background-image:url(../images/play-btn-hover@2x.png);
background-size:72px 72px;
}
 .services figure.figure1 {
background-image:url(../images/kwaliteit-icon@X2.png);
background-size:70px 58px;
}
.services figure.figure1:hover {
background-image:url(../images/icon10-hover@2x.png);
background-size:70px 58px;
}
.services figure.figure2 {
background-image:url(../images/vakkundigheid-icon@X2.png);
background-size:44px 60px;
}
.services figure.figure2:hover {
background-image:url(../images/icon11-hover@2x.png);
background-size:44px 60px;
}
.services figure.figure3 {
background-image:url(../images/service-icon@X2.png);
background-size:59px 57px;
}
.services figure.figure3:hover {
background-image:url(../images/icon12-hover@2x.png);
background-size:59px 57px;
}
.widget.accordion h3:after {
background-image:url(../images/accordian-controls@2x.png);
background-size:15px 30px;
}
.widget.accordion h3:hover:after, .accordion h3.active:after {
background-image:url(../images/accordian-controls@2x.png);
background-size:15px 30px;
}
.feedback-form ul li .select:after {
background-image:url(../images/select@2x.png);
background-size:49px 48px;
}
.feedback-form ul li .radio-btns label:before {
background-image:url(../images/radio@2x.png);
background-size:17px 38px;
}
.arrow3 {
 background-image: url(../images/arrow3@2x.png);
 background-size:30px 58px;
}
}
.youtube-video { background: #f4f4f4; padding: 25px; margin-bottom: 20px; }
.over-ones .youtube-video { background: #fff; padding: 0 25px 0 0; margin-bottom: 20px; }
.slideshow { padding: 25px 18px 25px 31px; background: #f4f4f4; position: relative; }
.slideshow ul { margin: 0; padding: 0; }
.slideshow ul li { list-style: none; float: left; border: 4px solid #b93fae; position: relative; margin-right: 15px; height: 180px; overflow: hidden; }
.slideshow ul li img { width: 100%; height:100%; }
.slideshow ul li:hover .overlay { display: block; }
.slideshow ul li .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; display: none; }
.slideshow ul li .overlay span.zoom-btn { background: url(../images/zoom-btn.png) no-repeat; width: 25px; height: 26px; display: block; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -13px; }
.slideshow .prev-btn, .slideshow .next-btn { color: #000; display: block; position: absolute; top: 50%; }
.slideshow .prev-btn { left: 10px; }
.slideshow .next-btn { right: 10px; }
.slideshow .prev-btn:hover, .slideshow .next-btn:hover { color: #a33599; }
.button4 { display: inline-block; padding: 15px 25px; line-height: 1; background: #333333; color: #fff; font-weight: bold; }
.slideshow hr { margin: 25px 0px; }
.button4:focus { color: #fff; }
.slideshow.common .prev-btn, .slideshow.common .next-btn { top: 30%; }
/*--- Placeholder --- */
::-webkit-input-placeholder {
 opacity: 1 !important; /* for chrome */
}

:-moz-placeholder { /* Firefox 18- */
 opacity: 1 !important; /* for chrome */
}

::-moz-placeholder {  /* Firefox 19+ */
 opacity: 1 !important; /* for chrome */
}

:-ms-input-placeholder {
 opacity: 1 !important; /* for chrome */
}
.fancybox-overlay { z-index: 99999; }
.fancybox-opened { z-index: 999999; }
.slideshow .caroufredsel_wrapper { max-width: 720px; }


/*
* new css
*/
.slideshow { margin-bottom: 45px; }

.sociable2 { margin: 0px; padding: 0px; list-style: none; text-align: right; }
.sociable2 li { display: inline-block; vertical-align: middle; margin-left: 35px; }
.sociable2 li:first-child { margin-left: 0px; }
.sociable2 li a { background: url('../images/sociable.png') no-repeat; display: block; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
.sociable2 li.facebook a { width: 10px; height: 20px; background-position: 0px 0px; }
.sociable2 li.twitter a { width: 18px; height: 15px; background-position: -29px 0px; }
.sociable2 li.linkedin a { width: 18px; height: 17px; background-position: -68px 0px; }
.sociable2 li.google-plus a { width: 20px; height: 19px; background-position: -105px 0px; }
.sociable2 li.email a { width: 21px; height: 17px; background-position: -145px 0px; }
.sociable2 li.facebook:hover a { background-position: 0px -25px; }
.sociable2 li.twitter:hover a { background-position: -29px -25px; }
.sociable2 li.linkedin:hover a { background-position: -68px -25px; }
.sociable2 li.google-plus:hover a { background-position: -105px -25px; }
.sociable2 li.email:hover a { background-position: -145px -25px; }

.social-media { width: 90%; float: right; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 15px 20px; margin-bottom: 25px; }
.social-media p { float: left; font-size: 16px; line-height: 20px; font-weight: 600; color: #999999; margin: 0px; }
.social-media .sociable2 { float: right; }

.pagination2 { width: 90%; float: right; }
.pagination2 ul { margin: 0px; padding: 0px; list-style: none; text-align: center; }
.pagination2 li { background: #ffffff; display: inline-block; margin: 0px 5px; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.pagination2 li i { vertical-align: middle; }
.pagination2 li a { display: block; border: 1px solid #dddddd; padding: 10px 25px 10px; font-size: 16px; line-height: 20px; font-weight: 400; color: #999999; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.pagination2 li.previous a { padding: 10px 15px 10px 10px; }
.pagination2 li.next a { padding: 10px 10px 10px 15px; }
.pagination2 li.previous { float: left; margin: 0px; }
.pagination2 li.previous span { margin-left: 8px; display: inline-block; vertical-align: middle; }
.pagination2 li.next { float: right; margin: 0px; }
.pagination2 li.next span { margin-right: 8px; display: inline-block; vertical-align: middle; }

.pagination2 li:hover { background: #b93fae; }
.pagination2 li:hover a { border-color: #b93fae; color: #ffffff; }
@media (max-width:1199px) {
    .social-media p, .social-media .sociable2 { float: none; text-align: center; }
    .social-media p { margin-bottom: 12px; }
}
@media (max-width:992px) {
    .social-media, .pagination2 { width: 85%; }
    
    .pagination2 li.previous span, .pagination2 li.next span { display: none; }
    .pagination2 li.previous a, .pagination2 li.next a { padding: 10px 12px; }
}
@media (max-width:767px) {
    .social-media, .pagination2 { width: 100%; float: none; }
    .pagination2 { margin-bottom: 50px; }
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .sociable2 li a { background-image: url('../images/sociable@2x.png'); background-size: 166px 44px; }
}
/*coronapakket form */
#wpcf7-f35497-p35441-o1 input[type="text"], #wpcf7-f35497-p35441-o1 input[type="email"], #wpcf7-f35497-p35441-o1 input[type="tel"], #wpcf7-f35497-p35441-o1 textarea, #wpcf7-f35497-p35441-o1 select {
    -webkit-appearance: none;
    border: #e6e6e6 solid 1px;
    background: #e6e6e6; padding: 3px 0 3px 0; text-indent: 5px; width: 100%; }
#wpcf7-f35497-p35441-o1 input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    background: transparent;
    border: 2px solid #000;
    padding: 5px 10px 5px 10px;
	font-weight: 600; }
/*
* form
*/
.form ul { margin: 0px; padding: 0px; padding: 0px; }
.form li { clear: both; }
.form li.one-half { float: left; width: 48%; margin-right: 4%; clear: none; }
.form li.one-half:nth-child(2n) { margin-right: 0px; }
@media (max-width:640px) {
    .form li.one-half { float: none; width: 100%; margin-right: 0px; clear: both; }
}

/*
* box1
*/
.box1 { background: #f6f6f6; border-top: 5px solid #333333; padding: 30px 38px 40px; margin-bottom: 50px; }
.box1 h3 { font-size: 26px; line-height: 30px; font-weight: 600; color: #b93fae; margin-bottom: 32px; }
.box1 .form li { margin-bottom: 14px; }
.box1 .form li input[type="text"], .box1 .form li input[type="tel"], .box1 .form li input[type="email"], .box1 .form li input[type="number"], .box1 .form li textarea, .box1 .form li select { background: #e6e6e6; border: 1px solid #e6e6e6; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #aaaaaa; padding: 0px 15px; }
.box1 .form li textarea { min-height: 162px; resize: none; }
.box1 .form li input[type="submit"] { background: #333333; border: 0; display: block; margin: 0 auto; max-width: 330px; width: 100%; line-height: 46px; font-size: 18px; font-weight: 600; color: #ffffff; transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.box1 .form li input[type="submit"]:hover { background: #b93fae; }
@media (max-width:640px) {
    .box1 { padding: 20px 15px 30px; }
    .box1 h3 { margin-bottom: 20px; }
    .box1 .form li input[type="submit"] { font-size: 16px; }
}

@media(max-width:1199px) {
  #main-navigation .dropdown .advertisement {width:250px;}
  
}


@media(max-width:991px) {
  #main-navigation { display: block; padding-top: 10px; }
  #main-navigation .dropdown .advertisement {width:190px;}
  #main-navigation ul.nav li .dropdown a { padding:0;}
  #main-navigation ul li:hover .dropdown {top:134px;}
}

/**
#main-navigation-sticky-wrapper.sticky-wrapper {height:auto !important;}
@media(min-width:1200px) {
	.is-sticky #main-navigation {margin-left:-600px !important;}
  .is-sticky #main-navigation {width:1200px !important;}
  /* .is-sticky #main-navigation ul {width:1200px !important;} 
}

@media(max-width:1199px) {
	.is-sticky #main-navigation {margin-left:-485px !important;}
  .is-sticky #main-navigation {width:970px !important;}
  .is-sticky #main-navigation ul {width:970px !important;}
}
@media(max-width:991px) {
	.is-sticky #main-navigation {margin-left:-375px !important;}
  .is-sticky #main-navigation {width:750px !important;}
  .is-sticky #main-navigation ul {width:750px !important;}
}
**/