/*
Theme Name: First IT for business
Author: TAURUSANDEAGLE
Author URI: http://taurusandeagle.com
Description: A custom theme for First IT for business
Version: 1.0.0
Text Domain: first

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #8D9599;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    text-rendering: optimizelegibility !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    font-style: normal;
}

h1 {
    font-size: 48px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 54px;
}

h2 {
    font-size: 40px;
    line-height: 40px;
    color: #454545;
    letter-spacing: 0;
    text-align: center;
    margin: 0 0 10px 0;
}

h3 {
    font-size: 36px;
    color: #454545;
    letter-spacing: 0;
    margin: 0 0 25px;
    line-height: 34px;
}

h3 {}

h3.line:after {
    content: "";
    width: 140px;
    height: 4px;
    background: #FF5A1F;
    display: block;
    margin: 30px auto;
}


h5 {
    font-size: 24px;
    color: #404F54;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
    margin: 10px 0 0;
}

h6 {
    font-size: 16px;
    text-transform: uppercase;
    color: #8D9599;
    letter-spacing: 0;
    text-align: center;
    line-height: 28px;
    margin: 0;
}

.center {
    text-align: center;
}


p {
	margin-bottom: 1.5em;
}

.intro {
     text-align: center;
    font-size: 18px;
    color: #454545;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
    font-weight: normal;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.overflow {
    overflow: hidden;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.overlay.black {
    background: rgba(0,0,0,0.3);
}

.overlay.link {
    z-index: 2;
}

.flex {
    display: flex;
}


.bg {
    background-size: cover;
    background-position: center;
}

.bg-white {
    background: #FFF;
}

.shadow {
    box-shadow: 4px 4px 15px 0 rgba(188,188,188,0.50);
}

.bg-gradient-transparant {
    opacity: .8;
    background-image: linear-gradient(-180deg, #FF5A12 0%, #FF324C 100%);
}

.orange-gradient {
    background-image: linear-gradient(0deg, #FF324C 0%, #FF5A12 100%);
}

.wrap {
    position: relative;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #FF5A1F;
	border-radius: 100px;
	background-color: #FF5A1F;
	color: #FFF;
	font-weight: 700;
	margin-bottom: 0px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0;
	text-align: center;
	line-height: 14px;
	padding: 17px 37px;
	display: inline-block;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.btn.arrow, input[type="submit"] {
    background-image: url('img/arrow.png');
	background-image: url('img/arrow.svg'), none;
    background-position: right 20px center;
    padding: 17px 40px 17px 20px;
    background-repeat: no-repeat;
}

.orange-gradient.right input[type="submit"] {
    background-color: #FFF;
    color: #454545;
    background-image: url('img/arrow-dark.png');
	background-image: url('img/arrow-dark.svg'), none;
    background-position: right 20px center;
    padding: 17px 40px 17px 20px;
    background-repeat: no-repeat;
}

input[type="submit"] {
    float: right;
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	box-shadow: 0 5px 7px 0 rgba(0,0,0,0.3);
    background-color: #FC5215;
    border: 1px solid #FC5215;
}

.btn:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #545454;
    border: none;
	padding: 12px 24px;
    background: #EDF1F2;
    border-radius: 20px;
    -webkit-appearance:none;
    -webkit-border-radius:20px;
    font-size: 16px;
    letter-spacing: 0.23px;
    -moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.orange-gradient input, .orange-gradient textarea {
    background: rgba(255,255,255,.2);
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	outline: 0;
    background: rgba(240,240,240,.5);
}

textarea {
	width: 100%;
}

label {
    font-size: 12px;
    color: #545454;
    letter-spacing: 0.17px;
    text-align: left;
}

.orange-gradient label {
    color: #FFFFFF;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #545454;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #545454;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #545454;
}
:-moz-placeholder { /* Firefox 18- */
  color: #545454;
}

.orange-gradient ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFFFFF;
}
.orange-gradient ::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
}
.orange-gradient :-ms-input-placeholder { /* IE 10+ */
  color: #FFFFFF;
}
.orange-gradient :-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
}

/* Style the checkbox */
.checkbox label {
    position: relative;
    padding-left: 10px;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}

.checkbox label::before{
    content: "";
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 5px;
    background: #EDF1F2;
    margin-left: 0;
}

.orange-gradient .checkbox label::before{
    background: rgba(255,255,255,.2);
}

.checkbox label::after {
    content: "";
    display: inline-block;
    height: 9px;
    width: 17px;
    border-left: 3px solid #545454;
    border-bottom: 3px solid #545454;
    transform: rotate(-45deg);
    margin-left: -25px;
}

.orange-gradient .checkbox label::after {
    border-left: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
}

.checkbox label::before,
.checkbox label::after {
    position: absolute;
}
/*Outer-box*/
.checkbox label::before {
    top: 3px;
    left: 10px;
}
/*Checkmark*/
.checkbox label::after {
    left: 38px;
    top: 9px;
}

/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + label::after {
    content: none;
}
/*Unhide the checkmark on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
}

.checkbox .gfield_description {
    width: 300px;
}

form ul {
    padding: 0;
    margin: 0;
}

form ul li {
    list-style: none;
}


form ul li input {
    width: 100%;
    border: 2px solid transparent;
}

form ul li.half {
    width: 48%;
    margin: 0 1% 3%;
    float: left;
}

form ul li.full {
    width: 98%;
    margin: 0 1%;
}

.gfield_error input {
    border: 2px solid #FF2A00;
}

.validation_message {
    font-size: 12px;
    color: #FF2A00;
    letter-spacing: 0.17px;
    text-align: left;
}

.privacy a {
    border-bottom: 1px dotted #545454;
    color: #545454;
}



input[type="file"] {
    padding: 0 0 5px 35px;
    background-image: url('img/upload.png');
    background-image: url('img/upload.svg'), none;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 15px;
}


form li.upload .gfield_label {
    font-family: "Open Sans", sans-serif!important;
    margin-top: -4px;
    padding-top: 8px;
	font-size: 16px!important;
    letter-spacing: 0.23px!important;
    text-align: left;
	border-bottom: 1px dotted #FFFFFF;
}


form li.upload {
    padding: 0 0 5px 35px;
    background-image: url('img/upload.png');
    background-image: url('img/upload.svg'), none;
    background-position: left 10px;
    background-repeat: no-repeat;
    background-size: 15px;
    float: none;
    clear: both;
    margin: 20px 0 0 1%;
	position: relative;
}

form li.upload input {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    cursor: pointer;
    height: 50px;
    width: 320px!important;
    opacity: 0;
}

.orange-gradient .privacy a {
    border-bottom: 1px dotted #FFFFFF;
    
}

.privacy {
    font-size: 16px;
    color: #545454;
    letter-spacing: 0.23px;
    text-align: left;
    margin-top: 25px;
}

.orange-gradient .privacy {
    color: #FFFFFF;
}

form .checkbox {
    margin-top: -5px;
    width: 45px;
    height: 40px;
    float: left; 
}

form .checkbox label {
    display: none;
}

form .checkbox ul li label {
    font-size: 0;
    display: block;
    width: 14px;
    height: 30px;
}

.btn-wrap {
    display: block;
    text-align: center;
    margin: 50px auto 90px;
    position: relative;
    z-index: 2;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	text-decoration: none;
	color: #FF5A1F;
}

a:visited {
	
}

a:hover,
a:focus,
a:active {
	
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.site-branding .site-title {
	margin: 0.5em 1em 1em;
}

.site-branding {
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
}

.main-navigation {
	float: none;
	width: 100%;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


.menu-left-container {
    width: 45%;
    position: fixed;
    left: 5%;
    z-index: 1;
}

.menu-right-container {
    width: 45%;
    position: fixed;
    right: 5%;
    z-index: 1;
}

.menu-right-container ul {
    text-align: right;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
    position: relative;
    display: inline-block;
}

.main-navigation a {
	display: block;
	text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    padding: 25px 22px;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Scroll down */
#masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 75px;
    -moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.nav-up, .nav-down {
    background: #EDF1F2;
}

.nav-up #site-logo, .nav-down #site-logo {
    background-image: url('img/first-logo-dark.svg'), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 38px;
    display: block;
}

.nav-up #site-logo img, .nav-down #site-logo img {
    opacity: 0;
}

.nav-up .main-navigation ul li a, .nav-down .main-navigation ul li a {
    color: #454545;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* Social */
li.social a {
	width: 20px;
	height: 22px;
	font-size: 0;
	display: block;
	background-image: url('img/facebook.png');
	background-image: url('img/facebook.svg'), none;
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
    padding: 5px 0 0 0;
}

li.social.li a {
    background-image: url('img/linkedin.png');
	background-image: url('img/linkedin.svg'), none;
}

li.social a:hover {
	opacity: 0.7;
}

li.social.li.orange a, .nav-up li.li a, .nav-down li.li a {
    background-image: url('img/linkedin-orange.png');
	background-image: url('img/linkedin-orange.svg'), none;
}

li.social.fb.orange a, .nav-up li.fb a, .nav-down li.fb a {
    background-image: url('img/facebook-orange.png');
	background-image: url('img/facebook-orange.svg'), none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Custom styles
--------------------------------------------------------------*/
/* homepage */

.banner {
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: block;
}

.banner .intro  * {
    color: #FFF;
    text-align: center;
}

.banner .btn {
    box-shadow: 0 5px 7px 0 rgba(0,0,0,0.21);
    margin: 0 50px;
}

.banner .bg {
    background-position: top center;
}

.intro {
    width: 50%;
    margin: 0 auto;
    position: relative;
}

.banner .intro {
    padding: 140px 25% 235px;
    width: 100%;
}

.banner .background {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner .ovaal {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
}

section.first-element, .first-element {
    margin-top: -165px;
}

.grey-shape-wrap {
    position: relative;
    overflow: hidden;
}

.grey-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.banner .bg-gradient-transparant, .banner .image {
    width: 100%;
    height: 650px;
}


.video {
    width: 50%;
    margin: 0 auto 50px;
}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.usps {
    padding: 110px 15% 30px; 
    position: relative;
}

.usps .line {
    background: #EDF1F2;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    display: block;
    margin-top: -30px;
    z-index: 0;
}

.usp-item {
    width: 100%;
    padding: 75px 50px;
}

.usp-item p {
    margin: 0;
}


.usp .icon {
    width: 65px;
    height: 65px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.usp .bullet {
    width: 10px;
    height: 10px;
    background: #FF5A1F;
    margin: 30px auto 25px;
    border-radius: 100%;
    display: block;
    z-index: 1;
    position: relative;
}

.usp .beschrijving {
    font-size: 16px;
    color: #8D9599;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
}

.waarom-first {
    margin-bottom: 110px;
    position: relative;
}

.waarom-first .item {
    width: 60%;
    margin: 50px auto;
}

.waarom-first .item .title {
    width: 40%;
    text-align: right;
    position: relative;
}

.waarom-first .item .title h5 {
    text-align: right;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 75%;
}

.waarom-first .item .image {
    width: 20%;
    margin: 0 30px;
}

.waarom-first .item .text {
    width: 40%;
    text-align: left;
    font-size: 16px;
    color: #8D9599;
    letter-spacing: 0;
    line-height: 26px;
    padding: 50px 0;
}

.waarom-first .item .text p {
    margin: 0;
}

.slider-testimonials-2 {
    padding: 0 0 0 25%;
    margin-bottom: 110px;
}

.home .testimonial {
    padding: 90px 30px 90px 30px;
}

.home .slick-prev, .home .slick-next {
    top: 50%;
    left: 10%;
    margin: 0;
    margin-top: -38px;
    width: 38px;
    height: 38px;
}

.home .slick-next {
    margin-top: 0;
}

.testimonial .shadow {
    background: #FFF;
    border-radius: 4px;
    overflow: hidden;
    padding: 40px 40px 30px 80px;
    box-shadow: 0 32px 46px 0 rgba(13,8,27,0.18);
}

.testimonial .quote {
    background-image: url(img/quote.png);
    background-image: url(img/quote.svg), none;
    width: 30px;
    height: 21px;
    display: inline-block;
    margin: 0 0 10px 0;
}

.testimonial .tekst p {
    margin: 0;
    font-size: 16px;
    color: #8D9599;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: normal;
}

.testimonial .author {
    margin-top: 65px;
}

.testimonial .author .icon {
    width: 44px;
    height: 44px;
    display: inline-block;
    margin: 0 10px 0 0;
    float: left;
    background-size: contain;
    border-radius: 100%;
}

.testimonial .author h5 {
    display: inline-block;
    float: left;
    clear: none;
    font-size: 16px;
}

.contact .left {
    width: 40%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.contact .right { 
    height: 100%;
    width: 60%;
    border-radius: 20px 0 0 0;
    padding: 75px 90px;
}

.contact .orange-gradient.right * {
    color: #fff;
    text-align: left;
}

.contact .right p {
    line-height: 40px;
}

.contact h2 {
    margin-bottom: 30px;
}

.gform_footer {
    margin-top: -38px;
}

/* Wie zijn we */

.text_image {
    position: relative;
    width: 80%;
    margin: 150px auto 130px;
}

.text_image .image {
    width: 50%;
    margin-left: 32px;
    order: 1;
}

.text_image .text {
    width: 50%;
    padding: 70px 75px;
    margin: 45px 32px 45px -65px;
    order: 2;
    position: relative;
}

.text_image .text p:last-of-type {
    margin-bottom: 0;
}

.text_image .item {
    margin-bottom: 25px;
}

.text_image .item:nth-of-type(odd) .image {
    order: 2;
    margin: 90px 32px 90px 0;
}

.text_image .item:nth-of-type(odd) .text {
    order: 1;
    margin: 45px -65px 45px 32px;
}

.text_image ul {
    margin: 0;
    padding: 0;
}

.text_image ul li {
    list-style: none;
    padding: 0 0 25px 30px;
    position: relative;
}

.text_image ul li:before {
    content: "";
    background-image: url(img/check.png);
    background-image: url(img/check.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 2px;
}

.geschiedenis {
    padding: 0 20% 100px;
    overflow: hidden;
}

.geschiedenis .item {
    position: relative;
    padding-right: 90px;
    width: 50%;
    float: left;
    clear: both;
}

.geschiedenis .item h5 {
    color: #545454;
    text-align: right;
}

.geschiedenis .item p {
    font-size: 14px;
    color: #8D9599;
    letter-spacing: 0;
    text-align: right;
    line-height: 24px;
}


.geschiedenis .item .icon {
    display: block;
    height: 52px;
    width: 51px;
    position: absolute;
    right: -25px;
    top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.geschiedenis .item .line {
    width: 1px;
    background: #D1DCE8;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.geschiedenis .items .item:nth-of-type(even) {
    padding-left: 90px;
    padding-right: 0;
    float: right;
}

.geschiedenis .items .item:nth-of-type(even) h5, .geschiedenis .items .item:nth-of-type(even) p {
    text-align: left;
}

.geschiedenis .items .item:nth-of-type(even) .icon {
    left: -25px;
}

.geschiedenis .items .item:nth-of-type(even) .line {
    left: -1px;
}

.geschiedenis .items .item:nth-of-type(1) .line {
    top: 5px;
}

.geschiedenis .items .item:last-of-type .line {
    height: 0;
}

/* Jobs Page */
.jobs .introduction {
    width: 55%;
    padding: 50px 75px;
}

.jobs .introduction img {
    margin-bottom: 25px;
}

.jobs .onze-jobs {
    position: relative;
    text-align: center;
    width: 55%;
    margin: 150px auto;
    padding: 50px 20px;
}

.jobs .iframe {
    margin-bottom: 50px;
}

.zij-zeggen h2 {
    padding: 5px 0 35px;
}

.zij-zeggen-items {
    overflow: hidden;
    margin-top: 155px;
}

.zij-zeggen .item {
    width: 29%;
    padding: 50px 30px;
    margin: 1% 2%;
    float: left;
    text-align: center;
}

.zij-zeggen .item .icon {
    width: 78px;
    height: 78px;
    display: block;
    margin: 0 auto 40px;
    border-radius: 100%;
}


/* Tech Page */
.submenu {
    padding: 0;
    margin: -205px auto 0 auto;
    position: relative;
    width: 90%;
    border-bottom: 1px solid rgba(237, 241, 242, .2);
}

.submenu li {
    list-style: none;
    width: 100%;
    padding: 0 1%;
}

.submenu li * {
    color: #FFF;
    font-size: 16px;
}

.submenu li .icon {
    width: 65px;
    height: 65px;
    display: block;
    margin: 0 auto;
}

.submenu li a {
    border-bottom: 4px solid transparent;
    display: block;
    padding: 0 0 15px;
}

.submenu li a:hover {
    border-bottom: 4px solid #29A65B;
}

ol.submenu {
    border: none;
    counter-reset: count;
}


ol.submenu li:before {
    content: "";
    background-image: url(img/check-dark.png);
    background-image: url(img/check-dark.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    line-height: 31px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    color: #545454;
    letter-spacing: 0;
    text-align: center;
    border-radius: 100%;
    margin-right: 15px;
    float: left;
}

ol.submenu li a {
    display: inline-block;
    float: left;
    width: calc(100% - 85px);
}

ol.submenu li h5 {
    text-align: left;
    line-height: 17px;
}

.tech .banner .bg-gradient-transparant, .tech .banner .image,
.diensten .banner .bg-gradient-transparant, .diensten .banner .image {
    height: 100%;
}

.tech .banner, .diensten .banner {
    padding-bottom: 200px;
}

.tech-items {
    position: relative;
}

.tech-items .item {
    margin-bottom: 95px;
}

.tech-items .item:last-of-type {
    margin-bottom: 0;
}

.tech-items .item .image {
    order: 2;
    margin: 0;
    width: 50%;
    position: relative;
}

.tech-items .item .text {
    order: 1;
    margin: 0;
    padding: 180px 230px 65px 110px;
    width: 50%;
    font-size: 16px;
}

.tech-items .item .text h3 {
    font-size: 30px;
}

.tech-items .item:nth-of-type(odd) .image {
    order: 1;
}

.tech-items .item:nth-of-type(odd) .text {
    order: 2;
}

.tech-items .item .image .icon {
    width: 122px;
    height: 122px;
    display: block;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.tech-items .item .image h5 {
    color: #FFFFFF;
}

.tech-items .item .image .icon-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* Diensten */

.diensten .tech-items {
    margin-top: -115px;
}

.diensten .usps {
    padding: 70px 0;
    width: 80%;
    margin: -90px auto 20px;
    position: relative;
}

.diensten .usp {
    width: 100%;
}

/* OUtsourcing */
.waarom-first.first-element {
    width: 80%;
    margin: -210px auto 0;
    padding-top: 50px;
}

.waarom-first.first-element .item {
    width: 80%;
}

.outsourcing .text_image .item:nth-of-type(odd) .image {
    margin: 10px 32px 10px 0;
}

.consultants ul li {
    padding: 0 0 25px 30px;
}

.consultants ul li:before {
    background-image: url(img/consultant.png);
    background-image: url(img/consultant.svg), none;
}

.consultants .item:nth-of-type(odd) .image {
    order: 1;
    margin: 0 0 0 32px;
}

.consultants .item:nth-of-type(odd) .text {
    order: 2;
    margin: 45px 32px 45px -65px;
}


/* Landing */

.landing .banner .intro {
    padding-bottom: 325px;
}

.landing .first-element {
    position: relative;
    width: 90%;
    margin: -220px auto 85px;
    padding: 80px 130px;
    font-size: 16px;
}

.landing .main-content h5 {
    text-align: left;
    margin: 0 0 20px;
}

.landing .main-content .video {
    width: 100%;
}

.landing .main-content .btn {
    display: inline-block;
    margin: 50px auto;
}

.landing .main-content .text_image {
    margin: 0px auto 70px;
    width: 100%;
}

.landing .main-content .text_image:last-of-type {
    margin-bottom: 0;
}

.landing .main-content .text_image .image {
    width: 50%;
    margin: 25px 0 25px 0;
    order: 1;
}

.landing .main-content .text_image .text {
    width: 50%;
    padding: 50px 75px;
    margin: 45px -65px 45px 0;
    order: 2;
    position: relative;
}

.landing .main-content .text_image .item {
    margin-bottom: 25px;
}

.landing .main-content .text_image .item:nth-of-type(even) .image {
    order: 2;
    margin: 25px 32px 25px 0;
}

.landing .main-content .text_image .item:nth-of-type(even) .text {
    order: 1;
    margin: 45px -65px 45px 32px;
}

.landing .main-content .text_image .item {
    margin-right: -65px;
}

.landing .main-content .button-wrap {
    text-align: center;
}

/* Testimonials */

.post-type-archive-testimonials .testimonials {
    padding: 0 0 70px 10%;
}

.post-type-archive-testimonials .testimonial {
    text-align: center;
    padding: 0 20px 40px 0;
}

.post-type-archive-testimonials .testimonial .shadow {
    padding: 35px 40px;
    border-radius: 0;
    box-shadow: 0 4px 25px 0 rgba(13,8,27,0.18);
}

.post-type-archive-testimonials h5 {
    text-align: center;
    float: none;
}

.post-type-archive-testimonials .testimonial .btn {
    margin-top: 20px;
}

.post-type-archive-testimonials .testimonial .icon {
    width: 80%;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
}

/* Slider style */

.testimonials .slick-list {
    padding:0 10% 0 0!important;
}

.slick-prev, .slick-next {
    background-color: transparent;
    background-image: url(img/right.png);
    background-image: url(img/right.svg), none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; 
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 0;
    border: none;
    position: absolute;
    left: 50%;
    margin-left: 10px;
    border: none;
}

.slick-prev {
    background-image: url(img/left.png);
    background-image: url(img/left.svg), none;
    margin-left: -80px;
}

.slick-prev:hover, .slick-next:hover {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

/* Contact Page */
.acf-map {
    width: 100%;
    height: 100%;
    min-height: 400px;
    margin: 0;
}

.google-map {
    width: 60%;
}

.google-map .map {
    height: 100%;
}

.contact-details {
    position: relative;
    width: 80%;
    margin: -150px auto 80px;
}

.contact-details .details {
    width: 50%;
    padding: 120px 75px 100px;
    margin: 45px 32px 45px -65px;
    position: relative;
}

/* Bedankt */
.page-template-page-bedankt .banner .bg-gradient-transparant, .page-template-page-bedankt .banner .image {
    height: 100vh;
}

.bedankt .banner .intro {
    padding: 15% 25% 235px;
}

.page-template-page-bedankt footer .sitemap {
    display: none;
}

/* footer Call to Action*/
.cta {
    position: relative;
    overflow: hidden;
    padding: 0 5%;
}

.cta .wrap, .cta .wrap *, .cta h2  {
    color: #FFF;
    text-align: center;
}

.cta .btn {
    box-shadow: 0 5px 7px 0 rgba(0,0,0,0.21);
    margin: 0 10px;
}

.cta .intro {
    width: 80%;
    margin: 0 auto;
}

.cta .background {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cta .wrap {
    padding: 110px 5%;
}

.cta .wrap div {
        padding: 0 5%;
}


/* footer */

footer .sitemap {
    background: #EDF1F2;
    padding: 70px 5% 100px;
    font-size: 14px;
    color: #8D9599;
    letter-spacing: 0;
    line-height: 26px;
}

footer .sitemap h2 {
    font-size: 16px;
    color: #454545;
    text-align: left;
    letter-spacing: 0;
    line-height: 26px;
}

footer .sitemap a {
    color: #8D9599;
}

footer .sitemap div:nth-of-type(2) a {
    color: #FF5A1F;
}

footer .sitemap ul {
    margin: 0;
    padding: 0;
}

footer .sitemap ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

footer .sitemap > div:nth-of-type(1) {
    width: 10%;
    padding: 0 4% 0 0;
}

footer .sitemap > div:nth-of-type(2) {
    width: 40%;
}

footer .sitemap > div:nth-of-type(3) {
    width: 20%;
}

footer .sitemap > div:nth-of-type(4) {
    width: 20%;
}

footer .sitemap > div:nth-of-type(5) {
    width: 10%;
}

footer .credits {
    font-size: 14px;
    color: #8D9599;
    letter-spacing: 0;
    line-height: 26px;
}

footer .credits .left {
    padding: 18px 5%;
}

footer .credits .left, footer .credits .right {
    float: left;
    width: 50%;
    padding: 10px 5%;
}

footer .tae {
    background-image: url(img/taurusandeagle.png);
    background-image: url(img/taurusandeagle.svg), none;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 0;
    float: right;
}

/*NIEUSWS*/

body .nieuws .grid article {
    position: relative;
    width: calc(33.33% - 30px);
    float: left;
    margin: 0 15px 40px;
    box-shadow: 0 12px 14px 0 rgb(0 0 0 / 11%);
    -moz-transition: transform 0.4s ease-out;
    -webkit-transition: transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}

body .nieuws .grid article:hover {
    transform: scale(1.05, 1.05);
}



body .nieuws section.grid {
    max-width: 1140px;
    margin: -250px auto 100px;
    /* display: flex; */
    gap: 40px;
    overflow: hidden;
}

body .nieuws .grid .image {
    height: 220px;
}

body .nieuws .grid .overlay {
    position: unset;
}

body .nieuws .grid article h6 {
    padding: 30px 20px 60px 20px;
    text-align: left;
    font-size: 24px;
    color: #404F54;
    letter-spacing: 0;
    line-height: 30px;
    text-transform: none;
    background-color: #FFF;
}

body .nieuws .banner .intro, body.single-post .banner .intro {
    padding-bottom: 320px;
    padding-top:100px;
}

body .nieuws .grid .articles {
    margin: 0 auto;
}

body .nieuws .grid .overlay.link {
    position: absolute;
}

body .nieuws .grid article p.categorie {
    background-color: #FF5A1F;
    margin: 0px 0 0 0;
    padding: 7px 60px 10px 12px;
    width: auto;
    display: inline-block;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    line-height: 14px;
}

body .nieuws .grid .overlay.image {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Blog */


body.single-post section.blocks {
    max-width: 1280px;
    margin: -250px auto 100px;
    padding: 30px 155px 1px;
    background-color: white;
    z-index: 1;
    display: block;
    position: relative;
    box-shadow: 0 12px 14px 0 rgb(0 0 0 / 11%);
}


body.single-post section.blocks article {
    margin: 60px auto;
    overflow: hidden;
    clear: both;
    box-sizing: inherit;
    }

body.single-post section.blocks article .image_bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body.single-post section.blocks article img.hidden {
    opacity: 1;
}

body.single-post section.blocks article .overlay.image {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

body.single-post section.blocks article .image.overlay .overlay {
    background-image: linear-gradient(180deg, rgba(225,113,29,0.00) 58%, #000000 100%);
    opacity: 0;
}

body.single-post section.blocks article.text_block .paragraph p {
    font-size: 36px;
    color: #545454;
    letter-spacing: 0;
    text-align: center;
    line-height: 46px;
    font-weight: bold;
    margin: 60px 0;
}

body.single-post section.blocks article.text_block {
    border-bottom: solid 1px #EAEAEA;
}

body.single-post section.blocks article.video {
    width: 100%;
}

body.single-post section.blocks article .video_url embeded,
body.single-post section.blocks article .video_url iframe,
body.single-post section.blocks article .video_url object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.single-post section.blocks article .video_url {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    }



body.single-post section.blocks article.half .left, body.single-post section.blocks article.half .right {
    width: 50%;
}

body.single-post section.blocks article.half .left, body.single-post section.blocks article.half .right {
    width: 50%;
}

body.single-post section.blocks article.half .titleText {
    padding: 100px 0;
}

body.single-post section.blocks article.half .titleText.right {
    padding-left: 80px;
}

body.single-post section.blocks article.half .titleText.left {
    padding-right: 80px;
}

body.single-post section.blocks article.button_block {
    text-align: center;
}

body.single-post section.blocks article .author_info {
    float: left;
}

body.single-post section.blocks article .paragraph {
    float: right;
    border-radius: 0;
}

body.single-post section.blocks article .author_info .info {
    display: flex;
    margin-top: 3px;
}

body.single-post section.blocks article .author_info .info h5.title_author {
    margin-right: 15px;
    margin-top: 0;
}

body.single-post section.blocks article .author_info .info h5 {
    font-size: 16px;
    color: #5A5A5A;
    letter-spacing: 0.33px;
    line-height: 46px;
    font-weight: normal;
    }

body.single-post section.blocks article .author_info .info h5.subtitle_author {
    color: #AAAAAA;
    margin-top: 0;
}

body.single-post section.blocks article.categoriesAuthor {
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 0;
    border-bottom: solid 1px #EAEAEA;
}

body.single-post section.blocks article .author_info .author_image {
    height: 50px;
    width: 50px;
    float: left;
    margin-right: 15px;
    border-radius: 100%;
    overflow: hidden;
}

body.single-post section.blocks article.categoriesAuthor .paragraph.btn p {
    padding: 0;
    margin: 0;
}



body.single-post section.blocks article.categoriesAuthor .paragraph.btn {
    padding: 12.5px;
    text-transform: none;
    margin-top: 5px;
    font-weight: normal;
}

body.single-post section.blocks article.categoriesAuthor .paragraph.btn:hover {
    box-shadow: none;
}

body.single-post .nieuws section.grid {
    margin-top: 0;
}

body.single-post .nieuws h3.line {
    text-align: center;
}

.title_and_text .paragraph p:first-of-type,
body.single-post section.blocks article.text_block .paragraph p:first-of-type
 {
    margin-top: 0;
}



@media screen and (max-width: 1300px) {

body.single-post section.blocks{
	margin: -250px 4% 100px;
	padding: 30px 100px;
}

}



@media screen and (max-width: 920px) {
   
     body .nieuws .grid article {
     	width: calc(50% - 30px);
     }

     body.single-post section.blocks{
	padding: 30px 60px;
}
}







@media screen and (max-width: 800px) {
      
      body.single-post section.blocks article.half .left, body.single-post section.blocks article.half .right {
    width: 100%;
}

body.single-post section.blocks article .image_bg {
    padding-top: 100%;
}

body.single-post section.blocks article.half .titleText.right {
	padding: 30px 0 0;
}

body.single-post section.blocks article.half .titleText.left{
	padding: 30px 0 0;
}

body.single-post section.blocks article.image_right_and_text_block.half.flex {
    display: flex;
    flex-direction: column-reverse;
}


    .flex {
        display: block;
    }
    .wrap-scroll-mobile.overflow {overflow: hidden; position: fixed;}
    
    h1 { font-size: 36px; line-height: 44px;}
    h2 { font-size: 30px;}
    h3 { font-size: 30px; margin: 20px 0 25px; line-height: 31px;}
    h5 { font-size: 20px; line-height: 25px; }
    
    body, button, input, select, textarea { font-size: 16px; line-height: 26px;}
    
    /* Menu */
    .site-branding {top: 30px;}
    #site-logo img {width: 88px; }
    .menu-toggle, .menu-toggle:hover {position: fixed; top: 30px; right: 5%; z-index: 1; box-shadow: none; background-image: url(img/menu.png); background-image: url(img/menu.svg), none; background-repeat: no-repeat; background-position: center; display: inline-block; width: 38px; height: 25px; font-size: 0; background-color: transparent; border: none;}
    .nav-down .menu-toggle, .nav-up .menu-toggle,
    .nav-down .site-branding, .nav-up .site-branding {top: 20px;}
    .main-navigation {background-size: cover; background-position: center; width: 0; height: 100vh; padding-top: 100px; position: absolute;}
    .main-navigation.toggled {position: relative; background-image: linear-gradient(-180deg, #FF5A12 0%, #FF324C 100%); background-image: url(img/menu-bg.jpg); width: 100%; overflow: hidden;}
    .nav-up .menu-toggle, .nav-down .menu-toggle { background-image: url(img/menu-scroll.png); background-image: url(img/menu-scroll.svg);
    }
    /* */
    .nav-up .main-navigation.toggled .menu-toggle, .nav-down .main-navigation.toggled .menu-toggle { background-image: url(img/menu.png); background-image: url(img/menu.svg);
    }
    .nav-up .main-navigation.toggled ul li a, .nav-down .main-navigation.toggled ul li a {color: #FFFFFF;}
    .menu-open .nav-up #site-logo img, .menu-open .nav-down #site-logo img {
        opacity: 1;
    }
    .menu-open .nav-up #site-logo, .menu-open .nav-down #site-logo {
        background: none;
    }
    /* */
    .menu-left-container, .menu-right-container {width: 100%; position: relative; left: 0; right: 0;}
     .main-navigation li a { font-size: 36px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 46px; text-transform: none; padding: 2px 22px;}
    .main-navigation li {display: block; width: 100%; text-align: center;}
    .main-navigation li.social {display: inline-block; width: 50%; float: left; margin-top: 80px; margin-bottom: -80px;}
    .main-navigation li.social.fb a {float: right;}
    .main-navigation li.social a {font-size: 0; width: 25px; height: 25px;}
    .menu-wrap {position: absolute; top: 50%; transform: translateY(-50%); left: -999px; -moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;}
    .toggled .menu-wrap { left: 0; width: 100%;}
    
    /* Homepage */
    .banner .intro {padding: 125px 5% 90px;}
    .banner .ovaal {display: none;}
    section.first-element, .first-element {margin-top: -50px;}
    .video {width: 90%;}
    .usps {padding: 0px 5% 60px;}
    .intro {width: 100%; font-size: 16px;}
    .usp-item { width: 100%; padding: 35px 0 0; }
    .usps .line, .usp .bullet {display: none;}
    .waarom-first {padding: 0 5%; margin-bottom: 40px;}
    .waarom-first .item, .waarom-first.first-element .item {width: 90%; margin: 20px auto;}
    .waarom-first .item .title {width: 100%;}
    .waarom-first .item .title h5 {text-align: center; position: relative; right: 0; top: 0; transform: none; margin: 0 auto 10px; width: 100%;}
    .waarom-first .item .image {width: 50%; margin: 0 auto; height: 200px;}
    .waarom-first .item .text p {text-align: center;}
    .waarom-first .item .text {width: 100%; padding: 20px 0;}
    .slider-testimonials-2 {padding: 0;}
    .home .testimonial {padding: 30px 30px 90px 30px;}
    .testimonial .shadow {padding: 40px 30px 30px 30px;}
    .testimonials .slick-list {padding: 0!important;}
    .home .slick-prev, .home .slick-next {top: auto; bottom: 0; left: 50%; margin-right: -50px;}
    .home .slick-prev {margin-right: 0; margin-left: -50px;}
    .contact .left {display: none;}
    .contact .right {width: 90%; margin: 0 auto 0px; padding: 50px 0;}
    .contact .right p  {line-height: 26px;}
    form ul li.half {width: 100%; margin: 0 1% 6%;}
    .privacy {font-size: 12px;}
    .gform_footer {margin: 20px auto 40px;}
    .contact .orange-gradient {border-radius: 20px 20px 0 0; padding: 55px 20px;}
    footer .sitemap {background: none; text-align: center; padding: 50px 5% 0px;}
    footer .sitemap h2 {display: none;}
    footer .sitemap > div:nth-of-type(n) {width: 100%;}
    footer .sitemap > div:nth-of-type(1) {width: 88px; margin: 0 auto; padding: 0;}
    footer .sitemap > div:nth-of-type(3), footer .sitemap > div:nth-of-type(4), footer .sitemap > div:nth-of-type(5) {display: none;}
    .credits .left {display: none;}
    footer .tae {float: none;}
    footer .credits .right {width: 100%; text-align: center;}
    
    /* About */
    .text_image {width: 100%;}
    .text_image .text, .text_image .item:nth-of-type(odd) .text {width: 90%; margin: -50px auto 0 auto; padding: 30px 20px 50px;}
    .text_image .image, .text_image .item:nth-of-type(odd) .image {width: 100%; height: 200px; margin: 0;}
    .geschiedenis .item, .geschiedenis .items .item:nth-of-type(even) {width: 100%; padding: 0;     float: none;
    clear: both;}
    .geschiedenis .item .icon, .geschiedenis .items .item:nth-of-type(even) .icon {right: auto; width: 100%; left: 0; margin-top: -60px;}
    .geschiedenis .item .line, .geschiedenis .items .item:nth-of-type(even) .line {display: none;}
    .geschiedenis .item h5, .geschiedenis .items .item:nth-of-type(even) h5 {margin-top: 100px; text-align: center;}
    .geschiedenis .item p, .geschiedenis .items .item:nth-of-type(even) p {text-align: center;}
    .cta .wrap {padding: 50px 0;}
    .cta .intro {width: 100%;}
    .cta .btn { margin: 15px 10px;}
    
     /* Diensten */
    .diensten .tech-items {margin-bottom: 50px;}
    .tech-items .item .image, .tech-items .item:nth-of-type(odd) .image {width: 100%; height: 200px; margin: 0;}
    .tech-items .item .text, .tech-items .item:nth-of-type(odd) .text {width: 90%; margin: -50px auto 0 auto; padding: 30px 20px 10px; position: relative; background: #fff;}
    .tech-items .item .btn {margin-top: 15px;}
    .diensten .usps {margin: -40px auto 20px; padding: 30px 0;}
    .diensten .usp { margin-bottom: 30px;}
    .diensten .banner .bg-gradient-transparant, .diensten .banner .image {height: 100%;}
    .submenu {width: 80%; padding: 0 0 150px;}
    ol.submenu {padding: 0; overflow: hidden;}
    .submenu li * {font-size: 20px;}
    ol.submenu li:before {width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
    .diensten .cta .wrap {padding: 50px 0 80px;}
    
    /* Outsourcing */
    .waarom-first.first-element { width: 90%; margin: -60px auto 0; padding-top: 40px;}
    .outsourcing .text_image { position: relative; width: 100%; margin: 50px auto 70px;}
    
    /* Jobs */
    .jobs .introduction {width: 90%; padding: 35px 20px;}
    .jobs .introduction img {margin-bottom: 0;}
    .zij-zeggen-items {margin-top: 50px;}
    .zij-zeggen .item { width: 90%; padding: 50px 30px; margin: 0 auto 5%; float: none; }
    .jobs .onze-jobs {position: relative; text-align: center; width: 90%; margin: 30px auto 80px; padding: 40px 5%; }
    
    /* Contact */
    .google-map {width: 100%;}
    .contact-details {width: 100%; margin: 0 auto;}
    .contact-details .details {width: 90%; padding: 10px 5%; margin: -50px auto 0; position: relative;}
     
    /* Technologien */
    .tech .banner .bg-gradient-transparant, .tech .banner .image {height: 100%;}
    .tech-items .item .text, .tech-items .item:nth-of-type(odd) .text {margin: -10px auto 0 auto;}
    .tech-items .item { margin-bottom: 50px; }
    
    /* Landingspage */
    .landing .first-element {margin: -50px auto 45px; padding: 20px 5%;} 
    .landing .main-content .text_image .item {margin: 0;}
    .landing .main-content .text_image .item:nth-of-type(even) .image, .landing .main-content .text_image .image {width: 100%; margin: 30px 0;}
    .landing .main-content .text_image .text, .landing .main-content .text_image .item:nth-of-type(even) .text {width: 90%; margin: -50px auto 0; padding: 20px 5%;}
    
    
    /* Bedankt */
    .bedankt .banner .intro {padding: 250px 5% 250px;}
}

@media screen and (max-width: 600px) {

	body.single-post h3{
		margin: 0 0px;
	}

	body .nieuws .grid article {
		width: calc(100% - 30px);
	}

	body.single-post section.blocks{
		margin: -250px 4% 100px;
		padding: 30px 30px 10px;
	}

	body.single-post section.blocks article .author_info {
    width: 100%;
}

body.single-post section.blocks article.categoriesAuthor .paragraph.btn {
    float: left;
    margin-top: 15px;
}

body.single-post section.blocks article{
	margin: 30px auto;
}

body.single-post section.blocks article.text_block .paragraph p{
	margin: 30px 0;
	font-size: 22px;
	line-height: 33px;
}


}