@import url("iconsett.css") ;
@import url("menu.css") ;
@import url("bootstrap.min.css") ;

a:hover {
    text-decoration: none;
} 

@font-face {
    font-family: Cornicon;
    src: url(/fonts/flaticon.woff);
}

html, body {
	min-height: 100%;
	margin: 0;
    font-size: 16px;
	font-family: 'Roboto', sans-serif;
}

body {
	margin: 0;
	color: #000;
	font-weight: 300;
	line-height: 1.8;
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}


strong {
    font-weight: 600;
	font-family: 'Poppins', sans-serif;
}

a {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}

span {
	font-weight: 300;
}

a:hover {
    color: #5c9dc0;
}

h1 {
 	font-size: 2.75em;
 	font-family: 'Poppins', sans-serif;
	line-height: 1.15em;
	font-weight: 900;
}

h1 small {
    font-weight: 300;
	font-size: 70%;
}

h2 {
	font-size: 1.3em;
	font-family: 'Poppins', sans-serif;
    margin: 10px 0px;
    font-weight: 600;
    color: #000;
}

h2 small {
    font-weight: 200;
}

h3 {
	font-size: 1.5em;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 600;
    margin: 10px 0px;
}

h3 > small {
    font-weight: 200;
    color: #333;
}

h4 {
	font-size: 1.3em;
	font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 10px 0;
}

h5 {
	font-size: 1.3em;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 10px 0px;
}

.img-responsive {
	max-width: 100%;
    box-sizing: border-box;
}

.img-responsive-center {
	display: block;
	margin: auto;
	max-width: 100%;
}

blockquote {
	margin: 1.5em 10px;
	padding: 0.5em 1em;
	quotes: "\201C""\201D""\2018""\2019";
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-weight: 300;
	font-size: 1.2em;
	border: none;
}

blockquote:before {
	color: #fed201;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

.blockquote-home {
	font-size: 1.2em;	
}

.blockquote-home a {
	text-decoration: underline;
	color: #5c9dc0;
}

blockquote p {
  display: inline;
}

blockquote footer {
	font-size: .75em;
	color: #333;
	float: right;
	padding-top: 2em;
	font-weight: 600;	
}

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

.email-protection {
    display: none;
}

.breadcrumb {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0;
	margin-bottom: 0;
	background: #fff;
}

.breadcrumb ul {
    padding-left: 0;
    margin: 0;
    display: block;
}

.breadcrumb li {
    list-style: none;
    display: inline-block;
}

.breadcrumb li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .7em;
    padding: 0 1em;
    border-right: 1px solid #eaeaea;
}

.image-background {
    color: #fff;
    text-shadow: 2px 1px #333;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 3.5em;
}

.img-bg-center {
    background-position: 50%;
    background-repeat: no-repeat;
}

.image-background p {
    display:none;
}

.column-padding-3-0 {
    padding: 3em 0!important;
}

.column-padding-2-0 {
    padding: 2em 0!important;
}

.column-padding-1-0 {
    padding: 1em 0!important;
}

.column-padding-1-10px {
	padding: 1em 10px!important;	
}

.column-padding-0 {
	padding: 0!important;
}

.p-top-2 {
	padding-top: 2em;	
}

.padding-1 {
    padding: 1em;
}

.margin-right-1 {
    margin-right: 1em;
}

.h1-hr {
    height: 8px;
    max-width: 7%;
    background-color: #fed201;
    border: 0px;
}

.flex {
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;	
}

/* Buttons */
.btn {
	display: inline-block;
    padding: 0.75em 1.25em;
    margin-bottom: 0;
    font-size: .9em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
	text-decoration: none;
}		

.btn-orange {
	color: #fff!important;
	background-color: #f78f1e;
	border-bottom: 3px solid #dc7607;
}

.btn-orange:hover {
	color: #fff;
    background-color: #ffb00e;
	border-bottom: 3px solid #f78f1e;   
	transition: .5s;
	-webkit-transition: .5s;
}

.btn-white {
	color: #333;
	border-bottom: 3px solid #c1c1c1;
	background: #fff;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
}

.btn-white:hover {
	color: #fff;
	border: 3px solid #fff;
	transition: .3s;
	-webkit-transition: .3s;
	background: none;
}

.btn-orange-border {
	color: #f78f1e;
	border: 3px solid #f78f1e;
	border-radius: 25px;
	background: none;
	font-weight: 600;
}

.btn-orange-border:hover {
	background-color: #f78f1e;
	color: #fff;
	transition: .5s;
	-webkit-transition: .5s;
}

.btn-white-border {
	color: #000;
	border: 3px solid #fff;
	border-radius: 25px;
	background: none;
	font-weight: 600;
}

.btn-white-border:hover {
	background-color: #000;
	color: #fff;
	transition: .5s;
	-webkit-transition: .5s;
	border: 3px solid #000;
}

.btn-black {
	color: #000;
	background: none;
	border: 2px solid #000;
	border-radius: 0;
}

.btn-black:hover {
	color: #fff;
	background: #000;
	transition: .3s;
	-webkit-transition: .3s;
}
.btn-gray {
	color: #333;
	background-color: #dbdada;
	border-bottom: 3px solid #878787;
}

.btn-gray:hover {
    color: #333;
    background-color: #bebebe;
}


/* Einde buttons */

/* Icons */
.betekenen .glyph-icon:before {
    font-size: 3em;
    display: block;
    margin: 0 auto;
}

.contact-opnemen .glyph-icon:before {
    font-size: 2em;
    display: block;
    margin: 0 auto;
    color: #bebebe;
}

.contact-opnemen .col-sm-9 {
	padding: 0;	
}

.wij-betekenen .glyph-icon:before {
	font-size: 2em;
	margin-left: 0;
}	

.wij-betekenen h2 {
	font-family: 'Poppins', sans-serif;
    font-weight: 900!important;
    font-size: 1.8em;
}

.wij-betekenen h2 small {
    font-size: 65%;
    color: #000;
	font-family: 'Open Sans', sans-serif;
}



/* Einde icons */

/* Footer */
.footer li {
    list-style: none;
    text-align: center;
}

.footer .column-padding-2-0 {
	padding: 0;	
}

footer ul {
    padding:0;
}

.footer li a {
    color: #fff;
    text-decoration: none;
}

.footer li a:hover {
	text-decoration: underline;
}

.footer li a strong, .footer li strong {
    color: #fff;
   font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1em;
    line-height: 3em;
}

.footer-container {
    color: #fff;
    padding: 0.5em 0;
    font-size: .85em;
}

.footer-container p {
    text-align: center;
}


/* Einde footer */

/* Content */

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding: 10px;
}

.container-full-width {
	min-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

.flex {
	display: flex;
	display: -webkit-flex;
}

/* Einde content */

/* Index */
.main-intro {
	font-size: 2.2em;
	text-decoration: none;
	color: #fff;
	text-shadow: 1px 1px #7c7c7c;
	margin-top: 0;
}

.main-intro a {
	text-decoration: none;
	color: #000;
}

.main-tekst {
	padding: 4em 1em;
}

.subtitle {
	color: #000;
	font-size: 1.2em;
	font-weight: 900;
}

.wrap {
	font-weight: 600;
}

.main h2 {
	color: #5c9dc0;
	font-size: 1.5em;
    font-weight: 600;
}

.main h2 small {
	font-size: 66%;	
}

.main h4 {
    font-weight: 600;
}

.main p {
    font-size: 1em;
	font-weight: 300;
}

.main-background {
	background: url(/media/1364/corn-group-main-background.jpg);
    background-position: 25% center;
	height: 600px;
}

.container-lg {
	padding: 15px;
	content: " ";
	display: table;
}
.container-lg-main {
	height: 600px;
}

.main-example {
	display: none;
}

.main-example-img {
	max-width: 100%;
}

.main-background .btn-white {
	margin-right: 1em;
}

.mouse-row {
	padding: 2em 0;
	margin: 0;
}
.scroll-downs {
  margin: auto;
  width :34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 55px;
  border: 2px solid #333;
  border-radius: 25px;
  opacity: 0.75;
}
.scroller {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #000;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
  margin-left: -2px;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

.pakketten-container-home {
background: url('/media/1312/organic-tiles.png');
background-color: #efefef;
}

.gray-line {
    max-width: 100%;
    margin-top: -1em;	
}

.main-xs {
    margin: 3em 0px 2em 0px;
    border-bottom: 4em solid white;
}

.main-lg {
	margin: 3em 0;
    border-bottom: 2em solid white;
}	


.flex-container-left-center {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-container-center-center {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-item-center-center {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.flex-item-right-bottom {
	 -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: flex-end;
    align-self: flex-end;
}
.main {
	background-image: url("/media/1206/corn-min.jpg");
  background-repeat: no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height: 92vh;
	max-width: 100%;
	background-position: 0% 8em;
}

.main .arrow-down {
    display: block;
    margin: 0 auto;
    margin-top: 2em;
    border: 2px solid #dbdada;
    border-radius: 50px;
    padding: 17px 10px;
}

.arrow-down:hover {
	border: 2px solid #878787;	
	background: #ececec;
}

.wat-we-doen {
	padding: 4em 0;
}

.wat-we-doen img {
	padding: 2em;
}

.betekenen {
    padding: 4em 0;
    text-align: center;
}

.betekenen h2 {
    display: block;
    margin: auto;
    color: #5c9dc0;
}

.usp-padding {
	padding: 2em .5em;		
}

.betekenen .col-sm-4 {
    padding: 0 15px 2em 15px;
}

.wat-kunnen-we-betekenen .glyph-icon {
	display: inline-block;
	margin-left: -20px;
	margin-right: 10px;
}

.wat-kunnen-we-betekenen .glyph-icon:before {
	font-size: 25px;
}

.kop3 {
	margin-bottom: 0;
	display: inline-block;
	background: #fed201;
	color: #333;
	padding: 5px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 600;
}

.wij-betekenen p {
	font-size: 18px;
}

.intro-row {
	padding: 1em;
	background: #fff;
	margin-bottom: 2em;
}

.recent h2 {
   text-align: center;
}

.recent h2 small {
    color: #333;
}

.recent h4 {
    color: #fff;
    font-weight: 600;
    font-size: 1.3em;
}

.recent h5, .nieuws h5 {
    color: #074e74;
    font-weight: 600;
    font-size: 1.15em;
	line-height: 1em;
}

.recent-tekst {
	padding: 1em;
}

.recent-tekst p {
	margin-bottom: 5px;
}

.recent .col-sm-4 {
    border-radius: 3px;
    margin: 0 0 2em 0;
	padding: 0;
}

.recent .col-xs-12 {
    padding-bottom: 1.5em;
}

.nieuws-tekst {
	padding: 1em 1em 3em 1em;
	background: #fff;
}

.nieuws-tekst>.lees-meer, .recent-tekst>.lees-meer {
	float: right;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	padding: 0px 5px;
	margin-bottom: 1em;
}

.nieuws-tekst>.lees-meer:hover, .recent-tekst>.lees-meer:hover {
	background: #efefef;
	color: #000;
	transition: .5s;
	-webkit-transition: .5s;
}

.nieuws h2 {
	text-align:center;
}	

.nieuws h2 a {
	text-decoration: none;
}

.nieuws h5 {
	color: #074e74;
	font-size: 1.15em; 
	font-weight: 600;
}

.nieuws h4, .recent h4 {
	color: #000;
	line-height: 1em;
}

.nieuws .col-sm-4 {
    padding: 0;
    border-radius: 3px;
    margin: 0 0 2em 0;
}

.nieuws .text-center {
	padding-bottom: 2em;	
}

.social h5 {
    font-weight: 200;
    text-transform: uppercase;
    font-size: 1em;
}

.home-contact {
	text-align: center;
	color: #000;
}

.home-contact h2 {
	color: #000;
	line-height: 1.2em;
}

.interesse {
    padding: 1em;
}

.interesse a, .interesse span {
	text-decoration: none;	
	font-weight: 600;
	color: #000;
	margin-left: 15px;
}

.interesse a:hover {
	color: #efefef;	
}

.interesse strong {
    font-family: 'Poppins', sans-serif;
}

.interesse .glyph-icon {
    padding-right: 0em;
    font-size: 1.2em;
}

.interesse p {
    font-weight: 400;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #333;
    text-align: center;
	margin: 0 auto;
}

.klanten img {
    box-sizing: border-box;
    padding: .75em;
    max-width: 100%;
    display: block;
    border-radius: 15px;
}

.klanten h2, .klanten p {
    color: #333;
    text-align: center;
    font-weight: 400;
}

.klanten-logo img {
    max-width: 100%;
    padding: 1em;
}

.klanten-logo {
    text-align: center;
	padding-bottom: 0!important;
}

.klanten-logo img:hover {
    -webkit-filter:none;
}

.social-media-icons ul {
    padding: 0;
    margin: 0;
}

.social-media-icons ul li {
    display: inline-block;
}

.social-media-icons ul li img {
    max-width: 30px;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
	padding-top: 5px;
	  -webkit-transition: .5s ease-in-out;
	  -moz-filter: grayscale(100%); 
	  -moz-transition: .5s ease-in-out;
	  -o-filter: grayscale(100%); 
	  -o-transition: .5s ease-in-out;
	  filter: grayscale(100%);
}

.social-media-icons ul li img:hover {
    -webkit-filter:none;
}

.social-media img {
	max-width: 35px;	
	display: inline-block;
    float: left;
}

.vergelijk-home h3 {
	color: #000;
}

.vergelijk-home h3 small {
	font-weight: 100;
	font-size: .65em;
	color: #5c9dc0;	
	line-height: 10px
}

h3.plan {
	font-weight: 900;	
}

.line-through {
	text-decoration: line-through;	
}

.price {
	font-size: .85em;	
}

.price strong {
	font-weight: 600;
	color: #0abc1b;
}

.pakket {
	padding: 15px 0;
	margin-bottom: 15px;
	color: #000;
	box-shadow: 2px 2px 1px #dbdbdb;
}

.pakket-middle {

}

i.prijs-ex {
	font-size: 1em;
	margin-top: 2em;
}

/* Einde index */

/* Over ons */
.het-team h3 {
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
}

.het-team h3 small {
	height: 30px;	
}

.werknemer {
    padding: .5em;
}

.versterken h2 {
    color: #333!important;
    text-align: center;
    font-weight: 600;
}

.versterken h2 > small {
    font-weight: 300;
}

.versterken a:hover {
    color: #ffffff;
}
.social-media {
    text-align: center;
}

.groei {
    padding: 2em;
}

.over-ons {
    background-image: url('/media/1044/over-ons-header.png');
}

/* Einde over ons */

/* Dit doen wij */

.dit-doen-wij {
    /*-image: url('../images/dit-doen-wij.jpg');*/
    background-image: url('/media/1012/dit-doen-wij-header.png');
}

.website-voorbeelden h3, .webapplicatie-voorbeelden h3 {
    text-align: center;
    font-weight: 600;
    line-height: 1.25em;
    font-size: 1.2em;
}

.website-voorbeelden h3 {
	font-weight: 600;
}
.website-voorbeelden h3 > small, .webapplicatie-voorbeelden h3 {
    display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.website-voorbeelden a, .webapplicatie-voorbeelden a, .webapplicatie-voorbeelden h3 {
    text-decoration: none;
    color: #000;
	font-family:'Open Sans', sans-serif;
	font-weight: 600;
}

.webapplicaties h2 {
    color: #333;
}

.pakket-vergelijk {
	background-image: url(/media/1341/box.png);
	background-repeat: no-repeat;
	background-position: -5% 100%;
}

.vergelijk-pakketten img {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.vergelijk-container .table {
	margin-bottom: 0;
}

.vergelijk-pakketten tr {
	border-bottom: 1px solid #efefef;
}

.vergelijk-pakketten th {
	text-align: center;
	border-top: 0px!important;
}

.vergelijk-pakketten td {
	border-top: 0px!important;
	border-bottom: 0px!important;
}

.vergelijk-pakketten tr p {
	margin: 10px 0;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #fff!important;
}

.vergelijk-pakketten .taal {
	text-align: center;
	padding-top: .5em;
}

.vergelijk-pakketten .taal img {
    display: inline-block;
    margin-left: 5px;
	margin-bottom: 2px;
    padding-top: 0;
    max-width: 20px;	
}

.vergelijk-pakketten .btn-orange-border {
    display: block;
    margin: 0 auto;
    width: 100%;	
}

.vergelijk-pakketten .description {
	background: #fafafb;
    border-right: 1px solid #f3f4f7;
	border-left: 1px solid #f3f4f7;
}

.vergelijk-pakketten h4 {
	font-weight: 600;
	font-size: 1.1em;
}

.vergelijk-pakketten i {
	font-size: .8em;	
}

.vergelijk-container {
	padding: 3em 0;
}

.vergelijk-pakketten img#google-trusted {
	display: inline-block;
    margin-top: -2px;
    max-width: 25px;
    margin-left: 10px;
    padding-top: 0;	
}

.container-fluid {
	padding: 0;
}
.pakketten-xs .nav-pills {
	background: #000;
}

.pakketten-xs .nav-pills>li>a {
	color: #efefef;
	border-radius: 0;
	text-decoration: none;
	border-bottom: 2px solid #fff;
	padding: 1em.5em;
	text-align: center;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: #000;
	color: #fff;
	font-weight: 600;
	border-bottom: 2px solid #fff;
	padding: 1em .5em;
	text-align: center;
}

.nav>li>a:focus, .nav>li>a:hover {
	background: #000;
	color: #efefef;
}

.pakketten-xs .pakket-voorbeeld {
	border-bottom: 1px solid #ddd;
	background: #fff;
}
.pakketten-xs .pakket-voorbeeld h4 {
	margin: 1em 0;
}

h2.extras {
	font-size: 2.75em;
	font-family: 'Poppins', sans-serif;
	line-height: 1.15em;
	font-weight: 900;
	color: #000;
}

.development h2 {
    color: #efefef;
}

.webicon span, .webicon h2 {
    display: inline-block;
}

.ex-img-1 {
	-webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;	
	margin: auto;
}

.ex-img-2 {
	margin: auto;	
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.webicon .glyph-icon:before {
    font-size: 2em;
    margin: 0 auto;
    color: #bebebe;
    padding-right: .75em;
}

.hosting-support {
    border-bottom: 1px solid #eaeaea;
}

.pakket-voorbeeld ul {
    list-style-image: url('/media/1002/check-2.png');
    padding-left: 25px;
}

.pakket-voobeeld li {
    padding: .25em;
}

.pakket h2 {
   font-size: 1.2em;
    font-weight: 400;
}

.pakket-voorbeeld strong {
    font-family: 'Open Sans', sans-serif;
}

.pakketimg {
    padding: 0em 2em;
}

.pakket span {
    display: block;
}

.pakket .prijs {
    font-size: 1.8em;
	font-family: 'Open Sans', sans-serif;
    margin: 10px 0px;
    font-weight: 600;
    color: #5c9dc0;
    padding: .5em 0 .5em 0;
    border-bottom: 2px solid #f78f1e;
}

.pakket .periode {
    padding: .5em 0 .5em 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.pakket .eenmalig strong {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin-bottom: 1em;
}

.vrijblijvend-contact .btn-white-border {
	margin-left: 20px;
}

.websites h1 small {
    font-size: .5em;
}

.website-quote {
	background-image: url(/media/1218/quote-background-3.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;	
}

.responsive-webdesign h2 {
	margin-top: 0;
}

.rs-design .flaticon-monitor:before {
	line-height: 1em;
	 font-size: 16em;
    color: #333;
}

.responsive-webdesign {
	padding: 4em 3em;
	margin: 2em 0;
	background: #fff;
}

.browser .flaticon-monitor:before {
		font-size: 16em;
		line-height: 1em;
		color: #333;
}

.aanpak {
    background-color: #5c9dc0;
    color: #ffff;
    text-align: center;
    padding: 1em;
    min-height: 10em;
    width: 100%;
}

.aanpak-background {
    min-height: 20em;
    background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    color:#fff;
    margin: .5em 0;
}

.aanpak-background h3 {
    color: #ffffff;
    font-weight: 600;
}

.kennismaken-background {
    background-image: url('../images/strategie.jpg');
}

.websites {
    background-image: url('/media/1096/website-header.png');
}

.webwinkel {
    background-image: url('/media/1101/webwinkel-header.png');
}

.website-pakket {
	background-image: url('/media/1195/website-pakettten-header-min.png');
}

.webapplicaties {
    background-image: url('/media/1093/webapplicatie-header.png');
}

.usp ul {
    list-style-image: url('/media/1002/check-2.png');
    padding-left: 25px;
}

.website-mockup-1 {
    background-image: url('/media/1038/medivacature-mockup-resonsive.png');
    min-height: 20em;
}

.flaticon-padlock:before {
    font-size: 16em;
    color: #ff5756;
    line-height: 1.2em;
}

.flaticon-padlock-button:before {
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	margin-left: 0;
}

.flaticon-magnifying-glass:before {
	font-size: 16em;
    color: #fff;
    line-height: 1.2em;
}

.flaticon-vector:before {
	font-size: 16em;
    color: #fed201;
    line-height: 1.2em;
}

.flaticon-upload:before {
    font-size: 16em;
    color: #a1c4d8;
    line-height: 1.2em;
}

.flaticon-link:before {
    font-size: 16em;
    color: #333;
    line-height: 1.2em;
}


/* Einde dit doen wij */

/* Blur */

.blur{
	filter: blur(2px); /* Someday, sigh ... */ 
	-webkit-filter: blur(2px); /* Prefixed CSS3 blur filters */
	-moz-filter: blur(2px); 
	-o-filter: blur(2px); 
	-ms-filter: blur(2px); 
	filter: url(#blur); /* Firefox needs SVG */
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2'); /* IE lte 9 */	
}

/* Einde blur */

/* Projecten, Blogs */
.projecten-i, .blogs {
    padding: 2em 0;
}

.project, .blog {
    padding: 2em 0 0 0 ;
}

.project:last-child, .blog:last-child {
    padding: 2em 0;
}

.project h2, .blog h2 {
    font-weight: 600;
    font-size: 1.35em;
}

.blogintro, .projectintro {
    padding: 1.5em !important;
    box-sizing: border-box;
	min-height: 20em;
}

.blogintro article p, .projectintro article p {
	 overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
} 

.berichtinfo {
    padding: 3.5em 1em;
    display: block;
    margin: auto;
}

.berichtinfo h1 {
	font-size: 1.5em;
	font-weight: 600;
	color: #000;
	margin-top: 1.5em;
}	

.berichtinfo i {
    color: #074e74;
    float: right;
}

.bericht a {
	color: #007bff;
}

.projectimage, .blogimage {
    padding: 0!important;
    max-width: 100%;
    min-height: 20em;
    background-position: center center;
    background-repeat: no-repeat;
}

.project a, .blog a {
    color: #007bff;
    text-decoration: underline;
    font-size: 1em;
}


.bericht h2 {
    font-size: 1.5em;
	font-family: 'Open Sans', sans-serif;
	color: #5c9dc0;
	font-weight: 400;
    margin: 10px 0px;
}

.addthis_inline_share_toolbox_3qqm {
	padding-top: 2em;
	float: right;
}

/* Einde projecten, Blogs */

/* Projectimages */

.projectimage-tasman {
    background-image: url('/media/1066/project-tasman-large.jpg');
}

.projectimage-medivacature {
    background-image: url('/media/1058/project-medivacature-large.jpg');
}

/* Einde projectimages */

/* Blogimages */

.blogimage-netsuite {
    background-image: url('/media/1040/netsuite.jpg');
}

.blogimage-pure {
    background-image: url('/media/1067/pure.jpg');
}

.blogimage-visual-studio {
    background-image: url('/media/1091/visual-studio.jpg');
}

/* Einde blogimages */

/* Vacatures */
.werken img {
    padding: 1em 0;
}

.werken {
  padding: 2em 0;
}

/* Einde vacatures */

/* Contact */
.contact-opnemen p, .contactformulier .pure-g label, .contactformulier > input {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
}

.contact-opnemen strong {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.contact-opnemen {
	float:none;
	display:block;
	margin: 0 auto;
	text-align: center;
}

.pure-form-aligned .pure-control-group {
    margin-bottom: .5em;
}

.pure-form-aligned .pure-control-group label {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 .5em 1;
    padding-right: 1em;
    box-sizing: border-box;
}

.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
    padding: .5em .75em .5em .5em;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

fieldset {
    border: none;
}

.contactformulier .btn-orange {
    float: right;
}

.contactformulier label {
    font-size: .9em;
    font-weight: 600;
    line-height: 2em;
}

.contactformulier h2 {
    padding: 1em 0;
}

.error-text {
    text-align: right;
    margin-top: 10px;
    font-style: italic;
}

.checkbox {
    margin-top: 6px;
    margin-right: 6px;	
}

/* Einde contact */


/* Bootstrap */


/* Bootstrap */

/* Pure */
.pure-g > div[class*="pure-u-"] {
    padding-left: .75em;
    padding-right: .75em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
	
/* Einde Pure */

/* Kleuren */
.gray {
    background-color: #bebebe;
    color: #000;
}

.gray h2 {
    color: #000000;
}

footer .gray-dark {
	color: #fff;
	background: #000;
}

.link {
	color: #007bff;
	text-decoration: none;
	transition: .5s ease;
}

.link:hover {
	text-decoration: underline;
	color: #007bff;
}

.background-black {
	background-color: #000;
	color: #fff;
}

.black {
	color: #000;
}

.background-yellow {
	background-color: #fed201;
	color: #000;
}

.gray-dark-2 {
    background-color: #141414;
    color: #fff;
}

.gray-light {
    background-color: #ececec;
    color: #333;
    border-bottom: 1px solid #dbdada;
}

.gray-light-2 {
    background-color: #ececec;
    color: #333;
}

.gray-light-2 h2 {
    color: #333;
	font-weight: 600;
}

.white {
	color: #fff;
}

.blue {
    color: #5c9dc0;
}

.blue-light {
    background-color: #a1c4d8;
    color: #333;
}

.blue-light h2 {
    color: #fff;
}

.blue-light-2 {
    background-color: #c5e8f2;
    color: #333;
}

.blue-light-2 h2 {
    color: #074e75;
	font-weight: 600;
}

.blue-dark {
    color: #074e74;
}

.white-border-bottom {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
}

.orange {
    color:#f78f1e;
}

.odd {
    background-color: #ececec;
    color: #333;	
}

.orange {
	background-color: #f78f1e;	
}

.border-bottom-yellow {
	border-bottom: 5px solid #fed201;
}

/* Kleuren */

/* Media Queries */

@media screen and (min-width: 320px) and (max-width: 414px) {
	.wij-betekenen h2 {
	font-size: 1.3em;
	} 	
}

@media screen and (min-width: 24em) {
	.main h2 {
	font-size: 1.75em;
	}
	.main h2 small {
	font-size: 80%;
	}
	.image-background {
	min-height: 6em;	
	}	
	h2 {
	font-size: 1.6em;
	}
}

@media screen and (min-width: 33em) {	
	.main h2 {
	font-size: 2em;	
	}
}

@media screen and (min-width: 37.5em) {
	.image-background {
	min-height: 8em;	
	}
}	
	
@media screen and (min-width: 48em) {
	.content {
        padding-left: 2em;
        padding-right: 2em;
	}
    .recent .col-sm-4 {
        width: 31.3333%;
        margin-right: 2%;
        background-color: #ffffff;
    }
	.nieuws .col-sm-4 {
		background-color: #fff;
		width: 31.3333%;
    	margin-right: 2%;
		border-radius: 3px;
		margin-bottom: 2em;
	}
	.recent h4 {
		color: #000;
	}	
	footer .col-sm-3 {
	    padding: 1em 0;	
	}
    .pakket .pure-u-md-1-3 {
        width: 31.3333%;
        margin-right: 2%;
        background-color: #efefef;
        border-radius: 3px;
        text-align: center;
        padding: 2em 0;
    }    
    .hover-flash figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
	}
	@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
	}
	@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
	}
	.hover-scale figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
	}
	.hover-scale figure:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	}
    .contactformulier .pure-form-aligned .pure-control-group label {
        text-align: right;   
    }
    .contact-opnemen {
    text-align: left;
    }
    .image-background {
        background-repeat: no-repeat;
        max-height: 9em;
        background-color: transparent;  
        padding: 2em 0;
		min-height: 9em;
    }
    .footer-container, .footer li  {
        text-align: left;
    }  
	.main p {
	font-weight: 300;
	}
	.main {
    background-position: center 0%;
	}
	.ex-img-1 {
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
	}
	.flex-container-center-center .bericht:first-child  {
   	padding: 2em 0;
    margin: -4em 0 2em 0;
	}
	.berichtinfo {
    padding: 4em;
    display: block;
    margin: auto;
	}
	.over-ons-img {
	padding: 0 3em 0 0;
	width: 100%;
	height: auto;
	}	
	.over-ons-img-2 {
	padding: 0 0 0 3em;
	width: 100%;
	height: auto;	
	}	
	.projectimage, .blogimage {
	min-height: 22.85em;
	}	
	.contact-opnemen p, .contactformulier .pure-g label, .contactformulier > input {
	font-size: .8em;	
	}
	.contact-opnemen .glyph-icon:before {
	font-size: 1.5em;
	}
	blockquote {
	padding: 0.5em 2em;	
	}
	.main-lg {
	margin:1em 0;
    border-bottom: 2em solid white;
	}	
	.main-background {
	height: 625px;
	}
	.container-lg-main {
		height: 625px;
	}
	.main-intro {
		font-size: 3.5em;
	}
	.main-tekst {
		width: 100%;
		padding: 2em 0;
	}
	.intro-row {
	padding: 3em 4em;	
	}
	.col-sm-20p {
	width: 20%;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	}
}

@media screen and (min-width: 62em) {
	.interesse p {
	display: inline-block;	
	}	
	nav li a {
	padding: 1.45em 1.25em;
    font-size: .85em;
	letter-spacing: 1px;
	}
	.blockquote {
	font-size: 1.5em;	
	}
	.wij-betekenen .glyph-icon {
	font-size: 1em;
	}
	.interesse .glyph-icon {
	font-size: 1em;
	}
	.image-background {
	min-height: 10em;	
	}
	.berichtinfo h1 {
	font-size: 1.8em;	
	}
	.projectimage, .blogimage {
	min-height: 20em;	
	}
	.contact-opnemen p, .contactformulier .pure-g label, .contactformulier > input {
	font-size: 1em;	
	}
	.contact-opnemen .glyph-icon:before {
	font-size: 1.7em;
	}
	.main-lg {
	margin:-3.5em 0;
    border-bottom: none;
	}
	.main-tekst {
	width: 60%;
	}
	.main-example {
	display: flex;
	margin-bottom: -50px;
	width: 40%;
	}
}

@media screen and (min-width: 75em) {
    .image-background {
        min-height: 19em;
    }
	.contact-opnemen .glyph-icon:before {
	font-size: 2em;
	}
	.main {
		min-height: 94vh;
	}
	.main p {
    font-size: 1.2em;
	}
	.wij-betekenen .glyph-icon {
		font-size: 1.2em;
	}
	blockquote {
	font-size: 1.6em;	
	}
	.container-lg {
	width: 1200px;
	margin: 0 auto;
	}
}

@media screen and (min-width: 90em) {
	.container-lg {
	width: 1400px;
	}
	.container-lg-main {
	height: 700px;
	}
	.main-lg {
	margin: -2em 0;
	}
	.main-intro {
		font-size: 4.2em;
	}
	.main-background {
		height: 700px;
	}
}

@media screen and (min-width: 112.5em) {    
    .image-background {
        min-height: 19em;
    }
	.main-lg {
	margin: -4em 0;	
	}
}

/* Voor retina schermen */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
    .websites {
        background-image: url('/media/1097/website-header2x.png');
    }
    .image-background {
        background-size: 100% auto;
    }
    .website-mockup-1 {
        background-image: url('/media/1039/medivacature-responsive-mockup2x.png');
        background-size: 100% auto;
    }

}
/* Einde Media Queries */