/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


/* #Basic Styles
================================================== */
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body { color: #666666; /*-webkit-font-smoothing: antialiased;  Fix for webkit rendering */ -webkit-text-size-adjust: 100%; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 26px; }

h1, h2, h3, h4, h5, h6 { color: #000000; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; letter-spacing: 1px; }
h1 { font-size: 60px; line-height: 70px; font-family: 'Lato', sans-serif; letter-spacing: 1px; }
h2 { font-size: 38px;line-height: 42px; margin: 49px 0 21px 0; font-family: 'Lato' sans-serif;text-align:center;}
h3 { font-size: 26px;line-height: 35px; margin: 49px 0 21px 0; }
h4 { letter-spacing: 1px; color: #666666; font-size: 22px; line-height: 35px; margin: 0 0 21px 0; text-transform: none; font-weight: normal; }
h4 span { color: #F1C0FF; font-size: 32px; line-height: 42px; margin: 21px 0 0 0;}
h5 { font-size: 22px;line-height: 28px;margin: 14px 0 21px 0;}
h5.block-heading {position: relative;text-align:center;letter-spacing:1px;}
h5.block-heading:before {content: "";display: block;border-top: solid 1px #d5d5d5;width: 100%;height: 1px;position: absolute;top: 50%;z-index: 1;}
h5.block-heading span {background: #fff;padding: 0 15px;position: relative;z-index: 5;}
h6 { font-size: 16px; line-height: 21px; margin: 14px 0 7px 0;  }

.subheader { color: #000000; }
p { margin: 14px 0 21px 0;}
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #000000; }
p span { font-weight: normal; color: #eeeeee; }
em { font-style: italic; }
strong { font-weight: bold; color: #666666; }
small { font-size: 80%; }


/*hr { border: solid #ddd; clear: both; border-width: 1px 0 0; margin: 10px 0 30px; height: 0; } Base styling skeleton*/
hr { border: none; background-color: #d5d5d5; height: 1px; margin: 0 10px 21px 10px; clear: both; }
hr.wide { border: none; background-color: #d5d5d5; height: 1px; margin: 0 0 21px 0; clear: both; }
/*	Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 21px; color: #000000; font-style: italic; }
blockquote { margin: 21px 0 21px 0; padding: 3px 20px 0 19px; border-left: 2px solid #000000; }
blockquote cite { display: block; font-size: 12px; color: #666666; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #666666; }
blockquote h3 {margin: 0;}

/* #Links
================================================== */
a, a:visited { color: #000000; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #999999; }
p a, p a:visited { line-height: inherit; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }
a {word-wrap: break-word;}

/* #Lists
================================================== */
ul, ol { margin-bottom: 21px; font-size: 15px;}
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 7px 0 7px 30px;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 7px; }
li { line-height: 26px; margin-bottom: 7px; }
li span {font-weight: bold; color: #666666;} 
ul.large li { line-height: 26px; }
li p { line-height: 26px; }

ul.image li{ padding: 3px 0 2px 38px; list-style: none; background: url(../images/checkmark.png) no-repeat top left; }

/* #Images
================================================== */
/*img.scale-with-grid {max-width: 100%; height: auto;} Base styling skelton*/

img.scale {border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; 
/* Responsive images */
max-width: 100%;
height: auto; //IE8 fix
width: auto; //IE8 fix}

img.scale-50 {border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; 
/* Responsive images */
max-width: 50%;
height: auto; //IE8 fix
width: auto; //IE8 fix}

img.border { border: 1px solid #cccccc; line-height: 0; padding: 5px; background: #efefef; }
img.circle {-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;} 

img.left, p img.left, p a img.left {float: left; margin: 0 21px 14px 0;}
img.right, p img.right, p a img.right {float: right; margin: 0 0 14px 14px;}
img.top, p img.top, a img.top, p a img.top {margin: 0 0 21px 0; display:block;}

.gallery {margin-top:40px;}
.gallery img {display:inline-block; vertical-align:middle; margin:25px;line-height: 0;	/*padding: 2px; border: 1px solid #444443; background: #222222; */ }


		
/* #Buttons
================================================== */

.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display: inline-block;height: 38px;padding: 0 30px;color: #222222 !important;text-align: center;font-size: 15px; line-height: 38px;/*letter-spacing: .1rem;*/text-transform: uppercase;text-decoration: none;white-space: nowrap;background-color: #f0f0f0; border-radius: 4px; border: 1px solid #f0f0f0; cursor: pointer; box-sizing: border-box; }
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {color: #cccccc !important; background-color: #f0f0f0;border-color: #f0f0f0;outline: 0; }
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {color: #ffffff !important;background-color: transparent;border: 2px solid #ffffff; }
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus {color: #000000 !important;background-color: #ffffff;border-color: #ffffff; }

/* #Forms
================================================== */

form {margin-bottom: 20px;}
fieldset {margin-bottom: 20px;}
input[type="text"], input[type="password"], input[type="email"], textarea, select {border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13px; color: #333333;margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 5px; background: #fff;}
select {padding: 0;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow:  0 0 3px rgba(0,0,0,.2);}
textarea {min-height: 60px;}
label, legend {display: block; font-weight: bold; font-size: 13px;}
select {width: 220px;}
input[type="checkbox"] {display: inline;}
label span, legend span {font-weight: normal; font-size: 13px; color: #efefef; }

/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }	
.double-bottom { margin-bottom: 40px !important; }	

/* #Navigation
================================================== */


/*----- Toggle Button -----*/
.toggle-nav {display:none;}

/*Language choice*/
nav.secondary ul {margin: 18px 0 0 0; width: auto; float:right; }
nav.secondary li {list-style:none; display:inline;}
nav.secondary li a {padding-left:5px;}
nav.secondary ul li a:hover {opacity:.5;} 

/*----- Menu -----*/
.menu {border-radius:5px;margin:85px 0 0 0;float:right;}
.menu li {margin:0 5px 5px 0;float:left;list-style:none;font-size:18px;}
.menu li:last-child {margin-right:0;}
.menu a { color: #666666 !important; transition: color linear 0.15s; text-decoration: none; padding: 7px 10px; font-family: 'Roboto Condensed', sans-serif; }
.menu a:hover, .menu .current-item a { text-decoration: none; color: #E4B41A !important; }
.menu a.last {padding-right:0;}
/*.touch .menu a:hover {background-color:transparent; color:#666666;}*/
 
/* Social media links */
.social-nav ul {float:left;margin:0 0 0 0 !important;}
.social-nav ul li{list-style: none; float: left; padding:0 20px 0 0;}
.social-nav ul li:hover {opacity:.5;}



/*My flexslider styles*/
.flexslider { background: #444444; border: 1px solid #555555; padding:5px; margin-bottom:30px;}
.flexslider .slides li {margin-bottom:0;}
.flex-control-paging li a:hover { background: #F1C0FF; background-color: rgba(233,106,25,0.7); }
	
/* Caption style */
/* IE rgba() hack */ 
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}

.flex-caption {width: 50%; padding: 0.5% 2% 0.5% 2%; margin: 0; position: absolute; left: 0; bottom: 40px; background: rgba(0,0,0,.3); color:#ffffff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-family: 'Lato', sans-serif; font-weight:400; text-transform: uppercase; }
.flex-caption h1{font-size: 21px; line-height: 35px; color:#ffffff;}
.flex-caption p{font-size: 16px;}
.flex-caption ul li{font-size:18px; line-height: 21px;}

/* #Easytabs aanpassing
================================================== */

.resp-tab-content {overflow:hidden;}
.resp-tabs-container {background-color: #343434; margin-bottom:20px;}
.resp-tab-content {border: 1px solid #555555;}
.resp-tab-active {background-color: #343434;border-color: #555555 #555555 -moz-use-text-color;}
.resp-tab-content img { display: block; margin: 0 auto; }
.resp-tab-content .employee-container {float:left; margin:0 20px 0 0; width:190px;}
.resp-tab-content .employee-container h3{font-size: 13px; line-height: 21px; margin: 7px 0 7px 0;text-align:center;}
.resp-tab-content .employee-container p{font-size:12px; text-align:center;}
/*-----------Accordion styles-----------*/
h2.resp-accordion {font-size: 13px; border: 1px solid #555555; border-top: 0px solid #555555; margin: 0px;padding: 10px 15px;}
h2.resp-tab-active {background: #343434 !important;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #555555;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #555555 !important;}
h2.resp-accordion:first-child {border-top: 1px solid #555555 !important;}
/*-----------Vertical tabs-----------*/
.resp-vtabs .resp-tabs-container {background-color: #343434; border: 1px solid #555555;}
.resp-vtabs li.resp-tab-active {border: 1px solid #555555; background-color: #343434;}
.resp-arrow {border-top: 12px solid #555555;}
h2.resp-tab-active span.resp-arrow {border-bottom: 12px solid #9B9797;}

/* #Accordion - http://www.unwrongest.com
================================================== */

.accordion {overflow:hidden; border-left: 1px solid #333333; border-bottom: 1px solid #333333; border-right: 1px solid #333333; margin-top:20px;}
.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
.accordion li { background: #474747; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
.accordion li.active>a { background: url('../images/close-accordion.gif') no-repeat center right; color:#dddddd;}
.accordion li div { padding: 10px; display: block; clear: both; float: left; font-size:13px; line-height:22px; color:#dddddd;/*width: 100%;*/}
.accordion li div span { }
.accordion li div h1 {font-size: 14px; font-weight:normal; line-height: 21px; margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif;}
.accordion li div em { font-style: italic; margin-top: 10px;}
.accordion a { font-family: 'Lato', sans-serif; font-weight:400; text-transform: uppercase; color: #ffffff; border-top: 1px solid #333333; font-size: 18px; text-decoration: none; padding: 20px 10px; display: block; cursor: pointer; background: url('../images/open-accordion.gif') no-repeat center right; }
.accordion a.last{ }
.accordion a:hover {color:#dddddd;}


/* Level 2 */
.accordion li ul li { background: #444444;}
.accordion li ul li div { padding: 10px 10px 10px 20px;}
.accordion li ul li a{ font-size: 14px; padding: 20px 10px 20px 10px; color: #ffffff;}

/* #Validation Styles
==================================================*/ 
.LV_validation_message{font-weight:bold;font-size:12px;margin:0 0 0 5px;}
.LV_valid { font-weight: bold; font-size: 12px; color: #00CC00; }
.LV_invalid {font-weight:bold;font-size:12px;color:#990000;}

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {border: 1px solid #00CC00;}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #990000;}

input[type="text"],input[type="password"],input[type="email"],textarea,select {margin-bottom:5px;}	

/* #Site Styles
================================================== */
html {height:100%;}
body {background-color:#ffffff; height: 100%; }
#wrapper {width:980px; max-width: 100%; margin:0 auto; background: rgba(0,0,0,.6);}

.fullnav { width: 100%; position: scroll; border-bottom: 1px solid #666666;background-color: #ffffff; height: auto; top:0; z-index:9;}

.bg {width:100%; min-height: 100%;overflow: hidden;}
.bg90{width:100%; min-height: 90%;overflow: hidden;}
.bgvast{width:100%; height: 600px;overflow: hidden;}
.bg80{width:100%; min-height: 80%;overflow: hidden;}
.bg70{width:100%; min-height: 70%;overflow: hidden;}
.bg60{width:100%; min-height: 60%;overflow: hidden;}
.bg40{width:100%; min-height: 40%;overflow: hidden;}
.bg20{width:100%; min-height: 20%;overflow: hidden;}
.bg-color{background-color:#ffffff;}
.bg-color-blauw{ background-color: #E4B41A; }
.bg-color-blauw p {color:#fefefe;}
.bg-color-blauw h1, bg-color-zwart h2 {color:#ffffff;letter-spacing: 1px;}
.bg-color-blauw h3 {margin:63px 0 14px 0 !important; color:#ffffff;letter-spacing: 1px;}
.bg-color-blauw a, bg-color-zwart a:visited { color: #FFFFFF; text-decoration: none; outline: 0; }
.bg-color-blauw a:hover, bg-color-zwart a:focus { color: #efefef; }
.bg-color-blauw label {color: #ffffff;}
.bg-color-blauw textarea {margin-bottom: 20px;}
.bg-color-blauw strong { font-weight: bold; color: #ffffff; }
.bg-color-grijs{ background-color: #eeeeee;}

.bg1 {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: scroll;background-repeat: no-repeat;background-position: center center;background-image: url("../images/bg10.jpg");}
.bg2 {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: scroll;background-repeat: no-repeat;background-position: center center;background-image: url("../images/bg11.jpg");}
.bg3 {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: scroll;background-repeat: no-repeat;background-position: center center;background-image: url("../images/infographic.png");}
.bg4 {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: scroll;background-repeat: no-repeat;background-position: center center;background-image: url("");}
.touch .bg1 {background-attachment: scroll;}
.touch .bg2 {background-attachment: scroll;}
.touch .bg3 {background-attachment: scroll;}
.touch .bg4 {background-attachment: scroll;}
.top h1 {margin: 10px 0;font-size: 16px;line-height: 16px; color:#19154a;}

.slogan {padding:4% 0;}
.slogan h3 {font-size: 36px;line-height: 42px; margin: 21px 0 14px 0;color: #ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase;letter-spacing: 1px; }
.slogan h4 {font-size: 28px;line-height: 35px; margin: 21px 0 0 0;color: #ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase;letter-spacing: 1px; }

#prijzen {padding:4% 0 0 0;background-color:#E4B41A;}
#prijzen h3 {font-size: 16px;line-height: 21px; margin: 21px 0 14px 0;color: #ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase;letter-spacing: 1px; text-align:left;}
#prijzen h4 {font-size: 20px;line-height: 28px; margin: 0 0 0 0;color: #ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase;letter-spacing: 1px; text-align:left;}
#prijzen h2 {font-size: 44px;line-height: 28px; margin: 21px 0 0 0;color: #ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase;letter-spacing: 1px; text-align:left;}
#prijzen h5 {font-size: 17px;line-height: 28px; margin: 21px 0 0 0;color: #ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase;letter-spacing: 1px; text-align:left;}
#prijzen p {color:#ffffff;}

.hometext {text-align:center;margin:5% 0;background: rgb(0,0,0); background: rgba(0,0,0,0.6); border-radius: 4px;padding:21px 21px 21px 21px;}
.hometext h1 { text-shadow: 0 -1px 0 rgba(0,0,0,.3); margin-bottom:21px; ; font-size: 16px; line-height: 28px; color: #FFFF00; }
.hometext h1 span {color:#F1C0FF;}
.btn-arrow {background-image: url("../images/arrow_down.png");bottom: 0;display: block;height: 51px;left: 50%;margin-left: -76px;position: absolute;width: 152px;z-index: 8; }

#remove {position:relative; margin: 300px auto 0 auto; width:300px; text-align:center;}
#sluit {position:absolute; top:0; right:-44px; font-size:30px; padding: 7px; background:#121212;cursor:pointer;}

#rotate{margin-top:150px; text-align:center;font-family: 'Roboto Condensed', sans-serif;  text-align: center; font-size: 34px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); text-transform: none; letter-spacing: 0.1em; }
#rotate li {line-height:42px;}
#rotate span {font-size: 24px; color:#F1C0FF;display:block;} 

.btn2 {font-family: 'Roboto Condensed', sans-serif; border-radius: 4px; font-weight:400; text-transform: uppercase; background: #cc0000; color: #ffffff; font-size: 18px; width:40%; text-align: center; padding: 7px 15px; margin:28px 0; text-decoration: none; display:inline-block;}
a.btn2 {color:#ffffff;}
.btn2:hover {background:#ff0000; text-decoration: none; color:#ffffff;}
.topmargin150 {margin-top:150px;}
.topmargin35 {margin-top:35px;}
.topmargin-big {margin-top:30%;}
.topmargin-small {margin-top:100px;}
/*.button.full-width{margin-top:5px;}*/
.transp { background: transparent;}

#logo { float:left; margin:21px 0 14px 0;}

/*.maps { position: relative;padding-bottom: 75%; // This is the aspect ratioheight: 0;overflow: hidden; }
.maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}*/

.box{padding:20px !important;background-color:#d5d5d5; border:1px solid #ccc; text-align:center;}
.box h2 {margin:0;font-size:18px; text-align:left;}
.box h3 {margin:0;font-size:15px; line-height:21px; text-align:left;margin-top:7px;}

.box2{padding:20px !important; background-color: #f0f0f0; border-radius: 6px; border: 1px solid #efefef; text-align:center;}
.box2 h3 {font-size:40px; line-height: 40px; color: #222222; margin:14px 0 14px 0;}
.box2 p {color:#444;line-height:24px;}
.box2 h5 { font-size: 18px; line-height: 28px; margin:0;  } 

.agenda p span{background-color:#F1C0FF; padding: 3px; margin-right:5px;color:#ffffff;}

.right {float:right;}
.left {float:left;}
.center {text-align: center;}
.oh {overflow:hidden;}
.button.full-width {width:100%; white-space:normal; height:auto; padding:10px;margin-bottom: 14px;}

a.button:link {color: #000000; text-decoration: none; }
a.button:visited {color: #cccccc; text-decoration: none; }
a.button:hover {color: #cccccc; text-decoration: none; }
a.button:active {color: #cccccc; text-decoration: none; }

.gallery-resp {width:100%; overflow:hidden; margin:0 0 14px 0; } 
.gallery-resp .gallery-item { width: 14.1%; height:auto; display:inline-block; margin:21px 21px 21px 0;vertical-align:middle;}
.gallery-resp .gallery-item :last child { margin-right:0;}
.gallery-resp .gallery-item img{ width: 100%; }
.gallery-resp .gallery-item a:hover {opacity: .5;}

.footer {margin-top:35px;}
.footer p{ font-size: 12px; line-height: 14px; text-align: center; color: #efefef; padding: 6px 0 0 0; }

.scrollarrow {margin:0 auto 80px auto; text-align:center;}
.el-icon-chevron-down {font-size: 42px; }
.el-icon-phone-alt {font-size: 70px; margin-top:20px;}

@keyframes scroll {
0%, 20% {transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);}
10% {transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);opacity: 1;}
100% {transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);opacity: 0.01;}
}
.fadeIn{animation-name: fadeIn;-webkit-animation-name: fadeIn;	animation-duration: 3.0s;	-webkit-animation-duration: 3.0s;animation-timing-function: ease-in-out-webkit-animation-timing-function: ease-in-out;visibility: visible !important;}
@keyframes fadeIn {0% {transform: scale(0);opacity: 0.0;}/*60% {transform: scale(1.1);	}80% {transform: scale(0.9);opacity: 1;}*/	100% {transform: scale(1);opacity: 1;}
}
@-webkit-keyframes fadeIn {0% {-webkit-transform: scale(0);opacity: 0.0;}/*60% {-webkit-transform: scale(1.1);}80% {-webkit-transform: scale(0.9);opacity: 1;}	*/100% {-webkit-transform: scale(1);opacity: 1;}
}


[class*="el-icon-"] {color:#fefefe;}
[class*="el-icon-lines"] {font-size:22px;}
.fa-6x {font-size: 6em;color:#2D83C5;}

.blog-title {font-size: 21px !important; text-align:left;}
.blog-wrap {padding-right:35px;}
.blog-content ul {list-style: square inside; overflow:hidden;}
.blog-content img {max-width: 50% !important; height: auto !important; width:auto; margin: 0 15px 15px 0 !important; }

.fb_iframe_widget {margin-bottom:21px;}

.gallery-resp3 {width:100%; overflow:hidden; margin:0; padding: 42px 0 21px 0;text-align:center;}
.gallery-resp3 .gallery-item { width: 32%; height:auto; display:inline-block;text-align:center; margin-top:42px;vertical-align:top;padding:0 2%;}
.gallery-resp3 .gallery-item h5 { font-size: 22px; line-height: 28px; margin: 35px 0 0 0; }
.gallery-resp3 .gallery-item h6 { color: #666; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; line-height: 26px; margin: 21px 0 0 0; text-transform: none; }
.gallery-resp3 .gallery-item img{ width: 100%; }
.gallery-resp3 a:hover {opacity: .5;}

.scroll-to-top {position: fixed; background:url(../images/scroll-to-top.png) no-repeat; cursor: pointer; bottom: 120px; right: 14px; width:55px; height: 55px; /*padding-right: 1em;*/ display: none; z-index: 999; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	.box2 h5 {font-size:16px;}
	.btn2 {font-size:14px;line-height:21px;}
	.menu {position:relative;display:inline-block;float:right;margin:0;}
	.menu ul.active {display:none;}
	.menu ul {width:170px;position:absolute;top:110%;right:10px; background-color: #222222;border-radius:5px;z-index:999;}
	.menu li {margin:5px 0 5px 0;float:none;display:block;border-bottom:1px solid #555555;font-size:15px}
	.menu li:last-child {border-bottom:0;margin-bottom:0;}
	.menu a {display:block;}
	.menu a:hover {color:#999999 !important; background-color:transparent;}
	.menu .current-item a {background-color:transparent; color:#999999 !important;}
	.toggle-nav {margin-top:14px;padding-right: 0 !important; float:right;display:inline-block;font-size:30px;line-height:21px;transition:color linear 0.15s; color:000000 !important;}
	.toggle-nav:hover, .toggle-nav.active {background-color:transparent !important;text-decoration:none;color:#cccccc !important;}
	h2 {margin-bottom: 14px;margin-top: 42px;font-size: 26px;line-height: 35px;}
	h3 {margin-bottom: 14px;margin-top: 35px;font-size: 22px;line-height: 28px;}
	nav.secondary ul {margin-right:4px;}
	.slogan {padding:8% 0;}
	.slogan h3 {font-size: 24px;line-height: 28px; }
	.slogan h4 {font-size: 18px;line-height: 21px; }
	#prijzen {padding:4% 0;}
	#prijzen h3 {font-size: 35px;line-height: 42px; margin: 21px 0 14px 0;padding-right: 10%;}
	#prijzen h4 {font-size: 17px;line-height: 28px; margin: 21px 0 0 0;padding-right: 10%;}
	#prijzen h2 {font-size: 38px;line-height: 28px; margin: 21px 0 0 0;padding-right: 10%;}
	#prijzen h5 {font-size: 15px;line-height: 28px; margin: 21px 0 0 0;padding-right: 10%;}
	.bg70{min-height: 30%;}
	.bg40{min-height: 10%;}
	.bgvast{height: 600px;}
	.gallery-resp .gallery-item { width: 13.4%;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.hometext h1 { font-size: 13px; line-height: 18px;}
	.button.full-width {font-size:13px;}
	.box2 h5 {font-size:16px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	/*.hide {display:none;}*/
	nav.secondary li a {padding-left:0;}
	#logo {width:250px;}
	.hometext h1 { font-size: 10px; line-height: 14px;}
	hr {margin: 0 0 14px 0;}
	.blog-wrap {padding-right:0;}
	.blog-content img {max-width: 100% !important; height: auto !important; width:auto; margin: 0 0 15px 0 !important; }
	.button.full-width {font-size:13px;}
	.box2{margin-top: 7px !important;}
	.box2 h5 {font-size:18px;}
	.gallery-resp .gallery-item { width: 10.9%;}
	.gallery-resp3 .gallery-item { width: 100%; height:auto; display:inline-block;text-align:center; margin-top:42px;vertical-align:top;padding:0 2%;}
	#prijzen {padding:8% 0;}
	#prijzen h3 {font-size: 20px;line-height: 28px; margin: 21px 0 14px 0;padding-right: 10%;}
	#prijzen h4 {font-size: 13px;line-height: 21px; margin: 21px 0 0 0;padding-right: 10%;}
	#prijzen h2 {font-size: 24px;line-height: 28px; margin: 21px 0 0 0;padding-right: 10%;}
	#prijzen h5 {font-size: 11px;line-height: 14px; margin: 21px 0 0 0;padding-right: 10%;}	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	#logo {width:250px;}
	.button.full-width {font-size:13px;}
	.btn2 {font-size:12px; line-height:16px; width:80%;}
	.top h1 {margin: 10px;font-size: 12px;line-height: 12px;}
	.slogan {padding:8% 0;}
	.slogan h3 {font-size: 15px;line-height: 21px; }
	.slogan h4 {font-size: 13px;line-height: 18px; }
	.bg70{min-height: 30%;}
	.bg40{min-height: 15%;}
	h3 { font-size: 17px;line-height: 21px; margin: 28px 0 14px 0; }
	.bgvast {height: 600px;}
	}
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	#logo {width:230px;}
	.button.full-width {font-size:11px;}
	.btn2 {font-size:12px; line-height:16px; width:90%;}
	.top h1 {margin: 10px;font-size: 8px;line-height: 8px;}
	.slogan {padding:8% 0;}
	.slogan h3 {font-size: 13px;line-height: 18px; }
	.slogan h4 {font-size: 11px;line-height: 14px; }
	.bg70{min-height: 30%;}
	.bg40{min-height: 10%;}
	h3 { font-size: 17px;line-height: 21px; margin: 28px 0 14px 0; }
	.bgvast {height: 600px;}		
	}
	
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
	
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/