/* search */
#search {position:absolute; left:0; display:none; top:0; width:100%; height:100vh; background:#fff; z-index:600;}
#search .search-wrapper {width:100%;}
#search #search-header {width:100%; height:70px; background:#fff; border-bottom:1px solid #999; position:fixed; left:0; top:0; background:#fff; z-index:100;}
#search #search-header .logo {padding:18px 0 0 30px;}
#search .container {width:100%; height:50vh; min-height:300px; text-align:center; display:block;}
#search .container h4 {padding:140px 0 50px 0; margin:0; font:italic 300 30px/40px 'lato', arial, sans-serif; color:#000;}
#search .container form {height:50px; width:95%; max-width:500px; margin:25px 0; border:0; border-bottom:1px solid #999; margin:0 auto; position:relative;}
#search .container form input#s {display:inline-block; width:calc(100%-25px); position:relative; z-index:50;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline:none; float:left; border:0; background:transparent;
font:normal 20px/45px 'lato', arial, sans-serif; color:#000;
height:40px; text-align:left;}
#search #suggestion {font:italic 300 20px/50px 'lato', arial, sans-serif; color:#666; position:absolute; top:0; left:0; z-index;10; width:100%; padding:0; text-align:left;
-webkit-transition:0.1s;
transition:0.1s;
}
#search .container form input#submit {background:url(../images/search-icon-1.png) no-repeat; display:block; width:25px; height:31px; margin-top:7px; float:right; border:0; cursor:pointer; position:relative; z-index:60;}
#search .closesearch {display:block; width:48px; height:48px; position:fixed; z-index:10; top:10px; right:20px; cursor:pointer; z-index:200;}

#search #search-footer {width:100%; height:49vh; min-height:300px; background:#02536d; display:block;}
#search #search-footer h2 {padding:30px 0 30px 0; margin:0; font:italic 300 30px/35px 'lato', arial, sans-serif; color:#fff;}
#search #search-footer a {display:inline-block; padding:8px 10px; margin:5px; font:300 18px/22px 'lato', arial, sans-serif; color:#fff; border:1px solid #fff; border-radius:24px; text-decoration:none; background:rgba(255,255,255,0); transition:0.5s;
}
#search #search-footer a:hover {background:rgba(255,255,255,1); color:#02536d;}
#search #search-footer .search-footer-col {width:33.3%; padding:0 20px; height:100%; vertical-align:top; display:inline-block; text-align:center; box-sizing:border-box;}
#search #search-footer .search-footer-col.mid-col {background:url(../images/intelligence-neurones.jpg) no-repeat center center; background-size:cover;}

@media only screen and (max-width: 768px) {
#search #search-footer .search-footer-col {width:50%; background:#02536d;}
#search #search-footer .search-footer-col.mid-col {display:none;}
}
@media only screen and (max-width: 540px) {
#search #search-footer .search-footer-col {width:100%; height:auto; background:#02536d; padding-bottom:30px; border-top:1px solid #32839d;}
#search .container h4 {font:italic 300 20px/30px 'lato', arial, sans-serif;}
}