.overlay-navigation{position:fixed;z-index:99999;top:0;right:0;width:320px;height:100%;background-color:#6CB545;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);padding-top:150px;}
.overlay-slide-down{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);padding-top:150px;}
.overlay-slide-down .open-overlay{right:300px;}
.overlay-slide-up{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-transform:translateX(100%);-moz-transition:all .8s ease-in-out;transform:translateX(100%);padding-top:150px;}
.menu nav ul{list-style:none;}
.menu nav ul li{width:100% !important;}
.menu nav li a{position:relative;color:#fff;text-transform:uppercase;font-family:lato;font-weight:600;text-decoration:none;display:block;text-align:left;padding:15px 30px;border-bottom:solid 1px #53972f;letter-spacing:2px;font-size:1.15em;}
.open-overlay{position:fixed;right:2em;top:3%;z-index:99999;width:42px;display:block;cursor:pointer;height:42px;background:#6cb545;padding:2px 8px;}
.open-overlay span{display:block;height:2px;background-color:#fff;cursor:pointer;margin-top:8px;}
.animate-top-bar{-webkit-animation:animate-top-bar .6s linear 1 both;-moz-animation:animate-top-bar .6s linear 1 both;animation:animate-top-bar .6s linear 1 both;}
.animate-bottom-bar{-webkit-animation:animate-bottom-bar .6s linear 1 both;-moz-animation:animate-bottom-bar .6s linear 1 both;animation:animate-bottom-bar .6s linear 1 both;}
.animate-middle-bar{-webkit-animation:animate-middle-bar .6s linear 1 both;-moz-animation:animate-middle-bar .6s linear 1 both;animation:animate-middle-bar .6s linear 1 both;}
.animate-out-top-bar{-webkit-animation:animate-out-top-bar .6s linear 1 both;-moz-animation:animate-middle-bar .6s linear 1 both;animation:animate-out-top-bar .6s linear 1 both;}
.animate-out-bottom-bar{-webkit-animation:animate-out-bottom-bar .6s linear 1 both;-moz-animation:animate-out-bottom-bar .6s linear 1 both;animation:animate-out-bottom-bar .6s linear 1 both;}
.animate-out-middle-bar{-webkit-animation:animate-out-middle-bar .6s linear 1 both;-moz-animation:animate-out-middle-bar .6s linear 1 both;animation:animate-out-middle-bar .6s linear 1 both;}
@-webkit-keyframes slide-in-nav-item{from{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}
to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
@keyframes slide-in-nav-item{from{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}
to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes slide-in-nav-item-reverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
to{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);}
}
@keyframes slide-in-nav-item-reverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
to{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);}
}
@-webkit-keyframes animate-top-bar{0%{background-color:#fff;}
50%{-webkit-transform:translateY(9px);-moz-transform:translateY(9px);-o-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}
80%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);background-color:#fff;}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:#29363B;}
}
@keyframes animate-top-bar{0%{background-color:#fff;}
50%{-webkit-transform:translateY(9px);-moz-transform:translateY(9px);-o-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}
80%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);background-color:#fff;}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:#29363B;}
}
@-webkit-keyframes animate-bottom-bar{0%{background-color:#fff;}
50%{-webkit-transform:translateY(-9px);-moz-transform:translateY(-9px);-o-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
80%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-moz-transform:translateY(-5px);transform:translateY(-5px);background-color:#fff;}
100%{-webkit-transform:translateY(0);-o-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:#29363B;}
}
@keyframes animate-bottom-bar{0%{background-color:#fff;}
50%{-webkit-transform:translateY(-9px);-moz-transform:translateY(-9px);-o-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
80%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);background-color:#fff;}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:#29363B;}
}
@-webkit-keyframes animate-middle-bar{0%{background-color:#fff;}
80%{background-color:#fff;}
100%{background-color:#29363B;}
}
@keyframes animate-middle-bar{0%{background-color:#fff;}
80%{background-color:#fff;}
100%{background-color:#29363B;}
}
@-webkit-keyframes animate-out-top-bar{0%{background-color:#29363B}
50%{-webkit-transform:translateY(9px);-moz-transform:translateY(9px);-o-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}
80%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);background-color:#29363B;}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:#FFF;}
}
@keyframes animate-out-top-bar{0%{background-color:#29363B;}
50%{-webkit-transform:translateY(9px);-moz-transform:translateY(9px);-o-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}
80%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);background-color:#29363B;}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:#FFF;}
}
@-webkit-keyframes animate-out-bottom-bar{0%{background-color:#29363B;}
50%{-webkit-transform:translateY(-9px);-moz-transform:translateY(-9px);-o-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
80%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);background-color:#29363B;}
100%{-webkit-transform:translateY(0);-o-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:#FFF;}
}
@keyframes animate-out-bottom-bar{0%{background-color:#29363B;}
50%{-webkit-transform:translateY(-9px);-moz-transform:translateY(-9px);-o-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
80%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);background-color:#29363B;}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:#FFF;}
}
@-webkit-keyframes animate-out-middle-bar{0%{background-color:#29363B;}
80%{background-color:#29363B;}
100%{background-color:#fff;}
}
@keyframes animate-out-middle-bar{0%{background-color:#29363B;}
80%{background-color:#29363B;}
100%{background-color:#fff;}
}
@media(max-width:1440px){.open-overlay{position:fixed;right:2%;top:15%;}
}
@media(max-width:1366px){.menu nav li a:before{width:55px;}
}
@media(max-width:1280px){.menu nav li a{letter-spacing:1px;font-size:1.3em;}
.menu nav li a:after{letter-spacing:5px;top:54%;}
.menu nav li a:before{width:35px;}
}
@media (max-width:800px){.menu nav li a{letter-spacing:0px;font-size:1.5em;}
.menu nav li a:after{letter-spacing:3px;}
}
@media (max-width:767px){}
@media (max-width:640px){nav ul li a{font-size:11px;}
nav li a:after{font-size:0.6rem;}
.open-overlay{right:8%;}
nav li a:before{width:15px;}
.menu nav li a{font-size:1.3em;}
.menu nav li a:before{top:42%;}
}
@media (max-width:480px){.open-overlay{right:4%;top:24%;}
.menu nav li a{font-size:1.1em;}
.contact iframe{min-height:190px;}
.address-grid{padding:1.5em;}
.address-info{padding:1.5em;}
.address p{font-size:0.9em;}
}
@media (max-width:414px){}
@media (max-width:375px){.menu nav li a{font-size:1em;}
}
@media (max-width:320px){.open-overlay{right:5%;top:14%;width:42px;}
.menu nav li a{font-size:0.87em;}
.mission-left{min-height:200px;}
.dgls-caption{border:8px solid rgba(255, 255, 255, 0.33);width:80%;}
.dgls-caption{top:14%;left:9%;}
.panel-body{font-size:0.9em;}
h3.title-agile{font-size:1.8em;}
.banner-text.about-banner-text h2{padding:.6em 0.5em .4em;}
.related-posts h4, .leave-reply h4, .footer-top-grid1 h4, .recent h4, .categories h4{font-size:1.8em;}
.footer-top-grid1 ul.tag2 li a{padding:3px 7px 5px;background:#9CB998;}
}
.animate-middle-bar{}