html{margin:0;padding:0;height:100%;}
body{margin:0;padding:0;height:100%;overflow-y:scroll;min-width:260px;font-size:14px;line-height:1.5;font-family:'Open Sans','Arial',sans-serif;background:#fff;color:#5a5b3a;}
#main{min-height:100%;overflow-x: hidden;}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:background 0.3s;}
.overlay.dark{background:rgba(0,0,0,0.6);}

/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:justify;}
[class*='col-'].small-gutter {padding-right:3px;padding-left:3px;}
.small-gutter .tile {margin-bottom:10px;}

a{color:#003d5d;text-decoration:none;cursor:pointer;outline:none;}
a:hover, a:focus{color:#008ad2;text-decoration:none;outline:none;}
a img{border:none;}
small{font-size:80%}
p{padding:0 0 10px 0;margin:0;}
ul, ol{margin:10px 0 10px 30px;}
hr {background:#dadada;border:none;clear:both;height:2px;margin:10px 0;padding:0;width:100%;}
.full-width{width:100%;}
.max-width{max-width:100%;}
.v-top{vertical-align:top;}
.small{font-size:13px;}
.very-small{font-size:11px;line-height:13px;}
.gray{color:#9c9c9c;}
.clear{display:block;height:0px;clear:both;}
.sprite{background-position:top left;background-repeat:no-repeat;}
.sprite:hover{background-position:bottom left;background-repeat:no-repeat;}
.nowrap{white-space:nowrap;}
.uc{display:block;padding:80px 20px;text-align:center;font-size:30px;color:#C1C1C1;}
h1,h2,h3,h4,h5,h6{font-weight:300;margin-top:0.2em;margin-bottom:0.5em;color:#231f20;}
h1{font-size:1.8em;} h2{font-size:1.6em;} h3{font-size:1.5em;} h4{font-size:1.4em;} h5{font-size:1.3em;} h6{font-size:1.2em;}
b, strong{font-weight:bold;}
.img-left{float:left;margin:0 20px 10px 0;}
.img-right{float:right;margin:0 0 10px 20px;}
.img-border{padding:5px;border:1px solid #494949;border-radius:4px;}
i,em{font-style:italic;}
.msg{display:block;margin:10px 0;padding:8px 14px;color:#fff;background:#3498db;text-align:center;border-radius:5px;}
iframe{display:block;margin:0 auto;}

#header-wrap{width:100%;height:auto;background:#fff;}
#menu-wrap{width:100%;height:auto;/*background:#002437;border-bottom: 1px solid #000;*/}
#menu-wrap.sticky {position: fixed; top:0px; height: 89px;width: 100%;background-color: #fff;z-index: 3000}
#menu-wrap.sticky hr{display: none}
#logo{text-align:center;padding-top:20px;}
#logo-text{display:inline-block;height:90px;padding:12px 10px 0 10px;vertical-align:top;font-size:20px;font-weight:300;letter-spacing:1px;line-height:1.2;color:#002437;}
#menu{text-align:center;padding:0;margin-top: 20px;}
#menu .menu-link{display:inline-block;padding:5px;font-size:12px;font-weight:700;letter-spacing:2px;color:#000;cursor:pointer;}
#menu .menu-link:hover{border-bottom: 4px solid;margin-bottom: -4px;}
#menu .menu-link.selected{border-bottom: 4px solid;margin-bottom: -4px;}
#menu .menu-link.open{background:#003e5f;color:#fff;}
.submenu{padding:20px;background:#003e5f;}
.submenu-item{display:inline-block;margin:2px;padding:6px 10px;line-height:1;color:#000;font-weight:bold;border: 1px solid;}
.submenu-item:hover, .submenu-item.selected{background:#fff;color:#002437;}
#current-date {display: inline-block;font-weight: bold;font-size: 15px;}
#menu-wrap hr{margin:2px 0 0; height: 1px;background: #000;}

.toggle-wrap{display:none;width:100%;padding:20px 0;padding:20px 0;background:#e1e1e1;color:#000;/*border-top: 1px solid #000;*/}
#search-toggler-wrap{/*position:relative;width:100%;*/display: inline-block;height:30px;}
.top-toggler{/*position:absolute;bottom:0px;right:0px;*/display: inline-block;font-size:20px;/*background:#53addb;*/color:#fff;cursor:pointer;padding:10px 8px;line-height:1;border-radius:10px 10px 0 0;}
/* .top-toggler:hover{background:#002437;color:#fff;} */
/* .top-toggler.active{background:#008ad2;} */
#browse-toggler{right:80px;}

#content-wrap{padding:40px 0;background:#fff;}
.tile{border-radius:12px;overflow:hidden;border: 2px solid transparent;}
.tile:hover{border: 2px solid #f79f12;}
.tile-overlay{text-align:center;padding:57% 0 0 0;width:90%;position:absolute;color:#fff;font-weight:bold;font-size:30px;font-family:serif;line-height:1.4;}
.tile-overlay.small{font-size:18px;text-align:center;padding:57% 5% 3% 5%;}
.tile{margin-bottom:30px;}
.tile-img{display:block;text-align:center;border:5px solid #21234c;border-radius:10px 10px 0 0;overflow:hidden;}
.tile-img img{display:inline-block;max-width:100%;}
.tile-title{display:block;padding:10px 15px;background:#002437;color:#fff;}
.tile-info{display:block;font-size:11px;padding:10px 15px 15px 15px;background:#21234c;color:#fff;}
/*.tile:hover .tile-img{border:5px solid #008ad2;}
.tile:hover .tile-info{background:#008ad2;color:#fff;}*/

.tile.search-tile{margin:0 auto 5px auto;width:80%}
/*.search-tile .tile-title{background:#626060;color:#008ad2;border-radius:5px 5px 0 0;}*/
.search-tile .tile-title:hover{background:#008ad2;color:#fff;}
.search-tile .tile-info{background:#626060;}
.search-tile .tile-file-container{background:none;}

.tile-file-container{display:block;margin-top:5px;padding:5px 0 2px 5px;background:#342d30;border-radius:3px;}
.tile-file-container .tile-file-img, .tile-file-container span{vertical-align:middle;color:#d3b235;}
.tile-file-link:hover span{color:#008ad2;}
.tile-file-container .tile-file-info{font-size:8px;color:#969696;}

#parallax-wrap{position:relative;width:100%;padding:100px 0;color:#fff;text-align:center;background:url(../images/layout/eugenfound_bg4.jpg) no-repeat bottom;background-attachment:fixed;background-size:cover;}
#parallax-wrap a{color:#fff;}
#parallax-wrap h3{color:#fff;}

#bottom-wrap{position:relative}
#bottom-wrap img{max-width:100%;}
#bottom-wrap a{display:block}
#bottom-wrap .overlay.dark{pointer-events: none;background:rgba(0,0,0,0.3);}
#bottom-wrap:hover .overlay.dark{background:rgba(0,0,0,0.1);}
.hover-wrap:hover .overlay.dark{background:rgba(0,0,0,0.3);}

.result-row{display:block;margin:4px 0;padding:5px 10px;border-radius:2px;color:#fff;background:#002437;}
.result-row.selected{background:#008ad2;color:#fff;}
.result-row:hover{background:#000f5b;color:#fff;}
.result-row-title{font-weight:bold;}
.result-row:hover .result-row-title{color:#231f20;}

.button{display:inline-block;padding:8px 10px;font-size:13px;background-color:#002437;color:#fff;text-align:center;border:none;border-radius:5px;cursor:pointer;}
.button-small{padding:4px 5px;font-size:11px;}
.button:hover{background-color:#53addb;color:#002437;}
.input{padding:6px;border:1px solid #cacaca;width:100%;border-radius:5px;}
.input-line, #captcha{display:inline-block;width:90%;padding:8px 14px;border:none;border:1px solid #c1c1c1;background:rgba(255,255,255,0.7);color:#888888;vertical-align:top;}
.search-input{width:100%;}
.search-btn{width:100%;}
.button-big{width:100%;height:76px;padding:20px 25px 20px 90px;margin-bottom:10px;font-size:24px;text-align:left;background-repeat:no-repeat;background-position:20px 10px;}
#button-big-issues{background-image:url('/images/layout/icon_big_browse_w.png');}
#button-big-browse{background-image:url('/images/layout/icon_big_archive_w.png');}
#button-big-search{background-image:url('/images/layout/icon_big_search_w.png');}
#button-big-eugenfound{background-image:url('/images/layout/icon_big_eugenfound_w.png');}
#button-big-authors{background-image:url('/images/layout/icon_big_authors_w.png');}

.download-button{margin:0 10px 0 5px;display:inline-block;padding:8px 10px;font-size:13px;background-color:#003d5d;color:#fff;text-align:center;border:none;border-radius:5px;cursor:pointer;}
.download-button:hover{background-color:#fff;color:#003d5d;}
.page-wrap{min-height:80vh;}
.other-issues{margin:0 5px 0 10px;}
.back-button-wrapper{margin-bottom:25px;}

.pagination-wrap{position:relative;width:100%;text-align:center;margin-bottom:20px;z-index:2000;}
.pagination-wrap.fixed{position:fixed;top:5px;left:0px;}
.pagination{position:relative;display:inline-block;padding:10px 0px;border-radius:5px;background:#464344;color:#fff;}
.pagination-select{color:#000;}
.pagination-btn{display:inline-block;height:30px;line-height:30px;padding:0 15px;margin:0 15px;border-radius:5px;background:#342d30;color:#fff;}
.pagination-btn:hover{background:#fff;color:#342d30;}
.pagination-btn.disabled{background:#514f4f;color:#7f7f7f;cursor:default;}
.pagination-preview{position:absolute;bottom:0px;width:100%;height:0px;text-align:center;}
.img-prev, .img-next{display:none;margin-top:5px;box-shadow:0px 0px 15px rgba(0,0,0,0.5);}

#footer-wrap{padding:30px 0;color:#fff;background: #000F5B;font-size: 11px;line-height: 2em;font-family: 'Roboto Mono', sans-serif;}
#footer-wrap a{color:#fff;}
#footer-wrap a:hover{color:#2b79a2;}
.footer-logo img, .footer-menu{padding: 40px 50px 25px 0px;}
.footer-link {display: block;font-size: 16px;}


#scroll-top-wrap{display:none;height:0px;position:fixed;bottom:150px;right:-30px;width:100%;text-align:center;}
#scroll-top-wrap .container{height:0px;}
#scroll-top{display:block;float:right;width:40px;height:40px;background-color:#008ad2;background-image:url('../images/layout/back_to_top.png');background-repeat:no-repeat;background-position:center;border-radius:100%;z-index:1500;}
#scroll-top:hover{background-color:#003d5d;}

#tooltip{border:none;}
#tooltip h3 {color:#fff !important;padding:4px 17px;font-size:13px;background-color:#231f20;border:none;text-align:left;border:none;border-radius:5px;}

#u-info{width:150px;}

#gmap {width:100%; height:500px; background-color: transparent; margin: 13px 0 0 0; border: solid 1px #d1d1d1; }
.gmap-content{width:200px;height:70px;text-align:center;}
.gmap-content-link{display:inline-block;margin-top:15px;padding:3px 8px;border-radius:10px;background:#a9a9a9;color:#fff;font-size:80%;}
.gmap-content-link:hover{background:#595959;color:#fff;text-decoration:none;}

.search-help-container{margin-top:10px;font-size:85%;font-style:italic;}

.list-thumb {display: block;	width: 100%;	height: 300px;	background-size: contain;	background-repeat: no-repeat;	background-position: center;}
.people-thumb {	display: block;	width: 100%;	height: 400px;border-radius:8px;background-size: cover;	background-position: center;	background-repeat: no-repeat;	background-color: #fff;	opacity: 0.9;	transition: 0.3s;	margin:auto; margin-bottom: 20px;}
.people-thumb:hover {	opacity: 1;	transition: 0.3s}
.people-thumb img {margin: 10px;}
.list-authors {	text-align: center; font-size: 140%;	font-weight: 300;	color: #000;	line-height: 1.2;	display: block;	margin-bottom: 15px;}
.people-block .button{display: block;width: 135px; margin: auto;padding-top: 15px;margin-bottom: 20px;}
.author-read .button{padding-top: 15px;}
.author-article {width: 75%; margin: auto;margin-top: 8px;position: relative;}
.author-img {background-color: #eaeaea; height: 210px;margin-bottom: 20px;}
.author-img img {width: 100%;height:auto; position: absolute; bottom: 0; right: 0;}
.author-img.author-logo img {margin: 20px -10px 0 0; height: auto;position: inherit;}
.author-img h3 {font-size: 8px;color: #0b2b40; margin-top: 10px;}
.author-img h1 {font-size: 35px;font-weight: bold;margin-top: -10px; margin-bottom: -20px;color: #0b2b40;}

.search-overlay{z-index:3000;display:none;position:fixed;top:0px;left:0px;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);color:#fff;font-size:150%;text-align:center;padding-top:30vh;font-weight:bold;}




@media (min-width: 768px) {
	h1{font-size:2em;} h2{font-size:1.8em;} h3{font-size:1.6em;} h4{font-size:1.5em;} h5{font-size:1.3em;} h6{font-size:1.2em;}
	#menu .menu-link{font-size:14px;padding:10px 60px;}
	#browse-toggler{right:200px;}
	/* #search-toggler-wrap{height:100px;} */
	.people-thumb {height:350px;margin: 15px 0;}
	.author-img {height: 450px;margin-bottom: 50px;}
	.author-img img {width: 100%;height:auto;}
	.author-img h3 {font-size: 22px;margin-top: 0px;}
	.author-img h1 {font-size: 71px;}
	#menu-wrap.sticky {height: 107px;}
}
@media (min-width: 992px) {
	h1{font-size:2.2em;} h2{font-size:2em;} h3{font-size:1.8em;} h4{font-size:1.6em;} h5{font-size:1.4em;} h6{font-size:1.2em;}
	#logo-text{font-size:26px;}
	.people-thumb {height:300px;margin: 15px 0;}
	.author-img {height: 480px;}
	.footer-logo img, .footer-menu{padding: 40px 50px 70px 0px;}
}
@media (min-width: 1200px) {
	h1{font-size:2.6em;} h2{font-size:2.2em;} h3{font-size:1.9em;} h4{font-size:1.6em;} h5{font-size:1.4em;} h6{font-size:1.2em;}
	#menu-wrap.sticky {height: 66px;}
	#menu-wrap.sticky hr{display: block;}
	.tile-overlay{font-size: 22px;}
	.col-lg-1-10 {width: 10%;float: left;}
}