body,html { padding: 0; margin:0;  }

body{
	/*background: url(../images/NWbg.jpg);*/
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#trigger-area{
	background-color: rgba(0,0,0,0.0);
	margin-top:0px;
	width: 100%;
}

#trigger-area #menu-button{
	float : left;
}



#trigger-logo, #trigger-logo img{
	margin: 0 auto;
	width : 64px;
}



#header-pullbar, #footer-wrapper {
    width: 100%;
    height: 114px;
    display: inline-block;
    background-color: rgb(55, 54, 59);
}

#header-pullbar{   background-color: rgb(235, 235, 235);}
#footer-wrapper {
    height: 50px;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 30px 0px 40px 0px;color:white;    z-index: 3;
}
#header-pullbar .left-content ,  #footer-wrapper .footer-left,  #footer-wrapper .footer-right {
float : left;
/*background-color: green;*/
width:30%;
	}

#header-pullbar .left-content, #header-pullbar .right-content {
    margin-top: 60px;
    line-height: 24px;
}
#header-pullbar .header-button{cursor: pointer;}

#header-pullbar .left-content .header-button , #footer-wrapper .footer-left .footer-link {

	float: left;
	margin-left: 20px;

}


#header-pullbar .right-content .header-button , #footer-wrapper .footer-right .footer-link {

	float: right;
	margin-right: 20px;

}



#header-pullbar .center-logo img{
	/*display: none;*/
	width:100px;
	margin-top:6px;
}

#header-pullbar .center-logo , #footer-wrapper .footer-center{
	width: 40%;	
	float:left;
	text-align: center;
}


#header-pullbar .right-content{
float:left;
width:30%;
	}

#footer-content-wrapper {
    position: fixed;
    width: 100%;
	overflow: hidden;
    margin-top:100%;
    height: 0%;
    background: url(./assets/menu-bg.jpg),#eee;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    top: 0px;
    z-index: 2;
}

.header-close-btn {
    position: fixed;
    display: none;
    width:200px;
    top: 115px;
    color: #353535;
    left: 20px;
    font-size: 22px;
    cursor: pointer;
    z-index: 1;

}


.header-close-btn.active {
 		display: block!important;
 }



/*Animation related */

#header-pullbar{
	position: absolute;
	overflow: hidden;
	top:-114px;
}

.menu-text{
	    margin-top: 3px;
    float: right;
    color: #000;
}

#menu-button .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background-color: #000;
}


#footer-content-wrapper .footer-content-closer{
	width: 100%;
	height: 100px;
	/*background-color: green;*/
}

#footer-content-wrapper .footer-content-closer .footer-content-close-btn {
    float: right;
    cursor: pointer;
    color: #525252;
    font-size: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    background: none;
    border: 0;
    box-sizing: border-box;
    border-radius: 100%;
    position: relative;
    transition: 300ms;overflow: hidden;
    vertical-align: middle;
}

#footer-wrapper .open-notch{
    width: auto;
    height: 95px;
    left: 50%;
    position: absolute;
    bottom: 0px;
    text-align: center;
}
#footer-wrapper .open-notch .notch-content {
    position: relative;
    left: -50%;
    border-radius: 32px 32px 0 0;
    height: 99px;
}



.open-notch-hide{
display : none;	
}


#header-pullbar,div#trigger-area{position: fixed;z-index: 1 }
.footer-content {
    padding: 20px;
}
a.footer-link {
    text-decoration: none;
    color: #e6e5e5;
}
.footer-content-close-btn {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    margin-top: 25px;
    margin-right: 25px;
    position: relative;
    padding: 10px;
    display: inline-block !important;
}
.footer-content-close-btn:hover {
    font-size: 58px !important;
}
.footer-content-close-btn::before, .footer-content-close-btn::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.footer-content-close-btn::before, .footer-content-close-btn::after {
  top: 0;
  left: 0;
}
.footer-content-close-btn::before {
  border: 2px solid transparent;padding: 2px;
}
.footer-content-close-btn:hover::before {
  border-top-color: #353535;
  border-right-color: #353535;
  border-bottom-color: #353535;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.footer-content-close-btn::after {
  border: 0 solid transparent;
}
.footer-content-close-btn:hover::after {
  border-top: 2px solid #353535;
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
@media (max-width:420px){
	.header-button {
    	font-size: 13px;
	}
	.notch-content img {
	    width: 130px;
	    height: auto;
	}
	.footer-center {
    	font-size: 13px;
	}
    #bottom-bar{
        height: 30px;
    }
    #footer-wrapper .open-notch {
        width: auto;
        height: 64px;
    }
}
button#menu-button {
    /*background: #252525;*/
    border: none;
    padding: 12px 10px;
    margin: -6px 0px;
}