@charset "utf-8";
/* CSS Document */

/*template*/
*{margin:0; padding:0; outline:none; font-family:'Poppins', sans-serif;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; font-size:16px; font-size:1.6rem; line-height:1.628571; color:#404042; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

h1, h2, h3, h4, h5, h6{width:100%; height:auto; font-weight:bold; line-height:1.2;}
h1{font-size:42px; font-size:4.2rem; margin:0px 0px 40px 0px; text-transform:uppercase; font-family:'Allerta Stencil', sans-serif;}
h1.nomargin{margin:0px 0px 10px 0px;}
h2{font-size:20px; font-size:2.0rem; margin:0px 0px 10px 0px; color:#e61e2a;}
h2.margin{margin:0px 0px 40px 0px;}
h3{font-size:18px; font-size:1.8rem; margin:0px 0px 10px 0px;}
h3.line{width:100%; height:70px; display:block; text-align:center; border-bottom:4px solid #404042; font-size:20px; font-size:2.0rem; text-transform:uppercase; margin:0px 0px 10px 0px;}
h3.margin{margin:0px 0px 40px 0px;}
h4{}
h5{}
h6{}
h1.red,h2.red,h3.red{color:#e61e2a;}
h1.center,h2.center,h3.center{text-align:center;}
h2.spacer{margin-top:35px;}
h2.spacer:first-of-type{margin-top:0px;}

p{margin:0px 0px 35px 0px;}
a, a *{color:#e61e2a; text-decoration:underline;}
a:hover, a:hover *{color:#e61e2a;}
small{font-size:11px;}
.clear{clear:both;}
.content ul,
.content ol{list-style:disc outside; margin:0px 0px 30px 20px;}
.content p:last-of-type{margin:0px;}

button{-webkit-appearance:none;}

table{}
table td{vertical-align:top; padding:3px 0px;}

header, nav, article, aside, section, footer{display:block !important; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

.left{float:left !important;}
.right{float:right !important;}

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.grecaptcha-badge { visibility: hidden; }

/*forms*/
.form-col{box-sizing:border-box;}
.form-col p:last-of-type{margin:0px 0px 35px 0px;}
.form-col:first-of-type{padding-right:35px;}
.form-col:last-of-type{padding-left:35px;}

.input-wrapper{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper.half{width:45%;}
.input-wrapper.split{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px;}
.input-wrapper.nomargin{margin:0px;}
.input-wrapper label{position:absolute; top:-13px; left:0; font-size:11px; color:#404042; padding:0px 5px; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper label.on{color:#e61e2a;}
.input-wrapper label.show{top:-25px; opacity:1;}
.input-wrapper label.fix{top:-25px !important; opacity:1 !important;}
.input-wrapper input{width:100%; height:35px; display:block; color:#404042; overflow:hidden; border:none; font-size:15px; font-size:1.5rem; padding:0px 5px; border-bottom:1px solid #eae9e9; box-sizing:border-box;}
.input-wrapper input.red{border-bottom:1px solid #e61e2a;}
.input-wrapper input:focus{border-color:#303031; transition:.2s;}
.input-wrapper input.bigger:focus{border-bottom:2px solid #303031;}
.input-wrapper input.red:focus{border-bottom:1px solid #e61e2a; transition:.2s;}

.input-wrapper-grey{background:#efefef; padding:48px 16px 16px 16px;}

/*form radio*/
.input-wrapper-radio{position:relative; display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-radio .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#404042; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-radio input[type="radio"]:not(:checked), [type="radio"]:checked{position: absolute; left:-9999px;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{position:relative; color:#404042; padding:0px 25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label.red, [type="radio"]:checked + label.red{color:#ef3340;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after{content: ''; position:absolute;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{left:0; top:0; width:18px; height:18px; background:#ffffff; overflow:hidden; border-radius:15px; transition:background-color .2s;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after {width:16px; height:16px; transition:all .2s; border-radius:50%; background:#ffffff; top:0; left:0; border:1px solid #cdd0d6;}
.input-wrapper-radio input[type="radio"]:checked + label:before {background:#e61e2a;}
.input-wrapper-radio input[type="radio"]:checked + label:after {display:none;}

/*select*/
.input-wrapper-select{position:relative; background: url('../images/dropdown.png') no-repeat right #FEFEFE; border: #ccc 1px solid; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE; box-shadow: inset 0px 0px 10px 1px #FEFEFE;  display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-select.red{border:#FF0000 1px solid;}
.input-wrapper-select .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#404042; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-select .selectDefault,
.input-wrapper-select .selectDefault2 { padding-left:8px; font-size:15px; font-size:1.5rem; }
.input-wrapper-select select { opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:101; }
.input-wrapper-select select:focus { outline: none; }

/*form checkbox*/
.input-wrapper-checkbox{position:relative; display:block; padding:0px 1%;}
.input-wrapper-checkbox input[type="checkbox"] {position:absolute; left:-9999px;}
.input-wrapper-checkbox input[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{content:''; position:absolute;}
.input-wrapper-checkbox input[type="checkbox"] + label:before{top:2px; left:0; width:15px; height:15px; content: ''; cursor: pointer; display:inline-block; border-radius:4px; border:1px solid #8991a8; transition:background-color .2s; background:#ffffff;}
.input-wrapper-checkbox input[type="checkbox"] + label{padding-left:25px; line-height:20px; position:relative; float:left; color:#777376; font-size:15px; font-size:1.5rem; }
.input-wrapper-checkbox input[type="checkbox"] + label.red{color:#ef3340;}
.input-wrapper-checkbox label a{color:#777376;}
.input-wrapper-checkbox label.red a{color:#ef3340;}
.input-wrapper-checkbox input[type="checkbox"] + label span{width:986px; font-size:19px; font-weight:normal; color:#86899c; line-height:17px; margin:0px 0px 15px 0px; display:inline-block;}
.input-wrapper-checkbox input[type="checkbox"] + label:last-child{margin:0px 0px 20px 0px;}
.input-wrapper-checkbox input[type="checkbox"] + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:6px; height:3px; background:transparent; top:6px; left:4px; border:3px solid #8991a8; border-top:none; transition:opacity .1s; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.input-wrapper-checkbox input[type="checkbox"] + label:hover::after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity:0.9;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:before {background:#8991a8;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:0.9; border-color:#fff;}

/*buttons*/
.input-wrapper-submit{height:auto; display:block;}
.input-wrapper-submit .button-left{float:left; width:50%;}
.input-wrapper-submit .button-left input[type=button],
.input-wrapper-submit .button-left input[type=submit]{border:0px; font-family:'Poppins', sans-serif; color:#ffffff; padding:15px 25px; text-decoration:none; float:left; cursor:pointer; background-color:#1d6f42;}
.input-wrapper-submit .button-right{float:right; width:50%;}
.input-wrapper-submit .button-right input[type=button],
.input-wrapper-submit .button-right input[type=submit]{border:0px; font-family:'Poppins', sans-serif; color:#ffffff; padding:15px 25px; text-decoration:none; float:right; cursor:pointer; background-color:#e61e2a;}

/*buttons*/
.orderbuttons{height:auto; display:block;}
.orderbuttons .button-left{float:left; width:50%;}
.orderbuttons .button-left input[type=button],
.orderbuttons .button-left input[type=submit]{border:0px; font-family:'Poppins', sans-serif; color:#ffffff; padding:15px 25px; text-decoration:none; float:left; cursor:pointer; background-color:rgba(0, 0, 0 ,0.3);}
.orderbuttons .button-right{float:right; width:50%;}
.orderbuttons .button-right input[type=button],
.orderbuttons .button-right input[type=submit]{border:0px; font-family:'Poppins', sans-serif; color:#ffffff; padding:15px 25px; text-decoration:none; float:right; cursor:pointer; background-color:#e61e2a;}

/*guestlist*/
table.guestlist tr td{padding:5px;}
table.guestlist tr td.top{vertical-align:bottom; height:200px;}
table.guestlist tr td.rotate{position:relative;}
table.guestlist tr td.rotate strong{display:block; position:absolute; left:0; bottom:0; transform:rotate(-90deg);}
table.guestlist tr td input[type=button]{width:110px; border:0px; font-family:'Poppins', sans-serif; color:#ffffff; padding:15px 25px; text-decoration:none; float:right;}
table.guestlist tr td input[type=button].grey{background-color:rgba(0,0,0,.3);}
table.guestlist tr td input[type=button].scan{background-color:#1ee676; cursor:pointer;}
table.smaller *{font-size:1.2rem !important;}

div.guestlist{margin-bottom:32px;}
div.guestlist div.row{display:grid; grid-template-columns:250px 50px auto; grid-gap:4px; row-gap:2px;}
div.guestlist div.row:nth-of-type(even){background-color:#f7f7f7;}
div.guestlist div.row div{padding:4px 0px}
div.guestlist div.top div{height:200px; position:relative;}
div.guestlist div.top div.month div.content{height:unset; position:absolute; bottom:0; left:0;}
div.guestlist div.row div.tickets{display:grid; grid-template-columns:repeat(auto-fit, 50px); }
div.guestlist div.row div.tickets div.item{border-right:1px dotted rgba(0,0,0,.3); text-align:center;}
div.guestlist div.row div.tickets div.item strong.grey{color:rgba(0,0,0,.5); font-weight:normal;}
div.guestlist div.row div.tickets div.item:last-of-type{border-right:none;}
div.guestlist div.top div.rotate strong{width:200px; height:50px; display:block; text-align:left; position:absolute; left:-73px; top:67px; transform:rotate(-90deg); font-size:1.4rem;}

/*login*/
main.splitter{width:100%; max-width:1920px; min-height:100%; display:grid; grid-template-columns:1fr 40%; margin:0px auto;}
main.splitter .login{padding:70px 35px; box-sizing:border-box;}
main.splitter .login .logo{width:70%; margin:0px auto 135px auto; display:block;}
main.splitter .login .logo a{width:200px; height:70px; display:block; text-indent:-4000px; background:url('../images/logo-industrieel-museum-zeeland.png') no-repeat center;}
main.splitter .login .form{width:70%; margin:0px auto;}
main.splitter .slider{width:100%; height:100%; display:block;}
main.splitter .slider .slides{width:100%; height:inherit; display:block; overflow:hidden;}
main.splitter .slider .slides{width:100%; height:inherit; display:block; overflow:hidden;}
main.splitter .slider .slides .slide{width:100%; height:inherit; position:relative; display:block; float:left; overflow:hidden; background-size: cover !important;}

/*header*/
header{display:block;}
header .controls{width:100%; height:100px; display:block; position:absolute; top:20px; left:0; z-index:99999;}
header .controls .logo{height:70px; display:block; margin-top:15px !important; box-sizing:border-box;}
header .controls .logo a{width:auto; height:70px; display:block; text-indent:-4000px; background:url('../images/logo-industrieel-museum-zeeland.png') no-repeat left center; background-size:contain;}
header .controls .social{height:auto; display:block;} 
header .controls .social ol.sociallinks{width:100%; height:auto; display:inline-block; margin-top:27px;} 
header .controls .social ol.sociallinks li{width:34px; height:34px; display:block; margin:0px; float:left; margin-right:10px; border-radius:17px; background:rgba(255, 255, 255 ,0.3);}
header .controls .social ol.sociallinks li a{text-decoration:none;}
header .controls .social ol.sociallinks li a i{width:34px; height:34px; display:block; font-size:18px; line-height:34px; text-align:center; color:rgba(255, 255, 255 ,0.8); text-decoration:none;}
header .controls .menu .menu-icon{display:none;}
header .controls .menu nav ul.menu{width:auto; height:70px; display:block;}
header .controls .menu nav ul.menu li{width:auto; height:70px; display:block; float:left; margin-left:40px; text-align:right;}
header .controls .menu nav ul.menu li a{width:auto; height:70px; display:block; color:#ffffff; box-sizing:border-box; line-height:90px; text-decoration:none;}
header .controls .menu nav ul.menu li.on a,
header .controls .menu nav ul.menu li a:hover{border-bottom:3px solid #ffffff;}
header .controls .search{height:70px;}
header .controls .search input[type=text]{width:100%; height:34px; border:none; margin-top:27px; padding:0px 5px; background:rgba(255, 255, 255 ,0.3); color:#ffffff;}
header .controls .search input[type=text]::placeholder{color:rgba(255, 255, 255 ,0.5);}
header .scroll{background:#303031; position:fixed; top:0px;}
header .slider{width:100%; height:700px; position:relative; float:left; padding:0 !important;}
header .slider .slides{width:100%; height:700px; display:block; overflow:hidden;}
header .slider .slides .slide{width:100%; height:700px; position:relative; display:block; float:left; overflow:hidden;}
header .slider .slides .slide .container{height:700px;}
header .slider .slides .slide .container h1{position:absolute; bottom:90px; font-size:55px; font-size:5.5rem; font-weight:bold; color:#ffffff; word-wrap:break-word; text-transform:uppercase;}
header .slider .slides .slide .container button{width:200px; height:60px; display:block; position:absolute; bottom:40px; line-height:35px; font-size:20px; font-size:2.0rem; text-align:center; text-decoration:none; border:0; color:#ffffff; background:#e61e2a;}
header .slider-small{width:100%; height:285px; position:relative; float:left; padding:0 !important;}
header .slider-small .slides{width:100%; height:285px; display:block; overflow:hidden;}
header .slider-small .slides .slide{width:100%; height:285px; position:relative; display:block; float:left; overflow:hidden;}

/*sections*/
section{padding:40px 0px;}
section.submenu{height:70px; padding:0; background:#303031;}
section.submenu ul{width:auto; height:70px; display:block;}
section.submenu ul li{width:auto; height:70px; display:block; float:left; margin-right:20px; text-align:right;}
section.submenu ul li a{width:auto; height:40px; display:block; color:rgba(255,255,255,.5); box-sizing:border-box; margin-top:15px; padding:0px 10px; line-height:40px; text-decoration:none;}
section.submenu ul li a:hover{background:rgba(255,255,255,.1); color:rgba(255,255,255,.7);}

section.grey{background:#f7f7f7;}

section.content .project{margin-top:70px;}
section.content .project a{height:260px; margin-bottom:30px; box-sizing:border-box;}
section.content .project a:nth-of-type(1){padding-right:27px;}
section.content .project a:nth-of-type(2){padding:0px 13px;}
section.content .project a:nth-of-type(3){padding-left:27px;}
section.content .project a img{width:100%;}
section.content article table tr:nth-child(even) td{background:#f7f7f7;}
section.content article .museum .about{padding-left:35px;}
section.content article .museum .about h1{width:100%; display:block; font-family:'Poppins', sans-serif; font-weight:bold; font-size:24px; font-size:2.4rem; margin:15px 0px 35px 0px;}
section.content article .museum-mobile{display:none;}

section .message{width:100%; height:50px; padding:15px; margin-bottom:50px; line-height:20px; box-sizing:border-box; text-align:center; color:#ffffff; font-weight:bold; font-size:16px; font-size:1.6rem;}
section .message.red{background:#e61e2a;}
section .message.green{background:#1ee676;}

/*footer*/
.top{padding:0px;}
.top .icon{width:100px; height:50px; margin:0px auto;}
.top .icon a{width:100px; height:50px; display:inline-block; margin:0px auto; background:url('../images/top.png') no-repeat bottom center;}
footer{background:#303031; padding:40px 0px;}
footer .about .logo{height:70px; display:block; margin-bottom:40px; box-sizing:border-box;}
footer .about .logo a{width:auto; height:70px; display:block; text-indent:-4000px; background:url('../images/logo-industrieel-museum-zeeland.png') no-repeat left center; background-size:contain;}
footer .about *{color:rgba(255,255,255,.7);}
footer .about * a{color:#ffffff;}
footer .about .social{width:100%; height:auto; display:block; margin-bottom:20px;} 
footer .about .social ol.sociallinks{width:100%; height:auto; display:inline-block; padding-top:27px;} 
footer .about .social ol.sociallinks li{width:34px; height:34px; display:block; margin:0px; float:left; margin-right:10px; border-radius:17px; background:rgba(255, 255, 255 ,0.3);}
footer .about .social ol.sociallinks li a{text-decoration:none;}
footer .about .social ol.sociallinks li a i{width:34px; height:34px; display:block; font-size:18px; line-height:34px; text-align:center; color:rgba(255, 255, 255 ,0.8); text-decoration:none;}
footer .menu *{color:#ffffff; text-decoration:none !important; line-height:35px;}
footer .menu strong{font-size:18px; font-size:1.8rem; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
footer .menu .newsletter input[type=text]{width:49%; height:34px; border:none; margin-top:27px; padding:0px 5px; box-sizing:border-box; background:rgba(255, 255, 255 ,0.1); color:#ffffff;}
footer .menu .newsletter input[type=text]::placeholder{color:rgba(255, 255, 255 ,0.5);}
footer .menu .newsletter input.full{width:100% !important; margin-top:10px;}
footer .menu .newsletter input[type=submit]{background:#ffffff; color:#303031; border:0; padding:0px 10px; margin-top:10px;}

/*big*/
@media only screen and (min-width:1261px)
{
    /*grid*/    
    body{min-width:1260px}.nested{margin:0!important}.container{width:1260px;height:auto;display:block;margin:auto}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative}.container .grid-1{width:105px;margin:0}.container .grid-2{width:210px;margin:0}.container .grid-3{width:315px;margin:0}.container .grid-4{width:420px;margin:0}.container .grid-5{width:525px;margin:0}.container .grid-6{width:630px;margin:0}.container .grid-7{width:735px;margin:0}.container .grid-8{width:840px;margin:0}.container .grid-9{width:945px;margin:0}.container .grid-10{width:1050px;margin:0}.container .grid-11{width:1155px;margin:0}.container .grid-12{width:1260px;margin:0}.first{margin:0 10px 0 0!important}.last{margin:0 0 0 10px!important}.container .prefix-1{padding-left:105px}.container .prefix-2{padding-left:210px}.container .prefix-3{padding-left:315px}.container .prefix-4{padding-left:420px}.container .prefix-5{padding-left:525px}.container .prefix-6{padding-left:630px}.container .prefix-7{padding-left:735px}.container .prefix-8{padding-left:840px}.container .prefix-9{padding-left:945px}.container .prefix-10{padding-left:1050px}.container .prefix-11{padding-left:1155px}.container .suffix-1{padding-right:105px}.container .suffix-2{padding-right:210px}.container .suffix-3{padding-right:315px}.container .suffix-4{padding-right:420px}.container .suffix-5{padding-right:525px}.container .suffix-6{padding-right:630px}.container .suffix-7{padding-right:735px}.container .suffix-8{padding-right:840px}.container .suffix-9{padding-right:945px}.container .suffix-10{padding-right:1050px}.container .suffix-11{padding-right:1155px}.container .push-1{left:105px}.container .push-2{left:210px}.container .push-3{left:315px}.container .push-4{left:420px}.container .push-5{left:525px}.container .push-6{left:630px}.container .push-7{left:735px}.container .push-8{left:840px}.container .push-9{left:945px}.container .push-10{left:1050px}.container .push-11{left:1155px}.container .pull-1{left:-105px}.container .pull-2{left:-210px}.container .pull-3{left:-315px}.container .pull-4{left:-420px}.container .pull-5{left:-525px}.container .pull-6{left:-630px}.container .pull-7{left:-735px}.container .pull-8{left:-840px}.container .pull-9{left:-945px}.container .pull-10{left:-1050px}.container .pull-11{left:-1155px}
    
    #museumMap{width:600px; height:831px;} 
}

/*normal*/
@media only screen and (min-width: 995px) and (max-width: 1260px) 
{
    /*grid*/
    body{min-width:960px}.nested{margin:0!important}.container{width:960px;height:auto;display:block;margin:auto}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative}.container .grid-1{width:80px;margin:0}.container .grid-2{width:160px;margin:0}.container .grid-3{width:240px;margin:0}.container .grid-4{width:320px;margin:0}.container .grid-5{width:400px;margin:0}.container .grid-6{width:480px;margin:0}.container .grid-7{width:560px;margin:0}.container .grid-8{width:640px;margin:0}.container .grid-9{width:720px;margin:0}.container .grid-10{width:800px;margin:0}.container .grid-11{width:880px;margin:0}.container .grid-12{width:960px;margin:0}.first{margin:0 10px 0 0!important}.last{margin:0 0 0 10px!important}.container .prefix-1{padding-left:80px}.container .prefix-2{padding-left:160px}.container .prefix-3{padding-left:240px}.container .prefix-4{padding-left:320px}.container .prefix-5{padding-left:400px}.container .prefix-6{padding-left:480px}.container .prefix-7{padding-left:560px}.container .prefix-8{padding-left:640px}.container .prefix-9{padding-left:720px}.container .prefix-10{padding-left:800px}.container .prefix-11{padding-left:880px}.container .suffix-1{padding-right:80px}.container .suffix-2{padding-right:160px}.container .suffix-3{padding-right:240px}.container .suffix-4{padding-right:320px}.container .suffix-5{padding-right:400px}.container .suffix-6{padding-right:480px}.container .suffix-7{padding-right:560px}.container .suffix-8{padding-right:640px}.container .suffix-9{padding-right:720px}.container .suffix-10{padding-right:800px}.container .suffix-11{padding-right:880px}.container .push-1{left:80px}.container .push-2{left:160px}.container .push-3{left:240px}.container .push-4{left:320px}.container .push-5{left:400px}.container .push-6{left:480px}.container .push-7{left:560px}.container .push-8{left:640px}.container .push-9{left:720px}.container .push-10{left:800px}.container .push-11{left:880px}.container .pull-1{left:-80px}.container .pull-2{left:-160px}.container .pull-3{left:-240px}.container .pull-4{left:-320px}.container .pull-5{left:-400px}.container .pull-6{left:-480px}.container .pull-7{left:-560px}.container .pull-8{left:-640px}.container .pull-9{left:-720px}.container .pull-10{left:-800px}.container .pull-11{left:-880px}

    header .controls .menu{width:640px;}
    header .controls .social{display:none;} 

    section.blocks .block{height:300px;}
    section.blocks .block a{height:300px;}
    section.blocks .block a h2{height:50px;}

    #museumMap{width:500px; height:692px;} 
}

/*medium*/
@media only screen and (min-width: 785px) and (max-width: 994px) 
{
    /*grid*/
    .container{width:100%!important}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.container .grid-1{width:8.333333333333333%;margin:0}.container .grid-2{width:16.66666666666667%;margin:0}.container .grid-3{width:25%;margin:0}.container .grid-4{width:33.33333333333333%;margin:0}.container .grid-5{width:41.66666666666667%;margin:0}.container .grid-6{width:50%;margin:0}.container .grid-7{width:58.33333333333333%;margin:0}.container .grid-8{width:66.66666666666667%;margin:0}.container .grid-9{width:75%;margin:0}.container .grid-10{width:83.33333333333333%;margin:0}.container .grid-11{width:91.66666666666667%;margin:0}.container .grid-12{width:100%;margin:0}.first{margin:0 5px 0 0!important}.last{margin:0 0 0 5px!important}.container .prefix-1{padding-left:8.333333333333333%}.container .prefix-2{padding-left:16.66666666666667%}.container .prefix-3{padding-left:25%}.container .prefix-4{padding-left:33.33333333333333%}.container .prefix-5{padding-left:41.66666666666667%}.container .prefix-6{padding-left:50%}.container .prefix-7{padding-left:58.33333333333333%}.container .prefix-8{padding-left:66.66666666666667%}.container .prefix-9{padding-left:75%}.container .prefix-10{padding-left:83.33333333333333%}.container .prefix-11{padding-left:91.66666666666667%}.container .suffix-1{padding-right:8.333333333333333%}.container .suffix-2{padding-right:16.66666666666667%}.container .suffix-3{padding-right:25%}.container .suffix-4{padding-right:33.33333333333333%}.container .suffix-5{padding-right:41.66666666666667%}.container .suffix-6{padding-right:50%}.container .suffix-7{padding-right:58.33333333333333%}.container .suffix-8{padding-right:66.66666666666667%}.container .suffix-9{padding-right:75%}.container .suffix-10{padding-right:83.33333333333333%}.container .suffix-11{padding-right:91.66666666666667%}.container .push-1{left:8.333333333333333%}.container .push-2{left:16.66666666666667%}.container .push-3{left:25%}.container .push-4{left:33.33333333333333%}.container .push-5{left:41.66666666666667%}.container .push-6{left:50%}.container .push-7{left:58.33333333333333%}.container .push-8{left:66.66666666666667%}.container .push-9{left:75%}.container .push-10{left:83.33333333333333%}.container .push-11{left:91.66666666666667%}.container .pull-1{left:-18.333333333333333%}.container .pull-2{left:-16.66666666666667%}.container .pull-3{left:-25%}.container .pull-4{left:-33.33333333333333%}.container .pull-5{left:-41.66666666666667%}.container .pull-6{left:-50%}.container .pull-7{left:-58.33333333333333%}.container .pull-8{left:-66.66666666666667%}.container .pull-9{left:-75%}.container .pull-10{left:-83.33333333333333%}.container .pull-11{left:-91.66666666666667%}
    
    h1{font-size:32px; font-size:3.2rem;}
    
    header .controls{padding:0px 15px; box-sizing:border-box;}
    header .controls .menu{width:66.66666666666667%;}
    header .controls .menu nav ul.menu li{margin-left:25px; text-align:right;}
    header .controls .social{display:none;} 
    header .slider .slides .slide .container{padding:0px 15px; box-sizing:border-box;}
    header .slider .slides .slide .container h1{font-size:45px; font-size:4.5rem; bottom:60px;}
    header .slider .slides .slide .container button{width:170px; height:40px;}

    section.blocks .block{height:300px;}
    section.blocks .block a{height:300px;}
    section.blocks .block a h2{height:50px;}

    section article{padding:0px 15px; box-sizing:border-box;}
    
    #museumMap{width:400px; height:554px;} 
    
    footer .about{width:100% !important; padding:0px 15px; box-sizing:border-box; margin-bottom:40px !important;}
    footer .about .social{width:100% !important;}
    footer .about .social ol.sociallinks{padding-top:0px;} 
    footer .menu{width:50% !important; padding:0px 15px; box-sizing:border-box;}
}

/*small*/
@media only screen and (max-width: 784px)
{
    /*grid*/
    body{min-width:0}.nested{margin:0!important}.container{width:100%!important}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{width:100%;clear:both;float:none;margin:auto;display:inline-block;zoom:1}.grid_1 .grid_1,.grid_10 .grid_1,.grid_10 .grid_10,.grid_10 .grid_2,.grid_10 .grid_3,.grid_10 .grid_4,.grid_10 .grid_5,.grid_10 .grid_6,.grid_10 .grid_7,.grid_10 .grid_8,.grid_10 .grid_9,.grid_11 .grid_1,.grid_11 .grid_10,.grid_11 .grid_11,.grid_11 .grid_2,.grid_11 .grid_3,.grid_11 .grid_4,.grid_11 .grid_5,.grid_11 .grid_6,.grid_11 .grid_7,.grid_11 .grid_8,.grid_11 .grid_9,.grid_12 .grid_1,.grid_12 .grid_10,.grid_12 .grid_11,.grid_12 .grid_12,.grid_12 .grid_2,.grid_12 .grid_3,.grid_12 .grid_4,.grid_12 .grid_5,.grid_12 .grid_6,.grid_12 .grid_7,.grid_12 .grid_8,.grid_12 .grid_9,.grid_2 .grid_1,.grid_2 .grid_2,.grid_3 .grid_1,.grid_3 .grid_2,.grid_3 .grid_3,.grid_4 .grid_1,.grid_4 .grid_2,.grid_4 .grid_3,.grid_4 .grid_4,.grid_5 .grid_1,.grid_5 .grid_2,.grid_5 .grid_3,.grid_5 .grid_4,.grid_5 .grid_5,.grid_6 .grid_1,.grid_6 .grid_2,.grid_6 .grid_3,.grid_6 .grid_4,.grid_6 .grid_5,.grid_6 .grid_6,.grid_7 .grid_1,.grid_7 .grid_2,.grid_7 .grid_3,.grid_7 .grid_4,.grid_7 .grid_5,.grid_7 .grid_6,.grid_7 .grid_7,.grid_8 .grid_1,.grid_8 .grid_2,.grid_8 .grid_3,.grid_8 .grid_4,.grid_8 .grid_5,.grid_8 .grid_6,.grid_8 .grid_7,.grid_8 .grid_8,.grid_9 .grid_1,.grid_9 .grid_2,.grid_9 .grid_3,.grid_9 .grid_4,.grid_9 .grid_5,.grid_9 .grid_6,.grid_9 .grid_7,.grid_9 .grid_8,.grid_9 .grid_9{padding-left:0;padding-right:0}.container .pull_1,.container .pull_10,.container .pull_11,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .push_1,.container .push_10,.container .push_11,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9{left:0}

    h1{font-size:32px; font-size:3.2rem;}
    
    header{overflow:visible;}
    header .controls .logo{width:45% !important; margin-top:17px !important; margin-left:15px; float:left;}
    
    header .controls{overflow:visible;}
    header .controls .menu nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .controls .menu nav.open{width:100%; height:240px; display:block; float:none; left:0px; top:120px; z-index:99999; position:absolute; padding-top:20px; margin:0px !important; background:#303031; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
    header .controls .menu nav.open ul.menu{width:100%; height:100%; display:block; position:relative; float:left; top:unset; right:unset;}
    header .controls .menu nav.open ul.menu li{width:100%; height:50px; display:block; float:left; margin:0px; text-align:center;}
    header .controls .menu nav.open ul.menu li a{width:100%; height:50px; display:block; color:#ffffff; line-height:50px; text-decoration:none;}
    
    header .controls .menu-icon{width:60px; height:auto; display:block !important; position:absolute; overflow:hidden; top:30px; right:15px; z-index:9999999; cursor:pointer;}
    header .controls .menu-icon .text{opacity:1; line-height:35px; font-family:'tgh-bold'; font-weight:100; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out; line-height:47px; text-transform:uppercase; font-size:19px; color:#fff;}
    header .controls .menu-icon .trigger{width:60px; height:60px; border-radius:0 0 0 4px; padding:11px 10px 7px 10px; box-sizing:border-box; overflow:hidden; float:right;}
    header .controls .menu-icon .trigger span{width:30px; height:6px; border-radius:1px; margin-bottom:3px; display:block; background:#ffffff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
    header .controls .menu-icon.close .trigger .bar-1{-ms-transform:translateY(7px) rotate(-45deg); -webkit-transform:translateY(7px) rotate(-45deg); transform:translateY(7px) rotate(-45deg);}
    header .controls .menu-icon.close .trigger .bar-2{opacity:0; visibility:hidden;}
    header .controls .menu-icon.close .trigger .bar-3{-ms-transform:translateY(-11px) rotate(45deg); -webkit-transform:translateY(-11px) rotate(45deg); transform:translateY(-11px) rotate(45deg);}
    header .controls .menu-icon.close .text{opacity:0; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out;}    
    header .controls .social{display:none;} 
    header .controls .search{display:none;}
    
    header .slider{width:100%; height:400px; position:relative; float:left; padding:0 !important;}
    header .slider .slides{width:100%; height:400px; display:block; overflow:hidden;}
    header .slider .slides .slide{width:100%; height:400px; position:relative; display:block; float:left; overflow:hidden;}
    header .slider .slides .slide .container{height:400px; padding:0px 15px; box-sizing:border-box;}
    header .slider .slides .slide .container h1{font-size:30px; font-size:3.0rem; bottom:60px;}
    header .slider .slides .slide .container button{width:170px; height:40px;}    
    
    section.content .project{margin-top:35px;}
    section.content .project a{width:100%; height:250px; padding:0px !important; margin-bottom:20px;}
    section.content .project a:nth-last-of-type{margin-bottom:0px;}
    section.content .project a img{width:100%;}
    section article{padding:0px 15px; box-sizing:border-box;}
    section.submenu{display:none !important;}
    
    section.content article .museum{display:none !important;}
    section.content article .museum-mobile{display:block !important;}
    section.content article .museum-mobile .zone{width:100%; display:block; float:left; padding:0px 15px; box-sizing:border-box; margin-bottom:35px;}
    section.content article .museum-mobile .zone .image{width:30%; display:block; float:left;}
    section.content article .museum-mobile .zone .image img{width:100%;}
    section.content article .museum-mobile .zone .about{width:68%; display:block; float:right;}
    section.content article .museum-mobile .zone .about *{font-size:14px; font-size:1.4rem;}
    section.content article .museum-mobile .zone .about h1{font-family:'Poppins', sans-serif; font-weight:bold; text-transform:uppercase; font-size:17px; font-size:1.7rem;}
    
    section .news-item .news-content{padding-left:0px;}    
    
    section.blocks .block{width:100%; height:250px;}
    section.blocks .block{padding:0px !important; margin-bottom:20px;}
    section.blocks .block:nth-last-of-type{margin-bottom:0px;}
    
    footer .about{width:100% !important; padding:0px 15px; box-sizing:border-box; margin-bottom:40px !important;}
    footer .about .social{width:100% !important;}
    footer .about .social ol.sociallinks{padding-top:0px;} 
    footer .menu{width:100% !important; padding:0px 15px; box-sizing:border-box; margin-bottom:40px !important;}

}

@media only screen and (max-width: 479px)
{
    /*grid*/
    .container{width:100%!important}.nested{margin:0!important}.container .grid_1,.container .grid_10,.container .grid_11,.container .grid_12,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9{width:260px}

    h3{font-size:16px; font-size:1.6rem;}
    h3.line{height:70px;}
    
    section.blocks .block a{padding:25px 30px;}
    
    section .news-item:nth-of-type(3),
    section .news-item:nth-of-type(4){display:none !important;}
}