﻿@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');body{font-family:'Roboto', sans-serif;color:#31556d;font-size:19px;}
h1{margin-top:90px;}
h1, h2, h3{text-transform:uppercase;font-size:34px;font-weight:bold;color:#31556d;margin-bottom:25px;}
a, button{transition:color 0.5s ease, background 0.5s ease;}
p{margin:0;}
.white{color:#fff;}
.relative{position:relative;}
.uppercase{text-transform:uppercase;}
.navbar-brand{height:230px;width:100%;}
.navbar{font-size:18px;}
.navbar-nav{float:none;margin:0 auto;text-align:center;display:inline-block;}
.navbar-nav > li{margin-right:20px;}
.navbar-nav > li:last-child{margin-right:0;}
.navbar-brand, .navbar-nav > li > a{text-shadow:none;color:#fff;transition:color 0.5s ease;font-weight:bold;}
.nav > li > a:focus, .nav > li > a:hover{text-decoration:none;background:none;color:#c5ccd5;}
.bg-blue{background:#31556d;}
.bg-lightblue{background:#c5ccd5;}
.bg-striped{background:url('../img/striped-bg.jpg') repeat;}
.bg-white-alpha{background-color:rgba(255, 255, 255, 0.5);}
.bg-blue-alpha{background-color:rgba(49, 86, 109, 0.6);}
.bg-flowers{background:url('../img/bg-flowers.jpg') no-repeat;background-size:cover;}
.pad-20{padding:20px 0;}
.pad-50{padding:50px 0;}
.pad-100{padding:100px 0;}
.pad-bottom-0{padding-bottom:0;}
.pad-top-0{padding-top:0;}
.pad-bottom-160{padding-bottom:160px;}
.slideprev, .slidenext{position:absolute;top:41%;z-index:5;display:inline-block;}
.slideprev{left:50%;}
.slidenext{right:50%;}
.width-md{width:39%;}
#about{padding-top:130px;background:url(../img/about-bg.jpg) no-repeat center 47%;background-size:cover;}
#inspiration{background-size:cover;}
#inspiration h3.offset-top{margin-top:3em;}
#inspiration #myCarousel{margin-top:-90px;}
#inspiration button{margin-top:37%;margin-left:33%;text-transform:uppercase;font-size:22px;font-weight:bold;border:3px solid #31556d;border-radius:0;background:none;padding:0.8em 1.3em;}
#inspiration button:hover{background:#31556d;color:#fff;}
#history .bg-white-alpha{padding:50px;border-radius:10px;}
#guarantee{padding-top:110px;padding-bottom:70px;}
#keukenhof .bg-blue-alpha{padding:50px;}
#map-title{padding:0px;font-size:22px;font-weight:bold;}
.img-wrapper{height:627px;align-items:flex-end;display:flex;flex-direction:unset;}
.img-wrapper img{bottom:0;}
.fixed-height{height:100px;}
.navbar-brand > img{position:relative;bottom:-60px;z-index:99;}
.keukenhof{margin:-6em auto 0;}
.carousel-control.left, .carousel-control.right{background:none;}
#contact p{color:#fff;}
footer{height:140px;display:block;overflow:hidden;margin-top:-50px;width:100%;text-align:center;}
.footerglobe{background-color:#fff;border-radius:155px;height:320px;margin:0 auto;padding:20px;width:300px;}
.footerglobe .glyphicon{color:#41607c;font-size:40px;margin-bottom:30px;}
.map_row{background-color:#31556d;clear:both;padding-bottom:4em;}
#map_sp{height:775px;width:100%;}
.jvectormap-label{position:absolute;display:none;background:transparent;color:white;font-size:15px;}
.jvectormap-label .partners{background:#5f9681;padding:8px;}
.jvectormap-label .nopartners{background:#be7c5e;padding:8px;}
.jvectormap-zoomin,
.jvectormap-zoomout{position:absolute;left:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#405f7a;padding:3px;color:white;width:10px;height:10px;cursor:pointer;line-height:10px;text-align:center;}
.jvectormap-zoomin{top:10px;}
.jvectormap-zoomout{top:30px;}
@media (min-width:992px){.featurette-heading{margin-top:120px;}
}
@media (max-width:767px){#map_sp{height:400px;}
.slick-prev{left:6%!important;z-index:999;}
.slick-next{right:6%!important;z-index:999;}
}
@media (max-width:480px){#map_sp{height:300px;}
}
@media (min-width:768px){#map_sp{height:500px;}
}
@media (min-width:992px){#map_sp{height:600px;}
}
@media (min-width:1200px){#map_sp{height:775px;}
.content{max-width:970px;}
}
@media (max-width:1200px){body{font-size:16px;}
h1, h2, h3{font-size:30px;}
h1{margin-top:49px;}
.navbar-brand, .navbar-nav > li > a{font-size:15px;}
#map-title, #contact p{font-size:19px;}
#inspiration button{margin-top:32%;}
.slick-next{right:0!important;z-index:999;background-color:rgba(250, 250, 250, 0.5)!important;padding:10px !important;height:109px !important;width:49px !important;border-radius:10px;}
.slick-prev{left:0!important;z-index:999;background-color:rgba(250, 250, 250, 0.5)!important;padding:10px !important;height:109px !important;width:49px !important;border-radius:10px;}
}
@media (max-width:991px){.navbar-nav > li{margin-right:12px;}
.navbar-brand, .navbar-nav > li > a{padding:20px 2px;font-size:16px;}
#about{padding-bottom:77px;margin-bottom:20px;}
#inspiration button{margin-top:42%;margin-left:18%;}
img.purple-flower{position:relative;bottom:-177px;}
#inspiration h3.offset-top{margin-top:1em;}
}
@media (min-width:768px) and (max-width:991px){#about{position:relative;}
#slide-top-wrapper{position:absolute;bottom:-1px;left:0;padding-left:32px;}
.width-md{width:50%;}
}
@media (max-width:767px){.pad-50{padding:30px 0;}
.pad-100{padding:60px 0;}
.pad-bottom-160{padding-bottom:60px;}
.navbar-toggle{margin-top:13px;margin-right:20px;margin-bottom:13px;border:3px solid #fff;border-radius:7px;}
.navbar-toggle .icon-bar{width:28px;height:3px;border-radius:2px;background:#fff;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:450px;}
#inspiration #myCarousel{margin-top:0;}
#inspiration button{margin-top:20%;margin-left:36%;margin-bottom:7%;}
#inspiration{margin-top:0;}
#inspiration button{margin-top:7%;margin-left:37%;}
#inspiration p{margin-bottom:2em;}
#map-title{font-size:15px;}
.img-wrapper{height:500px;}
#guarantee{padding-top:60px;padding-bottom:40px;}
.fixed-height{height:50px;}
}
@media (max-width:480px){h2, h3{margin-top:0;}
#inspiration button{margin-left:28%;}
.img-wrapper{height:300px;}
#guarantee{padding-top:20px;padding-bottom:20px;}
#keukenhof .bg-blue-alpha, #history .bg-white-alpha{padding:25px;}
.fixed-height{height:30px;}
.slideprev, .slidenext{top:34%;}
}
@media (max-width:414px){h1{margin-top:0;}
#inspiration button{margin-left:23%;}
.navbar-brand > img{width:75%;}
.img-wrapper{height:240px;}
.keukenhof{margin:-4em auto 1em;width:30%;}
}
@media (max-width:375px){h1, h2, h3{font-size:25px;}
.pad-100{padding:30px 0;}
.pad-bottom-160{padding-bottom:40px;}
.navbar-brand{height:160px;}
.navbar-brand > img{bottom:-60px;width:70%;}
#inspiration button{margin-left:20%;}
.img-wrapper{height:210px;}
}
@media (max-width:320px){.img-wrapper{height:164px;}
}