/*
 Color Black #171c24
 white text : #fefeff;
 blue btn : #258dfe ;
 light border : b9babd;
 dark- blue 003774


*/
h1 {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: bolder;
}
h2 {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: bolder;
    letter-spacing: 1px;
}
h3 {
    font-size: 19px;
    font-family: 'Roboto', sans-serif;
    font-weight: bolder;
    line-height: 26px;
}
h4 {
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: bolder;
}

h5 {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: bolder;
}
h6  
{
  font-size: 12px;
}
a {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}


hr
    {
      background-color: #b9babd;
    }
@media (min-width: 1200px)
{
.container {
   max-width: 1220px !important;
    /*margin: 0 auto;*/
}
}
/*.navbar
  {
    position: fixed;
    width: 100%;
    z-index: 6000;
  }*/
.light-color
  {
    color: #fefeff !important;
  }
.dark-color
  {
    color: #171c24 !important;
  }



/*Header CSS Start*/
.navbar {
    margin-bottom: 0 !important;
    min-height: auto !important;
    border-radius: 0px !important;
}
.custom-toggler.navbar-toggler {
   border-color: rgb(38,141,255);
}
.multi-language a
  {
    padding: 7px 5px !important;
  }
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(38,141,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
@media (max-width: 992px)
{
.main-top-header-nav ul

{
flex-direction: row;
}
}
.bg-blue {
    background-color: #3e63a5 !important;
}
.main-top-header-nav ul li a
  {
    font-size: 13px;
    color: #fefeff;
    padding: 0 5px;
  }
  .main-header-nav
    {
      padding: 15px 10px !important;
    }
 .main-header-nav img
  {
    width: 250px !important;
  } 
    @media (max-width: 1200px)
{
  .main-header-nav img {
    width: 150px !important;
  }
  }
  .main-header-nav ul li
    {
      padding-right: 5px !important;
      padding-left: 5px !important;
    }
.main-header-nav ul li a
  {
    text-transform: uppercase;
    font-size: 15px;
    color: #171c24;

  }

/*Header CSS End*/

/*search css start*/
* {
  box-sizing: border-box;
}

.openBtn {
  background: #f1f1f1;
  border: none;
  padding: 10px 15px;
  font-size: 20px;
  cursor: pointer;
}

.openBtn:hover {
  background: #bbb;
}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
  color: #171c24;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #268dff;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}
/*search end*/

/*homepage start*/
#home-section-one
  {
    padding: 15px 10px;
  }
  
  .home-section-one-right
    {
      padding-top: 15px;
      /*padding-bottom: 15px;*/
    }
    .home-section-one-right p 
      {
        font-size: 12px !important;
      }
    .home-section-one-left
      {
        padding-top: 15px;
      }
      @media (min-width: 992px){
            .home-section-one-left p
        {
          font-size: 22px;
        } 
          }
      .home-section-one-left-content
        {
          position: relative;
          text-align: center;
           color: white;
        }
        .home-overlay
          {
             background: rgba(0, 0, 0, 0.4);
             position: absolute;
             width: 100%;
             height: 100%;
             bottom: 0;
          }
        .bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}        
        .bottom-left a
          {
            color: #fff;
          }
        .bottom-left p
          {
            text-align: left;
          }
  @media (max-width: 768px)
    {
    .home-section-one-right, .home-section-one-left {
      padding: 15px;
    }
    }
  .home-banner
    {
      background: url(../images/banners-no-content.jpg) no-repeat;
      height: auto;
      width: 100%;
      padding: 50px 0;
     
      background-size: cover;
    }  
    .home-banner h1
      {
        font-weight: bold;
        color: #003774;
      }
      @media (max-width: 768px){
         .home-banner h1, .years-service
         {
          text-align: center;
         }
         .banner-btn
      {
        float: none;
        padding: 5px;

      }
       .banner-btn h4 a
      {
        
        padding: 15px !important;

      }

      }
    .banner-btn
      {
        float: left;
      }
      .years-service
        {
          color: #002651;
          font-weight: bold;
          font-size: 20px;
        }
    .second-section h2, .second-section-two h2

      {
          text-align: center;
      }
  .second-section
    {
      background: url(../images/main-bg.jpg) no-repeat;
      height: auto;
      width: 100%;
      padding: 50px 0;
     
      background-size: cover;
    }

  .second-section h1, .second-section-two h1
    {
      text-align: center;
      font-weight: bolder;
      margin: 0 0 20px 0;
    }
    .second-section-two 
    {
      background-color: #f8f8f8;
       padding: 50px 0;
    }
/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
  padding-top: 15px;
    padding-bottom: 15px;
}*/



/*carousel*/




.cta-100 {
  margin-top: 30px;
 /* padding-left: 8%;
  padding-top: 7%;*/
}
.col-md-4{
    padding-bottom:20px;
}

.white {
  color: #fff !important;
}
.mt{float: left;margin-top: -20px;}
.bg-blue-ui {
  background-color: #258dfe !important;
}
figure img{width:300px;}

#blogCarousel {
  padding-bottom: 100px;
}

.blog .carousel-indicators {
/*  left: 0;
  top: -50px;
  height: 50%;*/
}
figure
  {
    margin: 0 !important;
  }


/* The colour of the indicators */

.blog .carousel-indicators li {
  background: #fff;
  border-radius: 100%;
  width: 2%;
  height: 1%;
}

.blog .carousel-indicators .active {
  background: #000000;
}




.item-carousel-blog-block {
  outline: medium none;
  padding: 15px;
}

.item-box-blog {
  border: 1px solid #dadada;
  text-align: center;
  z-index: 4;
  padding: 20px 20px 30px 20px;
  background-color: #fff;
}

.item-box-blog-image {
  position: relative;
    border: 1px solid #b9babd;
    padding: 10px 5px;
}

.item-box-blog-image figure img {
  width: 100%;
  height: auto;
}

.item-box-blog-date {
  position: absolute;
  z-index: 5;
  padding: 4px 20px;
  top: -20px;
  right: 8px;
  background-color: #41cb52;
}

.item-box-blog-date span {
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1.2;
}

.item-box-blog-date span.mon {
  font-size: 14px;
}

.item-box-blog-date span.day {
  font-size: 16px;
}

.item-box-blog-body {
  padding: 10px;
}

.item-heading-blog a h5 {
  margin: 0;
  line-height: 1;
  text-decoration:none;
  transition: color 0.3s;
}

.item-box-blog-heading a {
    text-decoration: none;
}
.item-box-blog-heading h5
  {
    text-align: left;
    color: #171c24;
    font-weight: bold;
    font-size: 14px;
  }

.item-box-blog-data p {
  font-size: 12px;
  text-align: left;
}

.item-box-blog-data p i {
  font-size: 12px;
}

.item-box-blog-text {
  max-height: 100px;
  overflow: hidden;
}

.mt-10 {
  float: left;
  margin-top: -10px;
  padding-top: 10px;
}

.btn.bg-blue-ui.white.read {
  cursor: pointer;
  padding: 4px 20px;
  float: left;
  margin-top: 10px;
  border-radius: 0!important;
  font-size: 12px;
  text-transform: uppercase;
}

}

.btn.bg-blue-ui.white.read:hover {
 /* box-shadow: 0px 5px 15px inset #4d5f77;*/
 background-color: #1962b1: 
}

.carousel-indicators .active, .carousel-indicators li
  {
    background-color: #000000;
  }
  .glyphicon-chevron-right, .glyphicon-chevron-left
    {
      color: #268dff;
      font-size: 32px;
    }
    .glyphicon-chevron-right-four, .glyphicon-chevron-left-four
    {
      color: #fefeff !important;
    }
   
    @media (min-width: 768px)
    {
  .carousel-control-next
    {
       /*right : -100px !important;*/
    }
    }
    .carousel-control-next, .carousel-control-prev
      {
        width: 0 !important;
      }
      .carousel-indicators
        {
          position: relative !important;
          right: 0!important;
          left: 70px !important; 
        }
  .carousel-inner
    {
      padding: 15px 20px;
    }
  
/*carousel
*/
.global-hr
  {
    margin: 20px 0;
  }

.global-hr hr
  {
    height: 5px;
    background-image: -webkit-linear-gradient(left, #9BE15D 0%, #268dff 100%);a
    background-image: -o-linear-gradient(left, #24a4ff 0%, #268dff 100%);
    background-image: linear-gradient(to right, #24a4ff 0%, #268dff 100%);
    background-repeat: repeat-x;
    width: 10%;
  }

  .section-three-hr hr
  {
      height: 5px;
    background-image: -webkit-linear-gradient(left, #9BE15D 0%, #268dff 100%);a
    background-image: -o-linear-gradient(left, #24a4ff 0%, #268dff 100%);
    background-image: linear-gradient(to right, #24a4ff 0%, #268dff 100%);
    background-repeat: repeat-x;
    width: 10%;
  }

/*Footer Start*/
.page-footer  h5, .page-footer a, .page-footer 
  {
       color: #fefeff;
  }
  .page-footer  h5
    {
      text-transform:none !important;
      font-size: 16px;
    }
  .divider-footer
    {
      color: #fefeff !important;
      background-color:  #fefeff !important;
      width: 20%;
      height: 2px;
      align-content: left;
    }
  .page-footer p, .page-footer a
    {
      font-size: 14px;
    }
.page-footer-wrapper {
    background-color: #3e63a5;
    padding: 20px 0;
}

  .footer-copyright
    {
      background-color: #002651;
    }
    .footer-copyright h6
      {
        color: #fefeff;
      font-weight: 300;
      }


      .fa {
  padding: 8px 8px;
    font-size: 30px !important;
    width: 45px;
    text-align: center;
    text-decoration: none;
    margin: 5px 5px;
    color: #003774 !important;
    border-radius: 3px;
    background: #fefeff
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  
}
.social-icons-footer li
{
  float: left;
}
.footer-newsletter
  {
    float: left;
    width: 100%;
  }
  .custom-select
      {height: 32px;
        font-size: 14px;}
  .footer-btn
      {
        color: #fefeff;
        background-color:#268dff;
        padding: 5px 10px;
        font-size: 14px;
        float: right;
        margin-top: 10px;
      }
/*footer end 


/*Section two*/
.section-two-btn
  {
    margin-top: 30px;
    margin-bottom: 10px;
  }

.section-two-btn h4
  {
    text-align: center;
  }
  .section-two-btn h4 a 
    {
      background-color: #258dfe;
      color: #fefeff;;
      padding: 10px 50px;
      font-size: 14px;
    }

/*section three*/
.press-release-content
  {
    padding: 20px 15px 20px 20px;
    background-color: #e8f2fd;
  }
    
  .press-release-content a
    {
      color: #171c24;
    
    }
    .press-release-content a:hover
        {
            text-decoration: none;
        }
  .press-release-content  h4
  {
    font-weight: bold;
    
     line-height: 20px;
  }

  .header-press-release 
  {
    background-color: #268dff;
    color: #fefeff;
    padding: 10px 20px;
    background-color: #268dff;
  background-image: -webkit-linear-gradient(150deg, #003774 35%, #268dff 35%);
  }
    .header-press-release h2
      {
        padding: 0 !important;
      }
  .home-overlay-section-three
    {
      background: rgba(0, 0, 0, 0.4);
             position: absolute;
             width: 100%;
             height:100%;
             bottom: 0;
    }
.section-three h2
  {
    padding: 15px 0;
    }
  .section-three-canvas
    {
      padding: 20px 0;
    }
    .section-three-canvas a
      {
        color: #171c24;
        font-weight: bold;
      }
      .section-three-canvas h5
        {
          font-weight: bold;
        }
       .section-three-canvas p
        {
          font-style: italic;
        }
    .readmore-btn a
    {
      background-color: #258dfe;
      color: #fefeff;
      padding: 8px 20px;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 12px;
    }
    .section-three-big-img p
      {
        font-size: 22px;
      }  
/*Fourth Section */
.fourth-section
    {
      background: url(../images/section-four-bg.jpg) no-repeat;
      height: auto;
      width: 100%;
      padding: 50px 0;
      margin: 15px 0;
      background-size: cover;
    }
  .fourth-section h2
    {
      text-align: center;
      font-weight: bolder;
      margin: 0 0 20px 0;
      color: #fefeff;
    }
    .global-hr-white hr
      {
         height: 5px;
    background-image: -webkit-linear-gradient(left, #fefeff 0%, #fefeff 100%);a
    background-image: -o-linear-gradient(left, #fefeff 0%, #fefeff 100%);
    background-image: linear-gradient(to right, #fefeff 0%, #fefeff 100%);
    background-repeat: repeat-x;
    width: 10%;
      }
      
      .carousel-indicators-four .active, .carousel-indicators-four li

        {
          background-color: #000000 !important;
        }
.item-box-blog-image-four {
  position: relative;
  /*border: 2px solid #000*/
}

.item-box-blog-image-four figure img {
  width: 50%;
  height: auto;
  float: left;
}

.item-box-blog-image-four .glyphicon-file
    {
        color: #b9babd !important;
        padding: 0 3px;
    }

.item-box-blog-body-four a h5
  {
    padding: 5px 0;
  }
  .section-four-btn 
    {
      float: right !important;
      margin-top: 0 !important;
    }
    .section-four-btn a
      {
        margin: 0 0 20px 0 !important;
      }
/* section sectioin five*/
.section-five h2
  {
    padding: 15px 0; 
  }
  .section-five h3
    {
      font-weight: bold;
    }
   
  .section-five-bottom
    {
      padding: 0 !important;
      margin: 15px 0;
    }

/* Section six*/
.item-box-blog-six {
  padding: 0 !important;
}
.item-box-blog-image-six {
  position: relative;
    border: none !important;
    padding: 0 !important;
}
  .item-box-blog-heading-six 
    {
       padding: 0 15px; 
    }

  .item-box-blog-data-six p
  {
    font-size: 14px !important;
    padding: 0 15px; 
  }
  .item-box-blog-data p i
    {
      padding-right: 10px !important;
      font-size: 16px !important;
    }
    .item-box-blog-six,  .item-box-blog
      {
        margin-bottom: 20px;
      }

    /*resposive css*/
    /* @media (max-width: 768px)
        {*/
      .press-release
        {
          margin-top: 20px;
        }
      /*  }*/
      @media (max-width: 768px){
         .carousel-indicators
        {
          left: 20px !important;
        }
      }
     @media (max-width: 768px){

     .home-section-one-left-content
      {
        margin-bottom: 20px;
      }
    }
@media (max-width: 768px){
.mobile-none
  {
    display: none;
  }
  }
@media (min-width: 769px){
  .desktop-none
  {
      display: none;
  }
}
  .sub-main-menu
    {
      left: 25% !important;
      padding: 10px;
      border-top: 3px solid #258dfe !important;
        border-bottom: 3px solid #258dfe !important;
    }
    .sub-main-menu a
      {
        text-transform: none !important;
        font-size: 15px !important;
        font-weight: bold;
      }
    .sub-menu-second a
      {
        text-transform: none !important;
        font-size: 14px !important;
        font-weight: 400 !important;
      }

      .glyphicon-minus
        {
          color: #258dfe !important;
          padding-right: 5px;: 
        }

    .border-right
      {
        border-right: 5px solid #258dfe;
      }
/*InnerPage CsS*/
.section-inner-wrapper h2
  {
    padding: 0 !important;
  }
.section-inner-wrapper p
  {
     font-size: 14px;
     font-style: italic;
  }
.breadcrumbs 
  {
    font-size: 14px;
    font-style: italic;
  }
    .all-content
      {
        margin: 20px 0;
      }
  .all-content p
    {
      color: #171c24;
      text-align: left;
      font-size: 16px;
      font-style: normal;
    }

    .fa-facebook-side
      {
        background: #3B5998 !important;
        color: white !important;
      }

      .fa-twitter-side
        {
          background: #55ACEE!important;
           color: white!important;
        }
      .fa-google-side
        {
          background: #dd4b39!important;
          color: white!important;
        }
      .fa-linkedin-side
          {
            background: #007bb5!important;
            color: white!important;
          }
      .fa-youtube-side
        {
          background: #bb0000!important;
          color: white!important;
        }
      .fa-instagram-side
        { 
          background: #125688!important;
          color: white!important;
        }

  .press-release-content-social p 

      {
              color: #171c24;
              font-size: 16px!important;
              padding:  10px;
      }
      .press-release-content-social i
          {
            padding-right: 5px;
          }

.side-event-col 
    {
      padding: 7px !important; 
    }
    .side-event-col h5
        {
          padding-bottom: 10px;
        }

.fourth-section-inner 
  {
    margin: 0 !important;
  }
  .item-blog-press
    {
      margin-bottom: 0 !important;
    }
  .section-three-hr-press
    {
      margin: 17px 0; 
    }

  .section-inner-wrapper ul li
    {
      list-style: none;
    }
    
    .language-dropdown, .language-dropdown-main i
      {
        font-size: 16px;
        color: #003774 !important;
      }
.language-dropdown-wrap
  {
    padding: 10px 20px;
  }

  .fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
  }

  .fa-angle-down:before {
    content: "\f107";
}
.glyphicon-chevron-down
  {
    float: right;
    color: #003774; 
  }
  .card-header 
    {
      background-color: #fefeff;
      padding: 10px !important;
    }

    .glyphicon-envelope, .glyphicon-phone-alt, .glyphicon-usd, .glyphicon-hdd, .glyphicon-credit-card, 
    .glyphicon-baby-formula, .glyphicon-book, .glyphicon-erase

      {
        padding-right: 5px;
        color: #003774; 
      }
/* About us Page */

 .about-us-wrapper
    {
      background: url(../images/about-us-page-banner.jpg) no-repeat;
      height: auto;
      width: 100%;
      padding: 100px 0;
     
      background-size: cover;

    }  
    .section-three-about h2
      {
        padding: 5px 0 !important;
      }
    .about-us-wrapper h1
      {
        text-align: center;
        color: #fefeff;
        font-weight: bold;
       
      }
      .divider-banner
        {
          width: 10% !important;
        }
        .press-release-content  p
          {
            font-style: italic;
          }
          .item-box-about h5
            {
              text-align: center !important;
            }
.about-us-wrapper p
  {
     text-align: center;
        color: #fefeff;
  }

/*services*/
.services-wrapper, .events-wrapper
  {
    padding: 25px 15px;
  }
  .services-img-sec img
    {
      padding: 30px 0;
    }
    /*events */
    .evnets-main
      {
         background: url(../images/main-bg.jpg) no-repeat;
      height: auto;
      width: 100%;
      padding:25px 0;
     
      background-size: cover;
      }
    .events-year
      {
        margin: 0 auto;
        /*width: 250px;*/
      }
      .events-year a
        {
          padding: 10px 20px;
          background-color: #258dfe !important; 
          color: #fefeff;
          font-size: 18px;
          border:1px solid #258dfe !important;
         }
/*partners*/
.partner-wrapper h2

  {
    text-align: center;
  }
  .box-partner h4
    {
        color: #003774;
        text-align: left;
    }
     .box-partner p
      {
        text-align: left;
      }