html{
box-sizing: border-box;
}
*, *:before, *:after{
box-sizing:inherit;
}
@media (max-width:768px){
.fk-layout{
width:100%;
}
}
@media (min-width:768px){
.fk-layout{
width:1024px;
}
}

//---------------------------- wide devices
@media (min-width:769px){

body{

   /* max-width:1280px; */
    margin:0 auto;
    text-align:center;
  font-family: 'Lato', sans-serif;
  font-weight:300;
}
.fk-layout{
	max-width:1280px;
	width:1024px;
	margin:0 auto;
	background-color:#FFFFFF;
	height:auto;
}
img.logo{
    width:160px;
    float:left;
}
.top{
  text-align:right;
  margin-top:40px;  
  
}
li.nav-link{
     display:inline-block;
     padding:20px;
}
}
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

.container{
text-align:left;
    width:100%;
    max-width:1280px;
    background-color: #0067a7;
    margin:0px auto;
    border:0px solid #00ff00;
  
   height:50px;
    display:block;
    vertical-align:middle;
    font-family:lato,roboto,'sans-serif',helvetica,arial;
    
}
.dropbtn {
    background-color: #0067a7;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom:10px;
    padding-top:10px;
    margin: 10px auto;
    font-size: 16px;
    border: 0px solid #ff0000;
    cursor: pointer;  
    position:relative;
   
}
.dropbtn_mobile {
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom:10px;
    padding-top:10px;
    margin: 10px auto;
    font-size: 16px;
    border: 0px solid #ff0000;
    cursor: pointer;  
    position:relative;
   
}

a.dropbtn {
    text-decoration:none;
    color: white;
  
}
.dropdown {
    position: relative;
    display: inline-block;
    background-color: #0067a7;
    margin:10px auto;
    height:auto;
   
   
}

.dropdown-content {
    display: none;
    opacity:0;
    -webkit-transition:opacity 10s ease-in-out;
    -moz-transition:opacity 10s ease-in-out;
    -o-transition:opacity 10s ease-in-out;
    -ms-transition:opacity 10s ease-in-out;
    transition:opacity 10s ease-in-out;
    
    position: absolute;
    background-color: #0067a7;
    min-width: 260px;
    max-width:400px;
    margin-top:0px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    top:30px;
}
.dropdown-content-large {
    display: none;
    opacity:0;
    -webkit-transition:opacity 10s ease-in-out;
    -moz-transition:opacity 10s ease-in-out;
    -o-transition:opacity 10s ease-in-out;
    -ms-transition:opacity 10s ease-in-out;
    transition:opacity 10s ease-in-out;
    
    position: absolute;
    left:-176px;
    background-color: #0067a7;/*e0f8ff;*/
    max-width:1280px;
    width:1024px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    margin-top:0px;
    vertical-align:top;
    top:30px;
}
.dropdown-content a {
    color:#ffffff;
    padding-bottom: 8px;
    padding-left:20px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
color: orange;
text-decoration:none;
}

.dropdown:hover .dropdown-content {
    display: block;
    opacity:1;
}
.dropdown-content-large a {

    padding:5px;
    color:#ffffff;
text-decoration:underline;
    display: block;
}

.dropdown-content-large a:hover {color: orange;}

.dropdown:hover .dropdown-content-large  {
    display: block;
    opacity:1;
}


.dropdown:hover .dropbtn {
   
    color: orange;
}
.dropdown-content-large ul{
	display:inline-block;
    vertical-align:top;
}
.dropdown-content-large li{
	display:inline-block;
    padding-right:30px;
    margin-left:10px;
    vertical-align:top;
    line-height:0.9em;
    height:auto;
}
.dropdown-content-large ul li a.link-item{
	text-decoration:none;
	font-weight:normal;
	font-size:13px;
	margin-left:10px;
	color:#ffffff;
	padding-bottom:2px;
	padding-left:10px;
	margin-bottom:0px;
	border-left: 2px solid orange;
 }
 .dropdown-content-large ul li a.link-item:hover{
	margin-left:10px;
    text-decoration:none;
	font-weight:normal;
	color:orange;
	border-left: 2px solid orange;
 }
.dropdown-content-large ul li a.heading{
	color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    text-transform:uppercase;
 }
 .dropdown-content-large ul li a.heading:hover{
	color:orange;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
 }
 .not-wide{
 max-width:1280px;
background-color:white;
height:100px;
vertical-align:middle;
border:0px solid #ff0000;

}
.custom-footer{
max-width:1280px;
padding:20px;
vertical-align:middle;
position:relative;
bottom:0px;margin:0px auto;
text-align:center;
background:#0067a7;

}
h1              { font-size: 2em; margin: .67em 0; }
h2              { font-size: 1.5em; margin: .75em ;0 }
h3              { font-size: 1.17em; margin: .83em 0; }
h4              { font-size: .93em; margin: 1.0em 0; }
h5              { font-size: .83em; margin: 1.5em 0; }
h6              { font-size: .75em; margin: 1.67em 0; }
h1, h2, h3, h4, h5, h6  { font-weight: normal; }
.toc #areas_list a, .toc #sec_list a{
width:100%;
}

.image-logo{
position:relative;
left: -70px;
width:160px;
height:100%;
}
.drawer-logo{
position:relative;
margin:10px auto;
width:50%;
}
.mobile-logo{
position:relative;
margin-right:10px;
width:160px;
height:100%;
}
.mdl-layout__header .mdl-layout__drawer-button{
color: #0067a7 !important;
}

}