html, body, div, span, applet, object, iframe, hp, 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;}
body{border-top:5px solid #0032A1;background:#ffffff;font-family:'Roboto', sans-serif;color:#000000;}
input{font-family:'Roboto', sans-serif;font-size:16px;border:0;background:#ffffff;border-radius:5px;}
input[type=submit]{width:auto;padding:5px 18px;line-height:25px;text-shadow:none;cursor:pointer;box-shadow:none;background:#000000;color:#fff;}
select{width:300px;
    font-family:'Roboto', sans-serif;font-size:16px;border:0;background:#ffffff;border-radius:5px;
    
    overflow-y: auto;
}
p{margin:5px 0;line-height:25px;text-align:justify;}
a{text-decoration:none;color:inherit;transition:color .5s ease;}
strong{font-weight:bold;}
figcaption strong{padding-bottom:10px;margin:10px 0;display:block;font-weight:bold;text-align:center;}
figcaption{border-bottom:1px solid #0032A1;line-height:25px;font-size:14px;margin-bottom:30px;}
hr{background-color:#0032A1;border:0;height:1px;margin:20px 0;}
header{position:relative;width:auto;min-height:110px;background-color:#0032A1;color:#bbbbbb;margin:0 auto 20px auto;}
h1{margin:35px 0 0 0;font-size:55px;color:#0032A1;font-family:'Roboto', sans-serif;}
header p{font-family:'Roboto', sans-serif;font-size:16px;background-color:#0032A1;color:#bbbbbb;margin-left:5px;}
nav{float:right; padding: 30px 5px 5px 5px;background-color:#0032A1;color:#bbbbbb;}
nav ul{list-style:none;}
nav ul li{display:block;float:left;padding:3px 0 0 15px;}
nav ul li a{font-family:'Roboto', sans-serif;text-transform:uppercase;transition:all .25s ease;}
nav ul li a:hover{color:#ffffff;}
nav ul li strong{color:#dddddd;}
table, th, td {
  border: 1px solid;
  text-align:center;
}

.scrollytable {
        overflow-y: scroll; 
        height: 600px;
      }
.scrollytable thead th {
        position: sticky;
        top: 0px; 
        background-color:blue;
        color:white;
      }
.scrollytable tr:hover {background-color:pink;}      



.multiselect{
width:350px;
}

div.ticklist{height: 150px; width: 400px; overflow: scroll; border: 1px #aabbcc solid;
		padding: 10px;
	}
.fixhead {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;

      }
      .fixhead tbody {
        display: block;
        width: 100%;
        overflow: auto;
        height: 500px;
      }
      .fixhead thead tr {
        display: block;
      }
      .fixhead thead {
        background: black;
        color: #fff;
      }
      .fixhead th,
      .fixhead td {
        padding: 5px;
      
      
 } 
#mobileMenu{position:fixed;top:0;left:0;width:100%;display:none;}
#mobileMenu ul li{display:block;background-color:#0032A1;color:#fff;padding:12px 0;letter-spacing:0.1em;text-align:center;text-transform:uppercase;border-bottom:1px solid #ffffff;}
.toggleMobile{display:none;}
#logo{float:left;padding-left:9px;}
.cmeth{display:inline-block;padding:10px;vertical-align:middle;background-color:#0032A1;color:#ffffff;line-height:1.3;height:50px;}
#slideshow_words1, #slideshow_words2, #slideshow_words3{line-height:25px;font-family:'Roboto', sans-serif;width:350px;position:absolute;top:15%;left:5%;display:none;z-index:11;}
h3{color:#0032A1;font-size:25px;font-weight:bold;margin-bottom:10px;background-color:#ffffff;border:1px solid #0032A1;padding:10px 15px;display:inline-block;border-radius:5px;}
#slideshow_words1{display:block;}
#slideshow_words1 p, #slideshow_words2 p, #slideshow_words3 p{margin:0 0 30px 0;color:#ffffff;background-color:#0032A1;padding:10px 15px;border-radius:5px;border:1px solid #ffffff}
.button{padding:7px 14px;border:1px solid #0032A1;background-color:#ffffff;color:#0032A1;border-radius:5px;box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.3);}
.button:hover{background:none #0032A1;border-color:#ffffff;color:#ffffff;}
.slogan{width:auto;height:70px;background-color:#0032A1;position:relative;font-family:'Roboto', sans-serif;color:#fff;font-size:18px;}
.slogan p{margin-top:22px;width:auto;position:absolute;left:5%;}
.slogan .search{margin-top:15px;width:auto;position:absolute;right:50%;margin-right:-480px;}
.thio, .tria, .tessera, .blurb{line-height:25px;font-family:'Roboto', sans-serif;clear:both;width:auto;margin:5%;text-align:left;height:auto;}
h2{font-size:20px;border-bottom:1px solid #D6D0C1;padding:20px 0;margin-bottom:20px;}

/*.tessera img{width:80%;}
.tria img{width:90%;}
.thio img{width:90%;}*/
.thio .gallery, .tria .gallery, .tessera .gallery{float:left;margin:5%;min-height:300px;}
.thio .gallery {width:40%;} 
.tria .gallery {width:23%;} 
.tessera .gallery {width:15%;}
.thio .gallery a, .tria .gallery a, .tessera .gallery a{position:relative;display:block;text-align:center;}
.thumb-screen{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff url(img/zoom.png) center center no-repeat;z-index:99;opacity:0;transition:opacity .5s ease;}
.thumb-screen:hover{opacity:0.5;}
.blurb article.column1, .blurb .column2{margin:70px 0;font-size:14px;float:left;width:auto;max-width:450px;}
.blurb .column2{margin:120px 0;}
.row{position:relative;margin:40px 0 0 50px;float:right;width:350px;}
.row img{float:left;}
.row p{margin-left:100px;}
footer{position:relative;clear:both;width:auto;}
footer .wrapper{line-height:25px;padding-top:30px;width:auto;font-size:14px;margin:5%;}
footer .wrapper .column{font-family:'Roboto', sans-serif;color:#ffffff;float:left;width:280px;margin-right:20px;}
footer .wrapper .column .midlist ul li{display:block;width:auto;padding:0 0 10px 25px;margin-bottom:10px;border-bottom:1px solid #444444;background:url(img/arrowright2.png) left 6px no-repeat;}
footer .wrapper .column .midlist ul li a:hover{color:#fff;}
footer .wrapper .column .rightlist ul li{display:block;width:auto;margin-bottom:15px;}
footer .wrapper .column .rightlist ul li a span{margin-left:95px;display:block;}
footer .wrapper .column .rightlist ul li a img{transition:border .25s ease;float:left;border:3px solid #444444;}
footer .wrapper .column .rightlist ul li a img:hover{border-color:#ffffff;}
footer .wrapper .column h4{font-size:16px;color:#fff;border-bottom:1px solid #444444;padding:0 0 10px 0;margin-bottom:10px;}
#legal{background:#0032A1;min-height:110px;bottom:0;left:0;width:100%;}
#legal .wrapper{font-family:'Roboto', sans-serif;padding-top:25px;color:#ffffff;font-size:14px;position:relative;}
#legal .wrapper .socialmeeja{position:absolute;right:0;top:35px;}
#legal .wrapper .socialmeeja a{transition:opacity .25s ease;opacity:0.3;margin-left:12px;display:block;float:left;}
#legal .wrapper .socialmeeja a:hover{opacity:0.7;}
#legal .wrapper a{color:#ffffff;}
#legal .wrapper a:hover{color:#fff;}
.slidesjs-container{border-top:1px #EDA28C solid;}
#slideshow{display:none}
.projector{width:auto;margin:0 auto;position:relative;}
.slidesjs-pagination .active{color:red;}
#slideshow_words1 p .link_button, #slideshow_words2 p .link_button, #slideshow_words3 p .link_button,#slideshow_words4 p .link_button,#slideshow_words5 p .link_button,#slideshow_words6 p .link_button,#slideshow_words7 p .link_button,#slideshow_words8 p .link_button,#slideshow_words9 p .link_button{display:none;color:#000000;}
.clear{clear:both;}
.hidden{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}
@media (max-width:1215px){#slideshow_words1, #slideshow_words2, #slideshow_words4, #slideshow_words5, #slideshow_words6, #slideshow_words7, #slideshow_words8, #slideshow_words3, #slideshow_words9{width:auto;margin-right:50px;}

#slideshow_words1 p, #slideshow_words2 p, #slideshow_words3 p, #slideshow_words4 p, #slideshow_words5 p, #slideshow_words6 p, #slideshow_words7 p, #slideshow_words8 p, #slideshow_words9 p{font-size:14px;}
#slideshow_words1 p .link_button, #slideshow_words2 p .link_button, #slideshow_words3 p .link_button, #slideshow_words4 p .link_button, #slideshow_words5 p .link_button, #slideshow_words6 p .link_button, #slideshow_words7 p .link_button, #slideshow_words8 p .link_button, #slideshow_words9 p .link_button{display:inline;padding-left:15px;}
.projector .button{display:none;}
header{min-height:120px;}

}

@media (max-width:915px){.slogan{font-size:15px;}
.slogan .search{margin-top:19px;margin-right:-385px;}
.slogan p{margin-left:10px;}
input{padding:4px;font-size:14px;}
input[type="submit"]{padding:1px 14px;}
.thio .gallery, .tria .gallery, .tessera .gallery{float:left;margin:5%;min-height:400px;}

.blurb article.column1, .blurb .column2{float:none;max-width:500px;margin:50px 30px 0 30px;}
.column2 .row{float:none;margin:0 0 40px 50px;}
footer .wrapper .column{font-size:12px;width:230px;}
header{min-height:175px;}
    
}

@media (max-width:765px)
{.projector{height:1px;top:-1500px;}
header{height:120px;}
header nav{right:auto;bottom:auto;top:100px;}
.slogan{height:100px;}
.slogan p{text-align:center;position:static;margin:0 auto;padding:15px 0 7px 0;}
.slogan .search{text-align:center;position:static;margin:0 auto;}
footer{padding-bottom:70px;height:auto;}
footer .wrapper{width:350px;margin:0 auto;}
footer .wrapper .column{margin-top:30px;float:none;font-size:14px;width:auto;}
footer .wrapper .socialmeeja{display:none;}
}

@media (max-width:765px){body{padding-left:10px;}
header{margin-bottom:80px;text-align:center;background-color:#ffffff;color:#000000;}
#logo{display:block;margin-left:auto;margin-right:auto;width:100%;}
.cmeth{display:inline-block;padding:10px;vertical-align:middle;background-color:#ffffff;color:#000000;line-height:1.3;height:50px;}
.slogan{height:auto;padding-bottom:15px;}
#legal, .slogan{margin-left:-15px;padding-left:15px;}
.tessera, .tria, .thio, .blurb{width:auto;margin:25px auto;}
.thio .gallery, .tria .gallery, .tessera .gallery{float:none;}
.tessera gallery, .tria gallery, .thio gallery{width:200px;float:none;margin:25px auto 0 auto;}
.tessera figcaption, .tria figcaption, .thio figcaption{margin:0 auto;}
.thio figcaption{width:auto;}
.thio .gallery, .tria .gallery, .tessera .gallery{float:left;margin:5%;min-height:200px;width: 90%;}
.tessera h2{margin:0 30px;}
.column2 .row{margin:0 0 40px 10px;width:auto;}
footer .wrapper{width:auto;}
footer .wrapper .column{margin:0 auto 15px auto;max-width:300px;}
input{width:auto;}
#mobileMenu{display:block;z-index:99;}
.toggleMobile{position:fixed;top:10px;left:10px;display:block;width:40px;height:36px;cursor:pointer;z-index:999;}
.toggleMobile span.bunlid, .toggleMobile span.meat, .toggleMobile span.bunbase{display:block;position:absolute;width:40px;height:8px;left:0;background:#0032A1;-webkit-transition:all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition:all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
.toggleMobile span.bunlid{top:0;}
.toggleMobile span.meat{top:14px;}
.toggleMobile span.bunbase{top:28px;}
.toggleMobile.active span.bunlid{top:14px;background:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition:all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
.toggleMobile.active span.meat{background:#ffffff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition:all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
.toggleMobile.active span.bunbase{opacity:0;-webkit-transition:opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition:opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
header nav{display:none;}
header h1{font-size:40px;}
header p{margin-left:60px;font-size:14px;}

.login {
  	width: 400px;
  	background-color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  	margin: 100px auto;
}
.login h1 {
  	text-align: center;
  	color: #5b6574;
  	font-size: 24px;
  	padding: 20px 0 20px 0;
  	border-bottom: 1px solid #dee0e4;
}
.login form {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 20px;
}
.login form label {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 50px;
  	height: 50px;
  	background-color: #3274d6;
  	color: #ffffff;
}
.login form input[type="password"], .login form input[type="text"] {
  	width: 310px;
  	height: 50px;
  	border: 1px solid #dee0e4;
  	margin-bottom: 20px;
  	padding: 0 15px;
}
.login form input[type="submit"] {
  	width: 100%;
  	padding: 15px;
 	margin-top: 20px;
  	background-color: #3274d6;
  	border: 0;
  	cursor: pointer;
  	font-weight: bold;
  	color: #ffffff;
  	transition: background-color 0.2s;
}
.login form input[type="submit"]:hover {
	background-color: #2868c7;
  	transition: background-color 0.2s;
}
    
    
}