/*
Theme Name: The Channel Chiefs
Theme URI: https://xyz.com
Description: The Channel Chiefs
Version:1.1
Author: Lokesh
Author URI: https://xyz.com
*/
.container {
  z-index: 2 !important;
  position: relative !important;
}

@media (min-width: 1200px) {
   .container-fullwidth {
      max-width: 100% !important;
    }
}
/*#ccsearchform h3 {
	font-size: 2.3rem !important;
}*/

#ccsearchform .form-control {
	font-size: 16px !important;
}

div#footer-socials {
  display: none;
}
.page-id-32931 #page-title {
	display: none !important;
}
.page-template-forzadash-channel-leader-2022-profile-php #page-title {
  display: none !important;
}
.page-template-forzadash-channel-leader-2022-profile_New-php #page-title {
  display: none !important;
}

.text-black {
  color: #000 !important;
}

.text-primary {
  color: #2d71a1 !important;
}

.border-top {
  border-top: 1px solid #f2f2f2 !important;
}

.border-bottom {
  border-bottom: 1px solid #f2f2f2 !important;
}

figure figcaption {
  margin-top: 0.5rem !important;
  font-style: italic !important;
  font-size: 0.8rem !important;
}

section {
  overflow: hidden !important;
  background-color: #fff !important;
}

.section {
  padding: 4rem 0 !important;
  /*padding: 7rem 0 !important;*/
}

.chief-other-details {
  padding: 4rem 0 !important;
}

.row #leader-details-card:last-child {
  display: none !important;
}

.home-page-post-block {
  padding: 4rem 0 !important;
}

.posts-section {
  padding: 0rem 0 !important;
}

.section-heading {
  /*font-size: 3rem !important;
  font-weight: 700 !important;*/
  /*background: linear-gradient(-45deg, #3db3c5, #274685) !important;*/
  /*background: linear-gradient(-45deg, #f76a6a, #ed1c24) !important;*/
  /*-webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;*/
  color: #24262e !important;
  text-transform: uppercase !important;
  font-size: 36px !important;
  line-height: 53px !important;
  font-weight: 700 !important;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed !important;
  visibility: hidden !important;
  opacity: 0 !important;
  right: 15px !important;
  bottom: 15px !important;
  z-index: 996 !important;
  background: #33465E !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50px !important;
  transition: all 0.4s !important;
}
.back-to-top i {
  font-size: 28px !important;
  color: #fff !important;
  line-height: 0 !important;
}
/*.back-to-top:hover, .back-to-top:hover i {
  background: #0F68B1 !important;
  color: #1069B1 !important;
}*/
.back-to-top.active {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Default btn sre-tyling */
.btn {
  border: none !important;
  padding: 15px 30px !important;
}
.btn.btn-outline-white {
  border: 2px solid #fff !important;
  background: none !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-size: 18px !important;
}
.btn.btn-outline-white:hover {
  border: 2px solid #ffffff !important;
  background: #ffffff !important;
  color: #33465E !important;
}
.btn.btn-primary {
  background: #2d71a1 !important;
  background: linear-gradient(-45deg, #1391a5, #274685) !important;
  color: #fff !important;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15) !important;
}

/* Feature 1 */
.feature-1 .wrap-icon {
  margin: 0 auto !important;
  height: 100px !important;
  width: 100px !important;
  border-radius: 50% !important;
  position: relative !important;
  margin-bottom: 30px !important;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.feature-1 .wrap-icon.icon-1 {
  background: linear-gradient(-45deg, #3b87bd, #2d71a2) !important;
}
.feature-1 .wrap-icon i {
  font-size: 40px !important;
  line-height: 0 !important;
  color: #fff !important;
}
.feature-1 h3 {
  font-size: 20px !important;
}
.feature-1 p {
  color: #b1b1b1 !important;
}

/* Step */
.step {
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1) !important;
  background: #fff !important;
  padding: 40px !important;
}
.step .number {
  background: linear-gradient(-45deg, #1391a5, #274685) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 700 !important;
  letter-spacing: 0.2rem !important;
  margin-bottom: 10px !important;
  display: block !important;
}
.step p:last-child {
  margin-bottom: 0px !important;
}
.step .company-name {
  color: #0F68B1 !important;
}

.step .number img {
  width: 188px !important;
  height: 188px !important;
}

/* Widget Css Start here */
.side-content-block {
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1) !important;
  background: #fff !important;
  padding: 20px !important;
}
.side-content-block ol li:not(:last-child) {
            border-bottom: 1px dotted #cccccc !important;
            /*margin-bottom: 10px !important;*/
            padding-top: 12px !important;
            padding-bottom: 12px !important;
        }

.side-content-block ul li:not(:last-child) {
            border-bottom: 1px dotted #cccccc !important;
            /*margin-bottom: 10px !important;*/
            padding-top: 12px !important;
            padding-bottom: 12px !important;
        }
.step .widget-content ul li:nth-child(4) {
            color: #333 !important;
            font-weight: normal !important;
        }
/*.step .widget-content ul li {
            color: #9fa1a4 !important;
            font-weight: normal !important;
        }*/
.step .widget-content ul li:nth-child(5) {
            padding-top: 12px !important;
        }
.step .widget-content ul li:nth-child(5) {
            padding-top: 12px !important;
        }
.chief-search-form {
  border-top: 8px solid !important;
  border-image: linear-gradient(45deg,#35475F,#009443,#0F68B1) 10 !important;
}

/* Review */
.review h3 {
  font-size: 20px !important;
}
.review p {
  line-height: 1.8 !important;
  font-style: italic !important;
  color: #333333 !important;
}
.review .stars span {
  color: #FF8803 !important;
}
.review .stars .muted {
  color: #ccc !important;
}
.review .review-user img {
  width: 70px !important;
  margin: 0 auto !important;
}

/* Testimonial Carousel */
.testimonials-slider .swiper-pagination {
  margin-top: 20px !important;
  position: relative !important;
}
.testimonials-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background-color: #fff !important;
  opacity: 1 !important;
  border: 1px solid #2d71a1 !important;
}
.testimonials-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2d71a1 !important;
}

/* Pricing */
.pricing {
  padding: 50px !important;
  background: linear-gradient(-45deg, #1391a5, #274685) !important;
  color: #fff !important;
  padding-bottom: 12rem !important;
  position: relative !important;
  border-radius: 4px !important;
  color: #000000 !important;
  background: #fff !important;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2) !important;
}
.pricing h3 {
  color: #2d71a1 !important;
}
.pricing .price-cta {
  text-decoration: none !important;
  position: absolute !important;
  bottom: 50px !important;
  width: 100% !important;
  text-align: center !important;
  left: 0 !important;
}
.pricing .price-cta .price {
  display: block !important;
  margin-bottom: 20px !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
}
.pricing .popularity {
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.2rem !important;
  display: block !important;
  margin-bottom: 20px !important;
}
.pricing ul {
  margin-bottom: 50px !important;
}
.pricing ul li {
  margin-bottom: 10px !important;
}
.pricing .btn-white {
  background: #fff !important;
  border: 2px solid #f1f1f1 !important;
  border-radius: 4px !important;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1) !important;
}
.pricing .btn-white:hover {
  color: #2d71a1 !important;
}
.pricing.popular {
  background: #fff !important;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2) !important;
  color: #000000 !important;
  background: linear-gradient(-45deg, #1391a5, #274685) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.pricing.popular .popularity {
  color: #b3b3b3 !important;
}
.pricing.popular h3 {
  color: #fff !important;
  background: none !important;
}
.pricing.popular .btn-white {
  border: 2px solid #2d71a1 !important;
}

/* CTA Section */
.cta-section {
  background: linear-gradient(to right, #274685 0%, #3db3c5 100%) !important;
  color: #fff !important;
}
.cta-section h2 {
  color: #fff !important;
  font-size: 3rem !important;
  font-weight: 700 !important;
}
@media screen and (max-width: 768px) {
  .cta-section h2 {
    font-size: 2rem !important;
  }
}
.cta-section .btn {
  background: #000000 !important;
  color: #fff !important;
}
.cta-section .btn i {
  margin-right: 5px !important;
  font-size: 24px !important;
  line-height: 0 !important;
}

/* Contact Form */
/*.form-control {
  height: 48px !important;
  border-radius: 0 !important;
  border: 1px solid #dae0e5 !important;
}*/
.form-control:active, .form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #2d71a1 !important;
}

.php-email-form .validate {
  display: none !important;
  color: red !important;
  margin: 0 0 15px 0 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}
.php-email-form .error-message {
  display: none !important;
  color: #fff !important;
  background: #ed3c0d !important;
  text-align: left !important;
  padding: 15px !important;
  font-weight: 600 !important;
}
.php-email-form .error-message br + br {
  margin-top: 25px !important;
}
.php-email-form .sent-message {
  display: none !important;
  color: #fff !important;
  background: #18d26e !important;
  text-align: center !important;
  padding: 15px !important;
  font-weight: 600 !important;
}
.php-email-form .loading {
  display: none !important;
  background: #fff !important;
  text-align: center !important;
  padding: 15px !important;
}
.php-email-form .loading:before {
  content: "" !important;
  display: inline-block !important;
  border-radius: 50% !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 10px -6px 0 !important;
  border: 3px solid #18d26e !important;
  border-top-color: #eee !important;
  -webkit-animation: animate-loading 1s linear infinite !important;
  animation: animate-loading 1s linear infinite !important;
}
.php-email-form textarea {
  min-height: 160px !important;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg) !important;
  }
  100% {
    transform: rotate(360deg) !important;
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg) !important;
  }
  100% {
    transform: rotate(360deg) !important;
  }
}
/* Blog */
.post-entry {
  margin-bottom: 60px !important;
}
.post-entry .post-text .post-meta a { color: #33465E !important; text-decoration: none !important; }
.post-entry .post-text .post-meta {
  text-decoration: none !important;
  color: #ccc !important;
  font-size: 13px !important;
  display: block !important;
  margin-bottom: 10px !important;
}
.post-entry .post-text h3 {
  font-size: 20px !important;
  color: #000000 !important;
}
.post-entry .post-text h3 a {
  text-decoration: none !important;
  color: #000000 !important;
}
.post-entry .post-text h3 a:hover {
  text-decoration: none !important;
  color: #2d71a1 !important;
}
.post-entry .post-text .readmore {
  /*color: #2d71a1 !important;*/
  color: #0F68B1 !important;
  border: 2px solid #0F68B1 !important;
  border-radius: 25px !important;
  margin-top: 0px !important;
  display: inline-block !important;
  line-height: 2 !important;
  width: 125px !important;
  padding: 0px 12px 0px 12px !important;
  text-decoration: none !important;
}

.sidebar-box {
  margin-bottom: 30px !important;
  padding: 25px !important;
  font-size: 15px !important;
  width: 100% !important;
  float: left !important;
  background: #fff !important;
}
.sidebar-box *:last-child {
  margin-bottom: 0 !important;
}
.sidebar-box h3 {
  font-size: 18px !important;
  margin-bottom: 15px !important;
}

.categories li, .sidelink li {
  position: relative !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px dotted gray("300") !important;
  list-style: none !important;
}
.categories li:last-child, .sidelink li:last-child {
  margin-bottom: 0 !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.categories li a, .sidelink li a {
  text-decoration: none !important;
  display: block !important;
}
.categories li a span, .sidelink li a span {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  color: #ccc !important;
}
.categories li.active a, .sidelink li.active a {
  text-decoration: none !important;
  color: #000000 !important;
  font-style: italic !important;
}

.comment-form-wrap {
  clear: both !important;
}

.comment-list {
  padding: 0 !important;
  margin: 0 !important;
}
.comment-list .children {
  padding: 50px 0 0 40px !important;
  margin: 0 !important;
  float: left !important;
  width: 100% !important;
}
.comment-list li {
  padding: 0 !important;
  margin: 0 0 30px 0 !important;
  float: left !important;
  width: 100% !important;
  clear: both !important;
  list-style: none !important;
}
.comment-list li .vcard {
  width: 80px !important;
  float: left !important;
}
.comment-list li .vcard img {
  width: 50px !important;
  border-radius: 50% !important;
}
.comment-list li .comment-body {
  float: right !important;
  width: calc(100% - 80px) !important;
}
.comment-list li .comment-body h3 {
  font-size: 20px !important;
}
.comment-list li .comment-body .meta {
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 0.1em !important;
  color: #ccc !important;
}
.comment-list li .comment-body .reply {
  padding: 5px 10px !important;
  background: #e6e6e6 !important;
  color: #000000 !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
}
.comment-list li .comment-body .reply:hover {
  color: #000000 !important;
  background: #e3e3e3 !important;
}

.search-form {
  background: #f7f7f7 !important;
  padding: 10px !important;
}
.search-form .form-group {
  position: relative !important;
}
.search-form .form-group input {
  padding-right: 50px !important;
}
.search-form .icon {
  position: absolute !important;
  top: 50% !important;
  right: 20px !important;
  transform: translateY(-50%) !important;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 80px !important;
  transition: all 0.5s !important;
  z-index: 997 !important;
  transition: all 0.5s !important;
}
#header.header-scrolled {
  /*background: rgba(39, 70, 133, 0.8) !important;*/
  background: rgba(9, 9, 9, 0.8) !important;
  height: 60px !important;
}
#header .logo h1 {
  font-size: 28px !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}
#header .logo h1 a, #header .logo h1 a:hover {
  color: #fff !important;
  text-decoration: none !important;
}
#header .logo img {
  padding: 0 !important;
  margin: 0 !important;
  max-height: 40px !important;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0 !important;
}
.navbar ul {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  list-style: none !important;
  align-items: center !important;
}
.navbar li {
  position: relative !important;
}
.navbar a, .navbar a:focus {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 0 10px 30px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  white-space: nowrap !important;
  transition: 0.3s !important;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px !important;
  line-height: 0 !important;
  margin-left: 5px !important;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: #fff !important;
}

.navbar ul li a {
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

.navbar ul li .active {
  color: #000 !important;
  background: #fff !important;
  margin: auto !important;
  padding: 10px 15px 10px 15px !important;
  border-radius: 22px !important;
}
/*.navbar li:hover > a {
  border-radius: 22px !important;
  border-color: #fff !important;
  border: 2px solid !important;
  padding: 10px 15px 10px 15px !important;
}*/

.navbar .dropdown ul {
  display: block !important;
  position: absolute !important;
  left: 14px !important;
  top: calc(100% + 30px) !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  z-index: 99 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: #fff !important;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25) !important;
  transition: 0.3s !important;
  border-radius: 4px !important;
}
.navbar .dropdown ul li {
  min-width: 200px !important;
}
.navbar .dropdown ul a {
  padding: 10px 20px !important;
  font-size: 15px !important;
  color: #101c36 !important;
}
.navbar .dropdown ul a i {
  font-size: 12px !important;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #2d71a1 !important;
}
.navbar .dropdown:hover > ul {
  opacity: 1 !important;
  top: 100% !important;
  visibility: visible !important;
}
.navbar .dropdown .dropdown ul {
  top: 0 !important;
  left: calc(100% - 30px) !important;
  visibility: hidden !important;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1 !important;
  top: 0 !important;
  left: 100% !important;
  visibility: visible !important;
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90% !important;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100% !important;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff !important;
  font-size: 28px !important;
  cursor: pointer !important;
  display: none !important;
  line-height: 0 !important;
  transition: 0.5s !important;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block !important;
  }

  .navbar ul {
    display: none !important;
  }
}
.navbar-mobile {
  position: fixed !important;
  overflow: hidden !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  background: rgba(27, 49, 94, 0.9) !important;
  transition: 0.3s !important;
  z-index: 999 !important;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
}
.navbar-mobile ul {
  display: block !important;
  position: absolute !important;
  top: 55px !important;
  right: 15px !important;
  bottom: 15px !important;
  left: 15px !important;
  padding: 10px 0 !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  overflow-y: auto !important;
  transition: 0.3s !important;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px !important;
  font-size: 15px !important;
  color: #101c36 !important;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #2d71a1 !important;
}
.navbar-mobile .dropdown ul {
  position: static !important;
  display: none !important;
  margin: 10px 20px !important;
  padding: 10px 0 !important;
  z-index: 99 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #fff !important;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25) !important;
}
.navbar-mobile .dropdown ul li {
  min-width: 200px !important;
}
.navbar-mobile .dropdown ul a {
  padding: 10px 20px !important;
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px !important;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #2d71a1 !important;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block !important;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero-section {
  /*background: linear-gradient(to right, rgba(15, 15, 15, 0.97) 0%, rgba(54, 55, 55, 0.68) 100%), url(../img/hero-bg.jpg) !important;
  position: relative !important;*/
  position: relative !important;
  height: 86vh !important;
  position: relative !important;
  min-height: 360px !important;
  /*background-image: linear-gradient(to right bottom, #33465e, #1e566f, #006678, #007677, #00846c, #00886f, #008c73, #009076, #008a8e, #0082a3, #0077b1, #0f68b1) !important;*/
  background-image: linear-gradient( -28deg, #009443 30%, #009443 20%, #33465E 20%, #33465E 60%) !important;
}
.hero-section .wave {
  width: 100% !important;
  overflow: hidden !important;
  position: absolute !important;
  z-index: 1 !important;
  bottom: -190px !important;
}

.front-header-text-block {
  margin-top: 120px !important;
}

.chief-block-header {
  /*height: 80vh !important;*/
  height: auto !important;
  position: relative !important;
  min-height: 350px !important;
  background-image: linear-gradient( -28deg, #009443 30%, #009443 20%, #33465E 20%, #33465E 60%) !important;
  /*background-image: linear-gradient(to right bottom, #33465e, #1e566f, #006678, #007677, #00846c, #00886f, #008c73, #009076, #008a8e, #0082a3, #0077b1, #0f68b1) !important;*/
}
.profile-image {
  /*border: 3px solid #fff !important;
  border-radius: initial !important;
  color: white !important;
  padding: 10px !important;*/
  border: 5px solid #FFF !important;
  border-radius: initial !important;
  color: white !important;
  padding: 10px !important;
}


.nxt-pre-center-block {
  width: 50% !important;
  padding: 2px !important;
  color: #000000 !important;
  text-align: center !important;
  float: left !important;
  font-size: 25px !important;
}
.nxt-pre-center-block a { color: #33465E !important;text-decoration: none !important; }
.nxt-pre-center-block a:hover { color:#106CB4 !important; }
.pre-nxt-links {
  margin-bottom: 10px !important;
  border-style: 1px solid #cccccc !important;
}
.pre-nxt-link a { text-decoration: none !important; }
.prev-posts {
  float: left !important;
  padding: 10px !important;
  /*background-color: #33465E !important;*/
  background-color: #106CB4 !important;
  width: 25% !important;
  text-align: center !important;
}
.next-posts {
  float: right !important;
  padding: 10px !important;
  /*background-color: #33465E !important;*/
  background-color: #106CB4 !important;
  width: 25% !important;
  text-align: center !important;
}
.prev-posts a {
  color: #ffffff !important;
  text-decoration: none !important;
}
.next-posts a {
  color: #ffffff !important;
  text-decoration: none !important;
}

@media screen and (max-width: 992px) {
  .hero-section .wave {
    bottom: -180px !important;
  }
}
.hero-section .wave svg {
  width: 100% !important;
}
.hero-section, .hero-section > .container > .row {
  /*height: 85vh !important;*/
  /*height: 110vh !important;*/
  /*height: auto !important;*/
  height: 75vh !important;
  min-height: 360px !important;
}
.hero-section.inner-page {
  height: 60vh !important;
  min-height: 0 !important;
}
.hero-section.inner-page .hero-text {
  transform: translateY(-150px) !important;
  margin-top: -120px !important;
}
@media screen and (max-width: 992px) {
  .hero-section.inner-page .hero-text {
    margin-top: -80px !important;
  }
}
.hero-section h1 {
  /*font-size: 5rem !important;*/
  font-size: 4.5rem !important;
  color: #fff !important;
  font-weight: 700 !important;
  margin-bottom: 30px !important;
  text-transform: unset !important;
}
@media screen and (max-width: 992px) {
  .hero-section h1 {
    font-size: 2.5rem !important;
    text-align: center !important;
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 992px) {
  .hero-section .hero-text-image {
    margin-top: 4rem !important;
  }
}
.hero-section .main-block {
    margin-top: -20rem !important;
  }
.hero-section p {
  font-size: 18px !important;
  color: #fff !important;
}
.hero-section .iphone-wrap {
  position: relative !important;
  /*top: -113% !important;*/
  text-align: center !important;
}
@media screen and (max-width: 992px) {
  .hero-section .iphone-wrap {
    text-align: center !important;
  }
}
.hero-section .iphone-wrap .phone-2, .hero-section .iphone-wrap .phone-1 {
  position: absolute !important;
  /*top: -332% !important;*/
  /*top: 25% !important;*/
  top: 20% !important;
  overflow: hidden !important;
  left: 0 !important;
  box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.3) !important;
  text-align: center !important; 
  border-radius: 3px !important;
}
@media screen and (max-width: 992px) {
  .hero-section .iphone-wrap .phone-2, .hero-section .iphone-wrap .phone-1 {
    position: relative !important;
    top: 0 !important;
    max-width: 100% !important;
  }
}
.hero-section .iphone-wrap .phone-2, .hero-section .iphone-wrap .phone-1 {
  width: 85% !important;
  /*width: 250px !important;*/
}
@media screen and (max-width: 992px) {
  .hero-section .iphone-wrap .phone-1 {
    margin-left: -150px !important;
  }
}
.hero-section .iphone-wrap .phone-2 {
  margin-top: 50px !important;
  margin-left: 100px !important;
  width: 250px !important;
}
@media screen and (max-width: 992px) {
  .hero-section .iphone-wrap .phone-2 {
    width: 250px !important;
    position: absolute !important;
    margin-top: 0px !important;
    margin-left: 100px !important;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  padding: 5rem 0 2.5rem 0 !important;
  border-top: 3px solid #364860 !important;
  background-image: linear-gradient(to right bottom, #33465e, #1e566f, #006678, #007677, #00846c, #00886f, #008c73, #009076, #008a8e, #0082a3, #0077b1, #0f68b1) !important;
}
.footer h3 {
  font-size: 18px !important;
  margin-bottom: 30px !important;
  color: #fff !important;
}
.footer ul li {
  margin-bottom: 10px !important;
}
.footer a, .footer p {
  /*color: #000 !important;*/
  color: #fff !important;
}
.footer .copyright {
  margin-bottom: 0px !important;
}
.footer .copyright, .footer .credits {
  font-size: 14px !important;
}

.footer-bottom {
  background-color: #181828 !important;
  padding: 12px 0px 0px 12px !important;
}

.social a {
  display: inline-block !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: #f8f9fa !important;
  position: relative !important;
  text-align: center !important;
  transition: 0.3s background ease !important;
  color: #0d1e2d !important;
  line-height: 0 !important;
}
.social a span {
  display: inline-block !important;
  left: 50% !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.social a:hover {
  color: #fff !important;
  /*background: #33465E !important;*/
  background: #1069B1 !important;
}
.social a i {
  line-height: 0 !important;
}

/* Extra css for chief card bottom */
#side-blocks {
  line-height: 38px !important;
  height: 40px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  background-color: #33465E !important;
  padding: 0 0 0 20px !important;
  background-image: -webkit-linear-gradient(  -28deg, #009443 30%, #009443 20%, #33465E 20%, #33465E 60%) !important;
  background-image: linear-gradient( -28deg, #009443 30%, #009443 20%, #33465E 20%, #33465E 60%) !important;
}

#mid-blocks {
  line-height: 38px !important;
  height: 40px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  background-color: #ed1c24 !important;
  padding: 0px !important;
  background-image: -webkit-linear-gradient( -28deg, #f87f73 0%, #f87f73 60%, #292423 60%, #292423 60%) !important;
  background-image: linear-gradient( -28deg, #009443 30%, #009443 20%, #33465E 20%, #33465E 60%) !important;
}

#mid-blocks .read-more {
  color: #ffffff !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 0 0 0 0 !important;
  text-decoration: none !important;
}

.chiefs-image-block {
  min-height: 660px !important;
}
.chiefs-image-block h3{
  color: #ffffff !important;
  text-transform: unset !important;
}

.hero-text-image hr {
  color: #106CB4 !important;
  border: 1px solid #106CB4 !important;
  opacity: 1 !important;
}

#chief-detail {
  line-height: 38px !important;
  background: #ed1c24 !important;
  height: 40px !important;
  position: relative !important;
  width: 87% !important;
  color: white !important;
}
#chief-detail::after {
  background: #ed1c24 none repeat scroll 0 0 !important;
  content: "" !important;
  height: 40px !important;
  position: absolute !important;
  right: -25px !important;
  transform: skew(-20deg) !important;
  width: 50px !important;
}

#msg {
  /*width: 90% !important;
  height: 40px !important;
  position: relative !important;*/
  line-height: 38px !important;
  background: #ed1c24 !important;
  height: 40px !important;
  position: relative !important;
  width: 87% !important;
  color: white !important;
}
#msg a {
  color: #ffffff !important;
  font-weight: 600 !important;
}
#msg::after {
  /*content: "" !important;
  position: absolute !important;
  border-bottom: 40px solid transparent !important;
  border-left: 26px solid #ed1c24 !important;
  height: 0px !important;
  width: 0px !important;
  margin-left: 66px !important;*/
  background: #ed1c24 none repeat scroll 0 0 !important;
  content: "" !important;
  height: 40px !important;
  position: absolute !important;
  right: -25px !important;
  transform: skew(-20deg) !important;
  width: 50px !important;
}

/* Chiefs Prfile page css */
.chiefs-details-box-top {
  width: 200px !important;
  height: 50px !important;
  background: #ed1c24 !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 13px !important;
  position: relative !important;
  display: table !important;
}
.chiefs-details-box-top span {
  display: table-cell !important;
  vertical-align: middle !important;
}

.chiefs-details-box-top:before,
.chiefs-details-box-top:after {
  content: '' !important;
  position: absolute !important;
}

.chiefs-details-box-top:after {
  border-left: 25px solid #ed1c24 !important;
  border-right: 25px solid transparent !important;
  border-top: 25px solid transparent !important;
  border-bottom: 25px solid transparent !important;
  right: -50px !important;
  top: 0px !important;
  width: 0 !important;
  height: 0 !important;
  display: block !important;
}

.chiefs-details-box-top:before {
  border-left: 26px solid white !important;
  border-right: 26px solid transparent !important;
  border-top: 26px solid transparent !important;
  border-bottom: 26px solid transparent !important;
  left: 0px !important;
  top: -1px !important;
  width: 0 !important;
  height: 0 !important;
  display: block !important;
}


.arrow-down {
width: 0 !important;
height: 0 !important;
border-left: 20px solid transparent !important;
border-right: 20px solid transparent !important;
border-top: 20px solid #FFF !important;

position: relative !important;
top: 0px !important;
left: 50% !important;
margin-left: -25px !important;
}


.fold {
  border-top: 5px solid !important;
  /*border-color: linear-gradient(to right, #33465e, #1e566f, #006678, #007677, #00846c, #00886f, #008c73, #009076, #008a8e, #0082a3, #0077b1, #0f68b1) !important;*/
  border-image: linear-gradient(45deg,#35475F,#009443,#0F68B1) 10 !important;
}

#leader-details-card .fold h5 {
  /*font-size: 22px !important;*/
  font-size: 18px !important;
  text-transform: unset !important;
}
#leader-details-card .fold p { color: #9fa1a4 !important; }
.teal{
border-top: 20px solid #00e1db !important;
}

.top-photo{
  border: 1px solid #000000 !important;
  padding: 0 !important;
  margin:0 !important;
  z-index: -110 !important;
 
}
.top-photo img{
  width: 100% !important;
  max-height: 500px !important;
}

.top-photo h3{
  position: absolute !important;
  margin-left: 50% !important;
  margin-top: -15% !important;
  color: #E0E0E0 !important;
  font-weight: 800 !important;
  font-size: 48px !important;
  font-family: 'Saira', sans-serif !important;

  
}
.top-photo h5{
  position: absolute !important;
  margin-left: 53% !important;
  margin-top: -8% !important;
  color: #E0E0E0 !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  font-family: 'Saira', sans-serif !important;

  
}

.user img{
  max-height: 300px !important;
  max-width: 300px !important;
  position: relative !important;
  margin-left: 10% !important;
  margin-top: -18% !important;
  border: 2px solid #ffffff !important;
}
.about{
  margin:0 !important;
  padding: 0
}
.about h3{
  position: relative !important;
  margin-top: 40px !important; 
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  font-family: 'Saira', sans-serif !important;
}

.about i {
  color: #C62828 !important;
}

.about-in button{
  margin-top: 30px !important;
}

.btn-outline {
    background-color: transparent !important;
    color: inherit !important;
    transition: all .5s !important;
    margin-top: 20px !important;
}

.about-in a {
  font-weight: bold !important;
}
.details-left h3{
  margin-top:-40px !important;
}

.details-left li{
  font-weight: bold !important;
}

ul {
  list-style: none !important;
}


.details-right{
  margin-left: -20px !important;
}

  ul li:nth-child(4){
  color: #C62828 !important;
  font-weight: bold !important;
}

@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css') !important;

#social {
  margin: 40px 10px !important;
  

}

.smGlobalBtn { /* global button class */
    display: inline-block !important;
    position: relative !important;
    cursor: pointer !important;
    width: 50px !important;
    height: 50px !important;
    border:2px solid #ddd !important; /* add border to the buttons */
    box-shadow: 0 3px 3px #999 !important;
    padding: 0px !important;
    text-decoration: none !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 25px !important;
    font-weight: normal !important;
    line-height: 2em !important;
    border-radius: 27px !important;
    -moz-border-radius:27px !important;
    -webkit-border-radius:27px !important;
}

/* facebook button class*/
.facebookBtn{
    background: #BDBDBD !important;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome" !important;
    content: "\f09a" !important; /* add facebook icon */
}

.facebookBtn:hover{
    color: #4060A5 !important;
    background: #fff !important;
    border-color: #4060A5 !important; /* change the border color on mouse hover */
}

/* twitter button class*/
.twitterBtn{
    background: #BDBDBD !important;
}

.twitterBtn:before{
      font-family: "FontAwesome" !important;
      content: "\f099" !important; /* add twitter icon */
      
}

.twitterBtn:hover{
      color: #00ABE3 !important;
      background: #fff !important;
      border-color: #00ABE3 !important;
}

/* google plus button class*/
.googleplusBtn{
    background: #BDBDBD !important;
}

.googleplusBtn:before{
      font-family: "FontAwesome" !important;
      content: "\f0d5" !important; /* add googleplus icon */
}

.googleplusBtn:hover{
      color: #e64522 !important;
      background: #fff !important;
      border-color: #e64522 !important;
}

/* linkedin button class*/
.linkedinBtn{
    background: #BDBDBD !important;
}

.linkedinBtn:before{
      font-family: "FontAwesome" !important;
      content: "\f0e1" !important; /* add linkedin icon */
}

.linkedinBtn:hover{
      color: #0094BC !important;
      background: #fff !important;
      border-color: #0094BC !important;
}

/* pinterest button class*/
.pinterestBtn{
    background: #BDBDBD !important;
}

.pinterestBtn:before{
      font-family: "FontAwesome" !important;
      content: "\f0d2" !important; /* add pinterest icon */
}

.pinterestBtn:hover{
      color: #cb2027 !important;
      background: #fff !important;
      border-color: #cb2027 !important;
}

/* tumblr button class*/
.tumblrBtn{
    background: #BDBDBD !important;
}

.tumblrBtn:before{
      font-family: "FontAwesome" !important;
      content: "\f173" !important; /* add tumblr icon */
}

.tumblrBtn:hover{
      color: #3a5876 !important;
      background: #fff !important;
      border-color: #3a5876 !important;
}

/* rss button class*/
.rssBtn{
    background: #BDBDBD !important;
}

.rssBtn:before{
      font-family: "FontAwesome" !important;
      content: "\f09e" !important; /* add rss icon */
}

.rssBtn:hover{
      color: #e88845 !important;
      background: #fff !important;
      border-color: #e88845 !important;
}

/* responsive */
@media (min-width:360px) and (max-width:768px){

.user img{
  max-height: 150px !important;
  max-width: 150px !important;
  
}
.top-photo h3 {
  font-size: 16px !important;
}
.top-photo h5 {
  font-size: 16px !important;
  margin-left: 55% !important;
}

.btn-outline{
  margin-bottom:60px !important; 
}
}

#footer-menu li a { text-decoration: none !important; }

/* corausel css */
/*.sp-lcp-logo-wrapper img {
  width: 188px !important;
  height: 188px !important;
}
 .sp-lcp-item-border { 
   box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1) !important; 
   background: #fff !important;
   padding: 40px 40px 0px 40px !important;
   margin-top: 6px !important;
   margin-bottom: 0px !important;
}*/

.logo-title h6 {
  font-family: "Poppins", sans-serif !important;
  font-size: 18px !important;
  text-transform: capitalize;
}
.logo-description .company-name {
  font-family: "Poppins", sans-serif !important;
  font-size: 19px !important;
}


/*.nxt-pre-center-block:before,
.nxt-pre-center-block:after {
  content: '' !important;
  margin: auto 1em !important;
  border-bottom: solid 1px !important;
  flex: 1 !important;
}
.nxt-pre-center-block h3 {
  position: relative !important;
  padding: 0.25em 1em !important;
  overflow: hidden !important;
  background: linear-gradient(white, white) no-repeat top center, linear-gradient(white, white) no-repeat bottom center !important;
  background-size: calc(100% - 1.7em) 1px !important;
}
.nxt-pre-center-block h3:before,
.nxt-pre-center-block h3:after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  border: solid 1px !important;
  border-top: none !important;
  border-bottom: none !important;
  transform: skew(45deg) !important;
}*/
.nxt-pre-center-block h2 {
  font-size: 28px !important;
  background: -webkit-linear-gradient(#106CB4, #2B3236) !important;
  background-clip: border-box !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: inherit !important;
}