@charset "UTF-8";
/* CSS Document */

/* Mobile Layout: 480px and below. */

/* Start Head */
#HeadWrapper { border-bottom:#000 solid 2px; text-align:center; margin:0; padding:15px 0; background-color:#3e013e; color:#FFF; }
#HeadWrapper .logo { float:left; width:80%; background-color:#3e013e; display:block; }
#HeadWrapper .Ltxt { float:right; width:74%; text-align:left; padding:6px 0 0 4%; display:block; }
#HeadWrapper .Ltxt h1 { font-size:36px; font-weight:normal; color:#ccc; letter-spacing:0; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }
#HeadWrapper .Limg { float:left; width:17%; text-align:right; padding-left:5%; display:block; }
#HeadWrapper .Limg img { width:100%; max-width:50px; }

#HeadWrapper .menus2 { float:right; width:20%; display:block; }
#HeadWrapper .landingContact { display:none; }

#HeadWrapper .aymCollapsiblePanelTab { color:#ddd197; }
#HeadWrapper .aymCollapsiblePanelContent a, { color:#ccc; background-color:transparent; }
#HeadWrapper .aymCollapsiblePanelContent a:hover { color:#555; background-color:#ddd197; }

#topMenuMobile3 { clear:both; text-align:right; width:100%; background-color:#3e013e; display:block; }

#topMenu2 { display:none; }

.topnav { overflow: hidden; background-color: transparent;; }
.topnav a, .topnav a:visited { float: right; display: block; color: #ddd197; text-align: center; padding: 8px 16px; text-decoration: none; font-size: 17px; }
.active { background-color: #4CAF50; color: #ddd197; }
.topnav .icon { display: none; }
.dropdown { float: right; overflow: hidden; }
.dropdown .dropbtn { font-size: 17px; border: none; outline: none; color: #ddd197; padding: 8px 16px; background-color: inherit; font-family: inherit; margin: 0; }
.dropdown-content { display: none; position: absolute; background-color: #555; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 25; }
.dropdown-content a { float: none; color: #ddd197; padding: 12px 16px; text-decoration: none; display: block; text-align: left; border-bottom:1px solid #000; }
.topnav a:hover, .dropdown:hover .dropbtn { background-color: #555; color: white; }
.dropdown-content a:hover { background-color: #ddd; color: black; }
.dropdown:hover .dropdown-content { display: block; }

@media screen and (max-width: 769px) {
.topnav a:not(:first-child), .dropdown .dropbtn { display: none; }
.topnav a.icon { float: right; display: block; }
}

@media screen and (max-width: 769px) {
.topnav.responsive { position: relative; }
.topnav.responsive .icon { position: absolute; right: 0; top: 0; }
.topnav.responsive a { float: none; text-align: left; display: block; }
.topnav.responsive .dropdown { float: none; }
.topnav.responsive .dropdown-content { position: relative; }
.topnav.responsive .dropdown .dropbtn { width: 100%; text-align: left; display: block; }
}

#mySidepanel1 { display:block; }
.sidepanel1  {
    width: 0;
    position: fixed;
    z-index: 20;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #555;
    /* overflow-x: hidden; */
	overflow: scroll;
    transition: 0.5s;
    -webkit-transition: .5s;
    padding-top: 60px;
}

.sidepanel1 a, .sidepanel1 a:visited {
    padding: 8px 8px 8px 32px;
	border-bottom:#333 solid 1px;
    text-decoration: none;
    font-size: 25px;
    color: #ddd197;
    display: block;
    transition: 0.3s;
}

.sidepanel1 a:hover {
    color: #0f0;
}

.sidepanel1 .closebtn {
    position: absolute;
    background-color: #555;
    color: #ddd197;
    top: 0;
    right: 25px;
    font-size: 36px;
	border:none;
}
.sidepanel1 .closebtn:hover { color: #f00; }

.sidepanel1 .mysidepanel1 {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
}

.openbtn {
    font-size: 40px;
    cursor: pointer;
    background-color: #3e013e;
    color: #ddd197;
    padding: 10px 15px;
    border: none;
}
.openbtn:hover { color: #0F0; }

/* End Head */



/* Start Footer */
#foot {
	background-color:#333;
	border-top:#CCC solid 2px;
	color:#AAA;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 35px 0 0 0;
}
#foot h4 {
	font-family:Arial, Helvetica, sans-serif; color:#EEE; margin:0; padding:0; font-size:18px; font-variant: small-caps;
}
#foot a, #foot a:visited {
	color:#cc47ed;
	text-decoration:none;
}
#foot a:hover { color:#FFF; }

/* End Footer */

@media only screen and (min-width: 481px) {

/* Start Head */
#HeadWrapper .logo { width:55%; }
#HeadWrapper .menus2 { width:30%; }
#HeadWrapper .Ltxt h1 { font-size:30px; font-weight:normal; color:#ccc; letter-spacing:1px; text-transform:uppercase; }

#topMenuMobile3 { clear:both; width:100%; background-color:#3e013e; display:block; }
#mySidepanel1 { display:block; }
#topMenu2 { display:none; }
#myTopnav { width:60%; margin-left:40%; }

.content h1 { font-size:2em; }
.content h3 { font-size:1em; display:inline; }

/* End Head */
}

@media only screen and (min-width: 769px) {

/* Start Head */
#HeadWrapper .logo { width:30%; }
#HeadWrapper .menus2 { width:69%; }
#HeadWrapper .landingContact { margin:20px 45px 0 0; text-align:right; font-size:16px; letter-spacing: -2px; display:block; }

#topMenuMobile3 { display:none; }
#mySidepanel1 { display:none; }
#topMenu2 { position: absolute; right: 0px; top: 0px; z-index: 25; width:70%; display:block; }
#myTopnav { width:99%; margin:8px 1% 0 0; }

.content h1 { font-size:2.8em; }
.content h3 { font-size:1.25em; display:inline; }

#HeadWrapper .Ltxt { float:right; width:74%; text-align:left; padding:19px 0 0 4%; display:block; }
#HeadWrapper .Ltxt h1 { font-size:48px; font-weight:normal; color:#ccc; letter-spacing:2px; text-transform:uppercase; }
#HeadWrapper .Limg { float:left; width:17%; text-align:right; padding-left:5%; display:block; }
#HeadWrapper .Limg img { max-width:90px; }
/* End Head */

}