html {
  scroll-behavior: smooth;
}

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


body  {
    font-family: 'Roboto', sans-serif;
    -ms-overflow-style: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
a, :hover  {
    -ms-overflow-style: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
p  {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 15px;
    line-height: 30px;
}
ul,li  {
    margin-bottom: 0;
    padding-bottom: 0;
}



/* To mantain the navbar at the top once it is affixed */
.affix {
  top: 0;
  width: 100%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  z-index: 999;
}
.affix-top {
  position: inherit;
  top: 0;
  z-index: 999;
  width: 100%;
}
.affix + section{
  padding-top: 70px;
}
nav.navbar.navbar-default.navbar-fixed.affix {
  background: #102147;
}


.navbar-default {
    background-color: #102147;
    border-color: #102147;
    border-radius: 0;
    margin-bottom: 0;
}


/* social  media icons styles */


.social {
    position: fixed;
    bottom: 30%;
    z-index: 999;
    width: 4%;
}

.social ul {
    padding: 0;
    -webkit-transform: translate(-270px, 0);
    -moz-transform: translate(-270px, 0);
    -ms-transform: translate(-270px, 0);
    -o-transform: translate(-270px, 0);
    transform: translate(-270px, 0);
}

.social ul li {
    display: block;
    margin: 5px;
    width: 310px;
    text-align: right;
    padding: 10px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.social ul .twitter_li {
    background: #00abf0;
    color: #fff
}

.social ul .facebook_li {
    background: #39579a;
    color: #fff
}

.social ul .ln_li {
    background: #007ab8;
    color: #fff
}

.social ul .gplus_li {
    background: #d0422a;
    color: #fff
}

.social ul .wapp_li {
    background: #2eb541;
    color: #fff
}

.social ul .skype_li {
    background: #3e9dd7;
    color: #fff
}

.social ul .twitter_li:hover {
    background: #00abf0;
    color: #fff
}

.social ul .facebook_li:hover {
    background: #00abf0;
    color: #fff
}

.social ul .ln_li:hover {
    background: #00abf0;
    color: #fff
}

.social ul .gplus_li:hover {
    background: #d0422a;
    color: #fff
}

.social ul .wapp_li:hover {
    background: #2eb541;
    color: #fff
}

.social ul .skype_li:hover {
    background: #3e9dd7;
    color: #fff
}

.social ul li:hover {
    -webkit-transform: translate(110px, 0);
    -moz-transform: translate(110px, 0);
    -ms-transform: translate(110px, 0);
    -o-transform: translate(110px, 0);
    transform: translate(110px, 0);
    background: rgba(255, 255, 255, 0.4)
}

.social ul li:hover a {
    color: #fff;
    text-decoration: none;
}

.social ul li:hover i {
    background: #fff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.social ul li .fa-twitter:hover {
    color: #00abf0
}

.social ul li .fa-facebook:hover {
    color: #39579a
}

.social ul li .fa-linkedin:hover {
    color: #007ab8
}

.social ul li .fa-google-plus:hover {
    color: #d0422a;
    font-size: 15px
}

.social ul li .fa-whatsapp:hover {
    color: #2eb541
}

.social ul li .fa-skype:hover {
    color: #3e9dd7
}

.social ul li i {
    margin-left: 10px;
    color: #000;
    background: #fff;
    padding: 7px 10px 8px 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 18px;
    background: #fff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.social ul li .fa-twitter {
    color: #00abf0
}

.social ul li .fa-facebook {
    color: #39579a
}

.social ul li .fa-linkedin {
    color: #007ab8
}

.social ul li .fa-google-plus {
    color: #d0422a;
    font-size: 15px
}

.social ul li .fa-whatsapp {
    color: #2eb541
}

.social ul li .fa-skype {
    color: #3e9dd7
}


/* social  media icons styles end */

.logo  {
    width: 150px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 17px;
}
.navbar-default .navbar-nav>li>a:hover  {
  background: #e41b46;
  color: #fff;
}
ul.nav.navbar-nav.navbar-right {
    margin-top: 50px;
}
.welcome-sec  {
    padding: 90px 0;
}
.welcome-title  {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #009a4e;
}

.pera  {
    font-size: 17px;
    line-height: 30px;
}
.btn-primary  {
    background: #e41b46;
    border-color: #e41b46;
    border-radius: 0px;
    padding: 15px 30px;
    font-size: 15px;
    color: #fff;
}
.btn-primary:hover  {
    background: #fff;
    border-color: #e41b46;
    color: #e41b46;
}
.title-strip h3  {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    text-align: center;
}
.title-strip2 h3  {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.services  {
    padding: 90px 0;
    background: #eef4f5;
}
.services5  {
  padding: 90px 0;
  background: #102147;
}
.title-strip2 p  {
  color: #fff;
  font-size: 18px;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 20px;
}
.services-strip  {
    padding: 5px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
}
.services-strip h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0px auto;
    text-align: center;
    width: 100%;
}
.services-strip h3 a  {
    background: rgba(255,255,255,.8);
    color: #009a4e;
    display: block;
    
    padding: 15px 0;
    margin: 15px;
    text-transform: uppercase;
}
.services-strip h3 a:hover  {
    background: #009a4e;
    color: #fff;
    text-decoration: none;
}
.btn-yellow {
    font-size: 20px;
    color: #009a4e;
    background: #FFF;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    padding: 12px 18px;
    border: 1px solid #fff;
    width: 100%;
    font-weight: 700;
}

/* gallery */

.project-area .section-title h2 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3.5rem;
  }
  @media (max-width: 767px) {
    .project-area .section-title h2 {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
    }
  }
  
  .grid > [class*=col-] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .grid-item {
    position: relative;
  }
  .grid-item img {
    width: 100%;
  }
  .grid-item:hover .grid-hover-link {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
  
  .grid-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .grid-hover::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 154, 78, 0.7);
    z-index: -1;
  }
  .grid-hover h3 {
    position: relative;
    margin: -3.125rem 0 0.25rem;
    text-align: center;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .grid-hover h3 {
      font-size: 1.3125rem;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid-hover h3 {
      font-size: 1.25rem;
      margin: -2.5rem 0 0.25rem;
    }
  }
  .grid-hover span {
    font-weight: 500;
    position: relative;
    display: block;
    padding-bottom: 20px;
  }
  
  .grid-hover-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding-top: 5rem;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid-hover-link {
      padding-top: 5.625rem;
    }
  }
  .grid-hover-link a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ffffff;
    text-align: center;
    margin: 0 0.5rem;
  }
  .grid-hover-link a:hover {
    background-color: #ffffff;
  }
  .grid-hover-link a:hover span::before {
    color: #009a4e;
  }
  .grid-hover-link a span {
    display: inline-block;
    line-height: 1;
  }
  .mouse-move {
    overflow: hidden;
    perspective: 1600px;
  }
  
  .mouse-move .grid-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
    pointer-events: none;
  }
  
  .mouse-move.in-top .grid-hover {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: in-top 0.3s ease 0s 1 forwards;
    animation: in-top 0.3s ease 0s 1 forwards;
  }
  
  .mouse-move.in-right .grid-hover {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation: in-right 0.3s ease 0s 1 forwards;
    animation: in-right 0.3s ease 0s 1 forwards;
  }
  
  .mouse-move.in-bottom .grid-hover {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: in-bottom 0.3s ease 0s 1 forwards;
    animation: in-bottom 0.3s ease 0s 1 forwards;
  }
  
  .mouse-move.in-left .grid-hover {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: in-left 0.3s ease 0s 1 forwards;
    animation: in-left 0.3s ease 0s 1 forwards;
  }
  
  .mouse-move.out-top .grid-hover {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: out-top 0.3s ease 0s 1 forwards;
    animation: out-top 0.3s ease 0s 1 forwards;
  }
  
  .mouse-move.out-right .grid-hover {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: out-right 0.3s ease 0s 1 forwards;
    animation: out-right 0.3s ease 0s 1 forwards;
    margin-left: 1px;
  }
  
  .mouse-move.out-bottom .grid-hover {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: out-bottom 0.3s ease 0s 1 forwards;
    animation: out-bottom 0.3s ease 0s 1 forwards;
  }
  .vbox-overlay {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999 !important;
    -webkit-transform: translateZ(1000px);
    transform: translateZ(1000px);
    transform-style: preserve-3d;
}
  
  .mouse-move.out-left .grid-hover {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: out-left 0.3s ease 0s 1 forwards;
    animation: out-left 0.3s ease 0s 1 forwards;
  }
  
  @keyframes in-top {
    from {
      transform: rotate3d(-1, 0, 0, 90deg);
    }
    to {
      transform: rotate3d(0, 0, 0, 0deg);
    }
  }
  @keyframes in-right {
    from {
      transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
      transform: rotate3d(0, 0, 0, 0deg);
    }
  }
  @keyframes in-bottom {
    from {
      transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
      transform: rotate3d(0, 0, 0, 0deg);
    }
  }
  @keyframes in-left {
    from {
      transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
      transform: rotate3d(0, 0, 0, 0deg);
    }
  }
  @keyframes out-top {
    from {
      transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
      transform: rotate3d(-1, 0, 0, 104deg);
    }
  }
  @keyframes out-right {
    from {
      transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
      transform: rotate3d(0, -1, 0, 104deg);
    }
  }
  @keyframes out-bottom {
    from {
      transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
      transform: rotate3d(1, 0, 0, 104deg);
    }
  }
  @keyframes out-left {
    from {
      transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
      transform: rotate3d(0, 1, 0, 104deg);
    }
  }
  .grid-hover h3{
      color: #fff;
      position: relative;
      font-size: 1.5rem;
      position: relative;
      margin: 6rem 0 0.25rem;
      text-align: center;}
    @media (min-width: 992px) and (max-width: 1199px) {
    .grid-hover h3 {
      font-size: 1.3125rem;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid-hover h3 {
      font-size: 1.25rem;
      margin: -2.5rem 0 0.25rem;
    }
  }
  .grid-hover span {
    font-weight: 500;
    position: relative;
    display: block;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }
  .grid-hover-link{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .project-area  {
      padding: 60px 0;
  }
  .grid-hover-link a span {
    display: inline-block;
    line-height: 1;
    color: #fff;
}

.products-strip h3  {
    background: #910630;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px;
}
.products-strip  {
    border:1px solid rgba(0, 0, 0, .1);
    padding: 10px;
    margin-bottom: 20px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.products-strip:hover img  {
    opacity: .5;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.pro-headding  {
    font-size: 22px;
    color: #910630;
    padding-bottom: 15px;
}




/* HOME PAGE GALLERY LIGHT BOX */

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
  }
  
  .lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
  }
  
  .lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
  
    /* Image border */
    border: 4px solid white;
  }
  
  .lightbox a img {
    border: none;
  }
  
  .lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
  
    /* Background color behind image.
       This is visible during transitions. */
    background-color: white;
  }
  
  .lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
  }
  
  .lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat;
  }
  
  .lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
  }
  
  .lb-container > .nav {
    left: 0;
  }
  
  .lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
  }
  
  .lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
  }
  
  .lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }
  
  .lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  
  .lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../images/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }
  
  .lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  
  .lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .lb-data {
    padding: 0 4px;
    color: #ccc;
  }
  
  .lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
  }
  
  .lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
  }
  
  .lb-data .lb-caption a {
    color: #4ae;
  }
  
  .lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
  }
  
  .lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  
  .lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  
  /* HOME PAGE GALLERY LIGHT BOX */

  .photogallery  {
      padding: 90px 0;
  }
  .btn-yellow-2 {
    font-size: 20px;
    color: #fff;
    background: #009a4e;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    padding: 12px 18px;
    border: 1px solid #fff;
    width: 100%;
    font-weight: 700;
}
.news-events-sec  {
    padding: 35px 0;
    background: #fff;
}

.single-blog-img {
    overflow: hidden;
  }
  
  .single-blog-img a img {
    width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  .single-blog:hover .single-blog-img a img {
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09);
  }
  .single-blog-img img {
    width: 100%;
  }
  
  .blog-content-box {
    padding-top: 27px;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    background: #fff;
    padding-bottom: 25px;
    border: 1px solid #ccc;
    padding: 15px;
    min-height: 206px;
  }
  .blog-post-date {
    display: table;
    float: left;
    margin-right: 30px;
    border: 5px solid #e41b46;
    padding:13px 13px 2px;
}
  .blog-post-date span:first-child {
    color: #102147 !important;
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-top: -11px;
    margin-bottom: -4px;
    text-align: center;
  }
  .blog-post-date span:last-child {
    font-size: 14px;
    color: #212121;
    font-weight: 600;
  }
  .blog-content {
    display: table;
  }
  .blog-content h4 {
    color: #212121;
  }
  .blog-content h4 a {
    color: #212121;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s;
    font-size: 20px;
    font-weight: 600;
  }
  .blog-content h4 a:hover {
    color: #e41b46;
  }
  .meta-post {
    margin: 10px 0 13px;
  }
  .meta-post span {
    color: #696969;
    font-size: 15px;
    position: relative;
    padding-right: 23px;
  }
  .author {
    margin-bottom: 60px;
  }
  .meta-post span a {
    color: #696969;
    -webkit-transition: .2s;
    transition: .2s;
  }
  
  .meta-post span:after {
    position: absolute;
    content: "-";
    right: 4px;
  }
  :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .meta-post span:last-child {
    padding-right: 0;
  }
  .exerpt {
    line-height: 30px;
    font-size: 16px;
    color: #000;
    margin-bottom: 12px;
    font-weight: normal;
}
  .sponsor-slider .owl-nav button.owl-prev, .sponsor-slider .owl-nav button.owl-next {
    width: 44px;
    height: 44px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #e41b46 !important;
    color: #fff !important;
    border-radius: 6;
    margin-left: 3px;
  }
  .sponsor-slider2 .owl-prev  {
    display: none;
  }
  .sponsor-slider2 .owl-next {
    display: none;
  }

  .btn-success {
    color: #fff;
    background-color: #ba4243;
    border-color: #ba4243;
  }
  .text-success {
    color: #ba4243;
  }
  .btn-success:hover {
    color: #000;
    background-color: beige;
    border-color: beige;
  }
  .text-success {
    color: #ba4243;
  }
  
  .mnmhgt  {
    min-height: 312px;
  }
  
  .bg-img12 {
    background-image: url(../images/bg-image/row-bgimage-12.png);
    background-repeat: no-repeat;
    background-position: top right;
  }
  .ttm-row {
    padding: 90px 0;
  }
  .align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
  }
  .position-relative {
    position: relative!important;
  }
  .img-fluid {
    max-width: 100%;
    height: auto;
  }
  .ttm-bgcolor-white, .ttm-bgcolor-white > .ttm-bg-layer, .ttm-bgcolor-white > .ttm-bg-layer > .ttm-bg-layer-inner, .ttm-icon_element-background-color-white, .ttm-video-icon .ttm-icon.ttm-icon_element-background-color-white:before, .ttm-video-icon .ttm-icon.ttm-icon_element-background-color-white:after, .featured-iconbox:not(.ttm-media-link) a:hover i, .ttm-btn.ttm-btn-style-border.ttm-bgcolor-white, .ttm-bgcolor-darkgrey .ttm-custombutton.ttm-btn-bgcolor-skincolor:hover, .ttm-btn-bgcolor-white, .ttm-btn-color-white.ttm-btn.btn-inline:after, .ttm-btn-color-white.ttm-btn.btn-inline:before, .featured-icon-box.without-icon.style1, .featured-imagebox-team.style1 .social-icons li>a:hover, .featured-imagebox-gallery .ttm-media-link a:hover, .inside.ttm-fid-view-topicon h3:after, .newsletter-form .ttm-btn.ttm-btn-bgcolor-darkgrey:hover {
    background-color: #fff !important;
  }
  .product-name  {
    background: #009a4e;
    padding: 10px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 5px;
  }
  .sponsor-item {
    padding: 5px;
}

.sponsor-slider {
  position: relative;
}

.sponsor-slider .owl-nav {
  position: absolute;
  top: -64px;
  right: 15px;
}
.sponser-section  {
  padding: 90px 0;
}


/* back to top */

#button {
  display: inline-block;
  background-color: #e41b46;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
.copyright-sec  {
  background: #003333;
  padding: 20px 0;
}
.copyright-text  {
  color: #fff;
  font-size: 17px;
}
footer  {
 background: #102147;
  padding: 90px 0;
}
.footer-pera  {
  color: #fff;
  line-height: 30px;
  font-size: 17px;
}
.footer-social-icons  {
  margin-top: 15px;
}


/* inner page */


.banner_area.banner_one {
  background:#ccc;
  background-size: cover;
}
.about-page .banner_area {
  height: 490px;
}
.banner_area {
  height: 100px;
  background-size: cover;
  /* min-height: 352px; */
  position: relative;
}
.banner_area:before {
  content: "";
  background: rgb(0 0 0 / 2%);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.banner_area .container {
  height: 100%;
}
.content-align {
  display: table;
  height: 100%;
}
.content-center {
  display: table-cell;
  margin: auto;
  vertical-align: bottom;
}
.banner_content {
  width: 100%;
  float: left;
}
.banner_area .banner_content h3 {
  padding: 0px 0 24px 0;
  font-size: 25px;
  color: #102147;
  font-weight: 800;
  text-transform: uppercase;
}
.banner_link {
  background-color: #f7f7f7;
  box-shadow: 0 0 14.5px rgb(0 0 0 / 12%);
}
.abnner_link_inner {
  display: inline-block;
  padding: 20px 30px;
}
.banner_link .abnner_link_inner a:hover, .banner_link .abnner_link_inner a.active {
  color: #000;
  text-decoration: none;
}

.banner_link .abnner_link_inner a {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  letter-spacing: .32px;
  padding-right: 20px;
  position: relative;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

/* contact page */

.section-padding {
  padding: 45px 0;
}
.section-dark {
  background-color: #f9f9f9;
  z-index: -2;
}


.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
  color: #BDBDBD;
  font-weight: 400
}

.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
  color: #BDBDBD;
  font-weight: 400
}

.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
  color: #BDBDBD;
  font-weight: 400
}

.form-control[disabled],
.form-control[readonly],
.form-group .form-control[disabled],
.form-group .form-control[readonly],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  background-color: rgba(0, 0, 0, 0)
}

.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  background-image: none;
  border-bottom: 1px dotted #D2D2D2
}

.form-group {
  position: relative
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-static label.control-label {
  position: absolute;
  pointer-events: none;
  -webkit-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all
}

.form-group.label-floating label.control-label {
  will-change: left, top, contents
}

.form-group.label-placeholder:not(.is-empty) label.control-label {
  display: none
}

.form-group .help-block {
  position: absolute;
  display: none
}

.form-group.is-focused .form-control {
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
  -webkit-background-size: 100% 2px, 100% 1px;
  background-size: 100% 2px, 100% 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s
}

.form-group.is-focused .form-control .material-input:after {
  background-color: #009688
}

.form-group.is-focused label,
.form-group.is-focused label.control-label {
  color: #009688
}

.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
  color: #BDBDBD
}

.form-group.is-focused .help-block {
  display: block
}

.form-group.has-warning .form-control {
  -webkit-box-shadow: none;
  box-shadow: none
}

.form-group.has-warning.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ff5722)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#ff5722, #ff5722), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#ff5722, #ff5722), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-warning .help-block,
.form-group.has-warning label.control-label {
  color: #ff5722
}

.form-group.has-error .form-control {
  -webkit-box-shadow: none;
  box-shadow: none
}

.form-group.has-error .help-block,
.form-group.has-error label.control-label {
  color: #f44336
}

.form-group.has-success .form-control {
  -webkit-box-shadow: none;
  box-shadow: none
}

.form-group.has-success.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-success .help-block,
.form-group.has-success label.control-label {
  color: #4caf50
}

.form-group.has-info .form-control {
  -webkit-box-shadow: none;
  box-shadow: none
}

.form-group.has-info.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-info .help-block,
.form-group.has-info label.control-label {
  color: #03a9f4
}

.form-group textarea {
  resize: none
}

.form-group textarea~.form-control-highlight {
  margin-top: -11px
}

.form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.form-group select~.material-input:after {
  display: none
}

.form-control {
  margin-bottom: 7px
}

.form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

.form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

.form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}
.checkbox label,
.radio label,
label {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

label.control-label {
  font-size: 12px;
  line-height: 1.07142857;
  font-weight: 400;
  margin: 16px 0 0 0
}

.help-block {
  margin-top: 0;
  font-size: 12px
}


.form-group .form-control {
  margin-bottom: 7px
}

.form-group .form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

.form-group .form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

.form-group .form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}


.form-group label.control-label {
  font-size: 12px;
  line-height: 1.07142857;
  font-weight: 400;
  margin: 16px 0 0 0
}

.form-group .help-block {
  margin-top: 0;
  font-size: 12px
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
  top: -7px;
  font-size: 16px;
  line-height: 1.42857143
}

.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.label-static label.control-label {
  top: -30px;
  left: 0;
  font-size: 16px;
  line-height: 1.07142857;
  color: #000;
}

.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
  top: -30px;
  left: 0;
  font-size: 12px;
  line-height: 1.07142857
}

.form-group.form-group-sm {
  padding-bottom: 3px;
  margin: 21px 0 0 0
}

.form-group.form-group-sm .form-control {
  margin-bottom: 3px
}

.form-group.form-group-sm .form-control::-moz-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-sm .form-control:-ms-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-sm label.control-label {
  font-size: 9px;
  line-height: 1.125;
  font-weight: 400;
  margin: 16px 0 0 0
}

.form-group.form-group-sm .help-block {
  margin-top: 0;
  font-size: 9px
}

.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
  top: -11px;
  font-size: 11px;
  line-height: 1.5
}

.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-sm.label-static label.control-label {
  top: -25px;
  left: 0;
  font-size: 9px;
  line-height: 1.125
}

.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
  top: -25px;
  left: 0;
  font-size: 9px;
  line-height: 1.125
}

.form-group.form-group-lg {
  padding-bottom: 9px;
  margin: 30px 0 0 0
}

.form-group.form-group-lg .form-control {
  margin-bottom: 9px
}

.form-group.form-group-lg .form-control::-moz-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-lg .form-control:-ms-input-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-lg label.control-label {
  font-size: 14px;
  line-height: .99999998;
  font-weight: 400;
  margin: 16px 0 0 0
}

.form-group.form-group-lg .help-block {
  margin-top: 0;
  font-size: 14px
}

.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
  top: -5px;
  font-size: 18px;
  line-height: 1.3333333
}

.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-lg.label-static label.control-label {
  top: -32px;
  left: 0;
  font-size: 14px;
  line-height: .99999998
}

.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
  top: -32px;
  left: 0;
  font-size: 14px;
  line-height: .99999998
}

select.form-control {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0
}

.form-group.is-focused select.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #D2D2D2
}

.form-group.is-focused select.form-control[multiple],
select.form-control[multiple] {
  height: 85px
}

.input-group-btn .btn {
  margin: 0 0 7px 0
}

.form-group.form-group-sm .input-group-btn .btn {
  margin: 0 0 3px 0
}

.form-group.form-group-lg .input-group-btn .btn {
  margin: 0 0 9px 0
}

.input-group .input-group-btn {
  padding: 0 12px
}

.input-group .input-group-addon {
  border: 0;
  background: 0 0
}

.form-group input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100
}
.contact-widget-section .single-contact-widget {
  background: #f9f9f9;
  padding: 20px 25px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
  height: 260px;
  margin-top: 25px;
  transition: all 0.3s ease-in-out
}

.contact-widget-section .single-contact-widget i {
  font-size: 75px
}

.contact-widget-section .single-contact-widget h3 {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  padding-bottom: 10px
}

.contact-widget-section .single-contact-widget p {
  line-height: 16px
}

.contact-widget-section .single-contact-widget:hover {
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);
  cursor: pointer;
  transition: all 0.3s ease-in-out
}

#contactForm {
  margin-top: -10px
}

#contactForm .form-group label.control-label {
  color: #8c8c8c
}

#contactForm .form-control {
  font-weight: 500;
  height: auto
}
.con-ti {
  font-size: 16px;
  line-height: 28px;
}
.info-con  {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 600;
}
.contact-sec  {
  background: #fff;
  padding: 10px;
  border: 1px solid #009a4e;
  margin-bottom: 20px;
}

.features-insidepage-strip {
  background: #e9eaeb;
  padding: 15px;
  border-bottom: 1px solid #910630;
}
.features-page-heading h3 {
  color: #910630;
  text-transform: uppercase;
  font-size: 30px;
  margin-top: 0;
}
.features-page-heading p {
  font-size: 17px;
  line-height: 30px;
  font-weight: 500;
  margin-top: 10px;
}
.welcome-title1  {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  color: #009a4e;
}
.inside-page-strip  {
  background: #fff;
  padding: 15px;
  border:2px solid #009a4e;
  margin-bottom: 20px;
}
.events-text  {
 font-size: 15px;
 margin-bottom: 10px;
 line-height: 25px;
 border-bottom: 1px solid #ccc;
 padding-bottom: 10px;
}
.events-text  > strong  {
  text-transform: uppercase;
}
.welcome-title1 span{
  font-size: 16px;
  color: #000;
}
.civic  {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}
.civic-title  {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background: #009a4e;
  padding: 10px;
  font-weight: 600;
}
.civic p a  {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.civic-list li  {
  font-size: 15px;
  line-height: 30px;
}
.civic-list li i  {
  font-size: 18px;
  line-height: 30px;
  color: #009a4e;
  font-weight: 600;
  margin-right: 10px;
}
.im  {
  color:red;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 10px;
}
.fa-link  {
  padding: 10px;
  color: #fff;
background: #009a4e;
border-radius: 50%;
margin-right: 10px;
}

.fa-envelope  {
  padding: 10px;
  color: #fff;
background: #009a4e;
border-radius: 50%;
margin-right: 10px;
}
.civic-list li  {
  background: #f9f9f9;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.welcome-title2  {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #009a4e;
  margin-bottom: 15px;
}
.info-con a  {
  color: #000;
}
.zone-strip {
  background: #eef4f5;
  padding: 15px;
}
.btn-white  {
  background: #fff;
  color: #000;
  border-color: #fff;
}
.btn-list-homepage li a  {
  font-size: 20px;
  text-transform: uppercase;
}
.btn-list-homepage  {
  float: right;
}
.buttns-home  {
  margin-top: -33px;
}




.side-title  {
  background: #037aa1;
  padding: 10px 15px;
  color: #fff;
  font-weight: normal;
  font-size: 22px;
  margin-top: 0;
}
.side-bar-list li a i  {
  float: right;
}
.side-bar-list li a  {
  font-size: 16px;
  color: #454739;
}
.side-bar-list li a:hover  {
  text-decoration: none;
}
.side-bar-list li  {
  border-bottom: 1px solid #f3f6eb;
  padding: 10px 0;
}
.side-strip  {
  border: 1px solid #f3f6eb;
  padding: 10px;
}
.top-social {
  float: right;
  margin-top: 20px;
}
.top-social li a img  {
  width: 30px;
}
header  {
  padding: 15px 0;
}
.top-header  {
  background: #d3d6d7;
  padding: 10px 0;
}
.top-header-list li a {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.top-header-list li a:hover  {
  text-decoration: none;
}
.top-header-list li a i  {
  padding-right: 10px;
}
.top-header-list  {
  float: right;
}
.navbar-collapse  {
  padding-left: 0;
  padding-right: 0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: #e41b46;
  color: #fff;
}
.center-cntern-bold  {
  font-size: 18px;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.service-strip-home  {
  margin-bottom: 40px;
}
.home-service-strip  {
  border: 3px solid #fff;
  padding: 15px;
  text-align: center;
}
.home-service-strip:hover  {
  border: 3px solid #e41b46;
  padding: 15px;
  text-align: center;
}
.home-service-strip h3 {
  color: #fff;
}
.home-service-strip p {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.service-strip-home img  {
  width: 100px;
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}
.service-strip-home img:hover  {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.why  {
  padding: 90px 0;
  background: #fff;
}
.why-choose-us-text-strip  {

}
.choose-us-pera  {
  line-height: 24px;
  text-align: justify;
}
.chooseus-list li  {
  line-height: 35px;
  font-size: 15px;
}
.white-pera  {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 20px;
}






.service-strip-home2  {
  margin-bottom: 40px;
  min-height: 288px;
  background: aliceblue;
  padding: 30px 15px;
  border-radius: 15px;
  -ms-overflow-style: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.service-strip-home2:hover  {
  background: #e41b46;
  -ms-overflow-style: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.service-strip-home2:hover h4 {
  color: #fff;
}


.service-strip-home2 img  {
  width: 100px;
}
.service-strip-home2 h4  {
  font-size: 15px;
  line-height: 25px;
}
.subscribes-sec  {
  background: #102147;
  padding: 30px 0;
}
.subscribes-sec-h4  {
  color: #fff;
  font-size: 20px;
  text-align: right;
}
.footer-strip h3 {
  color: #fff;
  font-size: 26px;
  margin-bottom: 20px;
}

.bo  {
  border: 1px solid #fff !important;
  border-bottom: none  !important;
  min-height: 45px;
  background: #fff !important;
  color: #000 !important;
}
.footer-list li a  {
  color: #fff;
  font-size: 15px;
  line-height: 30px;

}
.footer-list li  {
  color: #fff;
  font-size: 15px;
  line-height: 30px;

}
.top-0  {
  padding-top: 0;
}
.h4-modal-title a {
  color: #e41b46 !important;
  font-weight: 700;
}
.h4-modal-title  {
  padding: 10px 0 0;
  text-transform: uppercase;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: #e41b46 !important;
  border: 0;
  opacity: 1;
  color: #fff;
  width: 30px;
  height: 30px;
}
.services-page-list li  {
  background: #e41b46 !important;
  padding: 10px 15px;
  margin-bottom: 5px;
}
.services-page-list li a  {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.services-page-title  {
  font-size: 20px;
  padding: 15px 0 0;
  font-weight: 600;
  color: #e41b46 !important;
}
.service-left-strip img {
  width: 100px;
  float: left;
  margin-right: 15px;
  border-radius: 5px;
}
.service-left-strip p  {
  font-size: 12px;
}
.service-left-strip h4  {
  margin: 0 0;
  color: #e41b46 !important;
  font-size: 17px;
}
.service-left-strip  {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.carousel-caption {
  right: 20%;
  left: 20%;
  padding-bottom: 30px;
  text-align: left;
  top: 37%;
}
.carousel-caption h3  {
  font-size: 30px;
  font-weight: 700;
}
.carousel-caption p  {
  font-size: 25px;
}
.btn-small  {
  padding: 10px 15px;
  margin-top: 15px;
}
.bread  {
  background: #f5f5f5;
}
.breadcrumb  {
  margin-bottom: 0;
  padding: 8px 0;
}
.breadcrumb li a  {
  color: #102147;
}

.breadcrumb>.active {
  color: #e41b46;
}
.enquiry  {
  background: aliceblue;
  padding: 30px 15px;
  border-radius: 15px;
  -ms-overflow-style: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.reach-sec  {
  padding: 0px 0 90px;
}




.css-shape-1  {
  border: 5px solid #102147;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 108px;
  border-radius: 50%;
  margin: 0px auto;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.css-shape-1 i {
  font-size: 40px;
  color: #e41b46;
}
.strip2 h4  {
  font-size: 20px;
  font-weight: 600;
  padding-top: 20px;
  text-transform: inherit;
  line-height: 32px;
}
.sec-strip  {
  padding: 60px 0 0;
}
.strip2  {
  border: 5px solid #ccc;
  padding: 50px 0;
  border-radius: 20px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.ser-img  {
  border-radius: 20px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.ser-img:hover  {
  opacity: .5;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
} 
.strip2:hover .css-shape-1  {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}



.vision-strip  {
  background: #1d3955;
  padding: 60px;
  text-align: center;
}

.vision-strip h4  {
  color: #fff;
  font-size: 27px;
  padding-bottom: 10px;
  text-transform: uppercase;
  
}
.vision-strip p  {
  color: #fff;
  font-size: 18px;
}

.vision-strip2  {
  background: #dd1b3c;
  padding: 60px;
  text-align: center;
}
.vision-strip2 h4  {
  color: #fff;
  font-size: 27px;
  padding-bottom: 10px;
  text-transform: uppercase;
  
}
.vision-strip2 p  {
  color: #fff;
  font-size: 18px;
}
.vision-sec  {
  padding: 60px 0;
  background: #d3d6d7;
}





.contact-title  {
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  margin-bottom: 0;
  color: #333;
  margin: 0 0 5px;
  font-weight: 600;
}
.nz-separator  {
  border-bottom-color:#e41b46;width:70px;border-bottom-width:2px;border-bottom-style:solid;margin-top:5px;margin-bottom:15px;height: 0;
}
label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  color: #777;
  line-height: 26px;
}
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
  display: block;
  outline: 0;
  margin: 0 0 15px;
  text-align: left;
  vertical-align: top;
  height: 50px;
  max-width: 100%;
  width: 100%;
  padding: 0px 20px;
  line-height: 50px;
  background-color: #eeeeee;
  border: none !important;
  color: #999;
  font-size: 14px;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  border-radius: 0 !important;
}
.form-textarea  {
  background-color: #eeeeee;
}
.contact-address li  {
  color: #000 !important;
  font-size: 18px;
  line-height: 30px;
}  
.contact-phone-info li  {
  color: #000 !important;
  font-size: 18px;
  line-height: 30px;
}
p i {
  margin: 0px 8px 0px 0px;
  font-size: 18px !important;
  /* border: 1px solid #b9b0b2; */
  width: 30px;
  height: 25px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 6px;
}

.service-strip-home a{
    text-decoration: none;
    color: #000;
}
.news-events-sec  {
  /* padding: 90px 0; */
  padding: 35px 0;
  background: #fff;
}

.footer-strip p {
  line-height: 25px;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  position: relative;
  padding-left: 35px;
}

/*career style*/

.inner-banner {
  width: 100%;
  height: 450px;
  position: relative;
  z-index: -1;
}
.img-ovarlay {
  width: 100%;
  height: 100%;
  background: #00000073;
  position: absolute;
  z-index: 11;
}
.inner-banner-content {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 111;
  text-align: center;
}
.inner-banner-content h2 {
  font-size: 38px;
  color: #fff;
}
.inner-banner-content a {
  color: #fff;
}
.inner-banner-content a::after {
  content: "\f105";
  color: #c08b2b;
  font-weight: bold;
  display: inline-block;
  width: 2em;
  font-size: 1rem;
  font-weight: 550;
  font-family: "Font Awesome 5 Free";
}
.inner-banner-content a:last-child::after{
  display: none;
}
.inner-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.our-services-inner {
  padding: 1rem 0;
}
.services-inner {
  text-align: center;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.services-inner h6 {
  color: #c08b2b;
  font-size: 16px;
}
.our-sv-wrapper-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.our-sv-wrapper-inner .our-sv-cards {
  width: 32%;
  height: auto;
  margin-bottom: 0;
  background-color: #ffffff;
  padding: 40px 40px 40px 40px;
  box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  min-height: 400px;
}
.our-sv-cards-ovarlays {
  width: 100%;
  height: 0%;
  background-color: #104080;
  position: absolute !important;
  transition: 0.5s;
  bottom: 0;
}
.sv-content {
  z-index: 11;
}
.our-sv-cards img[width="80"] {
  position: relative;
  z-index: 1;
}
.sv-floatin-boxes:hover img[width="80"] {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(65deg) brightness(100%) contrast(103%);
}
.our-sv-cards:hover img[width="80"] {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(65deg) brightness(100%) contrast(103%);
}

.our-sv-wrapper-inner .our-sv-cards:hover .our-sv-cards-ovarlays {
  height: 100% !important;
}

.our-sv-wrapper-inner .our-sv-cards:hover p {
  color: #fff !important;
}

.our-sv-wrapper-inner .our-sv-cards:hover h3 {
  color: #fff !important;
}

.our-sv-wrapper-inner .our-sv-cards:hover a {
  color: #fff !important;
}

.our-sv-wrapper-inner .our-sv-cards:hover .fas {
  color: #fff !important;
  z-index: 111;
}
.header-social-icon a:hover{
  color: #c08b2b;
}
/* 22 06 24 */
.career-apply {
    margin: 1.3rem auto;
}
.master-box {
    display: flex;
    gap: 5px 10px;
    margin: 1rem 0 2rem ; 
}

.master-box .fa{
    margin: 3px 0 0;
}

.inline-content h5{
    font-size: 1.5rem;
    margin: 0;
    font-weight: bold;
}

.pos-rel{
    position: relative;
}
.z-1000{
    z-index: 1000;
}