* {
    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/BACK.jpg") #e8f1f1  fixed;
 
   }
  
  ul{padding:0; margin:0; list-style:none}
a{text-decoration:none;  color:rgb(17, 17, 17)}
a:hover{color:rgb(20, 121, 121); 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:11px; }
  .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:#fff; 
    border-top: rgb(167, 5, 59) 0px solid; 
    display:inline; 
    float:left; 
    padding: 0px 0px 1px 0px; 
    width:100%;
  
  }
  #sliderSection4 .logo_area { 
    float:left; 
    height:124px; 
    width:100%; 
    margin-left: 0px;
    margin-top: 0px;
  }
  #sliderSection4 .logo_area img{width:100%; height:100%}
  #sliderSection4 .logo_area img:hover{opacity:1}
  
  .add_banner{
    float:right; 
    width:0%; 
    height:91px;  
    margin-right: 0px; 
    
    margin-left: 1px;
    margin-top: 4px;
  }
  .add_banner img{width:100%; height:100%;  }
  
  .add_banner1{
    float:right; 
    width:0%; 
    height:91px;  
    margin-right: 0px; 
    margin-top: 4px; 
    
  }
  .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:127px; height:80px}
  .media-left > img{height:72.8px; width:114px}
  .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; 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; background-color: aqua; 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;}
    
  
  
    .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: rgb(47, 63, 105); 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; }
  
  .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.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: -9.5px;
    }
    #sliderSection > h4 span{
      padding:4px 10px
    
    }

    .media-left > img{height:70px; width:90px}
  }
  .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:10px}
  .footer_top{background-color:#05201e; color:#ddd; font-size: 12.8px; display:inline; float:left; font-family: Verdana, Geneva, Tahoma, sans-serif; padding: 10px 12px 28px; 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;font-weight: 500; font-family: 'Times New Roman', Times, serif; 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 .spost_nav li{width:31%; margin-right:10px}
  .related_post .spost_nav li:last-child{margin-right:0}
  
  
  @media only screen and (max-width: 468px) {
   
    #sliderSection4 .logo_area{ float:left; height:91px; width:100%;  margin-left: 1px; margin-top: 4px;}
    #sliderSection4.logo_area img{width:100%; height:100%}
    #sliderSection4 .logo_area img:hover{opacity:1}
    
   
    
    .single_page_content > img{max-width:100%; width:780px; height:213px; margin-bottom:15px}
    

  .navigation {
    width: 100%;
    height: 41px;
    display: inline-block;
    position: relative;
    font-family: inherit;
    background-color: rgb(146, 222, 228);
    left: -15px;
    margin-bottom: 10px;
  
    



  }
    .spost_nav .media-left{width:100px; height:80px; margin-top: 2px;}
    
  }
  
  

  .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
  }

  

  @media only screen and (min-width: 767px) and  (max-width: 868px){
    .latest_post > h4{
      background:none repeat scroll 0 0 #151515; 
      color:#fff; 
      font-family:'Oswald',sans-serif; 
      font-size:14px; 
      font-weight:700; 
      margin-bottom:7px; 
      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
    }


    .catg_title {
      color:rgb(10, 10, 10); 
      font-family:"Oswald",sans-serif; 
      font-size:10px;
      font-weight: 600; 
      
    
      }

      .latest_post  p{
       
      font-size:11px;
      
        }

.typewriter {
	display: none;
	

	
  }
  
  }

  @media only screen and  (max-width: 767px){
    .latest_post > h4{
      
      margin-bottom:1px; 
      margin-left:0; 
      margin-top:11px; 
     font-size: 15px;
     font-weight: 700;
      
    }
  }
  @media only screen and (min-width: 768px) and  (max-width: 891px){
 
    #links li > a  {
	 
      color: whitesmoke;
      font-size: 10.5px;
      
    }

    #links h2{
      background:none repeat scroll 0 0  rgb(6, 101, 124); 
      padding:0; 
      margin-bottom: 0px;
      font-size:12.8px; 
      text-transform:uppercase; 
      border-bottom:1px solid #949BA0;
      font-family: 'Times New Roman', Times, serif;
      color: white;
      line-height: 1.6;
      padding-right: 0px;
      width: 97%;
      
      }
    }

  @media only screen and (min-width: 869px) and  (max-width: 968px){
    .latest_post > h4{
      background:none repeat scroll 0 0 #151515; 
      color:#fff; 
      font-family:'Oswald',sans-serif; 
      font-size:19px; 
      font-weight:400; 
      margin-bottom:10px; 
      margin-left:0; 
      margin-top:-2.8px; 
     
      position:relative; 
      text-align:center; 
      text-transform:uppercase; 
      
      line-height: 24px;
    }
    .latest_post > h4 span{
      padding:4px 10px
    }


    .catg_title {
      color:rgb(10, 10, 10); 
      font-family:"Oswald",sans-serif; 
      font-size:13px;
      font-weight: 600; 
      
    
      }

      .latest_post  p{
       
      font-size:12px;
      
        }
  }



  .single_post_content > h5{
    background:none repeat scroll 0 0 #151515; 
    color:#fff; 
    font-family:'Oswald',sans-serif; 
    font-size:19px; 
    font-weight:400; 
    margin-bottom:10px; 
    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{
    background:none repeat scroll 0 0 #151515; 
    color:#fff; 
    font-family:'Oswald',sans-serif; 
    font-size:17px; 
    font-weight:500; 
    margin-bottom:10px; 
    margin-left:0; 
  
    position:relative; 
    text-align:center; 
    text-transform:uppercase; 
    margin-top: -16px;
    line-height: 28px;
  }
  .single_post_content > h5 span{
    padding:4px 10px
  }
  
  
 
  .single_sidebar4{
    float:left; 
    display:inline;
     width:100%;
     margin-top: 11px; 
     margin-bottom:10px
    
  }
  

  .single_sidebar{float:left; display:inline; width:100%;margin-top: -1px; margin-bottom:10px}
  .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);   border-bottom:none}
  
  
  .add_banner1{float:right; width:31.1%; height:64px;  margin-right: 2px; margin-top: 4px; z-index: 0;}
  
  }
  
  
    





  
  /*----------------------------------------- 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) {
    
      #bank .carousel-background img {
      
          width: 100%;
          height: 91px;
      float:left;
      margin-top: -2px;
      
      }	
      
      
      #bank {
          display: inline;
          width: 100%;
          height: 91px;
          float:left;
          
          
      }
      
    #bank .carousel-item {
          width: 100%;
          height: 91px;
          float:left;
      }
  }
  
  @media only screen and (max-width: 468px) {
    
      #bank .carousel-background img {
      
          width: 100%;
          height: 54px;
      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: yellowgreen;}
  .tag_nav li a:hover{color:#25dd34; border-color:#0570eb;}
  .copyright a:hover{color:#143fca}
  
  .breadcrumb{border-left:10px solid #3edacd}
  
  /*------------------------------------------- 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;
      
    }
  }



    /*------------------------------------------ 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%;
    }
  }
  
  
  
  



  #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;
    
  }
  
  
  .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;
    }
  
  


  
  /* 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)}


  
  /* 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;}
  
  
  
  
  
  
  
  
  /* Page */
.vg-page {
  position: relative;
  display: block;
  padding: 80px 0;
  width: 100%;
  overflow: hidden;
}

.page-home {  
  padding: 25px 0;
  width: 100%;
  height: 700px;
  z-index: 99;
}

.page-home::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(62, 57, 57, 0.8);
  z-index: -1;
}

.page-home .navbar {
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: rgba(104, 102, 102, 0.8);
  z-index: 99;
}

.page-home .navbar.floating {
  top: 0;
  background-color: #343a40;
}

.page-home .caption-header {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 10;
}

.page-home h1 {
  font-size: 50px;
}


.page-funfact {
  padding: 100px 0;
  text-align: center;
  color: #fff;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.page-funfact::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(41, 36, 36, 0.7);
}


  
  /*------------------------------------------------------------------
      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;
    
  }
  
  #post-thumb .single_post_content4 h4{
    margin-top: 28px;
    margin-bottom: 20px;
    color: #000;
    
  }


  
  #post-thumb .single_post_content4 h2{
    font-size: 10px;
    
  } 
  #team-section .single_post_content4 h2{
    margin-top: 28px;
    color: #000;
    
  }
  
  .post-box{
    box-shadow: 0 2px 2px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
    background: #ffffff;
    margin-bottom: 20px;
    margin-top: 0px;
  }
  
  .post-box:hover {
    box-shadow: 0 2px 2px rgba(0,0,0,0.25), 0 5px 2px #2eb9d1;
  }
  
  .post-thumb img:hover {
		transform:  scale(1.02) ;
	transition: all 0.3s ease ;
  cursor: pointer;
  
  }
  
  @media only screen and (max-width: 768px) {
      
    .post-box{
      margin-top: 11px;
      margin-bottom: 19px;
      
    }

    .post-box:hover .post-thumb::before{
      
      margin-top: 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
  }
  
  
  
  
  .gallery-item img {
    border: 0;
    display: block; /* collapse top and bottom margins */
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 241px;
    margin-bottom: 17px; 
     
  }


  @media only screen and (min-width: 482px) and (max-width: 768px){
    
    
	.gallery-item img {
		border: 0;
		display: block; /* collapse top and bottom margins */
		cursor: pointer;
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		height: 314px;
		margin-bottom: 17px; 
		 
	  }
  }

 /*------------------------------------------- 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-text {
  display: none;
}


@media screen and (max-width: 469px) {
 
 .gallery-item img {
   border: 0;
   display: block; /* collapse top and bottom margins */
   cursor: pointer;
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%;
   height: 201px;
 }
 
 }







 
@media screen and (min-width: 469px) and (max-width: 769px){
 
  .gallery-item img {
    border: 0;
    display: block; /* collapse top and bottom margins */
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 281px;
  }
  
  }
 @media screen and (min-width: 768px) {

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

/*******************************
       .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;
}

 
.imgoverlay {
  position: relative;
  overflow: hidden;
  display: block;
  max-width: 100%
}

.imgoverlay img {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease
}

.imgoverlay:hover img {
  transform: scale(1.07);
  -ms-transform: scale(1.07);
  -webkit-transform: scale(1.07)
}
.imgoverlay .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(Opacity=0)";
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.imgoverlay:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(Opacity=100)"
}

.imgoverlay .overlaycolor {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(Opacity=80)"
}

.imgoverlay .overlayinfo {
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  top: 45%;
  left: 0;
  -webkit-transition: top .3s ease;
  -moz-transition: top .3s ease;
  -o-transition: top .3s ease;
  -ms-transition: top .3s ease;
  transition: top .3s ease;
}

.imgoverlay:hover .overlayinfo {
  top: 50%
}

 


.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;
  }
}





.single_post_content_left1 ol {
	
	margin: 10px; 
	padding: 0;
	font-family: sans-serif;
	width: 100%;
  
}
.single_post_content_left1	li {
	
		position:relative; /* Create a positioning context */
		margin:0 0 6px 12px; /* Give each list item a left margin to make room for the numbers */
		padding:6px 8px; /* Add some spacing around the content */
		

  }

	



/* #1- Larger numbers */
ol.large-numbers {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
	line-height: 1.25;
}
ol.large-numbers > li {
	position:relative; /* Create a positioning context */
	list-style:none; /* Disable the normal item numbering */
	margin: 1px 0 1px 2px;
	padding: 0 0 0 1rem;
}
ol.large-numbers > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top: 0; /* move numbers up or down as needed */
	left:-0.9em;
	width: 1em;
	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size: 17px;
	font-weight: bold;
	font-weight: 700;
	color: #A8CABA;
  
}
ol.large-numbers li:hover:before {
	color: #105ac9;
}

 
  /*------------------------------------------- Our Teams -------------------------------------------*/
  
  
  
  .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;
    
  }
  
 

  
    
    


  figure.read {
    padding-right: 0px;
      }

    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;
      margin-right: 0px;
      right: 0px;

    }
    figure.read .read-more:hover {
      background-color: #20638f;
      color: #ffffff;
    }

  .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;
  }
  
  
  
  
  .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;
    
  
} 
}     
   
 
/*----------------- 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;
   }
   
  }

 
 
  
  #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; }
  }
  
  
  
  
  
  
  
  
  
  /*------------------------------------------------------------------
  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}
  
  #sira{float:left; display:inline; width:100%; background-color:rgb(236, 248, 248); padding:0 15px}
  
  #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-section{float:left; display:inline; width:100%; background:#3b867c ; padding:0 0px}
  #team-section4{float:left; display:inline; width:100%; background-color:rgb(236, 248, 248); padding:0 0px}
  
  
  #Gallery{float:left; display:inline; width:100%; background-color:rgb(236, 248, 248); padding:0 1px}
  
  #sliderSection{background-color:#fff; display:inline;margin-top: -15px; float:left; width:100%;  padding:8px 10px}
  #sliderSection12{background-color:#fff; display:inline;margin-top: -15px; float:left; width:100%;  padding:8px 10px}
  
  #vidios{background-color:#fff; display:inline;margin-top: 0px; float:left; width:100%;  padding:18px  10px 0}
  
  #news{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: -1px; float:left; width:100%;  padding:0px 0px}
  #links1{ display:inline;margin-top: 10px; background-color: white; float:left; width:100%;  padding:0px 0px}
  
  
  #contentSection1{background-color:#fff; display:inline; margin-top: -10px;  float:left; width:100%;  padding:8px 10px}
  
  
  /*------------------------------------------ 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}
  }



  
  @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}}