/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 8, 2017, 10:40:14 PM
    Author     : James Yeung
*/
*{
    padding: 0;
    margin: 0;
    /* display: flex; */
}
body{    
    height: 100vh;
    width: 100%;	
    /* 
    margin: 0 auto;;
    background-image: url('../images/efficaback_river_1920.jpg') ; 
    background-color: #060000;
    background-size: cover;
    background-repeat: no-repeat ;
    background-position: 0% top;   
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    overflow: auto;
    */
    font-size: 14px;
    font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
    color:  rgba(0,26,77); 
    
    -webkit-text-size-adjust: 150%;
    line-height: 26px;
    
}

h1{
    font-size:  3em;	
    text-align:  center;
}

h3{
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 5px;
    margin: 0;
}

.subjectbar {
    font-size:  1em;	
    /*background: rgba(0,26,77,0.9);
    background: rgba(0,0,26,0.9);
    */
    padding-left:20px;
    padding-right:20px;
    padding-top:25px;
    padding-bottom: 25px;
    text-align: left;
}

.effcontainer {
    /* height: 95vh; */
    width: 100%;
 }

.coaddress{
    padding-top: 25px;
    padding-left: 25px;
    padding-right:25px;
    font-size:  0.8em;
    text-align:  left;	
    float: left;
    color: white;
}

a{
	color: white;
	text-decoration: none;
}

.legaltext{
    font-size: 0.9em;	
}

.productext{
    font-size: 1em;	
}

.efooter{
	position: relative;
	bottom: 0;
	width:100%;
	/* transform: translate(0, 18vh);*/
	float:right;
	background: rgba(0,26,77,0.95);
	padding-top:5px;
	padding-bottom: 10px;
	margin: 0;
}

.divparent{
    width:100%;
}

.divpic{
    min-width: 200px;
    float: left;
}
.divtext{
    margin: 10px;
    padding-left: 10px;
    vertical-align: top;
    float: left;
    width: 700px;
}

#homebox{
	float:right;
	color:white;
	font-size:1.3em;
	text-align:right;
	font-family:arial;
	width:800px;
	margin-top:5%;
	padding-right:50px;
	padding-left:50px;
	padding-bottom:30px;
	padding-top:30px;
	background-color: rgba(33,70,113,0.7);
	line-height: 30px;
}
 
#effmainpanel{
	height:100%;
	width:100%;
}
 
.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-black,.w3-hover-black:hover{
	color:#fff!important;
	/* background-color:#000!important */
	background-color:rgba(6, 28, 63, 0.3);
	font-size: 2em;
}
 
 	.main-menu-btn {
        position: relative;
        display: inline-block;
        width: 28px;
        height: 28px;
        text-indent: 28px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
      }
      /* hamburger icon */
      .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
        position: absolute;
        top: 50%;
        left: 2px;
        height: 2px;
        width: 24px;
        background: #bbb;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
      }
      .main-menu-btn-icon:before {
        content: '';
        top: -7px;
        left: 0;
      }
      .main-menu-btn-icon:after {
        content: '';
        top: 7px;
        left: 0;
      }
      /* x icon */
      #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
        height: 0;
        background: transparent;
      }
      #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }
      #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      /* hide menu state checkbox (keep it visible to screen readers) */
      #main-menu-state {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        padding: 0;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px);
      }
      /* hide the menu in mobile view */
      #main-menu-state:not(:checked) ~ #main-menu {
        display: none;
      }
      #main-menu-state:checked ~ #main-menu {
        display: block;
      }
      @media (min-width: 768px) {
        /* hide the button in desktop view */
        .main-menu-btn {
              position: absolute;
              top: -99999px;
        }
        /* always show the menu in desktop view */
        #main-menu-state:not(:checked) ~ #main-menu {
              display: block;
        }
      }