* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-size: 14px;overflow-x: hidden; font-family: 'robotoregular';}
ul {margin: 0;padding: 0;}
ul li {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none;}
.left {float: left;}
.right {float: right;}
:focus {outline: 0;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.clearfix:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}
.clearfix:after {content: "";display: table;clear: both;}
.padd-0 {padding:0 !important;}
.padd-top-10 {padding-top:10px;}
.margin-0 {margin:0 !important;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus,
a.active.focus, a.active:focus, a.focus, a.focus:active, a:active:focus, a:focus{outline: 0 none;outline-offset: 0;}
.disp-table{display:table;width:100%;}
.disp-table-cel{display:table-cell; vertical-align:middle;}
a:focus, a:hover {color: #23527c;text-decoration: none;}

/*--header--*/
header{background-color:rgba(242, 165, 1, 0.75);/*border-bottom:2px solid #333333;*/padding:6px 0;}
.navbar-fixed-top{border-width:0;}
.navbar.navbar-fixed-top.fixed-theme {background-color: rgba(252, 174, 24, 0.97);}
.navbar.navbar-fixed-top.fixed-theme{transition: 0.8s;-webkit-transition:  0.8s;}
.home{position: absolute;top: 0;left: 0;background: #363636;height: 100%;font-size: 24px;}
.home a {color: #ffffff;display: block;height: 100%;padding:20px;}
.lft-logo{padding-left:5%;}
.logo-left {display:none;}
/*--header--*/


/*--slider--*/
.custom-slider .carousel-indicators li{background:none;border:1px solid #f9af28;height:14px;width:14px;border-radius:100%;margin:0;}
.custom-slider .carousel-indicators li:hover,
.custom-slider .carousel-indicators li.active{background:#f9af28;height:14px;width:14px;}
.slidertext_left {position: absolute;bottom: 15px;width: 100%;left: 0%;background: rgba(0, 0, 0, 0.5);padding:15px;text-align:center;}
.slidertext_left h3.first {font-size: 24px;color: #ffffff;text-transform: uppercase;margin:0;}
.slidertext_left h4.second {color: #ffcf0f;font-size: 24px;margin:0;}
/*--slider--*/


/*--hovereffect--*/
.hovereffect {width: 100%;height: 100%;float: left;overflow: hidden;position: relative;text-align: center;border:5px solid #ffffff;
  box-shadow: 9px 7px 11px -8px #222222;-webkit-box-shadow: 9px 7px 11px -8px #222222;-moz-box-shadow: 9px 7px 11px -8px #222222; }
  .hovereffect .overlay {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  .hovereffect img {display: block;position: relative;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;width:100%;}
  .line {height: 2px;width: 90%;margin: 15px auto;background-color: #ffffff;-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;
   -o-transition: all 300ms ease-out;transition: all 300ms ease-out;}
   .headline {font-size: 20px;width: 90%;margin: 0 auto;font-size:24px;}
   .item-info {color: #ffffff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 90px;opacity:1}
 .hovereffect .overlay {background-color: rgba(75,75,75,0.7);/*background-color:rgba(251,176,48,.60);*/}
 .hovereffect:hover img {-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
 /*.hovereffect:hover .item-info {opacity:1}*/
 /*.hovereffect:hover .line {width: 90%;}*/
 /*--hovereffect--*/


 /*--services--*/
 .services {/*background:#f3f3f3*/background:#ffffff; padding:100px 0;}
 /*--services--*/



 /*--*/
 .about-us-body{margin:0 0 50px 0;}
 .title{border-bottom: 2px solid #ccc;margin-bottom: 15px;}
 .title h4 {   border-bottom: 2px solid #012d94;
  margin-bottom: -2px;
  padding-bottom: 10px;
  display: inline-block;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;

  color: #012D94 !important;
  font-family: 'Butler' !important;
  font-weight: 500 !important;
  font-style: normal !important;
    color: #012d94;}
   .content-panel p{line-height:25px; font-size:15px;margin:0;text-align: justify;}
   .content-panel{margin-bottom:10px;}
   /**/



   /**/
   .card-box li {
    box-shadow: 0 1px 4px rgba(41, 51, 57, .5);
    background: #d7dce9;
    margin-bottom: 10px;
    padding: 10px;
    transition: all 0.3s ease-out 0s;
}
   .card-box .title h4{margin-top:0;}
   .card-box .content-panel{margin-bottom:0;}
   .our-work-body {background: #fff;padding: 50px 0;}
   .thumbnail-img img{border: 1px solid #ccc;padding: 7px;width:100%;}
   /**/

   /**/
   .custom-btns a {
    border: 0;
    padding: 6px 12px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #f9af29;
    color: #ffffff;
    border-bottom: 2px solid #cf8500;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 20px;
  }
  .custom-btns a:hover{color:#000000;}
  /**/

  /*--footer--*/
  footer {    background-color: #2b2e8c;}
  footer .footer-item {padding: 40px 0px;}
  footer .footer-item .heading {margin-bottom: 25px;}
  footer .footer-item .heading h3 {font-size: 14px;text-transform: uppercase;color: #ffffff;font-weight: 700;margin-top: 0px;margin-bottom: 15px;}
  footer .footer-item .heading h3 em {font-style: normal;color: #fff;}
  footer .footer-item .heading .full-line {width: 100%;height: 1px;    background-color: #ffffff94;position: relative;z-index: 9;}
  footer .footer-item .heading .line-dec {width: 45px;height: 3px;background-color: #c4bdd0;position: relative;z-index: 10;margin-top: -2px;}
  footer .about-charity p {color: #ffffff;margin-bottom: 25px;}
  footer .about-charity ul {padding: 0;margin: 0;list-style: none;}
  footer .about-charity ul li {display: block;font-family: 'Open Sans', sans-serif;font-size: 11px;font-weight: 600;color: #ffffff;margin-top: 15px;align-items: center;display: flex;}
  footer .about-charity ul li a {color:#fff;}
  footer .about-charity ul li a:hover {color:#999999;}
  footer .about-charity ul li span {color: #fff;width: 60px;display: inline-block;}
  footer .recent-posts .recent-item img {width: 70px;float: left;margin-right: 15px;}
  footer .recent-posts .recent-item h4 {font-size: 12px;text-transform: uppercase;color: #ffffff;font-weight: 700;letter-spacing: 0.3px;margin-bottom: 0px;margin-top: 20px;}
  footer .recent-posts .recent-item span {font-family: 'Open Sans', sans-serif;font-size: 10px;color: #FFAE00;text-transform: uppercase;}
  footer .recent-posts .recent-item p {margin-top: 7px;color: #ffffff;line-height: 16px; font-size: 11px;}
  footer .newsletters-signup p {color: #ffffff;margin-bottom: 25px;}
  footer .newsletters-signup input {width: 100%;height: 37px;font-family: 'Open Sans', sans-serif;font-size: 12px;line-height: 37px;color: #ffffff;border: none;outline: none;background-color: #6c6c6c;padding-left: 15px;position: relative;z-index: 9;}
  footer .newsletters-signup .accent-button {position: relative;z-index: 10;top: -29px;float: right;}
  footer .sub-footer {border-top: 1px solid #4c4f54;padding-top: 20px;padding-bottom: 15px;}
  footer .sub-footer p {color: #aaaaaa;font-size: 11px;margin-top: 6px;}
  /*--footer--*/


  .thumbs .item{border-radius: 100%;-webkit-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1);-moz-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1);
    -ms-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1);-o-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1);transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1);}
    .thumbs .item:hover{opacity:0.3;}
    .zoom-icon i {opacity: 0;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;font-size: 26px;height: 28px;width: 28px;color:#fbb030;}
    .thumbs .item:hover .zoom-icon i {opacity:1}

    /**/
    .custom-accordian .panel-heading {padding:0;}
    .custom-accordian{margin:0;}
    .custom-accordian .panel { border:none;}
    .custom-accordian .panel-body {
      margin-left: 39px;
      background-color: #d7dce9;
      padding: 15px;
      margin-bottom: 0;
      border-radius: 0;
    }

    .panel-heading .panel-title {
      font-size: 15px;
      line-height: 40px;
      margin: 0;
      background-color: #565a60;color:#ffffff;
    }

    .panel-heading .panel-title a {
      color: #fff;
    }
    .ml-5{
      margin-left: 5px;
    }
    .ml-20{
      margin-left: 20px;
    }
    .text-center{
      text-align: center;
    }
/* .custom-accordian .panel-title:hover a {
  color: #FBB030;
  } */

  .panel-heading .panel-title.active a {color: #FBB030;}

  .panel-heading .panel-title span,
  .panel-heading .collapsed .panel-title span {
    background-color: #7c8187;
    background-image: url(../images/plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 40px;
    width: 39px;
    margin-right: 15px;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
  }

  .panel-heading .panel-title.active span, .panel-heading a:focus span{
    background-color: #FBB030 !important;
    background-image: url(../images/minus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
  }
  .panel-heading a:focus .link-focus {
    background-image: url(../images/minus-white.png);
  }
  .panel-heading a:focus .link-focus2 {
    background-image: url(../images/minus-white.png);
    background-color: #215675;
  }
  .panel-heading a:focus .link-focus2 {
    background-color: #215675 !important;
  }
  .panel-heading a:focus .link-focus1 {
    background-color: #f2a402 !important;
  }

  

/*.panel-heading a:focus span{
  background-color: #FBB030;
  background-image: url(../images/minus-black.png);
  background-position: center center;
  background-repeat: no-repeat;
  }*/

  .panel-heading .the-icons {
    margin: 0;
    padding: 0;
  }

  .panel-heading .the-icons li i {
    font-size: 21px;
    margin: 0 3px 0 0;
  }
  /**/
  .inner-banner{margin-bottom:20px;}

  .back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display:none;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: 0.3s ease;transition: 0.3s ease;color: #ffffff;text-align: center;background: #18191b;}
    .back-to-top:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);}
    #our_work, #event_updates{padding-top: 0px;}
    .custom-btns {margin-top:15px;}
    .blnspc {
      height: 72px;
      background: #fff;
      margin-bottom: 15px;
    }

    @media only screen and (min-width:320px) and  (max-width:767px){
      .logo{text-align:center;display:block;}
      .logo img{margin:0 auto;float: none !important;}
      .navbar-fixed-top{position: relative;margin: 0 0 10px 0;padding:0 0 6px;}
      .services{padding: 35px 0 20px;}
      .hovereffect{margin-bottom:15px;}
      footer .footer-item {padding: 25px 0px;}
      footer .sub-footer{padding: 6px 0;}
      .about-us-body {margin: -66px 0 25px 0;}
      .slidertext_left{padding:7px;}
      .slidertext_left h3.first{font-size:14px;}
      .slidertext_left h4.second{font-size:14px;}
      .home{position:relative;text-align:center;}
      .home a{padding:0;}
      .lft-logo{padding:0;}
      .title { margin-top:15px;}
      .blnspc{margin-top: -72px;}
      #breadcrumbs-two a, #breadcrumbs-two .current{padding: 5px !important;font-size: 12px;}
      #breadcrumbs-two li{margin: 0 .5em !important;}
      .blnspc {height: 63px;}
      .card-box li{width: 100%; margin:1% 0; min-height: 100%;height: 100%;}
      .slidertext_left {bottom: 0;}
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
      .services{padding:40px 0;}
      footer .footer-item {padding: 35px 0px;}
      footer .sub-footer{padding: 6px 0;}
      .lft-logo{padding-left:7%;}
      .title { margin-top:15px;}
      #our_work, #event_updates {padding-top: 10px;}
      .blnspc { margin-top: -72px;}
      .card-box li{width: 100%; margin: 1% 0; min-height: 100%;height: 100%;}
      .slidertext_left {bottom: 0;}
    }

    #breadcrumbs-two{
      overflow: hidden;
      width: 100%;
      margin-bottom:15px;
      display: none;
    }

    #breadcrumbs-two li{
      float: left;
      margin: 0 .5em 0 1em;
    }

    #breadcrumbs-two a, #breadcrumbs-two .current{
      background: #ddd;
      padding: .7em 1em;
      float: left;
      text-decoration: none;
      color: #444;
      text-shadow: 0 1px 0 rgba(255,255,255,.5); 
      position: relative;
    }

    #breadcrumbs-two a:hover, #breadcrumbs-two .current{
      background: #f9af29 !important;
      color:#fff;, 
    }

    #breadcrumbs-two a::before{
      content: "";
      position: absolute;
      top: 50%; 
      margin-top: -1.5em;   
      border-width: 1.5em 0 1.5em 1em;
      border-style: solid;
      border-color: #ddd #ddd #ddd transparent;
      left: -1em;
    }
    #breadcrumbs-two a.current::before{
      content: "";
      position: absolute;
      top: 50%; 
      margin-top: -1.5em;   
      border-width: 1.5em 0 1.5em 1em;
      border-style: solid;
      border-color: #f9af29 #f9af29 #f9af29 transparent;
      left: -1em;
    }

    #breadcrumbs-two a:hover::before{
      border-color: #f9af29 #f9af29 #f9af29 transparent;
    }

    #breadcrumbs-two a::after{
      content: "";
      position: absolute;
      top: 50%; 
      margin-top: -1.5em;   
      border-top: 1.5em solid transparent;
      border-bottom: 1.5em solid transparent;
      border-left: 1em solid #ddd;
      right: -1em;
    }

    #breadcrumbs-two a:hover::after, #breadcrumbs-two a.current::after{
      border-left-color: #f9af29;
    }

    ::-webkit-scrollbar { width: 5px;} 
    ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7);} 
    ::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey;}

.btn.btn-primary {
  border: none;
  background: transparent;
  border-radius: 6px;
  font-family: Conv_JosefinSans-Medium, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  padding: 7px 15px;
  background: #012d94;
  /* min-width: 140px; */
  /* background: linear-gradient(120deg, #eb6400 15px, #eb6400 37%, #012d94 99%); */
  position: relative;
  z-index: 1;
  overflow: hidden;
  outline: none;
}

.btn.btn-primary .overlay {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 49px solid rgba(250,162,18,.57);
    border-right: 19px solid transparent;
    border-left: 73px solid rgba(243,162,18,.57);
    z-index: -1;
}
.btn.btn-primary:after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    transition: all .5s ease-in;
}
.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover {
    background: #012d94!important;
    outline: none;
	color: #fff;
}
.btn.btn-primary:active:after, .btn.btn-primary:focus:after, .btn.btn-primary:hover:after {
  background: #012d94!important;
    width: 100%;
}
.modal-body{position: relative;}
.modal-body .close {
    position: absolute;
    right: 0;
    top: 0;
    background: #012d94!important;
    color: #fff;
    opacity: 1;
    padding: 10px;
    border-radius: 0 6px;
}