/*
Theme Name: Het Salariskantoor thema
Theme URI: http://webengine.nl
Description: WordPress theme voor Het Salariskantoor.nl
Version: 1.0
Author: WebEngine
Author URI: http://www.webengine.nl
Tags: Salariskantoor
*/

/* Reset & Standaard stijlen */

/*~~~~~~~~~~~~~~~~~~~~ Fonts Webkit Start Here ~~~~~~~~~~~~~~~~~~~~*/
@font-face {
    font-family: 'RNS Sanz';
    src: url('fonts/RNSSanz-ExtraBold.eot');
    src: url('fonts/RNSSanz-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RNSSanz-ExtraBold.woff2') format('woff2'),
        url('fonts/RNSSanz-ExtraBold.woff') format('woff'),
        url('fonts/RNSSanz-ExtraBold.ttf') format('truetype'),
        url('fonts/RNSSanz-ExtraBold.svg#RNSSanz-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RNS Sanz';
    src: url('fonts/RNSSanz-Medium.eot');
    src: url('fonts/RNSSanz-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/RNSSanz-Medium.woff2') format('woff2'),
        url('fonts/RNSSanz-Medium.woff') format('woff'),
        url('fonts/RNSSanz-Medium.ttf') format('truetype'),
        url('fonts/RNSSanz-Medium.svg#RNSSanz-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RNS Sanz';
    src: url('fonts/RNSSanz-Light.eot');
    src: url('fonts/RNSSanz-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/RNSSanz-Light.woff2') format('woff2'),
        url('fonts/RNSSanz-Light.woff') format('woff'),
        url('fonts/RNSSanz-Light.ttf') format('truetype'),
        url('fonts/RNSSanz-Light.svg#RNSSanz-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RNS Sanz Normal';
    src: url('fonts/RNSSanz-Normal.eot');
    src: url('fonts/RNSSanz-Normal.eot?#iefix') format('embedded-opentype'),
        url('fonts/RNSSanz-Normal.woff2') format('woff2'),
        url('fonts/RNSSanz-Normal.woff') format('woff'),
        url('fonts/RNSSanz-Normal.ttf') format('truetype'),
        url('fonts/RNSSanz-Normal.svg#RNSSanz-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RNS Sanz';
    src: url('fonts/RNSSanz-Black.eot');
    src: url('fonts/RNSSanz-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/RNSSanz-Black.woff2') format('woff2'),
        url('fonts/RNSSanz-Black.woff') format('woff'),
        url('fonts/RNSSanz-Black.ttf') format('truetype'),
        url('fonts/RNSSanz-Black.svg#RNSSanz-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RNS Sanz';
    src: url('fonts/RNSSanz-SemiBold.eot');
    src: url('fonts/RNSSanz-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RNSSanz-SemiBold.woff2') format('woff2'),
        url('fonts/RNSSanz-SemiBold.woff') format('woff'),
        url('fonts/RNSSanz-SemiBold.ttf') format('truetype'),
        url('fonts/RNSSanz-SemiBold.svg#RNSSanz-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RNS Sanz';
    src: url('fonts/RNSSanz-Bold.eot');
    src: url('fonts/RNSSanz-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RNSSanz-Bold.woff2') format('woff2'),
        url('fonts/RNSSanz-Bold.woff') format('woff'),
        url('fonts/RNSSanz-Bold.ttf') format('truetype'),
        url('fonts/RNSSanz-Bold.svg#RNSSanz-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-BoldItalic.eot');
    src: url('fonts/Literata-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-BoldItalic.woff2') format('woff2'),
        url('fonts/Literata-BoldItalic.woff') format('woff'),
        url('fonts/Literata-BoldItalic.ttf') format('truetype'),
        url('fonts/Literata-BoldItalic.svg#Literata-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-ExtraBoldItalic.eot');
    src: url('fonts/Literata-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Literata-ExtraBoldItalic.woff') format('woff'),
        url('fonts/Literata-ExtraBoldItalic.ttf') format('truetype'),
        url('fonts/Literata-ExtraBoldItalic.svg#Literata-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-ExtraBold.eot');
    src: url('fonts/Literata-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-ExtraBold.woff2') format('woff2'),
        url('fonts/Literata-ExtraBold.woff') format('woff'),
        url('fonts/Literata-ExtraBold.ttf') format('truetype'),
        url('fonts/Literata-ExtraBold.svg#Literata-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-ExtraLight.eot');
    src: url('fonts/Literata-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-ExtraLight.woff2') format('woff2'),
        url('fonts/Literata-ExtraLight.woff') format('woff'),
        url('fonts/Literata-ExtraLight.ttf') format('truetype'),
        url('fonts/Literata-ExtraLight.svg#Literata-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-ExtraLightItalic.eot');
    src: url('fonts/Literata-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/Literata-ExtraLightItalic.woff') format('woff'),
        url('fonts/Literata-ExtraLightItalic.ttf') format('truetype'),
        url('fonts/Literata-ExtraLightItalic.svg#Literata-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-Italic.eot');
    src: url('fonts/Literata-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-Italic.woff2') format('woff2'),
        url('fonts/Literata-Italic.woff') format('woff'),
        url('fonts/Literata-Italic.ttf') format('truetype'),
        url('fonts/Literata-Italic.svg#Literata-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-Light.eot');
    src: url('fonts/Literata-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-Light.woff2') format('woff2'),
        url('fonts/Literata-Light.woff') format('woff'),
        url('fonts/Literata-Light.ttf') format('truetype'),
        url('fonts/Literata-Light.svg#Literata-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-LightItalic.eot');
    src: url('fonts/Literata-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-LightItalic.woff2') format('woff2'),
        url('fonts/Literata-LightItalic.woff') format('woff'),
        url('fonts/Literata-LightItalic.ttf') format('truetype'),
        url('fonts/Literata-LightItalic.svg#Literata-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-Medium.eot');
    src: url('fonts/Literata-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-Medium.woff2') format('woff2'),
        url('fonts/Literata-Medium.woff') format('woff'),
        url('fonts/Literata-Medium.ttf') format('truetype'),
        url('fonts/Literata-Medium.svg#Literata-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-MediumItalic.eot');
    src: url('fonts/Literata-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-MediumItalic.woff2') format('woff2'),
        url('fonts/Literata-MediumItalic.woff') format('woff'),
        url('fonts/Literata-MediumItalic.ttf') format('truetype'),
        url('fonts/Literata-MediumItalic.svg#Literata-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-Regular.eot');
    src: url('fonts/Literata-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-Regular.woff2') format('woff2'),
        url('fonts/Literata-Regular.woff') format('woff'),
        url('fonts/Literata-Regular.ttf') format('truetype'),
        url('fonts/Literata-Regular.svg#Literata-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-SemiBold.eot');
    src: url('fonts/Literata-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-SemiBold.woff2') format('woff2'),
        url('fonts/Literata-SemiBold.woff') format('woff'),
        url('fonts/Literata-SemiBold.ttf') format('truetype'),
        url('fonts/Literata-SemiBold.svg#Literata-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-SemiBoldItalic.eot');
    src: url('fonts/Literata-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Literata-SemiBoldItalic.woff') format('woff'),
        url('fonts/Literata-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/Literata-SemiBoldItalic.svg#Literata-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-Black.eot');
    src: url('fonts/Literata-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-Black.woff2') format('woff2'),
        url('fonts/Literata-Black.woff') format('woff'),
        url('fonts/Literata-Black.ttf') format('truetype'),
        url('fonts/Literata-Black.svg#Literata-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-BlackItalic.eot');
    src: url('fonts/Literata-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-BlackItalic.woff2') format('woff2'),
        url('fonts/Literata-BlackItalic.woff') format('woff'),
        url('fonts/Literata-BlackItalic.ttf') format('truetype'),
        url('fonts/Literata-BlackItalic.svg#Literata-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Literata';
    src: url('fonts/Literata-Bold.eot');
    src: url('fonts/Literata-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Literata-Bold.woff2') format('woff2'),
        url('fonts/Literata-Bold.woff') format('woff'),
        url('fonts/Literata-Bold.ttf') format('truetype'),
        url('fonts/Literata-Bold.svg#Literata-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

ul,li,ol{list-style:none;}

/*~~~~~~~~~~~~~~~~~~~~ Fonts Webkit End Here ~~~~~~~~~~~~~~~~~~~~*/

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a:link { -webkit-tap-highlight-color: #003952; }
a:hover, a:active { outline: none; }
a:hover { color: #036; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
b, strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px;}
.ie6 legend, .ie7 legend { margin-left: -7px; }
button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: 'RNS Sanz', sans-serif; vertical-align: baseline; }
textarea { overflow: auto; vertical-align:text-top; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
input::-moz-focus-inner,
button::-moz-focus-inner { border: 0; padding: 0; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* aanpassing op meer richting infin te bewegen */
h1{font-family:"RNS Sanz", Sans-serif; font-weight:bold;}
h2{font-family:"RNS Sanz", Sans-serif;}

body, select, input, textarea { color: #000; font-family: "Literata", Sans-serif; }
::-moz-selection { background: #003952; color:#fff; text-shadow: none; }
::selection { background:#003952; color:#fff; text-shadow: none; }

img { -ms-interpolation-mode: bicubic; }
a#phoneNumber, a#phoneNumber:link, a#phoneNumber:visited, a#phoneNumber:hover {color: #f7900d!important;
    line-height: 45px;
    padding-right: 20px;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none;
}
/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); }

/* Print styles*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin: 0 10px 0 0; }
.alignright { float: right; margin: 0 0 0 10px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/**** HTML5 STIJLEN ****/

article, footer, section, aside, nav { position: relative; display: block; }

/**** NORMALIZE TEKST ****/

html { font-size: 66.6%; }

/**** CUSTOM STIJLEN ****/

/**** ALGEMEEN ****/

img { max-width: 100%; height: auto; }

/**** NAVBAR TOP ****/
.navbar-inverse { background-color: #12a094; color: #fff; }
.navbar-inverse .navbar-nav>li>a { color: #fff; }
.navbar { border-radius: 0px; border: none; }
@media(max-width:767px){
  .navbar { position: fixed; width: 100%; z-index: 9999; top: 0px; }
}
.navbar .inloggen a { text-transform: uppercase; }


/**** HEADER ****/
@media(min-width:768px){
  header .logo { position: relative; top: 5px; }
}
header .telefoonnummer { color: #f7900d; margin-top: 0px; font-weight: 900; font-size: 2rem; line-height: 2rem; overflow: hidden; }
header .telefoonnummer span { color: #000; padding-right: 10px; line-height: 2rem; font-size: 2rem; }
@media(max-width:767px){
  header { margin-top: 100px; position: relative; }
  header .container { margin: 0 20px; }
}
@media(max-width:500px){
  header .logo { position: relative; text-align: center; display: block; width: 100%; }
  header .telefoonnummer.pull-right { position: relative; top: 20px; float: none!important; text-align: center; width: 100%; }
}

@media(max-width:940px) {
  .menu-header.pull-right {
/*     margin-top: 5rem; */
  }
}

/**** NAVIGATIE ****/

@media(min-width: 768px){
  nav#access { width: 100%; overflow: hidden; }
  ul#menu-menu-1 { margin: 20px 0 50px 0; overflow: hidden; font-family:'RNZ Sanz', Sans-serif;}
  ul#menu-menu-1 li { float: left; display: block; }
  ul#menu-menu-1 li a { display: inline-block; color: #4e4f51; font-weight: 900; }
  ul#menu-menu-1 li:after { content: '|'; padding: 0 10px; color: #4e4f51; }
  ul#menu-menu-1 li:last-child:after { display: none; }
  ul#menu-menu-1 li.current-menu-item a { color: #12a094; }
  ul#menu-menu-1 li a:hover { color: #12a094; text-decoration: none; }
}
@media(max-width:767px){
  .navbar-nav>li>a { line-height: 3rem; }
  .mobile-toggle a { font-size: 3rem; line-height: 1rem; padding: 0px; margin: 0px; z-index: 99; }
  span.close { position: fixed; top: 19px; left: 17px; z-index: 9; opacity: 0; color: #fff; font-size: 3rem; }
  nav#access { display: none; position: fixed; top: 70px; left: 0px; width: 100%; z-index: 999; box-shadow: 0 10px 20px rgba(0,0,0,0.3); }
  nav#access .pull-right { float: left!important; width: 100%; }
  ul#menu-menu-1 li { width: 100%; }
  ul#menu-menu-1 li a { color: #666; display: block; width: 100%; background: #e9e9e9; border-bottom: 1px solid #e1e1e1; padding: 20px; font-size: 2rem; }
  ul#menu-menu-1 li a:hover { text-decoration: none; }
}

/**** HEADER AFBEELDING ****/

.slider { background-color: #1d9087; }
.slider img { max-width: 100%; display: block; margin: 0 auto; }
.header-content { top: 50%; margin-left: -30px; width: 100%; position: absolute; margin-top: -50px; text-align: center; }
.header-content p { color: #fff; font-size: 2rem; font-weight: 900; }
.header-content .button { top: 50px; position: relative; display: inline-block; background-color: #f7900d; padding: 10px 15px; border-radius: 10px; box-shadow: 0px 3px 0px #c05b13; color: #fff; font-weight: 900; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; font-family:"RNS Sanz", Sans-serif;}
/*
.header-content .button:hover { margin-top: 1px; box-shadow: 0 2px 0 #c05b13; text-decoration: none; background-color: #e88200; }
*/
.header-content .action { font-size: 3rem; color: #1d9087; background-color: #fff; border-radius: 25px; display: inline-block; padding: 15px 10px; margin: 0 15px; text-transform: uppercase; }

/**** CONTENT ****/

.content { margin: 50px 0; }
.extra-content { margin: 50px 0; }
.extra-content .box { border: 1px solid #ddd; padding: 20px; }
@media(min-width: 768px){
  .extra-content .box { margin: 0 0 0 50px; }
}
.extra-content .box ul { list-style-image: url('images/check-white.png'); }
.extra-content .box ul li { padding: 0 0 0 15px; color: #393d3d; font-weight: 600; line-height: 3rem; }

/**** REFERENTIES ****/

.referenties { height: 500px; background: url('images/referenties-bg.jpg') no-repeat; background-size: 100%; padding:0px; }
.referenties  .zeggen h2 { text-indent: -9999px; }
.referenties .quotes { padding: 0px; }

.carousel-control { background: none!important; }
.carousel-inner { height: 310px;  }
.carousel-inner > .item { height:310px; text-align: center;  }
.flex { display: flex; align-items: center; justify-content: center; height: 310px; padding: 0px; bottom: 0px; }
.carousel-caption { text-shadow: none; display: flex; }
.carousel-caption p { color: #fff; font-size: 1.4rem; font-style: italic; }
.carousel-caption span { font-style: normal; padding-top: 20px; display: block; }
.carousel-indicators li { margin: 5px; width: 10px; height: 10px; border: none; padding: 1px; }
.carousel-indicators li:before { content: ''; border-radius: 10px; position: relative; display: block; margin: -6px; left: 0px; border: 2px solid #fff; width: 20px; height: 20px; }
.carousel-indicators li.active { margin: 5px; width: 10px; height: 10px; }

@media(max-width:1300px){
  .carousel-caption { right: 6%; left: 6%; }
  .carousel-caption p { font-size: 1.2rem; line-height: 1.8rem; }
  .carousel-caption span { padding-top: 5px; }
  .carousel-control { width: 6%; }
}

/**** CONTACT FORMULIER ****/

 .extra-content .box { border: none; }
 form { font-weight: 900; }
 form input,  form textarea { font-weight: 900; width: 100%; font-family: "Literata", Sans-serif; font-weight: 100; width: 100%; background: #ededed; box-shadow: none; border: none; padding: 10px; margin: 5px 0 10px 0; }
 form input.wpcf7-submit { top: 0px; position: relative; display: inline-block; width: 150px; background-color: #f7900d; padding: 10px 15px; border-radius: 10px; box-shadow: 0px 3px 0px #c05b13; color: #fff; font-weight: 900; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; margin: 5px 0 10px 0; }
 form input.wpcf7-submit:hover { top: 1px; box-shadow: 0 2px 0 #c05b13; text-decoration: none; background-color: #e88200; }
 form .branche { width: 70%; margin-right: 5%; float: left; display: inline; overflow: hidden; }
 form .branche span { width: 100%; margin-right: 0px; float: none; }
 form .werknemers { width: 25%; float: left; overflow: hidden; }
 form .werknemers span { width: 100%; margin-right: 0px; float: none; }

 form .half {
   width:50%;
   float: left;
 }

/**** FAQ ****/

.faq dl { margin: 30px 0; }
.faq dl dt { color: #1d9087; font-size: 1.6rem; cursor: pointer; }
.faq dl dt:before { content: '+'; margin: 10px 10px 0 0; font-size: 2rem; cursor: pointer; display: inline-block; transition: all 0.5s; }
.faq dl dt.open:before { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.faq dl dd { margin: 0 0 20px 0; }

/**** DOCUMENTEN ****/

.documenten .document { margin-top: 70px; margin-bottom: 0px; }
.documenten .document > div { border: 1px solid #ddd; margin-top: 0px; padding: 50px 20px 20px 20px; text-align: center; background: #f6f6f6; }
.documenten .document .glyphicon { position: absolute; top: -3.5rem; line-height: 3rem; left: 50%; margin-left: -3.5rem; color: #fff; background: #f7900d; padding: 2rem; border-radius: 200px; font-size: 3rem; }
.documenten .document .download { display: inline-block; position: relative; margin-top: 20px; background-color: #f7900d; padding: 6px 10px; border-radius: 10px; box-shadow: 0px 3px 0px #c05b13; color: #fff; font-weight: 900; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.documenten .document .download:hover { top: 1px; box-shadow: 0 2px 0 #c05b13; text-decoration: none; background-color: #e88200; }

/**** QUOTATION BUTTON ****/
/*
.quotation {
  background-color: #f57a00;
  color:#fff;
  font-weight: bold;
  font-size: 1.1em !important;
  padding: 10px 15px;
  font-family:"RNS Sanz", Sans-serif;
}
*/

.quotation, .header-content .button{
    background-color: #F77F00;
    font-family: "RNS Sans", Sans-serif;
    line-height: 32px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    transition-duration: 0.3s;
    border-width: 1px 1px 1px 1px;
    border-color: #F77F00;
    border-radius: 50px 50px 50px 50px;
    color:#fff;
    font-weight: bold;
    letter-spacing: 1px;
}

#access .quotation {
  margin-left: 250px;  
}
.quotation:hover{
  color:#fff;
  background-color: #fb8f23;
}
.nav .mobile-quotation {display: none; }
.nav .mobile-quotation .quotation{margin:0;}
/**** FOOTER ****/

.footer .logo-footer { margin-bottom: 10px; }
.footer { padding: 50px; }
.footer-bottom { background: #e9e9e9; }

.footer ul.menu { margin: 0px; padding: 0px; }
.footer .menu li { list-style: none; }
.footer .menu a { color: #000; }
@media(max-width: 1024px){
  .nav .mobile-quotation {display: inline-block;}
  #access .quotation{display: none;}
  .menu-quotation li {display: inline-block;}
}
@media(min-width: 768px){
  .footer-bottom .row { align-items: center; justify-content: center; display: flex; }
}

@media(max-width: 767px){
  .footer-bottom .row { text-align: center; }
  .footer-bottom .row img { margin-bottom: 20px; }
}

#footer-nav { color: #f7900d; padding: 50px; }
#footer-nav ul li { float: left; }
#footer-nav ul li:after { content: '|'; padding: 0 10px; }
#footer-nav ul li:last-child:after { display: none; }
#footer-nav ul li a { color: #f7900d; }

/**** BODY ****/

body { font-family: "Literata", Sans-serif; line-height: 2.2rem; }

h1 { font-size: 2.4rem; color: #1d9087; font-weight: 900; margin: 0 0 3rem 0; }
h2 { font-size: 2.1rem; color: #1d9087; font-weight: 900; margin: 0 0 2rem 0; }
h3{ font-size: 1.8rem; color: #1d9087; font-weight: 900; margin: 0 0 2rem 0; }
p { color: #5d5f5f; margin-bottom: 2rem; }

/**** ABOUT ****/
@media(max-width:500px) {
  .container.about {
    margin-top: 5rem;
  }
}

.about-us {
  font-family: 'Open Sans', sans-serif;
  margin-top: 3rem;
  margin-bottom: 5rem;
}

.about-us > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 1rem;
  margin-left: 0;
}

.about-us > ul > li {
  position: relative;
  list-style-type: none;
  border: 1px solid #E2E2E2;
  padding-bottom: 1rem;
}

.about-us > ul > li > figure {
  overflow: hidden;
  position: relative;
}

.about-us > ul > li > figure > img {
  width: 100%;
}

.about-us > ul > li > figure > figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.about-us > ul > li > figure > figcaption > h1 {
  color: #fff;
  padding: .75rem .75rem 0 .75rem;
  margin: 0;
}

.about-us > ul > li > figure > figcaption > p {
  font-size: 1.5rem;
  color: #fff;
  padding: 0 .75rem 1rem .75rem;
  margin: 0;
}

.about-us > ul > li > p {
  font: 13px/1.231 sans-serif;
  line-height: 2.2rem;
  padding: 1rem 1rem 4rem 1rem;
  color: #5d5f5f;
}

.about-us > ul > li > a {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  color: #12a094;
  padding: .5rem 1rem;
  font-size: 1.4rem;
}

.about-us > ul > li > a:hover {
  text-decoration: none;
}

.about-us svg {
  max-width: 25px;
  vertical-align: middle;
  margin-right: 1rem;
}