* {
margin:0;
padding:0;
  box-sizing: border-box;
}
 
/* End demo styles */

body{padding:0px; margin:0px; font-family: 'Poppins', sans-serif; font-weight:400; color:#000; line-height:normal; background:#fff;}
	
a{text-decoration:none;	outline:none;}

img { margin: 0; height:auto; max-width: 100%; padding: 0;  border:0;}

h1, h2, h3, h4, h5, h6{	margin:0px;	padding:0px; font-weight:normal;}

ul, ol{list-style-type:none;}

 


#mobnavbar {
    display: none;
   text-align: center;
    line-height: 50px;
    font-size: 21px;
    cursor: pointer;
    /*border-bottom: 1px solid #5c7222;*/
    /*background: #E51573;*/
    color: #000;
    margin:0;
}

#navbar {
    position: relative;
}

.navbar {
    border-bottom:1px solid #fff;  border-top:1px solid #fff;
}

.navbar ul {
    padding: 0;
	text-align:center; margin:0;
}

.navbar ul li {
    display: inline-block;
    line-height:35px;
    font-size:14px;
	vertical-align:top; 
    padding: 0;
    -webkit-transition: ease-in-out .15s;
    -o-transition: ease-in-out .15s;
    transition: ease-in-out .15s;   font-family: 'Roboto', sans-serif; font-weight:bold;
}

.navbar ul li:hover {
     color: #000;
}

/*.navbar ul li:last-child a{ padding-right:0;}*/

.navbar ul li a {
    display: inline-block;
    color: #2f3337;
    padding: 10px 17px;
	font-weight:400;
    text-decoration: none;
    -webkit-transition: ease-in-out .15s;
    -o-transition: ease-in-out .15s;
    transition: ease-in-out .15s;
    width: 100%;

}



/*.navbar ul li a:hover {
     background:#888;
    color: #fff;
}*/

.navbar ul li:hover a {
    color: #00; 
}

.navbar ul li a.active {
    color: #000; 
}

.navbar ul li:hover ul {
    display: block;
}

.navbar ul li ul {
    display: none;
    position: absolute;
    padding:0;
    z-index: 200;
	width:180px;
	text-align:left;
	
}

.navbar ul li ul li {
    border: none;
    padding: 0; text-transform:none;
    display: block; line-height:35px; font-size:15px;
}

.navbar ul li ul li:hover {
    border-radius: 0;
}

.navbar ul li ul li:first-child {
    border: none;
}

.navbar ul li ul li a {
   /* margin: 5px 0;*/
   padding:2px 15px;
    color: #fff!important; 
	background:#333 !important;
}

/*.navbar ul li ul li a{ padding-right:50px !important;}*/

.navbar ul li ul li a:hover {
    border-radius: 0;
	background:#999 !important;
}

.navbar ul li ul ul {
    position: absolute;
    left: 200px;
    top: 0;
    display: none;
}

.navbar ul li li:hover ul {
    display: block!important;
}

@media screen and (max-width:749px) {
    .navbar ul li a { 
        padding: 3px;
    }
  .navbar {
        display: none;
        padding: 0;
        text-align: left;
        width: 100%;
        margin: 0;
        position: absolute;
        z-index: 200;
    }
    .navbar ul {
        z-index: 10;
        position: relative;
        display: block;
        background: #888;
    }
    .navbar ul li {
        display: block;
        z-index: 3;
        text-align: left;
        position: relative;
        padding: 0;
        margin: 0;
    }
    .navbar ul li:hover {
        background: #EE2C86;
        border-radius: 0;
        color: white;
    }
    .navbar ul li:hover {
        background: none;
    }
    .navbar ul li a {
        background: #000;
        display: block;
        position: relative;
        width: 100%;
        color: white;
        padding: 3px 10px;
    }
    .navbar ul li a:hover {
        border-radius: 0;
    }
    .navbar ul li ul {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        border: none;
    }
    .navbar ul li ul {
        display: block;
        background: none;
		padding:0;
    }
    .navbar ul li ul li {
        border: none;
        float: none;
        clear: both;
        width: 100%;
    }
    .navbar ul li ul li a {
        float: none;
        clear: both;
        width: 100%;
        padding: 5px 20px 5px 30px;
        margin: 0;
        color: white;
    }
    .navbar ul li ul li a:hover {}
    .navbar ul li ul ul {
        display: block;
        left: 0;
        position: relative;
        width: 446px;
    }
    .navbar ul li ul ul li {
        width: 436px;
    }
    #mobnavbar {
        display: block;
    }
	
	.btn-navbar {display: block;	width:46px;	height:34px; margin:6px auto; background:#f37123; border:#f37123; cursor:pointer;}

.btn-navbar .icon-bar {display: block; width: 18px; height: 2px; margin:0 auto; background-color: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

.btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}
}

@media screen and (min-width:750px) {
    .navbar {
        display: block!important;
    }
}


.header-wrap{background:#fff; border-top:35px solid #2f3337; padding:15px 0;}
/*---------------slider---------------*/
.banner{ width:100%; margin:0; padding:0; height:auto; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}


/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0;  position: relative;  }
 

/* Direction Nav */
.flex-direction-nav {/**height: 0; display:none;*/}
.flex-direction-nav a  { text-decoration:none; display: block; width: 79px; height: 163px; margin: -20px 0 0; position: absolute; top: 10%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 0; text-align: right; }
.flexslider  .flex-prev {opacity: 1;  left:0; background:url(../images/lt-arrow.png) 0 0 no-repeat; text-indent:-9999px; font-size:0px;}
.flexslider  .flex-next {opacity: 1;  right:0; background: url(../images/rt-arrow.png)0 0 no-repeat; text-indent:-9999px;font-size:0px;  }
 
.flex-direction-nav .flex-disabled { opacity: 0!important;  cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block;}
.flex-direction-nav a.flex-next:before  {  }

.banner .flex-direction-nav{display:none;}

.ceo-wrap .flex-direction-nav{display:none;}

/* Control Nav */
.flex-control-nav { display:none;}

.sliderimg {float:left; width:100%; } 

.services-wrap{width:100%; display:block; background:#fff;  text-align:center; padding:20px 0 0;    }

.services-wrap .row{ justify-content: center;}

.services-wrap h2{color:#00506d; font-size:48px; text-transform:uppercase; line-height:60px; padding-bottom:50px;}

.services-wrap h2 span{ font-size:14px; display:block;}

.services-wrap img {
  border: 1px solid #e1e1e1; 
  padding: 12px;
  
}

.services-wrap img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 80, 109, 0.5);
}

.services-wrap h3{color:#00506d; font-size:15px; text-transform:uppercase; padding:12px 0; }

.services-wrap h3 span{display:block; font-size:12px;  padding:10px 0 0;}

.services-wrap a{ color:#a3a3a3; text-transform:uppercase; border-bottom:1px solid #a3a3a3; line-height: normal; font-weight:normal;   }

.services-wrap a:hover{text-decoration:none; border-bottom:1px solid #00506d; color:#00506d;}

.services-wrap p{padding-bottom:30px;} 

.about-wrap{width:100%; display:block; background:url(../images/bg.jpg) 0 0 no-repeat; background-size:100% 100%;   padding:25px 0; color:#fff;     }

.about-wrap h2{font-size:48px; padding:0 0 0 160px; position:relative; margin-bottom:30px;}

.about-wrap h2:after{ position:absolute; width:150px; height:10px; background:#e57338;  bottom:25px; left:0;  content:'';}

.about-wrap  p{text-transform:uppercase; color:#fff; font-size:12px; text-align:justify; line-height:25px;}

.footer-top{ background:#fff; width:100%; display:block; color:#000; font-size:14px; padding:45px 0;}

.box{-webkit-box-shadow: 0px 0px 10px 0px rgba(99,99,99,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(99,99,99,1);
box-shadow: 0px 0px 10px 0px rgba(99,99,99,1); padding:25px; position:relative; font-family: 'Roboto', sans-serif; margin-bottom:20px; }

.box h3{font-family: 'Oswald', sans-serif; font-weight:600; font-size:24px; padding-bottom:10px; }

.donate{position:absolute; width:160px; height:50px; background:#f37123; top:40%; right:-25px; color:#fff; line-height:50px; text-align:center; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:17px;}

.donate:hover{color:#fff; text-decoration:none; background:#ca520a;}

.donatebtn{ display:inline-block; width:100px; height:30px; background:#f37123;  color:#fff; line-height:30px; text-align:center; font-family: 'Oswald', sans-serif;  font-size:14px; margin:22px 0 0; border-radius:5px;}

.donatebtn:hover{color:#fff; text-decoration:none; background:#ca520a;}

.footer-wrap{ background:#03101e; width:100%; display:block; color:#e2e8f1; font-size:14px; padding:25px 0;   }  

.footer-wrap a{color:#e2e8f1;}

.footer-wrap a:hover{color:#fff;}


/*innerpages*/

.banner-inner{width:100%; display:block; line-height:0;}

.banner-inner img{width:100%; height:auto;}

.mainbodyinner-wrap{ width:100%; display:inline-block; vertical-align:top; background:#ffffff; padding:40px 0;  }

.mainbodyinner-wrap h2{color:#00506d; font-size:48px; text-transform:uppercase; line-height:60px; padding-bottom:50px; }

.mainbodyinner-wrap p{color:#39393a; font-size:18px; line-height:normal; padding-bottom:20px;}

.mainbodyinner-wrap h3{ font-size:25px; padding-bottom:30px; color:#00506d;}

.mainbodyinner-wrap ul li{list-style-type:disc;  padding-bottom:5px;}
 
.mainbodyinner-wrap ul{padding:0 0 30px 30px;}

.mainbodyinner-wrap ol li{ list-style-type:lower-latin; padding-bottom:5px;}
 
.mainbodyinner-wrap ol{padding:0 0 30px 30px;}

.map {padding:25px 0;}
.map iframe{width:100%!important; height:240px!important; border-raidus:5px;}

 
  

.contactform input { color:#676767; font-size:19px; text-transform:uppercase; border:1px solid #dcdcdc; line-height:44px; width:100%; padding:0 10px; background:none; margin-bottom:20px;}

.contactform textarea{ color:#676767; font-size:19px; text-transform:uppercase; border:1px solid #dcdcdc; line-height:44px; width:100%; height:150px; padding:0 10px; background:none; margin-bottom:20px;}

.contactform input[type=button]{ border:0; background:#f37123; width:180px; text-align:center; height:50px; color:#fff; cursor:pointer;   font-size:18px; transition:all 0.3s ease; margin-bottom:15px; font-family: 'Oswald', sans-serif;  }

.contactform input[type=button]:hover{  background:#ca520a; color:#fff; text-decoration:none; }

.contactform ::placeholder{ color:#fff; }

#thumbnails ul li { display:inline-block; width:22%; margin:1%; }

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

.footer-wrap{text-align:center;}

.text-right{text-align:center !important;}

}

@media screen and (max-width: 460px) {
 	 .header-wrap{text-align:center;}
	 .donate{position:static; display:block;}
	 .about-wrap h2::after{display:none;}
	 .about-wrap h2{padding:0;}
}