@import url("https://fonts.googleapis.com/css?family=Raleway:300,700");
body {
}
.round{
display:none !important;
}
#lastdrpd{
left:-150px;   
}
.btnclp{
color:white !important;
}
#menutgl{
font-size:45px;
color:black;
}
#menutgl .fa-bars:before{
padding:17px;
border-radius:55px;
font-size:24px;
background:white;
box-shadow:0 7px 6px -6px black !important;
}
.card-body > .list_item {
padding: 8px !important;
}
.submenu-indicator{float:right;right:22px;position:absolute;line-height:19px;font-size:20px;-o-transition:transform .3s linear;-moz-transition:transform .3s linear;-webkit-transition:transform .3s linear;-ms-transition:transform .3s linear}
ul ul.submenu .submenu-indicator{line-height:16px}
.submenu-indicator-minus>.submenu-indicator
{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
ul.submenu, ul ul.submenu li ul.submenu{width:100%;display:none;position:static}
ul ul.submenu li{clear:both;width:100%}
ul ul.submenu li a{width:100%;float:left;font-size:11px;background:#383838;border-top:none;position:relative;border-left:solid 6px transparent;-o-transition:border .2s linear;-moz-transition:border .2s linear;-webkit-transition:border .2s linear;transition:border .2s linear}
ul ul.submenu li:hover>a{border-left-color:#414956}
ul ul.submenu>li>a{padding-left:30px}
ul ul.submenu>li>ul.submenu>li>a{padding-left:45px}
ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}
h1.page_title{color:#fff;}
h4.what_to_do{color:#fff;}
h2.menu_title{color:#fff; text-align:center; padding-top:10px;}
.page_title,
.what_to_do {
font-weight: 300;
line-height: 120%;
text-align: center;
text-shadow: 0 1px 5px rgba(0,0,0,.8);
text-transform: uppercase;
} a,
.side_menu {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
} .side_menu {
z-index:999999999;
background: rgba(0, 0, 0, 0.8);
height: 100%;
left: -250px;
position: fixed;
top: 0;
width: 250px;
}
.side_menu .container {
padding: 0 1em;
} .burger_box {
display: block;
float: right;
margin-right: -65px;
}
.px-5{
overflow:scroll;
}
.burger_box a.menu-icon {
display: inline-block;
float: none;
height: 43px;
padding: 10px;
opacity: .5;
width: 45px;
z-index: 100;
}
.burger_box a.menu-icon:hover,
.burger_box a.menu-icon.opened {
opacity: 1;
}
.burger_box a.menu-icon.opened {
}
.burger_box .menu-icon_box {
display: inline-block;
height: 100px;
position: relative;
text-align: left;
width: 100px;
}
.burger_box .menu-icon_line {
background: #fff;
border-radius: 2px;
display: inline-block;
height: 3px;
position: absolute;
width: 100%;
}
.burger_box .menu-icon_line--1 {
top: 2px;
}
.burger_box .menu-icon_line--2 {
top: 10px;
}
.burger_box .menu-icon_line--3 {
top: 18px;
}
.burger_box .menu-icon_line--1 {
transition: top 200ms 250ms, transform 200ms;
-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;
}
.burger_box .menu-icon_line--2 {
transition: opacity 0ms 300ms;
-webkit-transition: opacity 0ms 300ms;
}
.burger_box .menu-icon_line--3 {
transition: top 100ms 300ms, transform 200ms;
-webkit-transition: top 100ms 300ms, -webkit-transform 200ms;
}
.burger_box .menu-icon.opened .menu-icon_box {
transform: scale3d(0.9, 0.9, 0.9);
-webkit-transform: scale3d(0.9, 0.9, 0.9);
}
.burger_box .menu-icon.opened .menu-icon_line {
top: 10px;
}
.burger_box .menu-icon.opened .menu-icon_line--1 {
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transition: top 100ms, transform 200ms 250ms;
-webkit-transition: top 100ms, -webkit-transform 200ms 250ms;
}
.burger_box .menu-icon.opened .menu-icon_line--2 {
opacity: 0;
transition: opacity 200ms;
-webkit-transition: opacity 200ms;
}
.burger_box .menu-icon.opened .menu-icon_line--3 {
transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transition: top 200ms, transform 200ms 250ms;
-webkit-transition: top 200ms, -webkit-transform 200ms 250ms;
} .list_load {
display: none;
list-style: none;
padding: 0;
}
.list_item {
margin-left: -20px;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.list_item a {
color: #fff;
display: block;
font-size: 13.5px;
text-transform: uppercase;
padding: 5px 10px;
text-decoration: none;
}
.list_item a:hover {
background: rgba(255,255,255,.2);
}