.navbar-brand>img{width: 100%;}
.navbar-brand {
    float: left;
    width: 39%;
    position: relative;
    background-color: #fff;
    padding: 0 10px 5px;
    margin-bottom: -55px;
    z-index: 3;
    box-shadow: 0px 10px 50px 0px rgba(53,82,99,0.09);
    border-radius: 0 0 20px 20px;
}
.navbar-header{width: 45%}
body{font-family: Nunito;}
.navbar-nav>li>a{font-size: 15px;color: #000;font-weight: 600;}
.navbar-nav>li.current>a{color: #fe0102;}
.owl-carousel .owl-nav button.owl-next{
        position: absolute;
    top: 50%;
    right: 5%;
    font-size: 36px!important;
    background: #fff!important;
    width: 30px;
    height: 30px;
    line-height: 0!important;
}
.owl-carousel .owl-nav button.owl-prev{
      position: absolute;
    top: 50%;
    left: 5%;
    font-size: 36px!important;
    background: #fff!important;
    width: 30px;
    height: 30px;
    line-height: 0!important;
}
.down-nn{
    background-attachment: fixed;
    background-size: cover;
    background-image: url('../img/parallax1.jpg');
    background-position: center;
    height: 100%;
    width: 100%;
    margin: 0;padding: 50px 0;
    position: relative;
}
.down-nn:before{
    background-color: #ffffff;
    opacity: 0.9;
        content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.sec-title-inner {
    position: relative;
    padding-bottom: 17px;
}
.sec-title-inner:before{
    background-image: -moz-linear-gradient(359deg, rgba(42,72,108,1) 0%, rgba(80,125,179,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(42,72,108,1)), color-stop(100%, rgba(80,125,179,0)));
    background-image: -webkit-linear-gradient(359deg, rgba(42,72,108,1) 0%, rgba(80,125,179,0) 100%);
    background-image: -o-linear-gradient(359deg, rgba(42,72,108,1) 0%, rgba(80,125,179,0) 100%);
    background-image: -ms-linear-gradient(359deg, rgba(42,72,108,1) 0%, rgba(80,125,179,0) 100%);
    background-image: linear-gradient(91deg, rgba(42,72,108,1) 0%, rgba(80,125,179,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a486c', endColorstr='#507db3',GradientType=1 );
        left: 0;right: 0;margin:auto;
    content: "";
    position: absolute;
    width: 150px;
    height: 3px;
    bottom: 0;
}
.main-footer .sec-title-inner:before{
    left: 0;margin-left: 0;
    width: 118px;
    height: 3px;
    bottom: 10px;
}
.sec-title-inner > span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;color: #000;
}
.sec-title-inner > h3 {
    margin-bottom: 0;margin-top: 0;
    font-size: 29px;color: #fe0102;
    font-weight: 600;
}
.sec-title-inner > h4 {
    margin-bottom: 0;margin-top: 0;
    font-size: 20px;color: #000;
    font-weight: 600;
}
.sec-title-inner p{
    font-size: 17px;
    color: #000;
    font-weight: 500;margin-bottom: 0;
}
.down-nn ul{list-style: none;padding-left: 0;    text-align: center;
    margin-top: 3%;}
.down-nn ul li{display: inline-block;}
.prayer-list {
    position: relative;
    z-index: 999;
    background: rgb(0 0 0 / 21%);
    display: block;
    border-radius: 5px;
}
.prayer-list h4 {
    display: block;
    border-radius: 5px;    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 16px;font-weight: 600;
    background: rgb(0 0 0 / 20%);
    color: #000;
    padding: 18px;
}
.prayer-list a {
    display: block;
    font-size: 15px;
    padding: 20px;    font-weight: 600;
}
.gap {
    padding: 100px 0;
    position: relative;
    width: 100%;
}
.gap:before{
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
        background-image: -moz-linear-gradient(left, rgba(255,255,255,.8) 0%, rgba(255,255,255,.95) 25%, rgba(255,255,255,0.9) 35%, rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,.8) 0%,rgba(255,255,255,.95) 25%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,.8) 0%,rgba(255,255,255,.95) 25%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.shp-img {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3;
}
.botm-shp {
    bottom: -1px;
}
.top-shp {
    top: 0;
}
.fixed-bg {
    background-attachment: scroll;
    background-size: cover;    background-position: center;
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}
.abot-sec .sec-title-inner:before{left:0;    margin: initial;}
.test-nn .sec-title-inner:before{left: 0;margin:initial;}
.about .sec-title-inner:before{left: 0;margin:initial;}
.abot-sec p{
    font-size: 15px;
    font-weight: 600;
    margin-top: 31px;
    max-width: 86%;
}
.bearers{padding: 50px 0;}
.team-list {
    display: block;
}
.team-list figure {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
}
.team-list figure img {
    width: 100%;
    display: block;
    transition: all 0.3s;
}
.team-list .content h3 {
    font-size: 16px;
    color: #111111;font-weight: 600;
    margin: 0 0 5px;
}
.team-list:hover figure img {
    transform: scale(1.1, 1.1);
}
.team-list .content {
    text-align: center;
    border: 8px solid #f5f5f5;
    border-top: 0;
    padding: 15px;
    min-height: 100px;
    max-height: 100px;
}
.bearers ul{
       display: grid;
    grid-template-columns: 18% 18% 18% 18% 18%;
    grid-gap: 0 28px;
    list-style: none;
    padding-left: 0;    margin-top: 4%;
}
.team-list .content .pos {
    color: #fe0102;
    font-size: 14px;
    margin: 0 0 13px;
    transition: all 0.3s;
}
.test-nn{
    background-position: center;
    height: 100%;
    width: 100%;
    margin: 0;
    position: relative;padding: 50px 0;
    background-image: url('../img/pattern-bg.jpg');
}
.test-nn:before{
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background-color: #fff;opacity:0.9;
}
.sigma_testimonial-inner{
  position: relative;
  background-color: #fff;
  padding: 30px;margin-top: 5%;
  box-shadow: 0px 10px 20px 0px rgba(53,82,99,0.09);
  display: flex;
  align-items: flex-start;
}
.sigma_testimonial-inner  .sigma_testimonial-thumb{
  position: relative;
  margin-right: 20px;
  width: 100px;
}
.sigma_testimonial-inner  .sigma_testimonial-thumb::before{
  content: '\f10e';
  font-family: 'FontAwesome';
  font-weight: 300;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  background-color: #fe0102;
}
.sigma_testimonial-inner  .sigma_testimonial-thumb + div{
  flex: 1;
}
.sigma_testimonial-inner .sigma_testimonial-body{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
}
.sigma_testimonial-inner cite{
  color: #fe0102;
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
}
.sigma_testimonial-thumb img{width: 100%;}

.sigma_testimonial-inner h5{
  margin: 5px 0 15px;
}

.sigma_testimonial-footer{
  display: flex;
  align-items: center;
}
.sigma_testimonial-body p{font-size: 15px;}
.inau-nn{padding: 50px 0;}
.inau-nn ul{list-style: none;padding-left: 0;display: grid;grid-template-columns: 20% 20% 20% 20% 20%;
    margin-top: 5%;
}
.brand-list {
    border: 8px solid #ececec;
    text-align: center;
    margin-left: -4px;
    margin-right: -4px;
    display: block;
}
.brand-list a {
    display: block;
    line-height: 120px;
}
.brand-list a img {
    transition: all 0.3s;
    opacity: 0.3;
}
.brand-list a:hover img {
    opacity: 1;
}
.main-footer{background: #dadada;padding: 50px 0}
.main-footer img{max-width: 100%;}
.main-footer ul{list-style: none;padding-left: 0}
.main-footer ul li{margin-bottom: 5px;}
.main-footer ul li i{
        background-color: #fe0102;
    border-radius: 50px;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}
.main-footer ul li p{margin-top: 5px;}
.main-footer ul li a{color: #000;    -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;}
.main-footer ul li a:hover{color: #fe0102;}
.social-icon li{display: inline-block;}
.copy-nn{
    border-top: 1px solid #c9c9c9;
    padding-top: 15px;margin-bottom: 0;
}
.breadcrumb{
    background-position: center;
    height: 100%;
    width: 100%;
    margin: 0;
    position: relative;padding: 50px 0;
    background-image: url('../img/breadcrumb.jpg');
}
.breadcrumb:before{
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background-color: #000;
    opacity: 0.8;
}
.page-title-wrap > h2 {
    position: relative;
    display: inline-block;
    font-size: 30px;
    margin-bottom: 0;
    padding-bottom: 14px;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff;
}
.page-title-wrap > h2:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #fe0102;
}
.breadcrumbs {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;    float: right;
    margin-top: 10px;
}
.breadcrumbs > li {
    float: left;
    font-size: 17px;
    font-weight: 600;
    position: relative;
    margin-top: 12px;
    line-height: initial;
    color: #fff;
}
.breadcrumbs > li + li:before {
    content: "";
    height: 9px;
    width: 9px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fe0102;
    position: absolute;
    left: 0;
    top: 6px;
}
.breadcrumbs > li + li {
    padding-left: 20px;
    margin-left: 15px;
}
.about{padding: 50px 0}
.abt-vdo:before {
    background-color: transparent;
    opacity: 1;
    border-width: 10px;
    border-style: solid;
    z-index: -1;
    top: 25px;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    bottom: -30px;
    right: 30px;content: "";
    position: absolute;border-color: #fe0102;
    height: 390px;
    width: 510px;
    left: -35px;
}
.abt-vdo {
    float: left;
    overflow: initial;
    position: relative;
    width: 100%;border-radius: 5px;
}
.about .col-md-7{padding-left: 7%}
.about .sec-title-inner{margin-bottom: 3%;}
p{line-height: 25px;}
.contact-info {
    height: 196px;
    border: 8px solid #f5f5f5;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 25% 0 30px;
}
.contact-info span {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 10%;
    border: 8px solid #f5f5f5;
    width: 108px;
    height: 108px;
    background: #fff;
    font-size: 28px;
    color: #fe0102;
    border-radius: 100%;
    line-height: 94px;
    transition: all 0.3s;
}
.contact-info p {
        margin-top: 15%;
    color: #2c2c2c;
}
.contact-info:hover span {
    background: #fe0102;
    color: #fff;
}
.form-area form fieldset {
    display: block;
    margin: 0 0 30px;
}
.form-area form fieldset .feld {
    position: relative;
}
.form-area form fieldset .feld input {
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 0 15px;
    height: 50px;
    transition: all 0.3s;
}
.form-area form fieldset .feld span {
    position: absolute;
    right: 35px;
    top: 0;
    line-height: 50px;
    color: #797979;
    transition: all 0.3s;
}
.form-area form fieldset .feld textarea {
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 15px;
    height: 120px;
    transition: all 0.3s;
}
.form-area form fieldset .feld span.msg {
    right: 20px;
}
.form-area{margin-top: 5%;}
.btn-area .btn4{
        display: inline-block;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 14.5px 45px;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    -o-box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    border-radius: 40px;
    background-color: #fe0102;
}
.btn-area .btn4:before{
    content: "";
    position: absolute;
    left: 40%;
    right: 40%;
    z-index: -1;
    top: 0;
    bottom: 0;
    opacity: 0;
    background-color: #000;
        -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.btn-area .btn4:hover:before{
        left: 0;
    right: 0;
    opacity: .4;
}
.cont-form{
    padding-bottom: 50px;
}
.blog-thmb img{max-width: 100%;width: 100%;    -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;}
.blog-thmb {
    overflow: hidden;position: relative;
    border: 4px solid #eee;    margin-bottom:0;
}
.tab-content .col-md-4, .tab-content .col-md-6, .p-7{padding:0 7.5px;}
.nav-tabs{margin-bottom: 3%;display: flex;justify-content: center;}
.blog-thmb > a {
    display: inline-block;
    width: 100%;
    position: relative;
        -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.blog-thmb a:before{
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    z-index: 1;    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.blog-thmb:hover > a::before {
    opacity: .5;
}
.blog-thmb:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.about .menu{list-style: none;padding: 7px 0;box-shadow: 0 0px 50px rgba(0,0,0,.15);    margin-top: 20px;}
.about .menu li{border-bottom: 1px solid #efefef;padding: 9px 15px;}
.about .menu li a{color: #000;-webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;}
.about .menu li a i{
        color: #fe0102;
    margin-right: 7px;
}
.about .menu li a:hover{color: #fe0102;}
.ratan-nn img{border:10px solid #eee;}
.ratan-nn h3{font-size: 17px;font-weight: 600;margin-bottom: 0;margin-top: 0}
.mb-8{margin-bottom: 8px;}
.gallery-item figure {
    position: relative;
    overflow: hidden;text-align:center;
}
.m-3{margin:3% 0;}
.gallery-item figure:before {
    position: absolute;
    width: 100%;
    height: auto;
    content: '';
    background: rgba(0,0,0,.3);
    left: 0;
    top: 0;
    visibility: hidden;
    transition: all ease-in-out .5s;
    opacity: 0;
    z-index: 1;
}
.gallery-item figure figcaption {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40%;
    transform: translateY(-50%);
    text-align: center;
    transition: all ease-in-out .5s;
    opacity: 0;
    z-index: 2;
}
.gallery-item figure figcaption a {
    overflow: hidden;
}
.quickview {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #fff;
    font-size: 26px;
    margin: 5px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}
.quickview i {
    line-height: 49px;
    color: #636363
}
.gallery-item:hover figure:before {
    opacity: 1;
    visibility: visible;
}
.gallery-item:hover figcaption {
    opacity: 1;
}
.gallery-item p{font-weight: 600;}
.org-nn ul{
    list-style:none;padding-left:0;margin-bottom:0;
}
.org-nn ul li i{padding-right:5px;color:#fe0102;}
.org-nn ul li{color:#000;font-weight:600; -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s}
.org-pl{padding-left:0;}
.org-nn ul li{margin-bottom:10px;}
.org-nn ul li:last-child{margin-bottom:0;}
.org-nn{
    -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    padding:17px;
}
.gallery-item h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: #fe0102;
}
.bearers .mobile-view, .inau-nn .mobile-view{display:none;}
.select {
  position: relative;   margin-top: 12px;
  height: 3em;
  border-radius: .25em;
  overflow: hidden;width: 100%;
}
/* Arrow */
.select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
  background-color: #34495e;
  transition: .25s all ease;color:#fff;
  pointer-events: none;
}
/* Transition */
.select:hover::after {
  color: #fe0102;
}
select {
  /* Reset Select */
  appearance: none;
  outline: 0;
  border: 0;font-weight:500;
  box-shadow: none;
  /* Personalize */
  flex: 1;
  padding: 0 1em;
  color: #fff;    width: 100%;
    height: 45px;
  background-color:#302e2c;
  background-image: none;
  cursor: pointer;
}