@charset "UTF-8";
/* MENU */
/* Exernal CSS: Activates: Safari, Chrome, Firefox, Apple mail, iOS mail, Samsung mail */
/* Internal CSS: Activates: iOS Microsoft Exchange mail */
/* Target to Deactive: iE + Outlook PC (mso), Outlook Mac + Outlook.com (Safari), Gmail, Yahoo */

/* EXTERNAL */
@media only screen and (max-width: 600px){
.BdrPct{width:90%!important;}
.NavP{padding-left:20px!important; padding-right:20px!important;}
.BPad{padding:0px 15px 15px 0px!important;}
.View1{padding-top:20px!important; padding-right:25px!important;}
.View2{width:20px!important;}
/* Nav Menu */
#Ham{display:inline-block!important; float:left!important;}
#menu a{text-decoration:none; color:#ffffff; transition:color 0.3s ease;}
#menu a:hover{color:#818181;}
#menuToggle{display:block; position:relative; top:20px; left:20px; z-index:1; -webkit-user-select:none; user-select:none;}
#menuToggle input{display:block; width:40px; height:32px; position:absolute; top:-7px; left:-5px; cursor:pointer; opacity:0; /* hide this */ z-index:2; /* and place it over the menu */ -webkit-touch-callout:none;}
/* Menu */
#menuToggle span{display:block; width:29px; height:3px; margin-bottom:5px; position:relative; background:#959595; border-radius:3px; z-index:1; transform-origin:4px 0px; transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin:0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin:0% 100%;}
/* X */
#menuToggle input:checked ~ span{opacity:1; transform:rotate(45deg) translate(-2px,-1px); background:#ffffff;}
/* Hide middle */
#menuToggle input:checked ~ span:nth-last-child(3){opacity:0; transform:rotate(0deg) scale(0.2,0.2);}
/* Change direction */
#menuToggle input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px);}
/* Absolute to top left */
#menu{position:absolute; width:305px; margin:-50px 0 0 -40px; padding:50px; padding-top:70px; background:#222222; list-style-type:none; -webkit-font-smoothing:antialiased; /* to stop flickering of text in safari */ transform-origin:0% 0%; transform:translate(-100%, 0); transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.LogoM{margin:0px 0px 0px 158px!important;}
#menu li{padding:10px 0; font-size:22px;}
/* Slide in from left */
#menuToggle input:checked ~ ul{transform:none;}
}
@media only screen and (max-width: 580px){
#menu{margin:-50px 0 0 -30px;}
.LogoM{margin:0px 0px 0px 158px!important;}
}
@media only screen and (max-width: 570px){
#menu{margin:-50px 0 0 -25px;}
.LogoM{margin:0px 0px 0px 152px!important;}
}
@media only screen and (max-width: 560px){
#menu{margin:-50px 0 0 -20px;}
.LogoM{margin:0px 0px 0px 142px!important;}
}
@media only screen and (max-width: 540px){
.LogoM{margin:0px 0px 0px 132px!important;}
}
@media only screen and (max-width: 520px){
.LogoM{margin:0px 0px 0px 120px!important;}
}
@media only screen and (max-width: 500px){
.LogoM{margin:0px 0px 0px 110px!important;}
}
@media only screen and (max-width: 470px){
#menu{margin:-50px 0 0 -30px;}
.LogoM{margin:0px 0px 0px 95px!important;}
}
@media only screen and (max-width: 440px){
.LogoM{margin:0px 0px 0px 70px!important;}
}

/* INTERNAL */
@media only screen and (max-width: 420px){
u ~ div .Ghost{display:none!important;}
.BdrPct{width:90%!important;}
.NavP{padding-left:20px!important; padding-right:20px!important;}
.BPad{padding:0px 15px 15px 0px!important;}
.View1{padding-top:20px!important; padding-right:25px!important;}
.View2{width:20px!important;}
/* Nav Menu */
#Ham{display:inline-block!important; float:left!important;}
#menu a{text-decoration:none; color:#ffffff; transition:color 0.3s ease;}
#menu a:hover{color:#818181;}
#menuToggle{display:block; position:relative; top:20px; left:20px; z-index:1; -webkit-user-select:none; user-select:none;}
#menuToggle input{display:block; width:40px; height:32px; position:absolute; top:-7px; left:-5px; cursor:pointer; opacity:0; z-index:2; -webkit-touch-callout:none;}
/* Activate */
#menuToggle span{display:block; width:29px; height:3px; margin-bottom:5px; position:relative; background:#959595; border-radius:3px; z-index:1; transform-origin:4px 0px; transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin:0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin:0% 100%;}
#menuToggle input:checked ~ span{opacity:1; transform:rotate(45deg) translate(-2px,-1px); background:#ffffff;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity:0; transform:rotate(0deg) scale(0.2,0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px);}
#menu{position:absolute; width:305px; margin:-50px 0 0 -60px; padding:50px 50px 50px 80px; padding-top:70px; background:#222222; list-style-type:none; -webkit-font-smoothing:antialiased; /* to stop flickering of text in safari */ transform-origin:0% 0%; transform:translate(-100%, 0); transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.LogoM{margin:0px 0px 0px 75px!important;}
#menu li{padding:10px 0; font-size:22px;}
#menuToggle input:checked ~ ul{transform:none;}
u ~ div .LogoM{margin:0px!important;}
u ~ div .View1{padding-right:15px!important;}
u ~ div .BPad{padding-right:0px!important;}
/* Samsung Mail (External) */
#MessageViewBody .LogoM{margin:0px 0px 0px 50px!important;}
}
@media only screen and (max-width: 380px){
#menu{margin:-50px 0 0 -50px; padding:50px 30px 50px 50px; padding-top:70px;}
.LogoM{margin:0px 0px 0px 55px!important;}
}