/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }
        .news h4
        {
        color: #207123;
        text-align:center;
        font-size: 20px;
        text-transform: uppercase;      
        }
        #milestone h3
        {
        font-weight: bold;
        color: #544f4f;
        font-size: 24px;
        }
        #milestone p{
            font-size: 14px;
            padding-bottom: 6%;
            text-align: center;
        }
        #milestone .col-lg-2
        {
            padding: 2%;
        }
        
    body, ul, li,a {
 margin: 0;
 padding: 0;
 list-style: none;
}
.menu{
 background: #dddfde;
}
.menu a{
 display: block;
 text-decoration: none;
 color: #4c4c4c;
 font-weight: bold;
    font-size: 14px;
    padding: 0px 17px;
}
.hvr-glow:hover a
{
border-right: 0px solid!important;
}
.menu li{
 position: relative;
 padding: 10px 3px;
}
.menu li ul
{
 display: block;
 background:  #969a98;
 max-height: 0;
 overflow: hidden;/*
 margin-top: 4%;*/
 transition: all 0.3s ease;
}
.menu li ul li
{
/*background:  #807e7e;*/
background: #696d6b;
text-align: left;
display: inline-block;
width: 220%;
}
.menu li ul li:hover
{
background:  #928e8e;
color: white;
}
.menu li ul li a
{
font-weight: normal;
font-size: 15px;
padding: 5px 17px;
line-height: 14px;
color: white;
}

nav{
  max-height:60px;
 transition: max-height 0.3s;
 overflow: hidden;
}
.menu-btn{
 text-align: center;
 cursor: s-resize;
     margin-top: 11%;
}
.menu-btn img{
 vertical-align: middle;
 padding-bottom: 3%;
 margin-top:-10%;/*
 height: 50px;*/
}
.menu-open,
.menu .open > ul{
 max-height: 2000px!important;
}
.menu .open > .more img{
 transform: rotate(-180deg);
}
.more img{/*
 height: 55px;*/
 transition: transform 0.3s;
}
.more{/*
 background: #dddfde;*/
 float: right;
 min-width: 10%;
 cursor: move;/*
 margin-top: 5%;*/
 display: none;
}


@media all and (max-width: 800px)  {
.more{
  display: block;
  margin-top: -1%;
}
.menu > li{
  width: 100%;
  }
  .hvr-glow a{
border-right: 0px solid!important;
  }
 
  }

@media all and (min-width: 1200px){
nav{
 max-height: 100%;
 overflow: visible;
}
.menu-btn{
 display: none;
}

.menu{
 text-align: center;/*
 width: 1250px;*/
}
.menu a:hover{
    text-decoration: none;
 /*width:9em;
 background: #232d3b;*/
}
/*.menu a:hover{
 background-color: #1ABC9C;
}*/
.menu > li{
 display: inline-block;
 margin: 0 2px;
}
.menu li ul{
 left: -9999px;
 position:absolute;
 overflow: visible;

 -webkit-transition: all 0.1s ease;
}
.menu > li > ul ul{
 top: 0;
}
.menu li:hover > ul{
 left:100%; 
 top: 55px;
}
.menu > li:hover > ul{
 left: 0;
}
.menu .open > ul{
 left:100%; 
}
.menu > li.open > ul{
 left: 0;
}
}
.box{
    height: 300px;
    background: hotpink;
}

.box p{
  padding: 30px;
  font-family:verdana;
  text-align:center;
  font-size:24px;
}
.box a{
  color:#fff;
  text-decoration:none;
}
li.hvr-glow
{
padding: 18px 0px;
}
/*li:hover
{
padding:12px 20px;
}*/
/*.hvr-glow:hover a
{
border-right: 0px solid!important;
}*/
@media all and (max-width: 800px)  {

 li #canvas
  {
    margin-top: -2%!important;
    margin-bottom: 3%!important;
  }

.logo
{
text-align: center!important;
} 
.social-icons
{
text-align: center!important;
float:none!important;
padding: 0%;
}

header
{
background: none;
}
/*#jssor_1
{
margin-top:800px!important;
}*/
li#support
{
width: 40%!important;
    margin-left: 5%!important;
    box-shadow: none!important;
}
#support a
{
text-align: center!important;
padding: 0px 0px!important;
}
.menu li ul
{
margin-top: 0%!important;
}
#facebk
{
margin-left: 7%;
}
.menu{/*
    margin-bottom: 20px;*/}
}
@media (min-width: 600px) and (max-width: 1000px){
/*.logo {
    margin-top: 10%;
    margin-left: -35%;
}*/

.menu{/*margin-top: -6%;*/
   /* margin-bottom: 20px;*/}
.menu-btn
{
/*text-align: right!important;*/
}
.social-icons
{
text-align: right!important;
margin-top: 0%;
font-size: 17px;
}
/*#menubar
{
background:none!important;
margin-top: 0%;
}*/
li#support {
    width: 20%!important;
    margin-left: 2%!important;
}
.menu-btn img {
    margin-top: -18%;
}
#facebk img
{
width: 20px;
}
#facebk {
  /*  margin-left: 3%;*/
}
.menu li ul li
{width: 100%;}

#bottombanner button
    {
        width: auto!important;
        padding: 2%!important; 
        box-shadow: none!important;
    }
}