* {
  margin: 0; padding: 0; box-sizing: border-box !important; 
}
body {
  background:  #e8f1f1;
 
  padding: 0%;
  margin-left: 0%;
  margin-right: 0%;
  left: 0px;
  right: 0px;

}
 body {
  
  background: url("./images/122.jpg") #e8f1f1  fixed;

 }

ul{padding:0; margin:0; list-style:none}
a{text-decoration:none; color:rgb(17, 17, 17)}
a:hover{color:#125f72; text-decoration:none}
a:focus{outline:none; text-decoration:none}
h1, h2, h3, h4, h5, h6{font-family:'Oswald',sans-serif}
h2{line-height:11px; }
h4{line-height:24px}
.transition{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
#status{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(images/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}
.scrollToTop{bottom:10px;  display: none; color: yellowgreen; background-color: teal; font-size:31px; font-weight:bold; height:50px; position:fixed; right:75px; text-align:center; text-decoration:none; width:50px; z-index:9; border:1px solid; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.scrollToTop:hover, .scrollToTop:focus{text-decoration:none;color: rgb(75, 127, 241);  outline:none}
#header{display:inline; float:left; width:100%; margin-top:-1px; }
.header_top{background-color:#000; display:inline; float:left; height: 0px; width:100%}
.header_top_left{float:left; display:inline;line-height: 0px; width:50%; }
.top_nav{text-align:left}
.top_nav li{display:inline-block}
.top_nav li a{display:inline-block; border-right:1px solid #333; color:#fff; font-size:12px; font-weight:bold; padding:15px 5px; text-transform:uppercase; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.top_nav li a:hover{background-color:#83d08a}
.header_top_right{float:left; display:block; width:40%; line-height: 0px; text-align:left}
.header_top_right > p{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; padding-bottom:0px; padding-right:8px; padding-top:5px}
.header_bottom{background-color:rgb(255, 255, 255); border-top: rgb(5, 148, 167) 2px solid; display:inline; float:left; padding:1px 5px 4px; width:100%}
.logo_area{ float:left; height:111px; width:65.4%; margin-left: 1px;margin-top: 4px; }
.logo_area img{width:100%; height:100%}
.logo_area img:hover{opacity:1}

.add_banner{float:right; width:33.1%; height:111px;  margin-right: -5.4px;  margin-top: -2px; z-index: 0;}
.add_banner img{width:100%; height:100%; }

.add_banner1{float:right; width:33.1%; height:111px;  margin-right: -5.4px; margin-top: 10px; z-index: 0;}
.add_banner1 img{width:100%; height:100%}


.categoryPart P {
  font-size: 17px;
}

.single_iteam{display:inline; float:left; position:relative;  width:100%; height:504px}
.single_iteam img{width:100%; height:100%}

.single_iteam1{display:inline; float:left; position:relative;  width:100%; height:421px}
.single_iteam1 img{width:100%; height:100%}

.single_iteam img:hover{opacity:1}


.slider_article > p{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff;width: 100%; padding:3px; display:inline-block}
.slider_article{ bottom:-11px; left:-10px;  position:absolute; right:0; padding:10px 15px}
.slider_article > h2 a{ background:none repeat scroll 0 0 rgba(0,0,0,0.6);text-align: left; font-family: 'Times New Roman', Times, serif; color:#fff;width: 100%; font-size:21px; line-height: 24px; padding:10px; display:inline-block}
.slider_article > p{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; padding:3px; display:inline-block}
.slick-prev:before{ content:""}
.slick-prev{ background-image:url(images/slider_prev.png); background-repeat:no-repeat; background-position:center; left:10px}
.slick-next:before{ content:""}
.slick-next{ background-image:url(images/slider_next.png); background-repeat:no-repeat; background-position:center; left:60px}
.slick-prev {background-color:transparent; top:50%; left:1%; width:20px; height:20px}
.slick-next {background-color:transparent; top:50%; left:94%; width:20px; height:20px}
.slick-prev:hover, .slick-next:hover{opacity:0.5}
.latest_post{float:left; display:inline; width:100%; }
.latest_post > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:'Oswald',sans-serif; font-size:18px; margin-top:0px; font-weight:400; margin-bottom:10px; margin-left:0; padding:0; position:relative; text-align:center; text-transform:uppercase}
.latest_post > h2 span{padding:4px 10px}
.latest_postnav{height:auto !important; margin-top:10px; margin-bottom:4px;}
.latest_postnav li{margin-bottom:1px; float:left; width:100%}


#contentSectio{float:left; display:inline; width:100%; background-color:#fff; padding:0 30px}
.left_content{float:left; display:inline; width:100%}
.single_post_content{float:left; display:inline; width:100%; margin-bottom:20px}
.single_post_content > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:'Oswald',sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase; margin-bottom:20px}
.single_post_content > h2 span{padding:4px 10px}
.single_post_content_left{float:left; display:inline; width:49%}

.single_post_content > h1 {margin-top:10px; }

.business_catgnav{}
.business_catgnav li{float:left; display:block; width:100%}
.bsbig_fig{width:100%}
.bsbig_fig > a{display:block}
.bsbig_fig > a img{width:100%}
.bsbig_fig figcaption{color:#333; font-family:"Oswald",sans-serif; font-size:23px; font-weight:300; margin-top:10px; margin-bottom:10px}
.single_post_content_right{float:right; display:inline; width:48%}
.right_content{float:left; display:inline; width:100%; min-height:300px}
.spost_nav{}
.spost_nav li{float:left; display:block; width:100%; margin-bottom:10px}
.spost_nav .media-left{width:100px; height:80px}
.media-left > img{height:67px; width:88px}
.spost_nav .media-body > a{font-family:"Oswald",sans-serif}
.featured_img{position:relative}
.overlay:hover{ background:none repeat scroll 0 0 rgba(0,0,0,0.4)}
.overlay{ bottom:0; display:block; left:0; position:absolute; width:100%; z-index:2; height:100%; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}

.single_sidebar{float:left; display:inline; width:100%;margin-top: -24px; margin-bottom:20px}
.single_sidebar > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:"Oswald",sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase}
.single_sidebar > h2 span{padding:4px 5px}
.cat-item a{background:none repeat scroll 0 0 #e4e4e4; color:#888; display:block; float:left; border-bottom:none !important; font-size:13px; line-height:12px; margin:0 2px 2px 0; padding:12px 17px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.cat-item a:hover{color:#fff; text-decoration:none !important}
.tab-content{margin-top:10px;}
.nav-tabs{background:none repeat scroll 0 0 rgb(107, 7, 57); margin-top: 0px; height:36px; width:100%; border-bottom:none}

/* List Separator: Inner Border */
.nav-tabs > li > a:after {
  content: '';
  width: 1px;
  height: 41px;
  position: absolute;
  right:0px;
  top: 0px;
  z-index : 2;
}
.nav-tabs > li > a:after { background-color: rgb(255, 255, 255); }
.nav-tabs > li > a a:after { background-color: rgb(211, 210, 210); }




#sliderSection .tab-carousel h4 a{
   background:none repeat scroll 0 0 rgba(0, 0, 0, 0.781);
    text-align: left; 
    font-family: Arial, Helvetica, sans-serif; 
    color:#fff;
    font-weight: bold;
    width: 100%; 
    font-size:15px; 
    line-height: 18px; 
    padding:10px; 
    display:inline-block;
    
    margin-top: -21px;
    margin-bottom:-20px ;
}
#sliderSection > h4 span{
  padding:4px 10px
}




.nav-tabs{ text-align:center; }
.nav-tabs > li{margin-bottom:0; border-left: rgb(250, 250, 249) 1px solid;}
.nav-tabs > li > a{left:0;left: 0px;border-left: rgb(250, 250, 249) 1px solid; margin-left: 0px; padding-left: 0px; color:rgb(255, 255, 255); font-size:15px; border-radius:0; border:none; font-family:"Oswald",sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus{
  color:rgb(10, 10, 10) !important; 
  border:none}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:0;left: 0px; margin-left: 0px;  padding-left: 0px; line-height:18px; background-color: aqua; height:36px; border-right: rgb(248, 246, 248) 1px solid; border-left: rgb(250, 250, 249) 1px solid; border-color:rgb(221, 221, 221) #ddd transparent; color:rgb(0, 0, 0)}


.single_sidebar1{float:left; display:inline; width:100%;margin-top: -121px; margin-bottom:10px}
.single_sidebar1 > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:"Oswald",sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase}
.single_sidebar1 > h2 span{padding:4px 5px}
.cat-item a{background:none repeat scroll 0 0 #e4e4e4; color:#888; display:block; float:left; border-bottom:none !important; font-size:13px; line-height:12px; margin:0 2px 2px 0; padding:12px 17px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.cat-item a:hover{color:#fff; text-decoration:none !important}
.tab-content1{margin-top:10px;}
.nav-tabs1{background:none repeat scroll 0 0 rgb(107, 7, 57); height:36px;  border-bottom:none}


.nav-tabs1{ text-align:center;  }
.nav-tabs1 > li{margin-bottom:0; color: white;}
.nav-tabs1 > li > a{margin-right:0; border-left: rgb(250, 250, 249) 1px solid; color:rgb(255, 255, 255); font-size:15px; border-radius:0; border:none; font-family:"Oswald",sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.nav-tabs1 > li > a:hover, 
.nav-tabs1 > li > a{
  color: white !important; 
  border:none}



  .single_sidebar4{float:left; display:inline; width:100%;margin-top: -111px; margin-bottom:10px}
  .single_sidebar4 > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:"Oswald",sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase}
  .single_sidebar4 > h2 span{padding:4px 5px; }
  


.nav-tabs1 > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:0;background-color: aqua; color: white; border-right: rgb(241, 241, 241) 1px solid; border-left: rgb(250, 250, 249) 1px solid; border-color:rgb(221, 221, 221) #ddd transparent; color:rgb(0, 0, 0)}

.sliderSection > h4 {
  background:none repeat scroll 0 0 #151515; 
    color:#fff; font-family:'Oswald',sans-serif; 
    font-size:12px; 
    margin-top:5px; 
    font-weight:400; 
    margin-bottom:10px; 
    margin-left:0; 
    padding:0; 
    position:relative; 
    text-align:center; 
    text-transform:uppercase
}


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

  #sliderSection .tab-carousel h4 a{
    background:none repeat scroll 0 0 rgba(0,0,0,0.6);
    text-align: left; 
    font-family:'Oswald',sans-serif; 
    color:#fff;
    width: 100%; 
    font-size:15px; 
    line-height: 21px; 
    padding:10px; 
    display:inline-block;
    margin-top: -21px;
     
  }
  #sliderSection > h4 span{
    padding:4px 10px
  
  }
}

.vide_area{float:left; display:inline; width:100%}
.sideAdd{display:block; float:left; height:250px; width:100%; margin-top:10px}
.sideAdd > img{width:100%; height:100%}
.single_sidebar ul li a{border-bottom:1px solid #333; display:block}
.single_sidebar .spost_nav li a{border-bottom:none; float:left}

#footer{display:inline; float:left; width:100%; margin-bottom:0px}
.footer_top{background-color:#05201e; color:#ddd; font-size: 12.8px; display:inline; float:left; font-family: Verdana, Geneva, Tahoma, sans-serif; padding: 10px 30px 38px; width:100%}
.footer_widget{display:inline; float:left; width:100%; min-height:210px}
.footer_widget > h2{border-bottom:2px solid rgb(185, 252, 218); font-family: 'Times New Roman', Times, serif; font-size:16px; line-height: 20px; padding:10px 0; text-transform:uppercase}

.footer_widget > h2:hover{color:#19f7eb;  border-color:#18b6d2;}



.footer_widget > h2:after {
  border-color: 2px solid#18b6d2;
  width: 120px;
}


.tag_nav{}
.tag_nav li{}
.tag_nav li a{border-bottom:1px solid #ddd; color:#ccc; display:block; padding:6px 6px 6px 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.tag_nav li a:hover{padding-left:10px}
.catgArchive{border:medium none; color:#fff; display:inline; float:left; font-weight:bold; padding:10px 15px; width:100%; margin-top:15px}
.catgArchive option{background-color:#fff; font-weight:normal; padding:5px; color:#d083cf}

.single_page{float:left; display:inline; width:100%}
.single_page > h1{color:#333; font-family:Oswald,arial,Georgia,serif; font-size:24px; line-height:1.9em; margin:-16px 0 -5px; padding:0 0 4px; }


.breadcrumb{background-color:#303030; border-radius:0}
.breadcrumb li a{color:#fff}
.single_page_content{display:inline; float:left; padding-top:20px; width:100%; border-bottom:1px solid #ddd; padding-bottom:20px}
.single_page_content > img{max-width:100%; width:780px; height:341px; margin-bottom:15px}

 

.single_page_content ul{position:relative; padding-left:0px}

.social_link{display:inline; float:left; margin-bottom:25px; margin-top:20px; width:100%}

.sociallink_nav{text-align:left}
.sociallink_nav li{display:inline-block}
.sociallink_nav li a{color:#fff; display:inline-block; font-size:17px; padding:8px 12px; margin:0 3px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.sociallink_nav li:nth-child(1) > a{background:none repeat scroll 0 0 #3b5998; padding:8px 15px}
.sociallink_nav li:nth-child(2) > a{background:none repeat scroll 0 0 #00acee}
.sociallink_nav li:nth-child(3) > a{background:none repeat scroll 0 0 #dd4b39}
.sociallink_nav li:nth-child(4) > a{background:none repeat scroll 0 0 #0e76a8}
.sociallink_nav li:nth-child(5) > a{background:none repeat scroll 0 0 #c92228}
.related_post{display:inline; float:left; margin-top:0; width:100%; margin-bottom:20px}
.related_post > h2{border-bottom:1px solid #e3e3e3; padding-bottom:5px}
.related_post > h2 i{font-size:25px}
.related_post . li{width:31%; margin-right:10px}
.related_post .spost_nav li:last-child{margin-right:0}


@media only screen and (max-width: 468px) {
 
  .logo_area{ float:left; height:75px; width:65.4%;  margin-left: 1px;margin-top: 4px;}
  .logo_area img{width:100%; height:100%}
  .logo_area img:hover{opacity:1}
  
  .add_banner{float:right; width:35.1%; height:112px;  margin-right: -5.4px; margin-top: -1px; z-index: 0;}
  .add_banner img{width:100%; height:100%; }
  
  .add_banner1{float:right; width:35.1%; height:112px;  margin-right: -5.4px; margin-top: -1px; z-index: 0;}
  .add_banner1 img{width:100%; height:100%; }
  

  
  .single_page_content > img{max-width:100%; width:780px; height:213px; margin-bottom:15px}
  
  #bank .carousel-background img {
    
        width: 100%;
        height: 71px;
    float:left;
    margin-top: -2px;
    
    }	
    
    
    #bank {
        display: inline;
        width: 100%;
        height: 64px;
        float:left;
        
        
    }
    
  #bank .carousel-item {
        width: 100%;
        height: 71px;
        float:left;
}
.navigation {
  width: 100%;
  height: 41px;
  display: inline-block;
  position: relative;
  font-family: inherit;
  background-color: rgb(146, 222, 228);
  left: -15px;
  
  margin-top: -40px;
  margin-bottom: 10px;

  
}

}



.latest_post > h4{
  background:none repeat scroll 0 0 #151515; 
  color:#fff; 
  font-family:'Oswald',sans-serif; 
  font-size:17px; 
  font-weight:700; 
  margin-bottom:5px; 
  margin-left:0; 
  margin-top:-2.8px; 
 
  position:relative; 
  text-align:center; 
  text-transform:uppercase; 
  
  line-height: 28px;
}
.latest_post > h4 span{
  padding:4px 10px
}


.latest_post > h1{
  background:none repeat scroll 0 0 #151515; 
  color:#fff; 
  font-family:'Oswald',sans-serif; 
  font-size:21px; 
  font-weight:400; 
  margin-bottom:2px; 
  margin-left:0; 
  margin-top:-2.4px; 
 
  position:relative; 
  text-align:center; 
    
  line-height: 24px;
}
.latest_post > h1 span{
  padding:4px 10px
}

.single_post_content > h1{

  color:black; 
  font-family:'Oswald',sans-serif; 
  font-size:21px; 
  font-weight:600; 
  margin-bottom:14px; 
  margin-left:0; 
  margin-top:28px; 
 
  position:relative; 
  text-align:center; 
  text-transform:uppercase; 
  
  line-height: 14px;
}
.single_post_content > h1 span{
  padding:4px 0px
}


.single_post_content4 > h5{
  background:none repeat scroll 0 0 #4b4c4d; 
  color:#fff; 
  font-family:'Oswald',sans-serif; 
  font-size:21px; 
  font-weight:400; 
  margin-bottom:24px; 
  margin-left:0; 
  margin-top:-2.8px; 
 
  position:relative; 
  text-align:center; 
  text-transform:uppercase; 
  
  line-height: 34px;
}
.single_post_content4 > h5 span{
  padding:4px 0px
}


.single_post_content > h5{
  
  color:#151515;  
  font-family:'Oswald',sans-serif; 
  font-size:22px; 
  font-weight:600; 
  margin-bottom:20px; 
  margin-left:0; 

  position:relative; 
  text-align:center; 
  text-transform:uppercase; 
  margin-top: 24px;
  line-height: 41px;
}
.single_post_content > h5 span{
  padding:4px 10px
}




.single_post_content4 > h5{
  background:none repeat scroll 0 0 #4b4c4d; 
  color:#fff; 
  font-family:'Oswald',sans-serif; 
  font-size:21px; 
  font-weight:400; 
  margin-bottom:24px; 
  margin-left:0; 
  margin-top:-2.8px; 
 
  position:relative; 
  text-align:center; 
  text-transform:uppercase; 
  
  line-height: 34px;
}
.single_post_content4 > h5 span{
  padding:4px 0px
}




@media only screen and (max-width: 768px) {
.single_post_content > h5{
  color:#151515;  
  font-family:'Oswald',sans-serif; 
  font-size:22px; 
  font-weight:600; 
  margin-top: 28px;
  margin-bottom:10px; 
  margin-left:0; 

  position:relative; 
  text-align:center; 
  text-transform:uppercase; 
  
  line-height: 28px;
}
.single_post_content > h5 span{
  padding:4px 10px
}


.latest_post > h4{
  background:none repeat scroll 0 0 #151515; 
  color:#fff; 
  font-family:'Oswald',sans-serif; 
  font-size:17px; 
  font-weight:700; 
  margin-bottom:5px; 
  margin-left:0; 
  margin-top:11.8px; 
 
  position:relative; 
  text-align:center; 
  text-transform:uppercase; 
  
  line-height: 28px;
}
.latest_post > h4 span{
  padding:4px 10px
} 
.single_sidebar4{
  float:left; 
  display:inline;
   width:100%;
   margin-top: -21px; 
   margin-bottom:10px
  
}




}







.wrapper {
  position: absolute;
  top: 100%;
  width: 98%;
  left: 1%;
  margin-top: 7.5px;
  font-size: 15px;
  height: 195px;
  text-align: left;
  font-weight: 600;
  font-style: italic;
  font-family: 'Times New Roman', Times, serif;
  border-left:10px solid transparent;  border-right:10px solid transparent; display:inline; float:left; margin-top:17px;  position:relative; width:100%}



.wave {
  color: #000;
  animation: 0.5s color infinite;
}

@keyframes color {
  50% {
    color: #000;
  }
}


#Skills {
  margin-top: -41px
  
  
}


#Skills P{
  color: #000;
  
  
}


.content_middle{float:left; display:inline; width:100%}
.content_middle_leftbar{float:left; display:inline; width:100%}
.single_category{float:left; display:inline; width:100%}
.single_category > h2, .archive_style_1 > h2{text-align:center; font-size:20px; font-weight:700; margin-top:5px; text-transform:uppercase; position:relative}
.bold_line{bottom:0; display:block; height:10px; left:0; position:absolute; width:100%}
.bold_line span{ display:block; height:100%; width:100%}
.solid_line{background-color:transparent; bottom:0px; display:block; height:1px; left:0; position:absolute; width:100%; z-index:0}
.title_text{background-color:#f6f6f7; display:inline-block; padding:0 10px; position:relative; top:5px; z-index:1}
.catg1_nav{}
.catg1_nav li{float:left; display:inline; width:100%; margin-bottom:30px}
.catg1_nav li a{}
.catgimg_container{height:150px;margin-top: -12px; overflow:hidden; width:100%; overflow:hidden}
.catg1_img img{height:100%; width:100%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.catg1_img:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
.catg1_nav li .post_titile{color:rgb(3, 3, 3); float:left; margin-top: 11px; font-size:16px; width:100%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.catg1_nav li .post_titile a{color:#0a0a0a; font-family:'Oswald',sans-serif; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.content_middle_middle{border-left:5px double #61717a;   border-right:5px double #61717a; display:inline; float:left; margin-top:17px; position:relative; width:100%}
.content_middle_middle:after{ content:""; height:122px; left:-10px; position:absolute; top:0; width:10px}
.content_middle_middle:before{content:""; height:122px; right:-10px; position:absolute; top:0; width:10px}
.single_featured_slide{float:left; display:inline; width:100%; text-align:center}
.single_featured_slide img{width:100%,}
.single_featured_slide :hover img{opacity: 1;}
.single_featured_slide > h2 a{color:#050505; font-size:19px; font-weight:bold;   -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s}
.single_featured_slide > p{font-size:14px; text-align: justify; color: #000; padding:0px 16px}

.content_middle_rightbar{float:left; display:inline; width:100%}
.content_middle_middle h1{font-size: 18px; color: black; font-weight: bold;}

@media only screen and (max-width:384px ){
  .catg1_img img {
    height: 100%;
    width:100%}
    
    .catgimg_container{height:228px; overflow:hidden; width:100%; overflow:hidden
  }

  .wrapper {
    
    height: 254px;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
  
  
    border-left:0px solid transparent;  border-right:0px solid transparent; display:inline; float:left; margin-top:17px;  position:relative; }
.content_middle_middle{border-left:0px solid #798992;  border-right:0px solid #798992; display:inline; float:left; margin-top:17px; position:relative; width:100%}
.add_banner1{float:right; width:35.1%;  margin-top: 10px; z-index: 0;}
  .add_banner1 img{width:100%; height:100%;  }
  

}
@media only screen  and (min-width:385px ) and (max-width:418px ){
  .wrapper {
    
    height: 244px;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
  
  border-left:0px solid transparent;  border-right:0px solid transparent; display:inline; float:left; margin-top:17px;  position:relative; }
  .content_middle_middle{border-left:0px solid #798992;  border-right:0px solid #798992; display:inline; float:left; margin-top:17px; position:relative; width:100%}
  .catgimg_container{height:228px; overflow:hidden; width:100%; overflow:hidden
  }
  .add_banner1{float:right; width:35.1%;  z-index: 0; margin-top: 10px;}
  .add_banner1 img{width:100%; height:100%; }
  

}


@media only screen  and (min-width:419px ) and (max-width:484px ){
  .wrapper {
    
    height: 235px;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
    border-left:0px solid transparent;  border-right:0px solid transparent; display:inline; float:left; margin-top:17px;  position:relative; }
    .content_middle_middle{border-left:0px solid #798992;  border-right:0px solid #798992; display:inline; float:left; margin-top:17px; position:relative; width:100%}
    
  .catgimg_container{height:284px; overflow:hidden; width:100%; overflow:hidden
  }
  .add_banner1{float:right; width:35.1%; margin-top: 10px; z-index: 0;}
  .add_banner1 img{width:100%; height:100%; }
  

}


@media only screen  and (min-width:485px ) and (max-width:628px ){
  .wrapper {
    
    height: 184px;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
    border-left:0px solid transparent;  border-right:0px solid transparent; display:inline; float:left; margin-top:17px;  position:relative; }
    .content_middle_middle{border-left:0px solid #798992;  border-right:0px solid #798992; display:inline; float:left; margin-top:17px; position:relative; width:100%}
    
  .catgimg_container{height:334px; overflow:hidden; width:100%; overflow:hidden
  }
  .add_banner1{float:right; width:35.1%; margin-top: 10px; z-index: 0;}
  .add_banner1 img{width:100%; height:100%; }
  

}

@media only screen  and (min-width:629px ) and (max-width:768px ){
  .catg1_img img {
    height: 100%;
    width:100%}
    
    .catgimg_container{height:334px; overflow:hidden; width:100%; overflow:hidden
    }
  

  .wrapper {
    
    height: 184px;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
  
  
    border-left:0px solid transparent;  border-right:0px solid transparent; display:inline; float:left; margin-top:17px;  position:relative; }
.content_middle_middle{border-left:0px solid #798992;  border-right:0px solid #798992; display:inline; float:left; margin-top:17px; position:relative; width:100%}
.add_banner1{float:right; width:35.1%; margin-top: 10px; z-index: 0;}
.add_banner1 img{width:100%; height:100%; }
 

}






#map {
  width: 100%;
  height: 400px;
}


/* map element */

#map .map-container {
  width: 100%;
  height: 400px;
  padding: 0px;
  margin: 0px;
  margin-top: 0px;
}




/*----------------------------------------- clock--------------------------------------------------*/ 


.clockdate-wrapper {
  background-color: #0a0a0a;
  display: inline-block;
  position: relative;
  background-size: cover;
  width:100%;
  max-width: 100%;
  text-align:right;
  margin-left: 14.001%;
  top: 11px;


}

#clock{
  background-color:#04243f;
  font-family: sans-serif;
  font-size:18px;
  text-shadow:0px 0px 1px #fff;
  color:#fff;
  display: none;
}
#clock span {
  color:rgb(252, 250, 250);
  text-shadow:0px 0px 1px #333;
  font-size:16px;
  position:relative;
  top:0px;
  left:5px;
}
#date {
  letter-spacing:1px;
  font-size:12px;
  font-family:arial,sans-serif;
  color:#fff;
  height: 14px;
  width: 100%;
  
  
}






    @media only screen  and (max-width: 768px){
  
      #clock{
        background-color:#04243f;
        font-family: sans-serif;
        display: none;
        font-weight: 500;
        text-shadow:0px 0px 0px whitesmoke;
        color:whitesmoke;
        font-size:22.8px;
       
      }
      
      
    .clockdate-wrapper {
     
     
      background-color: #050505;
      max-width:242px;
      width:242px;
      text-align:center;
      margin-left: .001%;
      height: 18px;
      text-align: left;
      top: -20px;
      
     
      }
    }

  /*--------------------------------------------- bank Section -----------------------------------*/
  
  
  #bank .carousel-item {
    width: 100%;
    
  }
  
 
  #bank .carousel-item::before {
    content: '';
    
    position: absolute;
    height: 91PX;
    width: 100%;
   
  }
  
  #bank .carousel-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    
  }
  
  
  
  #bank .carousel-fade {
    overflow: hidden;
  }
  
  #bank .carousel-fade .carousel-inner .carousel-item {
    transition-property: opacity;
  }
  
  #bank .carousel-fade .carousel-inner .carousel-item,
  #bank .carousel-fade .carousel-inner .active.carousel-item-left,
  #bank .carousel-fade .carousel-inner .active.carousel-item-right {
    opacity: 0;
  }
  
  #bank .carousel-fade .carousel-inner .active,
  #bank .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
  #bank .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
    opacity: 1;
    transition: 0.5s;
  }
  
  #bank .carousel-fade .carousel-inner .carousel-item-next,
  #bank .carousel-fade .carousel-inner .carousel-item-prev,
  #bank .carousel-fade .carousel-inner .active.carousel-item-left,
  #bank .carousel-fade .carousel-inner .active.carousel-item-right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  
  #bank .carousel-indicators li {
    cursor: pointer;
  }
  
  
  @media only screen and (min-width: 469px) {
    


    #slideshow {
		  display: block;
		  width: 100%;
		  height: 111px;
     
		 
		}
		
		#image {
		  width: 100%;
		  height: 111px;
		  opacity: 0;
		  -webkit-transition: opacity 1.0s linear 0s;
		  transition: opacity 1.0s linear 0s;
      margin-top: -4px;
		}
		
		



      #bank .carousel-background img {
      
          width: 100%;
          height: 111px;
      float:left;
      
      
      
      }	
      
      
      #bank {
          display: inline;
          width: 100%;
          height: 111px;
          float:left;
          
          
      }
      
    #bank .carousel-item {
          width: 100%;
          height: 111px;
          float:left;
      }
  }
  

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

    #slideshow {
      display: block;
      width: 100%;
      height: 75px;
      margin-top: 6px;
      }
      
      #image {
      width: 100%;
      height: 75px;
      opacity: 0;
      -webkit-transition: opacity 1.0s linear 0s;
      transition: opacity 1.0s linear 0s;
      margin-top: -10px;
      }



      #bank .carousel-background img {
      
          width: 100%;
          height: 75px;
      float:left;
      margin-top: -2px;
      
      }	
      
      
      #bank {
          display: inline;
          width: 100%;
          height: 71px;
          float:left;
          
          
      }
      
    #bank .carousel-item {
          width: 100%;
          height: 64px;
          float:left;
      }
  }
  
  
  
  .scrollToTop{background-color:#2b81e2; color:#fff}
  .scrollToTop:hover, .scrollToTop:focus{background-color:#fff; color:#4eeaf5; border-color:1px solid #d083cf}
  
  
  .footer_widget > h2:hover{ text-decoration-color: rgb(50, 205, 205);}
  .tag_nav li a:hover{color:#25dd34; border-color:#eb0505;}
  .copyright a:hover{color:#143fca}
  
  .breadcrumb{border-left:10px solid #3edacd}
  






  #team-section .owl-theme .owl-controls {
    margin-top: 2px;
    text-align: center;
    position: relative;
    height: 40px;
    margin-bottom: 10px;
  }
  
  #team-section .owl-prev, #team-section .owl-next {
    display: block;
    width: 30px;
    height: 30px;
    line-height:17px;
    font-size:25px;
    border-radius:0;
    opacity:1;
    color: honeydew;
    background:#727171;
    position: absolute;
    transition: all 0.3s ease 0s;
  }
  
  #team-section .owl-prev {
    right: 50%;
    margin-right: 10px;
  }
  
  #team-section .owl-next {
    left: 50%;
    margin-left: 10px;
  }
  
  #team-section .owl-prev:hover, #team-section .owl-next:hover {
    background:rgb(14, 72, 128) ;
  }
  





  /*------------------------------------------- youtube -------------------------------------------*/
 
  
  
  .youtube {
    background: #04243f url(./images/Bale.jpg);
    margin-bottom: 4px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
}

.youtube img {width: 100%; top: -16.82%; left: 0; opacity: 0.7;}

.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: rgb(114, 21, 21);
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 11px 0 11px 21.0px;
    border-color: transparent transparent transparent #fff;
}

.youtube img, 
.youtube .play-button {
  cursor: pointer;
}

.youtube img, 
.youtube iframe, 
.youtube .play-button, 
.youtube .play-button:before {
  position: absolute;
}

.youtube .play-button, 
.youtube .play-button:before {
  top: 50%; 
  left: 50%; 
  transform: translate3d( -50%, -50%, 0 );
}

.youtube iframe {
  height: 100%; 
  width: 100%; 
  top: 0; 
  left: 0;
}

@media screen and (max-width: 481px) {
  .youtube .play-button {
    width: 56px;
    height: 41px;
    background-color: rgb(114, 21, 21);
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
  }
}


@media screen and (min-width: 768px) {
 
  #vidio4 {
    display: none;
  }
}

/*------------------------------------------- Photography -------------------------------------------*/
 
.gallery {
  padding-bottom: 10px;
  text-align: center;
  
 
}
.gallery-heading {
  color: #00d6c8;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.15;
  text-transform: uppercase;
  margin-top: 0;
  position: relative;
  padding-bottom: 8px;
}
.gallery-heading::after {
  content: "";
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100px;
}
.gallery-grid {
/*   background: #283048; */
/*   background: linear-gradient(to right, #355460, #283048); */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: minmax(200px, -webkit-max-content);
  grid-auto-rows: minmax(200px, max-content);
  grid-auto-flow: dense;
  gap: 10px;
  margin-top: 30px;
  margin-bottom: 10px;
/*   padding: 10px; */
}

@-webkit-keyframes gallery-items-animation {
  from {
    opacity: 0;
    transform: scale(0.3);
    -webkit-filter: hue-rotate(180deg);
            filter: hue-rotate(180deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}
@keyframes gallery-items-animation {
  from {
    opacity: 0;
    transform: scale(0.3);
    -webkit-filter: hue-rotate(180deg);
            filter: hue-rotate(180deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}


.gallery-item {
  -webkit-animation: gallery-items-animation 800ms ease-out;
          animation: gallery-items-animation 800ms ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  /* --staggered-delay will be incremented for each item by JS on DOMContentLoaded */
  --staggered-delay: 100ms;
  -webkit-animation-delay: var(--staggered-delay);
          animation-delay: var(--staggered-delay);
}

.gallery-item img {
  border: 0;
  display: block; /* collapse top and bottom margins */
  cursor: pointer;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery-item-text {
  display: none;
}

/*******************************
       .lightbox styles
*******************************/
.lightbox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
  z-index: 10;
  
}

.lightbox.preload {
  transition: none !important;
}

.lightbox.open {
  opacity: 1;
  pointer-events: auto;
}

.lightbox .lb-content {
  background-color: whitesmoke;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1em;
  max-height: 100%;
  padding: 1rem;
  position: relative;
}

.lightbox .lb-img {
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 8px;
  display: block;
  width: 100%;
  height: auto;
}



.gallery-item img:hover{
	
  background-color: rgba(51, 51, 51, 0.80);
  opacity: .8;
  -webkit-transition: all .5s;
  transition: all .5s;
  
}
.lightbox .lb-caption {
  color: #333;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  max-width: 51ch;
  overflow-y: auto; /* may occur in smartphones */
  opacity: 0;
  transition: opacity 0.3s;
}

.lightbox.open .lb-caption {
  opacity: 1;
}

.lightbox .lb-url {
  color: #005fa9;
  text-decoration: underline;
  text-underline-position: under;
  padding-top: 8px;
  padding-bottom: 14px;
}

.lightbox .close {
  
  cursor: pointer;
  color: #333;
  text-decoration: none;
  display: inline-block;
  font-size: 4em;
  line-height: 2em;
  text-align: center;
  position: absolute;
  top: -0.6em;
  right: -0.2em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
}

/* Lightbox overlay */
.lightbox .close::before {
  
  content: "";
  cursor: default;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/**********************************
          Media queries
 **********************************/


 @media screen and (max-width: 769px) {
 .lightbox .lb-caption {
  color: #333;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  max-width: 90ch;
  overflow-y: auto; /* may occur in smartphones */
  opacity: 0;
  transition: opacity 0.3s;
}
}
@media screen and (min-width: 768px) {
 
  .lightbox .lb-caption {
    font-size: 18px;
  }
}

/* Large devices (laptops/desktops, 1024px and up) */
@media screen and (min-width: 1024px) {
  
  .lightbox .lb-content {
    flex-direction: row;
  }

  .lightbox .lb-img {
    margin-bottom: 0;
  }

  .lightbox .lb-caption {
    padding: 0 1.5em;
  }
  .lightbox .lb-url {
    padding-top: 0;
  }
}





  /*------------------------------------------- HEADER -------------------------------------------*/
  /*------------------------------------------- HEADER -------------------------------------------*/
  .navigation {
    width: 100%;
    height: 50px;
    display: inline-block;
    position: relative;
    font-family: inherit;
    background-color:  rgb(141, 227, 233);
    left: -15px;
    margin-bottom: 10px;
    
  }
  
  .navigation * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    
  }
  
  .navigation-portrait {
    height: 48px;
  }
  
  .navigation-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19998;
  }
  
  .navigation-hidden {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .align-to-right {
    float: right;
  }
  
  .nav-header {
    float: left;
    
    
  }
  
  .navigation-hidden .nav-header {
    display: none;
  }
  
  .nav-brand {
    line-height: 50px;
    padding: 0;
    color: #343a40;
    font-size: 24px;
    margin: 16px;
    text-decoration: none !important;
  }
  
  .nav-brand:hover,
  .nav-brand:focus {
    color: #343a40;
  }
  
  .navigation-portrait .nav-brand {
    font-size: 18px;
    line-height: 48px;
  }
  
  .nav-logo > img {
    height: 48px;
    margin: 11px auto;
    padding: 0 15px;
    float: left;
  }
  
  .nav-logo:focus > img {
    outline: initial;
  }
  
  .navigation-portrait .nav-logo > img {
    height: 36px;
    margin: 6px auto 6px 15px;
    padding: 0;
  }
  .nav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 15px;
    display: none;
    cursor: pointer;
  }
  
  .nav-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #343a40;
    border-radius: 10px;
    box-shadow: 0 0.5em 0 0 #343a40, 0 1em 0 0 #343a40;
  }
  
  .navigation-portrait .nav-toggle {
    display: block;
  }
  
  .navigation-portrait .nav-menus-wrapper {
    width: 318px;
    height: 100%;
    top: 0;
    left: -400px;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition-duration: 0.2s;
    transition-timing-function: ease;
  }
  
  .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
    left: auto;
    right: -400px;
  }
  
  .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
    left: 0;
  }
  
  .navigation-portrait
    .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
    left: auto;
    right: 0;
  }
  
  .nav-menus-wrapper-close-button {
    width: 30px;
    height: 30px;
    margin: 10px 7px;
    display: none;
    float: right;
    color: #343a40;
    font-size: 26px;
    cursor: pointer;
  }
  
  .navigation-portrait .nav-menus-wrapper-close-button {
    display: block;
  }
  
  .nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    font-size: 0;
  }
  
  .navigation-portrait .nav-menu {
    width: 100%;
  }
  
  .navigation-landscape .nav-menu.nav-menu-centered {
    float: none;
    text-align: center;
  }
  
  .navigation-landscape .nav-menu.nav-menu-centered > li {
    float: none;
  }
  
  .nav-menu > li {
    display: inline-block;
    float: left;
    text-align: left;
    
  }
  
  .navigation-portrait .nav-menu > li {
    width: 100%;
    position: relative;
    border-top: solid 1px #f0f0f0;
  }
  
  .navigation-portrait .nav-menu > li:last-child {
    border-bottom: solid 1px #f0f0f0;
  }
  
  .nav-menu + .nav-menu > li:first-child {
    border-top: none;
  }
  
  .nav-menu > li > a {
    height: 50px;
    padding: 18px 5px;
    display: inline-block;
    text-decoration: none;
    font-size: 12.4px;
    color: #fff;
    transition: color 0.3s, background 0.3s;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    border-right: rgb(244, 245, 247) 1px solid ;
    
    
  }
  
  .navigation-portrait .nav-menu > li > a {
    width: 100%;
    height: auto;
    padding: 12px 15px 12px 26px;
  }
  


  .nav-menu > li.active > a {
    color: #fcfcfd;
    background-color: #0e7d85;
    
  }

  .nav-menu > li:hover > a,
  
  .nav-menu > li.focus > a {
    color: #fcfcfd;
    background-color: #050505;
    
  }
  
  .nav-menu > li > a > i,
  .nav-menu > li > a > [class*="ion-"] {
    width: 18px;
    height: 16px;
    line-height: 16px;
    transform: scale(1.4);
  }
  
  .nav-menu > li > a > [class*="ion-"] {
    width: 16px;
    display: inline-block;
    transform: scale(1.8);
  }
  
  .navigation-portrait .nav-menu.nav-menu-social {
    width: 100%;
    text-align: center;
  }
  
  .nav-menu.nav-menu-social > li {
    text-align: center;
    float: none;
    border: none !important;
  }
  
  .navigation-portrait .nav-menu.nav-menu-social > li {
    width: auto;
  }
  
  .nav-menu.nav-menu-social > li > a > [class*="ion-"] {
    font-size: 12px;
  }
  
  .nav-menu.nav-menu-social > li > a > .fa {
    font-size: 14px;
  }
  
  .navigation-portrait .nav-menu.nav-menu-social > li > a {
    padding: 15px;
  }
  
  .submenu-indicator {
    margin-left: 6px;
    margin-top: 6px;
    float: right;
    transition: all 0.2s;
  }
  
  .navigation-portrait .submenu-indicator {
    width: 54px;
    height: 44px;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 20000;
  }
  
  .submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #70798b #70798b transparent;
    transform: rotate(45deg);
    transition: border 0.2s;
  }
  
  .navigation-portrait .submenu-indicator-chevron {
    position: absolute;
    top: 18px;
    left: 24px;
  }
  
  .nav-menu > li:hover > a .submenu-indicator-chevron,
  .nav-menu > .active > a .submenu-indicator-chevron,
  .nav-menu > .focus > a .submenu-indicator-chevron {
    border-color: transparent #967adc #967adc transparent;
  }
  
  .navigation-portrait .submenu-indicator.submenu-indicator-up {
    transform: rotate(-180deg);
  }
  
  .nav-overlay-panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 19999;
  }
  
  .no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .nav-search {
    height: 50px;
    float: right;
    z-index: 19998;
    border-right: 2px solid #45b9ce;
    border-left: 2px solid #15ce0e;
    border-top: 2px solid #45b9ce;
    border-bottom: 2px solid #45b9ce;
  }
  
  .navigation-portrait .nav-search {
    height: 48px;
    padding: 0 10px;
    margin-right: 52px;
    
  }
  
  .navigation-hidden .nav-search {
    display: none;
  }
  
  .nav-search-button {
    width: 70px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    background-color: #fbfcfd;
    
  }
  
  .navigation-portrait .nav-search-button {
    width: 50px;
    height: 44px;
    line-height: 46px;
    font-size: 22px;
  }
  
  .nav-search-icon {
    width: 14px;
    height: 14px;
    margin: 2px 8px 8px 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #070707;
    text-align: left;
    text-indent: -9999px;
    border: 2px solid;
    border-radius: 50%;
    transform: rotate(-45deg);
    
  }
  
  .nav-search-icon:after,
  .nav-search-icon:before {
    content: "";
    pointer-events: none;
  }
  
  .nav-search-icon:before {
    width: 2px;
    height: 11px;
    top: 11px;
    position: absolute;
    left: 50%;
    border-radius: 0 0 1px 1px;
    box-shadow: inset 0 0 0 28px;
    transform: translateX(-50%);
  }
  
  .nav-search-button:hover .nav-search-icon {
    color: #008cff;
  }
  
  .nav-search > form {
    width: 100%;
    height: 100%;
    padding: 0 auto;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 99;
    
  }
  
  .nav-search-inner {
    width: 70%;
    height: 50px;
    margin: auto;
    display: table;
  }
  
  .navigation-portrait .nav-search-inner {
    height: 48px;
  }
  
  .nav-search-inner input[type="text"],
  .nav-search-inner input[type="search"] {
    height: 50px;
    width: 100%;
    margin: 0;
    padding: 0 12px;
    font-size: 26px;
    text-align: center;
    color: #343a40;
    outline: none;
    line-height: 70px;
    border: none;
    background-color: transparent;
    transition: all 0.3s;
  }
  
  .navigation-portrait .nav-search-inner input[type="text"],
  .navigation-portrait .nav-search-inner input[type="search"] {
    height: 48px;
    font-size: 18px;
    line-height: 48px;
  }
  
  .nav-search-close-button {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
    line-height: normal;
    color: #343a40;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
  }
  
  .navigation-portrait .nav-search-close-button {
    top: 10px;
    right: 14px;
  }
  
  .nav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    display: inline-block;
    color: rgb(37, 37, 37);
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
  }
  
  .nav-button:hover,
  .nav-button:focus {
    color: rgb(77, 75, 75);
    text-decoration: none;
  }
  
  .navigation-portrait .nav-button {
    width: calc(100% - 52px);
    margin: 17px 26px;
  }
  
  .nav-text {
    margin: 25px 15px;
    display: inline-block;
    color: #343a40;
    font-size: 14px;
  }
  
  .navigation-portrait .nav-text {
    width: calc(100% - 52px);
    margin: 12px 26px 0;
  }
  
  .navigation-portrait .nav-text + ul {
    margin-top: 15px;
  }
  
  .nav-dropdown {
    min-width: 180px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap;
  }
  
  .navigation-portrait .nav-dropdown {
    width: 100%;
    position: static;
    left: 0;
  }
  
  .nav-dropdown .nav-dropdown {
    left: 100%;
    border-bottom: 1px seagreen solid;
  }
  
  .nav-menu > li > .nav-dropdown {
    border-top: solid 1px #f0f0f0;
  }
  
  .nav-dropdown > li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left;
    border-bottom: 1px seagreen solid;
    
  }
  
  .nav-dropdown > li > a {
    width: 100%;
    padding: 16px 20px;
    display: inline-block;
    text-decoration: none;
    float: left;
    font-size: 14px;
    color: #343a40;
    background-color: #fdfdfd;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 600;

  }
  
  .nav-dropdown > li:hover > a,
  .nav-dropdown > li.focus > a {
    color: #ffffff;
    background-color: rgb(38, 142, 226);
    
   
  }
  
  .nav-dropdown.nav-dropdown-left {
    right: 0;
  }
  
  .nav-dropdown > li > .nav-dropdown-left {
    left: auto;
    right: 100%;
  }
  
  .navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
    text-align: right;
  }
  
  .navigation-portrait .nav-dropdown > li > a {
    padding: 12px 20px 12px 30px;
    
  }
  
  .navigation-portrait .nav-dropdown > li > ul > li > a {
    padding-left: 50px;
  }
  
  .navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {
    padding-left: 70px;
  }
  
  .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {
    padding-left: 90px;
  }
  
  .navigation-portrait
    .nav-dropdown
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > a {
    padding-left: 110px;
  }
  
  .nav-dropdown .submenu-indicator {
    right: 15px;
    top: 10px;
    position: absolute;
  }
  
  .navigation-portrait .nav-dropdown .submenu-indicator {
    right: 0;
    top: 0;
  }
  
  .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    transform: rotate(-45deg);
  }
  
  .navigation-portrait
    .nav-dropdown
    .submenu-indicator
    .submenu-indicator-chevron {
    transform: rotate(45deg);
  }
  
  .nav-dropdown > li:hover > a .submenu-indicator-chevron,
  .nav-dropdown > .focus > a .submenu-indicator-chevron {
    border-color: transparent rgb(70, 65, 70)rgb(70, 65, 70);
  }
  
  .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
    left: 10px;
  }
  
  .navigation-landscape
    .nav-dropdown.nav-dropdown-left
    .submenu-indicator
    .submenu-indicator-chevron {
    transform: rotate(135deg);
  }
  .nav-dropdown-horizontal {
    width: 100%;
    left: 0;
    background-color: #fdfdfd;
    border-top: solid 1px #3bccc5;
  }
  
  .nav-dropdown-horizontal .nav-dropdown-horizontal {
    width: 100%;
    top: 100%;
    left: 0;
  }
  
  .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
    border-top: none;
  }
  
  .nav-dropdown-horizontal > li {
    width: auto;
    clear: none;
    position: static;
    
  }
  
  .navigation-portrait .nav-dropdown-horizontal > li {
    width: 100%;
  }
  
  .nav-dropdown-horizontal > li > a {
    position: relative;
    
  }
  
  .nav-dropdown-horizontal .submenu-indicator {
    height: 18px;
    top: 11px;
    transform: rotate(90deg);
  }
  
  .navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
    height: 42px;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
  .navigation-portrait
    .nav-dropdown-horizontal
    .submenu-indicator.submenu-indicator-up {
    transform: rotate(-180deg);
  }
  
  .megamenu-panel {
    width: 100%;
    padding: 15px;
    display: none;
    position: absolute;
    font-size: 14px;
    z-index: 98;
    text-align: left;
    color: inherit;
    border-top: solid 1px #26a082;
    background-color: #ffffff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
  }
  
  .navigation-portrait .megamenu-panel {
    padding: 25px;
    position: static;
    display: block;
  }
  
  .megamenu-panel [class*="container"] {
    width: 100%;
  }
  
  .megamenu-panel [class*="container"] [class*="col-"] {
    padding: 0;
  }
  
  .megamenu-panel-half {
    width: 50%;
  }
  
  .megamenu-panel-quarter {
    width: 25%;
  }
  
  .navigation-portrait .megamenu-panel-half,
  .navigation-portrait .megamenu-panel-quarter {
    width: 100%;
  }
  
  .megamenu-panel-row {
    width: 100%;
  }
  
  .megamenu-panel-row:before,
  .megamenu-panel-row:after {
    content: "";
    display: table;
    line-height: 0;
  }
  
  .megamenu-panel-row:after {
    clear: both;
  }
  
  .megamenu-panel-row [class*="col-"] {
    display: block;
    min-height: 20px;
    float: left;
    margin-left: 3%;
  }
  
  .megamenu-panel-row [class*="col-"]:first-child {
    margin-left: 0;
  }
  
  .navigation-portrait .megamenu-panel-row [class*="col-"] {
    float: none;
    display: block;
    width: 100% !important;
    margin-left: 0;
    margin-top: 15px;
  }
  
  .navigation-portrait
    .megamenu-panel-row:first-child
    [class*="col-"]:first-child {
    margin-top: 0;
  }
  
  .megamenu-panel-row .col-1 {
    width: 5.583%;
  }
  
  .megamenu-panel-row .col-2 {
    width: 14.16%;
  }
  
  .megamenu-panel-row .col-3 {
    width: 22.75%;
  }
  
  .megamenu-panel-row .col-4 {
    width: 31.33%;
  }
  
  .megamenu-panel-row .col-5 {
    width: 39.917%;
  }
  
  .megamenu-panel-row .col-6 {
    width: 48.5%;
  }
  
  .megamenu-panel-row .col-7 {
    width: 57.083%;
  }
  
  .megamenu-panel-row .col-8 {
    width: 65.67%;
  }
  
  .megamenu-panel-row .col-9 {
    width: 74.25%;
  }
  
  .megamenu-panel-row .col-10 {
    width: 82.834%;
  }
  
  .megamenu-panel-row .col-11 {
    width: 91.417%;
  }
  
  .megamenu-panel-row .col-12 {
    width: 100%;
  }
  
  .megamenu-tabs {
    width: 100%;
    float: left;
    display: block;
  }
  

  .megamenu-tabs-nav {
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
  }
  
  .navigation-portrait .megamenu-tabs-nav {
    width: 100%;
  }
  
  .megamenu-tabs-nav > li > a {
    width: 100%;
    padding: 10px 14px;
    float: left;
    font-size: 12.4px;
    text-decoration: none;
    color: #343a40;
    border: solid 1px #eff0f2;
    outline: 0;
    background-color: rgb(255, 255, 255);
  }
  
  .megamenu-tabs-nav > li.active a,
  .megamenu-tabs-nav > li:hover a {
    background-color: #f5f5f5;
  }
  
  .megamenu-tabs-pane {
    width: 80%;
    min-height: 24px;
    padding: 19px;
    float: right;
    display: none;
    font-size: 12px;
    color: #343a40;
    border: solid 1px #eff0f2;
    background-color: rgb(255, 255, 255);
  }
  
  .megamenu-tabs-pane.active {
    display: block;
  }
  
  .navigation-portrait .megamenu-tabs-pane {
    width: 100%;
  }
  
  .megamenu-lists {
    width: 100%;
    display: table;
    
  }
  
  
.banners-area { border-top: 1px solid #ccc; }
  .megamenu-list {
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
    display: inline-block;
    float: left;
    list-style: none;
    
  }
  
  .megamenu-list:last-child {
    margin: 0;
    border: none;
  }
  
  .navigation-landscape .megamenu-list {
    margin: -15px 0;
    padding: 20px 0;
    border-right: solid 1px #f0f0f0;
    
  }
  
  .navigation-landscape .megamenu-list:last-child {
    border: none;
  }
  
  .megamenu-list > li > a {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    color: #343a40;
    text-decoration: none;
    font-size: 12px;
    font-family: 'Times New Roman', Times, serif;
    
  }


  .megamenu-list1 > li > a {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    color: #343a40;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 500;
  }


  /* List Separator: Inner Border */
  .megamenu-list > li > a:after {
  content: '';
  width: 1px;
  height: 41px;
  position: absolute;
  right:0px;
  top: 0px;
  z-index : 2;
}
  
  .megamenu-list > li > a:hover {
    background-color: rgb(38, 142, 226);
    color: #fff;
    
  }

 
  .megamenu-list > li {
  border-bottom: 1px seagreen solid;
  
}
  
.megamenu-list-col-4 > li  {
  background: rgb(27, 107, 121);
  color: #fff;
  
}

  .megamenu-list > li.megamenu-list-title > a {
    font-size: 12.7px;
    font-weight:700;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #17a072;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    
  }
  
  .megamenu-list > li.megamenu-list-title > a:hover {
    background-color: none;
  }
  
  .navigation-landscape .list-col-2 {
    width: 100%;
  }
  
  .navigation-landscape .list-col-3 {
    width: 100%;
  }
  
  .navigation-landscape .list-col-4 {
    width: 100%;
  }
  
  .navigation-landscape .list-col-5 {
    width: 100%;
  }
  
  .nav-menu > li > a {
    color: #343a40;
    text-transform: uppercase;
  }
  
  .nav-dropdown > li > a {
    color: #343a40;
    padding: 10px 21px;
    border-bottom: 1px solid #ffffff;
  }
  
  .nav-dropdown > li > a:hover,
  .nav-dropdown > li > a:focus {
    color: #fdfffe;
  }
  
  .main_header_area.sticky {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  }
  
  .transparent-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
  }
  
  .navigation-portrait .nav-menu > li > a {
    width: 100%;
    height: auto;
    padding: 10px 10px 10px 30px;
  }
  
  @media only screen and (min-width: 319px) and (max-width: 768px) {
    .nav-dropdown > li > a,
    .megamenu-list > li > a {
      width: 100%;
    }
    
  }
  
  @media only screen and (min-width: 319px) and (max-width: 368px) {
    
    .navigation {
      width: 110%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(141, 227, 233);
      left: -14px;
      margin-bottom: 10px;
      
    }
    .nav-search {
      height: 50px;
      width: 60px;
      float: right;
      z-index: 19998;
      border-right: 2px solid #45b9ce;
      border-left: 2px solid #15ce0e;
      border-top: 2px solid #45b9ce;
      border-bottom: 2px solid #45b9ce;
    }
    
    .navigation-portrait .nav-search {
      height: 48px;
      padding: 0 4px 0 4px;
      margin-right: 52px;
      
    }

  }

  @media only screen and (min-width: 369px) and (max-width: 391px) {
    
    .navigation {
      width: 109.4%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(141, 227, 233);
      left: -15px;
      margin-bottom: 10px;
      
    }

    .nav-search {
      height: 50px;
      width: 60px;
      float: right;
      z-index: 19998;
      border-right: 2px solid #45b9ce;
      border-left: 2px solid #15ce0e;
      border-top: 2px solid #45b9ce;
      border-bottom: 2px solid #45b9ce;
    }
    
    .navigation-portrait .nav-search {
      height: 48px;
      padding: 0 4px 0 4px;
      margin-right: 52px;
      
    }
  }

  @media only screen and (min-width: 392px) and (max-width: 412px) {
    
    .navigation {
      width: 108.6%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(146, 222, 228);
      left: -15px;
      margin-bottom: 10px;
      
    }
  }
  @media only screen and (min-width: 412px) and (max-width: 450px) {
    
    .navigation {
      width: 108.4%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(146, 222, 228);
      left: -15px;
      margin-bottom: 10px;
      
    }
  }


  @media only screen and (min-width: 451px) and (max-width: 498px) {
    
    .navigation {
      width: 107%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(146, 222, 228);
      left: -14px;
      margin-bottom: 10px;
      
    }
  }

  @media only screen and (min-width: 499px) and (max-width: 560px) {
    
    .navigation {
      width: 105.8%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(146, 222, 228);
      left: -14px;
      margin-bottom: 10px;
      
    }
  }

  @media only screen and (min-width: 561px) and (max-width: 604px) {
    
    .navigation {
      width: 105.7%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(146, 222, 228);
      left: -15px;
      margin-bottom: 10px;
      
    }
  }

  @media only screen and (min-width: 605px) and (max-width: 701px) {
    
    .navigation {
      width: 104.7%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(146, 222, 228);
      left: -14px;
      margin-bottom: 10px;
      
    }
  }

  @media only screen and (min-width: 702px) and (max-width: 750px) {
    
    .navigation {
      width: 104.2%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(146, 222, 228);
      left: -14px;
      margin-bottom: 10px;
      
    }
  }

  @media only screen and (min-width: 751px) and (max-width: 767px) {
    
    .navigation {
      width: 104.4%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(146, 222, 228);
      left: -15px;
      margin-bottom: 10px;
      
    }
  }
 

  @media only screen and (min-width: 768px) and (max-width: 868px) {
    
    .navigation {
      width: 106.4%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(146, 222, 228);
      left: -22px;
      margin-bottom: 10px;
      
    }
  }

  @media only screen and (min-width: 869px) and (max-width: 991px) {
    
    .navigation {
      width: 105.8%;
      height: 50px;
      display: inline-block;
      position: relative;
      font-family: inherit;
      background-color: rgb(146, 222, 228);
      left: -24px;
      margin-bottom: 10px;
      
    }
  }

  

.box-gallery{

display: block;
width: 100%;
height: 204px;
}

#team-section .item img{

display: block;
width: 100%;
height: 194px;
}

@media only screen and (max-width: 468px) {
  
  .box-gallery{

  display: block;
  width: 100%;
  height: 224px;
}

#team-section .item img{

  display: block;
  width: 100%;
  height: 224px;
}
}


@media only screen and (min-width: 469px) and (max-width: 768px){
  
  .box-gallery{

  display: block;
  width: 100%;
  height: 100%;
}

#team-section .item img{

  display: block;
  width: 100%;
  height: 294px;
    
  }
}







    

    #vidios .card{
			margin-top: 1px;
			margin-bottom: 20px;
			width: 100%;
			position: relative;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		  box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		}
		
		#vidios .card .card-content {
			padding: 10px;
			text-align: center;
		}
		
		#vidios .card .card-content .card-title, .card-reveal .card-title{
			font-size: 17px;
			font-weight: 600;
		  margin-bottom:10px;
		  color: rgb(24, 96, 117);
		  
		}
		
		#vidios .container .content {
			position: absolute;
			bottom: 0;
			background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
			color: #f1f1f1;
			width: 100%;
			padding: 2px;
			text-align: right;
			margin-left:0px;
			padding-right:0px;
			
		}
		
		
		  
    .share-btn {
      display: inline-block;
      color: #ffffff;
      border: none;
      padding: 0.8em;
      width: 4.6em;
      opacity: 0.9;
      box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
      padding-left: 4px;
      margin-bottom: 18px;
      text-align: right;
      
    
  }
  
   
  .share-btn:hover {
    color: white;
  }
  
  .share-btn:active {
    position: relative;
    top: 2px;
    box-shadow: none;
    color: #e2e2e2;
    outline: none;
  }
  
  .share-btn.twitter { background: #55acee; }
  .share-btn.google-plus { background: #dd4b39; }
  .share-btn.facebook { background: #3B5998; }
  .share-btn.stumbleupon { background: #EB4823; }
  .share-btn.reddit { background: #ff5700; }
  .share-btn.linkedin    { background: #0ba58b; }
  .share-btn.email { background: #444444; }
  
  
  @media (max-width: 767px) {
  
    .share-btn {
      display: inline-block;
      color: #ffffff;
      border: none;
      padding: 0.8em;
      width: 4.6em;
      opacity: 0.9;
      box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
      padding-left: 5px;
      margin-bottom: 0px;
      text-align: right;
      
    
  } 
  }     
     
    /*------------------------------------------ hero -----------------------------------------*/ 
  
  .hero {    
    background:#04243f url(../img/Abay.jpg);
     
     
      width: 100%;
     
      background-blend-mode: multiply;
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      background-size: cover;
      
    color: #fff;
    
    font-weight: bold;
    line-height: 26px;
    margin-top: 0px;
    margin-bottom: -20px;
    width: 100%;
  
  }
  
  .hero__title {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding-top: 1px;
    margin-bottom: -84px;
    font-family: 'oswald', sans-serif;  
    background-size: 200%;
    background-image: none;
    background-image: linear-gradient(45deg,#fff070 0%,#fff070 35%,#00c9d3 66%,#00c9d3 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-animation: glow 9s linear infinite;
    animation: glow 9s linear infinite;
  
  }
  
  
  @-webkit-keyframes glow {
    0% {
      background-position: 0% 43%;
    }
  
    50% {
      background-position: 100% 58%;
    }
  
    100% {
      background-position: 0% 43%;
    }
  }
  
  @keyframes glow {
    0% {
      background-position: 0% 43%;
    }
  
    50% {
      background-position: 100% 58%;
    }
  
    100% {
      background-position: 0% 43%;
    }
  }
  
  
  
  
  
  
  
  /* Font Awesome Social Icons
  --------------------------------------------------------------------------------------------------------------- */
  .faico{margin:0; padding:0; list-style:none;}
  .faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}
  .faico li:last-child{margin-right:0;}
  .faico a{display:inline-block; width:33px; height:33px; line-height:33px; font-size:18px; text-align:center;}
  
  .faico a{color:#C1C2C4; background-color:#292929;}
  .faico a:hover{color:#FFFFFF;} 
  
  
  .faicon-dribble:hover{background-color:#EA4C89;}
  .faicon-facebook:hover{background-color:#3B5998;}
  .faicon-google-plus:hover{background-color:#DB4A39;}
  .faicon-linkedin:hover{background-color:#0E76A8;}
  .faicon-twitter:hover{background-color:#00ACEE;}
  .faicon-vk:hover{background-color:#b82b1c;}
  
  #footer .faico .faicon-facebook {background-color:#436eac}
  #footer .faico .faicon-linkedin {background-color:#0E76A8;}
  #footer .faico .faicon-twitter {background-color:#00ACEE;}
  #footer .faico .faicon-youtube {background-color:#a90529;}
  
  


.social_nav li a{  background-position:-60px -30px; background-size:270px 60px}
#footer .footer-top .social-links  a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:none}
.social_nav li.mail a{ background-position:-240px -30px; background-size:270px 60px; width:33px}
.social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#43df84;}



#footer  .social-links .facebook {background-color:#436eac}
#footer  .social-links .youtube {background-color:#a90529;}
#footer  .social-links .Linkedin {background-color:#0E76A8;}
#footer  .social-links .twitter {background-color:#00ACEE;}
#footer  .social-links .Television {background-color:#00ACEE;}


#footer  .social-links .facebook:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
#footer  .social-links .facebook:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}

#footer  .social-links .youtube:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
#footer  .social-links .youtube:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}

#footer  .social-links .twitter:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
#footer  .social-links .twitter:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}

#footer  .social-links .Linkedin:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
#footer  .social-links .Linkedin:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}

#footer  .social-links .faicon-youtube:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
#footer  .social-links .faicon-youtube:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}

#footer  .social-links .Television:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
#footer  .social-links .Television:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}


  



/*----------------- logo ----------------------*/

#sliderSection4 .logo_area {display:inline; float:left;  width:100%; height:94px; margin-bottom: 0px; margin-top: 0px;}
#sliderSection4 .logo_area img{width:100%; height:100%}


#sliderSection4 .logo_area1{display:inline; float:left;  width:100%; height:114px; margin-bottom: 0px;margin-top: -1px; }
#sliderSection4 .logo_area1 img{width:100%; height:100%;  }


#sliderSection4 .logo_area2{display:inline;  float:left; width:100%; height:121px;margin-top: -4px; margin-bottom: 0px; }
#sliderSection4 .logo_area2 img{width:100%;display:inline; height:100%}


@media only screen and (max-width: 394px) {
  
  
  #sliderSection4 .logo_area {
  display: inline;
}
#sliderSection4 .logo_area1{

  display: none;
}
#sliderSection4 .logo_area2{

  display: none;
 }
 
}

@media only screen and (min-width: 395px) and (max-width: 641px){ 
  
  
  #sliderSection4 .logo_area {
    display: none;
  }
  #sliderSection4 .logo_area1{
  
    display: inline;
  }
  #sliderSection4 .logo_area2{
  
    display: none;
   }
   
  }
@media only screen and (min-width: 642px) {
  
  
  #sliderSection4 .logo_area {
    display: none;
  }
  #sliderSection4 .logo_area1{
  
    display: none;
  }
  #sliderSection4 .logo_area2{
  
    display: inline;
   }
   
  }

 
 
  
  /* Footer
  --------------------------------------------------------------------------------------------------------------- */
  #footer{padding:80px 0;}
  
  #footer > div:first-of-type .heading{margin-bottom:20px; text-transform:uppercase; font-size:1.8rem;}
  #footer .heading{margin-bottom:50px;}
  
  #footer .latestimg{}
  #footer .latestimg > li{display:inline-block; float:left; width:47%; margin:0 0 5% 5%;}
  #footer .latestimg > li:nth-last-child(-n+2){margin-bottom:0;}/* Removes bottom margin from the last three items - margin is restored in the media queries when items stack */
  #footer .latestimg > li:nth-child(2n+1){margin-left:0; clear:left;}/* Removes the need to add class="first" */
  #footer .latestimg > li img{width:100%;}/* Force the image to resize to take the full space - may have to be changed for tablets, depends on personal preference */
  #footer .latestimg > li a.imgover{display:block;}
  
  
  
  
  
  
  /* 
  
  /* Footer
  --------------------------------------------------------------------------------------------------------------- */
  #footer{padding:80px 0;}
  
  #footer > div:first-of-type .heading{margin-bottom:20px; text-transform:uppercase; font-size:1.8rem;}
  #footer .heading{margin-bottom:50px;}
  
  #footer .latestimg{}
  #footer .latestimg > li{display:inline-block; float:left; width:47%; margin:0 0 5% 5%;}
  #footer .latestimg > li:nth-last-child(-n+2){margin-bottom:0;}/* Removes bottom margin from the last three items - margin is restored in the media queries when items stack */
  #footer .latestimg > li:nth-child(2n+1){margin-left:0; clear:left;}/* Removes the need to add class="first" */
  #footer .latestimg > li img{width:100%;}/* Force the image to resize to take the full space - may have to be changed for tablets, depends on personal preference */
  #footer .latestimg > li a.imgover{display:block;}
  
  
  
  
  
  
  
  
  
  
  /* styling my button */
  
  .white-mode1 {
      text-decoration: none;
      padding: 7px 10px;
    background-color: rgb(41, 165, 144);
      border-radius: 3px;
      color: #FFF;
      transition: .35s ease-in-out;
      position: absolute;
    bottom: -25px;
    padding-bottom: 10px;
      font-family: "Montserrat";
  }
  
  .white-mode1:hover {
    background-color: rgb(13, 89, 177);
    color: #FFF;
  }
  
  
  
  /* styling my button */
  
  .white-mode2 {
      text-decoration: none;
      padding: 7px 10px;
    background-color: rgb(41, 165, 144);
      border-radius: 3px;
      color: #FFF;
      transition: .35s ease-in-out;
      position: absolute;
    margin-bottom: -20px;
      
      font-family: "Montserrat";
  }
  
  .white-mode2:hover {
    background-color: rgb(13, 89, 177);
    color: #FFF;
  }
  
  
  
  /* styling my button */
  
  .white-mode{
      text-decoration: none;
      padding: 7px 10px;
    background-color: rgb(41, 165, 144);
      border-radius: 3px;
      color: rgb(12, 12, 12);
      transition: .35s ease-in-out;
      position: relative;
    margin-bottom: 10px;
      
      font-family: "Montserrat";
  }
  
  .white-mode:hover {
    background-color: rgb(13, 89, 177);
    color: #FFF;
  }
  
  
  
  
  
  /* styling my button */
  
  .white-mode1 {
      text-decoration: none;
      padding: 7px 10px;
    background-color: rgb(41, 165, 144);
      border-radius: 3px;
      color: #FFF;
      transition: .35s ease-in-out;
      position: relative;
      
      
      font-family: "Montserrat";
  }
  
  .white-mode1:hover {
    background-color: rgb(13, 89, 177);
    color: #FFF;
  }
  
  
  /*------------------------------------------------------------------
      Post-box
  -------------------------------------------------------------------*/
  
  
  .post-box .date{
      display: inline-block;
      position: absolute;
      top: 15px;
      right: 15px;
      background: #333333;
      color: #fff;
      padding: 10px 15px;
      text-align: center;
  }
  
  .post-thumb{
    position: relative;
    
  }
  
  #categoryPart {
    margin-bottom: -28px;
 
   }

  #categoryPart .single_post_content h1{
    margin-top: 27px;
    margin-bottom: 27px;
    color: #000;
    
  }

  #categoryPart .post-desc p{
   margin-left: 0px;

  }
  
  #post-thumb .single_post_content4 h2{
    font-size: 10px;
    
  } 
  #team-section .single_post_content4 h2{
    margin-top: 28px;
    color: #000;
    
  }
  
  .post-box{
    -webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.14), 0 1px 1px -2px rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.2);        
   
    background: #ffffff;
    margin-bottom: 20px;
    margin-top: 0px;
  }
  

  @media only screen and (max-width: 768px) {
      
    .post-box{
      margin-top: 1px;
      margin-bottom: 5px;
      
    }

    .post-box:hover .post-thumb::before{
      
      margin-top: 10px;
    }
  }

  .post-box:hover .post-thumb::before{
      opacity: .6;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      margin-top: 0px;
  }
  
  
  .post-box .post-thumb::before{
      content: "";
      position: absolute;
      
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(51, 51, 51, 0.80);
      opacity: 0;
      -webkit-transition: all .5s;
      transition: all .5s;
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
  }
  
  .post-info{
      padding: 0px 15px 40px 15px;
      background: #ffffff;
      text-align: left;
      margin-top: 40px;
  }
  
  .post-info p{
      margin: 0px;
  }
  
  .post-info h4{
      font-size: 20px;
      font-weight: 700;
  }
  
  .post-info ul{
      display: block;
      text-align: center;
      margin-bottom: 15px;
  }
  .post-info ul li{
      
  
  display: inline-block;
      text-align: center;
  }
  
  
  
  .post-thumb img{
    width: 100%;
    display:inline-block;
    
  }
  .spost_nav .media-body > a{
    font-family:"Oswald",sans-serif
  }
  .post-img{
    position:relative
  }
  
  
  
  
  a.view-more{
    border-radius: 1px;
    margin-top:10px;
    background-color: #009FE1;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important;
    color:#fff;
  }
  a.view-more:hover{
    color:#fff;
    background:#0cc452;
  }
  ul.icon-des li a i {
      color: #fff;
      width: 25px;
      height: 25px;
      border-radius: 0%;
      text-align: center;
      background-color: #009FE1;
    line-height: 25px !important;
    
  }
  
  ul.icon-des li {
      width: 100%;
      display: table;
    margin-bottom: 5px;
    margin-top: 10px;
  }
  
  ul.icon-des li:hover{
    color:#fff;
    background:#0cc452;
  }
  
  
  ul.icon-des li a:hover{
    color:#fff;
    background:#0cc452;
  
    
  }
  
  
  
  .card-link {
    padding: 20px 1px 0px;
width: -webkit-fill-available;

}

    .card-link a {
        text-decoration: none;
        position: relative;
        padding: 10px 0;
    }

    .card-link a:after {
        top: 10px;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        position: absolute;
        width: 0;

        -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
        -moz-transition: width 0.3s ease 0s, left 0.3s ease 0s;
        -o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
        transition: width 0.3s ease 0s, left 0.3s ease 0s;
    }

    .card-link a:hover:after { 
        width: 100%; 
        left: 0; 
    }        


    figure.read .read-more {
      display: inline-block;
      width: auto;
      border: 2px solid #20638f;
      padding: 0.4em 0.6em;
      color: #20638f;
      text-decoration: none;
      font-weight: 800;
      font-size: 0.9em;
      text-transform: uppercase;
      
    }
    figure.read .read-more:hover {
      background-color: #20638f;
      color: #ffffff;
    }
  
  
  .vid-container {
    margin-bottom: 0;
    z-index: 2;
    }
    
    .vid-thumb:hover {
    cursor: pointer;
    }
    
    .vid-link {
    color: #167ac6;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 2.6em;
    background-color: #fff;
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    font-size: 13px;
    font-family: Roboto, arial, sans-serif;
    font-weight: 500;
    }
    
    .vid-thumb-container {
    margin-bottom: 4px;
    position: relative;
    z-index: -2;
    }
    
    .video-time {
    margin-top: 0;
    margin-right: 0;
    padding: 0 4px;
    font-weight: 500;
    font-size: 11px;
    background-color: #000;
    color: #fff!important;
    height: 14px;
    line-height: 14px;
    opacity: .75;
    filter: alpha(opacity=75);
    display: -moz-inline-stack;
    vertical-align: top;
    display: inline-block;
    font-family: Roboto, arial, sans-serif;
    }
    
    .video-time,
    .video-time-overlay {
    position: absolute;
    right: 16px;
    bottom: 5px;
    }
  
  
  
  .our-team h4 {
    font-size: 35px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    padding: 0px 0px 5px 0px;
  }
  
  .our-team .hr-line {
    background: #fff;
    height: 4px;
    width: 15%;
    margin: 0 auto;
    margin-bottom: 50px;
  }
  
  
  .card-body {
    padding: 5px 15px !important;
    background: #f3ebeb;
  }
  
  .our-team h5 {
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    color: #056ba3;
    margin: 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: currentColor;
  }
  
  .card-text {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 25px;
    color: #000000;
    text-align: center;
  }
  
  .hr-line-curser {
    height: 2px;
    background: #056ba3;
    width: 100%;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
  }
  
  .card-body .btn:hover {
    background: rgb(10, 240, 60);
    color: #fff;
    transition: 0.5s all;
    transition-timing-function: ease-in;
  }
  
  .card-body .btn {
    background: #056ba3;
    font-size: 16px;
    color: #fff !important;
    padding: 7px 0px;
    border-radius: 0px;
    font-weight: 600;
    border: none;
    text-align: center;
    margin: 0 auto;
    float: left;
    width: 100%;
  }
  
  .carousel-inner {
    margin-bottom: 30px !important;
  }
  
  .carousel-indicators {
    position: relative !important;
    left: 0% !important;
    z-index: 15 !important;
    padding-left: 0 !important;
    margin-left: 0% !important;
    text-align: center !important;
    list-style: none !important;
    float: left !important;
    width: 100% !important;
  }
  
  .btn-floating {
    width: 45px;
    height: 45px;
    background: rgb(10, 144, 161);
    float: left;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    line-height: 48px;
    font-size: 30px;
    color: #fff;
  }
  
  .next {
    position: absolute;
    top: 40%;
    z-index: 999;
    right: -6%;
    padding-left: 6px;
  }
  
  .prev {
    position: absolute;
    top: 40%;
    z-index: 999;
    left: -6%;
    padding-right: 5px;
  }
  .card {
    position: relative !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
    min-width: 0 !important;
    background-color: #fff !important;
    background-clip: border-box !important;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 0.25rem !important;
    cursor: pointer !important;
    
  }
  
  
  
  
  
  .our-service {
    background: rgb(70, 196, 235); 
    float: left;
    width: 100%;
    margin: 0;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    margin-bottom: 0;
  
  }
  
  .our-service h3 {
    font-size: 35px;
    line-height: 41px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    color: rgb(249, 249, 255);
    background-color: rgb(2, 49, 8);
    margin-top: 10px;
    padding: 10px 0px 5px 0px;
  }
  
 
  
  
  /*------------------------------------------------------------------
  Gallery
  -------------------------------------------------------------------*/
  
  #credits{float:left; display:inline; width:100%; background-color:#fff; padding:0 30px}
  
  #footer{float:left; display:inline; width:100%; background-color:#fff; padding:0 0px}
  #stories{background-color:#fff; display:inline;margin-top: -10px; float:left; width:100%;  padding:8px 10px}
  #sira{float:left; display:inline; width:100%; background-color:rgb(236, 248, 248); padding:0 0px 8px 11px}
  
  #post-thumb{float:left; display:inline; width:100%;  background-color:#fff; padding:0 15px}
  
  #categoryPart{float:left; display:inline; width:100%; background-color:#fff; padding:0 10px}
  
  #team{float:left; display:inline; width:100%; background-color:rgb(77, 153, 89); padding:0 0px}
  
  #team-section4{float:left; display:inline; width:100%; background-color:rgb(236, 248, 248); padding:0 0px}
  
  #Oromia{float:left; display:inline; width:100%; background-color:rgb(236, 248, 248); padding:0 1px}
  
  #Gallery{float:left; display:inline; width:100%; background-color:rgb(236, 248, 248); padding:0 1px}
  
  #sliderSection{background-color:#fff; display:inline;margin-top: -10px; float:left; width:100%;  padding:8px 10px}
  
  #vidios{background-color:white; display:inline;margin-top: 0px; float:left; width:100%;  padding:8px 7px}
  
  #map{background-color:#fff; display:inline;margin-top: -10px; float:left; width:100%;  padding:8px 10px}
  
  #bank{background-color:#fff; display:inline;margin-top: -10px; float:left; width:100%;  padding:8px 10px}
  #links{ display:inline;margin-top: -10px; float:left; width:100%;  padding:0px 0px}
  
  
  #contentSection1{background-color:#fff; display:inline;margin-top: -10px; float:left; width:100%;  padding:8px 10px}
  
  
  #Gallery .gallery-box{
    padding: 20px 0px;
    margin-left:-11px;
   
  }
  
  #Gallery .box-gallery{
      text-align: center;
      box-shadow: 0 0 2px #7e7d7d;
      position: relative;
      margin-bottom: 0px;
      margin-top: 0px;
      
  }
  #Gallery .box-gallery img{
      width: 100%;
      height: auto;
      padding: 1px 1px;
      
  }
  .box-gallery .box-content{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transition: all 0.5s ease 0s;
  }
  #Gallery .box-gallery:hover .box-content{
      background-color: rgba(255, 242, 242, 0.8);
      left: -10px;
      bottom: 10px;
  }
  #Gallery .box-gallery .box-content:before,
  #Gallery .box-gallery .box-content:after{
      content: "";
      width: 50px;
      height: 50px;
      position: absolute;
      opacity: 0;
      transform: scale(1.5);
      transition: all 0.6s ease 0.3s;
  }
  #Gallery .box-gallery .box-content:before{
      border-left: 2px solid #b80fa1;
      border-top: 2px solid #000000;
      top: 19px;
      left: 19px;
  }
  #Gallery .box-gallery .box-content:after{
      border-bottom: 2px solid #b80fa1;
      border-right: 2px solid  #000000;
      bottom: 19px;
      right: 19px;
      
  }
  #Gallery .box-gallery:hover .box-content:before,
  #Gallery .box-gallery:hover .box-content:after{
      opacity: 1;
      transform: scale(1);
      
  }
  #Gallery .box-gallery .title{
      font-size: 22px;
      color: #333333;
      margin: 0;
      position: relative;
      top: 0;
      opacity: 0;
      transition: all 1s ease 0.01s;
  }
  #Gallery .box-gallery:hover .title{
      top: 41%;
      
      opacity: 1;
      transition: all 0.5s cubic-bezier(1, -0.53, 0.405, 1.425) 0.01s;
  }
  #Gallery .box-gallery .title:after{
      content: "";
      width: 0;
      height: 2px;
      background: #fbfcfc;
      position: absolute;
      bottom: -8px;
      left: 0px;
      right: 0;
      margin: 0 auto;
      transition: all 1s ease 0s;
  }
  #Gallery .box-gallery:hover .title:after{
      width: 80%;
      transition: all 1s ease 0.8s;
      left: 0%;
  }
  #Gallery .box-gallery .icon{
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0 auto;
      position: absolute;
      bottom: 0;
      opacity: 0;
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(1, -0.53, 0.405, 1.425);
      transition-delay: 0.1s;
  }
  #Gallery .box-gallery:hover .icon{
      bottom: 30%;
      left: -5px;
      opacity: 1;
  
  }
  #Gallery .box-gallery .icon li{
      display: inline-block;
  }
  #Gallery .box-gallery .icon li a{
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 50%;
      font-size: 18px;
      color: #000;
      border: 2px solid transparent;
      margin-right: 5px;
      transition: all 0.3s ease-in-out 0s;
  }
  #Gallery .box-gallery .icon li a:hover{
      background: transparent;
      color: #000;
  }
  @media only screen and (max-width:990px){
    #Gallery .box-gallery{ margin-bottom: 10px; }
  }
  
  
  
  
  
  .grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 20px;
  align-items: stretch;
}

.grid > article {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.grid > article img {
  max-width: 100%;
  height: 200px;
}

.grid .text {
  padding: 10px;
}

  

#stories{margin-bottom:-17px;box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}

#stories .card{position: relative;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;margin-bottom:17px; box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#stories .card-header {padding: .75rem 1.25rem;margin-bottom: 0;background-color: cadetblue;border-bottom: 1px solid rgba(0,0,0,.125);}
#stories .card-header:first-child {border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0;}
img.card-img-top {border-top-left-radius: calc(.25rem - 1px);border-top-right-radius: calc(.25rem - 1px);width:100%; object-fit: cover; object-position: center;}
#stories .card-body {padding:1.25rem;}
#stories .card-footer {text-align: center; padding:10px 0;}
#stories .card-footer .read__more{padding: 10px 20px; background: #000; color: #FFF; display: inline-block;}
#stories .card a:first-child {position: absolute;top: 0; left: 0;height: 100%; width: 100%;}

/* Cards Horizontal */
#stories .card.horizontal{min-height: 101px; box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#stories .card.horizontal .card-img-top{position: absolute; height: 100%; width: 38%; border-bottom:0; object-fit:cover; object-position:center;}
#stories .card.horizontal .card-body{position: absolute; background-color: rgb(249, 250, 250); height: 100%; width: 62%; right: 0;}
#stories .card.horizontal .card-body p.card-text{font-size:12px;}
#stories .card.horizontal .card-body h3 {font-size:15px; margin-top: 0px; color: rgb(21, 58, 92);}

#stories .card.horizontal .card-footer{position: absolute; width: 0%; bottom: 0; right: 0;}


  


 


  /*------------------------------------------ Footer -----------------------------------------*/ 
  


  
  #footer .footer-top {
    background: #0b5241;
    padding: 40px 0 20px 0;
    width: 100%;
    position: static;
    background-size: cover; 

   }

  #credits {
    background: #1e3b4e;
    padding: 0px 0 3px 0;
    color: #eee;
    font-size: 13.4px;
    margin-bottom: 1px;
    margin-top: -10px;
    line-height: 30px;
   
  
  }
  
  #credits .copyright {
    text-align: center;
    padding-top: 10px;
    font-size: 14.1px;
  
    
  }
  
  #credits .credits {
    text-align: center;
    font-size: 14px;
    color: rgb(221, 221, 221);
    font-weight: 600;
  
    
    
  }
  
  #credits .credits a {
    text-align: center;
    font-size: 13.4px;
    color: #09cea0;
    font-weight: 600;
    
    
  }
  @media(min-width:442px )and (max-width:768px ){  
  #footer  {
    
    margin-bottom: -1px;
    background: rgb(19, 64, 70);
   }
   
  #footer .footer-top {
    background:#0b5241;
    padding: 40px 0 20px 0;
    width: 100%;
    position: static;
    background-size: cover; 
   }
  }
  
  
  @media only screen and (max-width: 441px) {
  
   
    #footer  {
    
      margin-bottom: -1px;
      background: rgb(19, 64, 70);
    } 
    #footer .footer-top {
      background: #0b5241;
      padding: 40px 0 20px 0;
      width: 100%;
      position: static;
      background-size: cover; 
  
     }
  
     #credits {
      background: #1e3b4e;
      padding: 0px 0 3px 0;
      color: #eee;
      font-size: 13.4px;
      margin-bottom: 1px;
      margin-top: -10px;
      line-height: 21px;
     
    
    } 
  }
  @media only screen and (max-width: 768px) {
  #header{display:inline; float:left; width:100%; margin-top:0px}
  .single_sidebar1{float:left; display:inline; width:100%;margin-top: 11px; margin-bottom:10px}
  }



    

    #content {
      padding-bottom: 20px;
      width: 75%;
    }


   
/* ====================== START 404 ====================== */
.error-404-text, .error-404-text p { text-align: center; }
.error-404-text h2 { margin: 0; padding: 0; }
.error-404-text h3 { font-size: 15px; font-weight: normal; margin: 0; padding: 0; }
.error-404-image { display: block; margin: 0 auto; }
/* ====================== END 404 ====================== */
 

  @media only screen and (max-width: 768px) {
  #header{display:inline; float:left; width:100%; margin-top:0px}
  .single_sidebar1{float:left; display:inline; width:100%;margin-top: 11px; margin-bottom:10px}
  }
  
  @media(max-width:1581px ){.nav-tabs > li{width:33.3%}}
  @media(max-width:1199px ){.photograph_nav li{width:31.5%}
  @media(max-width:991px ){.single_iteam{height:415px}.photograph_nav li{width:47.7%}.related_post .spost_nav li{width:100%}.nav-tabs > li > a{font-size:13px;padding-left:0 !important;padding-right:0 !important;text-align:center}}
  @media(max-width:767px ){.navbar-collapse{padding-left:15px}.header{ margin-top:20px}.desktop-home{display:none}.navbar-inverse .navbar-nav > li > a{display:block}.header_top_left{width:100%}.header_top_right > p{display:none}.social_area{display:none}.single_iteam a{height:100%}.single_iteam a > img{height:100%}}
  @media(max-width:480px ){.top_nav{text-align:center}.single_post_content_left{width:100%}.single_post_content_right{width:100%}.copyright{text-align:center;width:100%}.developer{text-align:center;width:100%}.single_iteam{height:300px}.photo_grid figure{height:200px}.photograph_nav li{width:100%;margin-left:0}.nav > li > a{padding:8px 12px}}
  @media(max-width:360px ){.latest_newsarea span{font-size:12px;line-height:2.2em;padding:2px 10px 1px 10px}.single_iteam{height:210px}.slider_article > p{display:none}.pagination > li > a,.pagination > li > span{padding:4px 8px}}
  @media(max-width:319px ){.sociallink_nav li a{padding:5px 10px}.sociallink_nav li:nth-child(1) > a{padding:5px 13px}}