/* home */


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

#left_bar {
float:left;
text-align:right;
padding-right:48px;
background:url(leftbar_bg.png) right top repeat-y;
min-height:100%;
width:30%;
min-width:300px;
position:fixed;
}
#left_bar #logo {
margin:20px 0;
}
#sidenav ul {
list-style:none;
margin:0px;
padding:0px;
z-index:99;
}
#sidenav ul li {
positionx:relative;
}
#sidenav ul li a {
display:block;
text-align:right;
font-size:1.5em;
margin:10px 0px;
padding:10px;
background-image:url(sidenav_bg.png);
background-size:100% 100%;
}
#sidenav ul li:hover a {
background-color:rgba(255,255,255,0.8);
text-decoration:none;
color:#436D94;
z-index:3;
}
#sidenav ul li ul {
position:absolute;
right:-212px;
margin-top:-60px;
text-align:left;
width:260px;
display:none;
z-index:3;
}
#sidenav ul li ul li a {
text-align:left;
width:100%;
background-color:rgba(255,255,255,0.8);
}
#sidenav ul li:hover ul {
display:inherit;
z-index:99;
}
#sidenav ul li ul li a:hover {
background-color:#fff;
color:#333;
}
#hp_icons {
float:left;
margin-left:35%;
text-align:center;
}
#hp_icons a {
display:none;
margin:40px;
width:260px;
height:260px;
background-size:100% 200%;
border:10px solid #fff;
background-repeat:no-repeat;
background-position:50% 100%;
float:left;
}
#hp_icons a.vis {
opacity:1;
display:block;
}
#hp_icons a div {
background-image:url(gradient.png);
display:block;
font-family:'PT Sans Narrow';
text-align:center;
color:#fff;
font-weight:700;
font-size:1.6em;
padding:20px 0;
margin-top:200px;
text-transform:uppercase;
background-size:100% 100%;
background-color:rgba(0,0,0,0.5);
}
#hp_icons a:hover {
text-decoration:none;
background-position:50% 0%;
}
#hp_slogan {
font-family:'PT Sans Narrow',sans-serif;
font-weight:bold;
font-size:3em;
color:#5C8AB5;
top:50%;
font-style:italic;
text-shadow:2px 2px 2px #fff;
right:5%;
opacity:0;
transition:all 1.5s ease;
z-index:0;
position:absolute;
}
#hp_slogan.vis {
opacity:1;
top:5%;
}

@media (min-width: 1600px) {

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {
#left_bar {
padding-right:18px;
width:50%;
min-width:200px;
}
#left_bar #logo {
margin:10px 0;
width:130px;
height:130px;
position:absolute;
left:10px;
}
#sidenav ul {
margin:40px 0 0 0;
}
#sidenav ul li a {
font-size:1.1em;
margin:4px 0px;
padding:4px;
}
#sidenav ul li ul {
margin-top:-37px;
width:220px;
}
#hp_slogan {
text-shadow:2px 2px 6px rgba(0,0,0,0.5);
right:-10%!important;
display:none;
}
#hp_slogan.vis {
top:44%;
right:-30%;
font-size:30px;
}

}

@media (max-width: 480px) {
#sidenav ul {
margin:140px 0 0 0;
}

}