body {font-family: 'Roboto', sans-serif; overflow-x: hidden;}

  

/** margin **/

.mt-0{margin-top:0px;}

.mb-0{margin-bottom:0px;}

.ml-0{margin-left:0px;}

.mr-0{margin-right:0px;}



.mt-5{margin-top:5px;}

.mb-5{margin-bottom:5px;}

.ml-5{margin-left:5px;}

.mr-5{margin-right:5px;}



.mt-10{margin-top:10px;}

.mb-10{margin-bottom:10px;}

.ml-10{margin-left:10px;}

.mr-10{margin-right:10px;}



.mt-15{margin-top:15px;}

.mb-15{margin-bottom:15px;}

.ml-15{margin-left:15px;}

.mr-15{margin-right:15px;}



.mt-20{margin-top:20px;}

.mb-20{margin-bottom:20px;}

.ml-20{margin-left:20px;}

.mr-20{margin-right:20px;}



.mt-25{margin-top:25px;}

.mb-25{margin-bottom:25px;}

.ml-25{margin-left:25px;}

.mr-25{margin-right:25px;}



.mt-30{margin-top:30px;}

.mb-30{margin-bottom:30px;}

.ml-30{margin-left:30px;}

.mr-30{margin-right:30px;}

 

.mt-50{margin-top:50px;}

.mb-50{margin-bottom:50px;}

.ml-50{margin-left:50px;}

.mr-50{margin-right:50px;}



.mt-100{margin-top:100px;}

.mb-100{margin-bottom:100px;}

.ml-100{margin-left:100px;}

.mr-100{margin-right:100px;}





 /** padding **/

.pt-5{padding-top:5px;}

.pb-5{padding-bottom:5px;}

.pl-5{padding-left:5px;}

.pr-5{padding-right:5px;}

 

.pt-10{padding-top:10px;}

.pb-10{padding-bottom:10px;}

.pl-10{padding-left:10px;}

.pr-10{padding-right:10px;}



.pt-15{padding-top:15px;}

.pb-15{padding-bottom:15px;}

.pl-15{padding-left:15px;}

.pr-15{padding-right:15px;}



.pt-20{padding-top:20px;}

.pb-20{padding-bottom:20px;}

.pl-20{padding-left:20px;}

.pr-20{padding-right:20px;}



.pt-25{padding-top:25px;}

.pb-25{padding-bottom:25px;}

.pl-25{padding-left:25px;}

.pr-25{padding-right:25px;}



.pt-30{padding-top:30px;}

.pb-30{padding-bottom:30px;}

.pl-30{padding-left:30px;}

.pr-30{padding-right:30px;}



.pt-50{padding-top:50px;}

.pb-50{padding-bottom:50px;}

.pl-50{padding-left:50px;}

.pr-50{padding-right:50px;}



/** color **/

.text-white{color:#fff;}

.text-black{color:#000;}

.text-gray {color:#ccc;}

.text-green{color:#003c1d;}

 

 p {margin:0;}

 a:hover {text-decoration:none; color:#003318;}

 ul {-webkit-padding-start:0px;}

 li {list-style:none;}

.header-contact{background:#003318; width:100%; height:auto; padding:5px 0 7px 0;}



.section-title h2 {

  font-size: 50px;

  letter-spacing: 1.5px;

  text-transform: uppercase;

  font-weight: 700;

  font-family: 'Josefin Sans', sans-serif;

}
@media screen and (max-width: 550px) {
    
    .flex-active-slide h2.btn{
        
        margin-top: 50px;
    }
      .main-single-slider li .meta .btn {
        padding: 8px 2px;
      }
}
@media screen and (max-width: 430px) {

  .section-title h2 {

    font-size: 30px;

  }

}

/** NAV **/

.list-unstyled,

.list-unstyled ul {min-width:120px }



@media ( min-width: 768px ) {

  .panel-group { width:400px; }

  .thumbnail { margin:0;}

}



@media (max-width: 991px) {

  .navbar-header {

    float:none;

  }

  .navbar-toggle {

    display:block;

    margin-top:7px;

  }

  .navbar-collapse {

    border-top:1px solid transparent; 

    box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);

  }

  .navbar-default .navbar-toggle {

    border-color: #9dc73d;

    background-color: #9dc73d;

  }

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

    background-color: #9dc73d;

  }

  .navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

  }

  .navbar-collapse.collapse {

    display:none!important;

    margin-top: 0px;

  }

  .navbar-nav {

    float:none!important;

    margin:7.5px -15px;

  }

  .navbar-nav>li {

    float:none;

  }

  .navbar-nav>li>a {

    padding-top:10px; 

    padding-bottom:10px;

  }

  .collapse.in{

    display:block !important;

    margin-top: 0px;

  }

}

.navbar-brand>img {

  margin-top: -28px;

  width: 90px;

}

.panel-title a:hover{

  text-decoration:none;

}

.panel-title a {

  text-decoration:none;

}

.dropdown-menu>li>a {

  font-size:14px;

  letter-spacing:1px;

  width:100%;

  color:#190a5e;

  border-bottom:1px solid #ccc;

  text-align:left;

  padding: 13px 20px;

  transition:all .3s ease-in-out;

  text-transform:uppercase;

}
.navbar-default .navbar-nav {
  margin-top: 10px;
}
.navbar-default .navbar-nav>li>a:hover {

  color:#9dc73d;

  transition:all .3s ease-in-out;

}

.navbar-default .navbar-nav>li>a {

  font-size:14px;

  text-transform:uppercase;

  color: #000;

  font-weight: 500;

}

.navbar-default .navbar-nav>li a:before {

  position: absolute;

  content: "";

  background-color: #9dc73d;

  width: 0%;

  height: 5px;

  transition: all .3s ease-in-out;

  bottom: 0;

  margin: auto;

  left: 0;

  right: 0;

}

.navbar-default .navbar-nav>li:hover a:before {

  width: 100%;

  transition: all .3s ease-in-out;

}

/*.navbar-default .navbar-nav>li a.current {

  color: #9dc73d;

  transition: all .3s ease-in-out;

}

.navbar-default .navbar-nav>li a.current:after {

  position: absolute;

  content: "";

  background-color: #9dc73d;

  width: 100%;

  height: 5px;

  transition: all .3s ease-in-out;

  bottom: 0;

  margin: auto;

  left: 0;

  right: 0;

}*/

.dropdown-menu li a:hover {

  text-decoration:none;

  color:#fff;

  background:#eda908;

}

.dropdown-menu {

  padding:0px 0;

}

.navbar-default {

  background-image:none;

  background-image:none;

  background-image:none;

  background-image:none;

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);

  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);

  background-repeat:repeat-x;

  border-radius:4px;

  -webkit-box-shadow:none;

  box-shadow:none;

}

.navbar-default {

  background-color:#fff;

  width:100%;

  height:auto;

  border-radius:0px;

  border-color:transparent;

  padding: 20px 0 0 0;

}

.navbar-default .navbar-brand {

  height: auto;

}

.single-page-nav {

  position: fixed;

  width: 100%;

  /*padding-bottom: 20px;*/

  z-index: 999;

  border-bottom: 1px solid #ccc;

}

@media (max-width: 991px) {

  .single-page-nav {

    padding-bottom: 0px;

    top: 0;

  }

}

/** ./ NAV **/





 /** BANNERS **/

 .background_color {background: rgb(0,0,0); 

  background: -moz-linear-gradient(top, rgba(10,23,43,0.5) 0%, rgba(0,102,203,0.5) 100%); 

  background: -webkit-linear-gradient(top, rgba(10,23,43,0.5) 0%,rgba(0,102,203,0.5) 100%); 

  background: linear-gradient(to bottom, rgba(10,23,43,0.5) 0%,rgba(0,102,203,0.5) 100%); 

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a172b', endColorstr='#0066cb',GradientType=0 ); 

  width: 100%; 

  top: 0; 

  height: 100%; 

  position: absolute;

 }



 .main-single-slider p {

  position: absolute;

    top: 15%;

    left: 35px;

    z-index: 1;

    padding: 5px 10px;

    color: #fff;

    background-color: rgba(255,255,255,0.1);

 }

  .main-single-slider .slides {

    margin-top: 94px;

  }



 .flexslider {

  width: 100%;

  margin: auto;

  box-shadow: none;

  margin-top: 0;

  border: 0 solid transparent;

 }



 .flexslider li {

  position: relative;

 }

 .flexslider .banner-text-second .meta {

  bottom: 3%;

 }



 .flexslider .banner-text-second .meta h1 {

  line-height: 0;

 }

 .flexslider li .meta {

    text-align: center;

    position: absolute;

    top: 33%;

    left: 0;

    margin: auto;

    right: 0;

 }

 .main-single-slider li .meta .btn {

  background-color: #9dc73d;

  width: 43%;

  border-radius: 60px;

  text-transform: uppercase;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  position: absolute;

  right: 0;

  font-size: 16px;

  left: 0;

  top: 41%;

  padding: 24px 0;

  z-index: 3;

  margin: auto;

  display: inline-block;

  letter-spacing: 2px;

 }

 .main-single-slider .banner-text-second .meta .btn {

  margin-top: 20px;

 }



 .flexslider li h2 {

    font-size: 3vw; 

    text-align: center; 

    letter-spacing: 3px; 

    margin-top: 0px; 

    font-weight: bold; 

    color: #fff; 

    /*text-transform: uppercase; */

    line-height: 1.5;

 }



 .flexslider li h2 span {

  background-color: #9dc73d;

  padding: 0 10px;

 }



 .flexslider li .category {

    display: flex;

    flex-direction: row;

 }







 .flexslider li h2 {

    -webkit-animation-duration: .6s;

    animation-duration: .6s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft;

 }



  .flexslider li .btn {



  }

  .flexslider li .btn a {

    color: #fff;

  }



 .flexslider li.flex-active-slide .meta h2 {

    -webkit-animation-delay: .4s;

    animation-delay: .4s;

    -webkit-animation-duration: .6s;

    animation-duration: .6s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

 }

 .flexslider li.flex-active-slide .meta h2 {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

 }



 .flex-direction-nav {

    position: absolute;

    top: 50%;

    width: 100%;

 }



 .flex-direction-nav li a {

    text-decoration: none;

    display: block;

    background-color: transparent;

    margin: auto;

    top: 0;

    z-index: 10;

    opacity: 1;

    cursor: pointer;

    color: #fff;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

 }



 .flex-direction-nav li .flex-prev {

    color: #fff !important; 

    margin: 0 !important; 

    padding: 2px 15px 11px 15px !important; 

    font-size: 0; 

    -webkit-border-radius: 0 !important; 

    -moz-border-radius: 0 !important; 

    border-radius: 0 !important; 

    background: #000!important; 

    opacity: 1 !important; 

    float: left; 

    left: 25px; 

    text-shadow: 0 0 0 rgba(255, 255, 255, 0);

 }



 .flex-direction-nav li .flex-next {

    color: #fff !important; 

    margin: 0 !important; 

    padding: 2px 15px 11px 15px !important; 

    font-size: 0; 

    -webkit-border-radius: 0 !important; 

    -moz-border-radius: 0 !important; 

    border-radius: 0 !important; 

    background: #000 !important; 

    opacity: 1 !important; 

    float: right; 

    right: 25px; 

    text-shadow: 0 0 0 rgba(255, 255, 255, 0); 

 }



 .flex-direction-nav a:before {

    font-family: FontAwesome;

    content: "\f104";

    font-size: 45px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    top: 0;

    padding: 2px;

      line-height: 27px;

 }



 .flex-direction-nav a.flex-next:before {

    content: "\f105";

 }



 @-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-120px 0);

        transform: translateY(-120px 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

 }



 @keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-120px 0);

        transform: translateY(-120px 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

 }



 @-webkit-keyframes fadeOutLeft {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 0;

        -webkit-transform: translateY(0, 0, -100px);

        transform: translateY(0, 0, -100px);

    }

 }



 @keyframes fadeOutLeft {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 0, -100px);

        transform: translate3d(0, 0, -100px);

    }

 }



 @media (min-width: 1450px) {

  .main-single-slider .meta h2 {

    font-size: 3vw;

  }

}

@media (max-width: 991px) {

  .flexslider {

    margin-top: 0;

  }
  .main-single-slider li .meta .btn {
    width: auto;
    white-space: normal;
    padding: 24px 12px;
  }

}

@media (max-width: 600px) {

  .main-single-slider .meta h2 {

    margin-top: 20px;

    font-size: 4vw;

    margin-top: 15px;

  }

  .main-single-slider .meta h1

  .main-single-slider p {

    display: none;

  }

  .flex-direction-nav { 

    position: relative;

    width: auto;

    height: 50px;

    margin-top: 20px;

  }

  .flex-direction-nav li .flex-prev {

    color: #fff !important;

    left: 35%;

    padding-top: 3px !important;

    background-color: #000 !important;

  }

  .flex-direction-nav li .flex-next {

    color: #fff !important;

    right: 35%;

    padding-top: 3px !important;

    background-color: #000 !important;

  }

 }

 /** ./ BANNERS **/





/** ABOUT US **/

.about_wrap {

  background-color: #eee;

  width: 100%;

  height: auto;

  padding: 80px 0;

  position: relative;

}

.about_wrap .about_sub_wrap {

  background-color: #003c1d;

  width: 100%;

  height: auto;

  padding: 50px 0;

}

.about_wrap .about-grid {

    width: calc(50% - 30px);

    height: 100%;

    background: url(../images/makanjisola.jpg) center center/cover no-repeat local;

    position: absolute;

    float: left;

    padding: 50px;

    right: 0;

    bottom: 0;

}

.about_wrap .about-grid-wrap {

  position: relative;

  margin-top: 30px;

}

.about_wrap .about-grid-wrap h3 {

  font-size: 26px;

  padding: 0 20px;

}

.about_wrap .about-grid-wrap span {

  font-size: 26px;

  font-weight: 600;

  line-height: 1.3;

  /*background-color: #9dc73d;*/

  color: #000;

  font-family: 'Josefin Sans', sans-serif;

}

.about_wrap .about-grid-wrap p {

  padding: 0 20px;

  letter-spacing: 0.5px;

  font-size: 16px;

  line-height: 1.5;

  color: #757575;

}

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

  .about_wrap .about-grid-wrap h3 {

    padding: 0 50px;

  }

}

@media screen and (max-width: 991px){

  .about_wrap .about-grid-wrap h3 {

    padding: 0 30px;

    font-size: 40px;

  }

}

@media screen and (max-width: 767px){

  .about_wrap {

    margin-top: 20px;

  }

  .about_wrap .about-grid {

    position: static;

    right: auto;

    width: 100%;

    height: 550px;

  }

  .about_wrap .about-grid-wrap h3 {

    margin-bottom: 30px;

  }

}

/** ./ ABOUT US **/





/** EVENTS **/

.events-wrap {

  padding: 50px 0;

}


/** ./ EVENTS **/





/** GALLERY **/

.gallery-background {

  background-image: url(../images/panel-background-img.jpg); 

  margin-top: 0px; 

  background-position: center; 

  background-size: cover; 

  background-attachment: fixed; 

  width: 100%; 

  height: auto; 

  padding: 30px 0 80px 0;

}
.gallery-background #gallery-slider .item {
  padding: 0 80px;
}
.gallery-background #gallery-slider img {

  border-radius: 5px;

  border: 3px solid #000;

}


.gallery-background #gallery-slider h2 {
  text-align: center;
  background-color: #9dc73d;
  margin: 5px 0;
  border-radius: 5px;
  padding: 18px 15px 15px 15px;
  font-family: 'Josefin Sans', sans-serif;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 5px;
}

@media screen and (max-width: 500px) {
  .gallery-background #gallery-slider h2 {
    font-size: 20px;
  }
  .gallery-background #gallery-slider .item {
    padding: 0 30px;
  }
}

.owl-theme .owl-controls {

  margin-top:0px;

}

#gallery-slider .owl-buttons {

  position:absolute; 

  top:40%; 

  width:100%;

}

#gallery-slider .owl-controls .owl-buttons .owl-prev {

  color:#fff; 

  display: inline-block; 

  margin:0px; 

  height: 50px; 

  width: 50px; 

  font-size: 12px; 

  border-radius:50px; 

  background: #9dc73d; 

  filter: Alpha(Opacity=50); 

  opacity:1; 

  float:left; 

  left:0; 

  margin-left: 15px;

  text-align: center; 

  padding-top: 9px; 

  font-size: 15px;

}

#gallery-slider .owl-controls .owl-buttons .owl-next {

  color:#fff; 

  display: inline-block; 

  margin:0px; 

  height: 50px; 

  width: 50px; 

  font-size: 12px; 

  border-radius:50px; 

  background: #9dc73d; 

  filter: Alpha(Opacity=50); 

  opacity:1;

  float:right; 

  right:0; 

  text-align: center;

  margin-right: 15px; 

  padding-top: 9px; 

  font-size: 15px;

}

/**./ GALLERY **/





/** FOOTER **/

.footer-wrapper {

  background-color: #f6f6f6; 

  width: 100%; 

  height: auto; 

  padding: 50px 30px 17px 30px;

}

.facebook {

  background-color: #fff; 

  text-align: center; 

  padding-top: 12px; 

  margin-right: 13px; 

  font-size: 20px; 

  width: 50px; 

  height: 50px; 

  border-radius: 50px; 

  float: left; 

  transition: all .3s ease-in-out; 

  color: #000;

}

.facebook:hover {

  background-color: #3b5998; 

  color: #fff; 

  transition: all .3s ease-in-out;

}

.useful-links {

  margin-right: auto; 

  margin-left: auto; 

  display: inline-block; 

  margin-top: -10px;

}

.footer-contact li {

  list-style:none; 

  font-weight:300; 

  padding:8px 0 8px 0;

  margin-right: 10px;

  vertical-align: middle;

}

.footer-contact li a {

  color:#003318; 

  transition:all .8s ease-in-out; 

  font-size: 20px;

}

.footer-contact li.contact-item {

  color: #000;

  font-weight: 500;

  font-size: 18px;

}

/** ./ FOOTER **/





/** COPYRIGHT **/

.copyright_wrap {

  background-color: #1f1f1f;

  width: 100%;

  height: auto;

  padding: 30px;

  color: #fff;

  text-align: center;

}

.copyright_wrap p {

  letter-spacing: 0.5px;

  font-size: 15px;

  float: left;

}

.copyright_wrap p a {

  color: #fff;

}

#contact > div.copyright_wrap > div > div > div:nth-child(2) > p {

  float: right;

}

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

  #contact > div.copyright_wrap > div > div > div:nth-child(2) > p { 

    float: none;

  }

  .copyright_wrap p {

    float: none;

    margin: 10px 0;

  }

}


/** ./ COPYRIGHT **/



/** return top button **/

#return-to-top {

  position: fixed; 

  bottom: 20px; 

  right: 20px;

  background: #003318; 

  background: -moz-linear-gradient(top, #003318 0%, #000000 100%); 

  background: -webkit-linear-gradient(top, #003318 0%,#000000 100%); 

  background: linear-gradient(to bottom, #003318 0%,#000000 100%); 

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003318', endColorstr='#000000',GradientType=0 ); 

  width: 50px; 

  height: 50px; 

  display: block; 

  text-decoration: none; 

  -webkit-border-radius: 35px; 

  -moz-border-radius: 35px; 

  border-radius: 35px; 

  display: none; 

  -webkit-transition: all 0.3s linear; 

  -moz-transition: all 0.3s ease; 

  -ms-transition: all 0.3s ease; 

  -o-transition: all 0.3s ease; 

  transition: all 0.3s ease;

}

#return-to-top i {

  color: #fff; 

  position: relative; 

  margin-left: auto;

  display: block; 

  margin-right: auto; 

  top: 10px; 

  -webkit-transition: all 0.3s ease; 

  -moz-transition: all 0.3s ease; 

  -ms-transition: all 0.3s ease; 

  -o-transition: all 0.3s ease; 

  transition: all 0.3s ease;

}

#return-to-top:hover {

  background: #003318; 

  background: -moz-linear-gradient(top, #003318 0%, #000000 100%); 

  background: -webkit-linear-gradient(top, #003318 0%,#000000 100%); 

  background: linear-gradient(to bottom, #003318 0%,#000000 100%); 

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003318', endColorstr='#000000',GradientType=0 );

}

#return-to-top:hover i {

  color: #fff; 

  top: 5px;

}

/** ./ return top buttton **/

.event-block p{
    letter-spacing: 0.5px;
  font-size: 15px;
  line-height: 1.5;
  color: #000;
  margin-bottom: 15px;
}
.reg-block{
 line-height: 50px;
  margin-bottom: 15px;
}
.reg-block a{
    
    padding: 12px 10px;
  background: #9dc73d;
  color: #fff;
  font-size: 15px;
}
.event-block ul{
    
    padding-left:20px;
}
.event-block ul li{
    list-style: disc;
    color: #000;
}

@media screen and (max-width: 650px) {
    #main-top li .btn{
        margin-top: 70px !important;
    }
}
@media screen and (max-width: 500px) {
    
    .flexslider li .meta{
        top: 5%;
    }
    #main-top li .btn{
        margin-top: 50px !important;
    }
}