/*
Author : CINDREL
*/
/* Logo */
.mobile-content {
  display: none;
}

.mobile-header {
  display: none;
}

.mobile-footer {
  display: none;
}

@media only screen and (max-width: 768px) {
  .mobile-content {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .desktop-content {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .mobile-header {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .desktop-header {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .mobile-footer {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .desktop-footer {
    display: none;
  }
}

@media (min-width: 769px) {
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}

@media (min-width: 769px) {
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 769px) {
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

@media (min-width: 769px) {
  .navbar-collapse {
    margin-top: 0 !important;
    border: none !important;
  }
}

@media (min-width: 769px) {
  .navbar-search-widget.b-xs-bottom {
    border: none
  }
}

@media (min-width: 769px) {
  .navbar-nav .nav-link {
    border: none !important;
  }
}

.navbar-brand img {
  width: 120px;
  margin-bottom: 3px;
}

.navbar-brand img.logo1 {
  width: 28px;
  margin-bottom: 3px;
  margin-right: 5px;
}

.logo-text {
  /* color: #1765A4 !important; */
  color: rgba(85, 85, 85, 0.8) !important;
  /* font-family: 'MyriadPro-Bold' !important; */
  font-size: 22px !important;
  font-weight: 500;
}

.logo-text:hover {
  opacity: 0.8;
}

.c-blue {
  color: #008fe4 !important;
}

/* navbar */
.navbar-transparent .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.6) !important;
}

.navbar--bold .navbar-nav .nav-link {
  font-weight: bolder !important;
}

.navbar-transparent .navbar-nav .nav-link:focus, .navbar-transparent .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.9) !important;
  background-color: transparent !important;
}

.navbar-transparent.navbar-inverse .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7) !important;
}

.navbar-transparent.navbar-inverse .navbar-nav .nav-link:focus, .navbar-transparent.navbar-inverse .navbar-nav .nav-link:hover {
  color: #fff !important;
}

.navbar-inverse .navbar-nav .nav-link {
  /* color: rgba(85, 85, 85, 0.8) !important; */
  color: rgb(85, 85, 85) !important;
  font-weight: 400 !important;
}

.navbar-inverse .navbar-nav .nav-link.active {
  /* color: rgba(85, 85, 85, 0.8) !important; */
  color: #008fe4 !important;
  font-weight: 400 !important;
}

.navbar .navbar-nav .nav-link {
  padding: 0;
  font-family: "Roboto", sans-serif !important;
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover, .navbar-inverse .navbar-nav .nav-link:active {
  color: #555 !important;
  background: transparent;
  font-weight: 400 !important;
}

/* Buttons */
.btn-base-1 {
  color: #FFF;
  background-color: #008fe4;
  border: 1px solid #008fe4;
  cursor: pointer;
  /* background-color: #1765A4;
  border: 1px solid #1765A4; */
}

.btn-base-1:active, .btn-base-1.active, .btn-base-1:focus, .btn-base-1:hover {
  background-color: #6ec9ff;
  color: #FFF;
  border-color: #6ec9ff;
}

/*
.btn-base-1:active, .btn-base-1.active, .btn-base-1:focus, .btn-base-1:hover {
  background-color: #4ba1e6;
  color: #FFF;
  border-color: #4ba1e6;
} */
.contact-sales-btn {
  background: transparent;
  color: #008fe4;
  border: none;
  font-size: 0.7rem !important;
  padding: 0.625rem 1rem !important;
  font-weight: bold;
  cursor: pointer;
}

.contact-sales-btn:hover {
  background-color: #e4f5ff;
  color: #008fe4;
  border-color: #e4f5ff;
}

/* BG Colors */
.bg-primary {
  background-color: #1765A4 !important;
}

.sct-color-1 {
  background-color: #1765A4 !important;
}

.sct-color-5 {
  background-color: #ffffff !important;
}

.sct-color-6 {
  /* background-color: #bef8fe !important; */
  background-color: #f7f7f9 !important;
}

.sct-color-7 {
  /* background-color: #bef8fe !important; */
  background-color: #0099ed;
   !important;
}

.sct-color-8 {
  /* background-color: #bef8fe !important; */
  background-color: #008fe4 !important;
}

.bg-base-5 {
  background-color: #3fb8fb;
  color: #0A0814;
}

.bg-base-6 {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.9);
}

.mask-gradient-1--style-1 {
  background: -webkit-linear-gradient(left, #008fe4 2%, #008fe4 99%);
}

.error {
  color: #ff3b3b;
}

/* Accordin */
.accordion--style-3 .card-header>.card-title>a[aria-expanded="true"], .accordion--style-4 .card-header>.card-title>a[aria-expanded="true"] {
  color: #008fe4 !important;
  text-decoration: none;
}

/* Fonts */
body {
  font-family: "Roboto", sans-serif !important;
}

html * {
  /* font-family: "Roboto", sans-serif !important; */
  font-family: 'googlesans-regular' !important;
}

a {
  color: #008fe4;
}

a:hover {
  color: #6ec9ff;
}

/* ==========  Myriad  ========== */
@font-face {
  font-family: 'MyriadPro-BlackSemi';
  src: url("../fonts/myriad-pro/MyriadPro-BlackSemiCn.otf");
  src: url("../fonts/myriad-pro/MyriadPro-BlackSemiCn.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'myriadpro-light';
  src: url("../fonts/myriad-pro/myriadpro-light.otf");
  src: url("../fonts/myriad-pro/myriadpro-light.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Bold';
  src: url("../fonts/myriad-pro/MyriadPro-Bold.otf");
  src: url("../fonts/myriad-pro/MyriadPro-Bold.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* ==========  Google Sans  ========== */
@font-face {
  font-family: 'googlesans-regular';
  src: url("../fonts/google-sans/ProductSans-Regular.ttf");
  src: url("../fonts/google-sans/ProductSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

p:not(.lead) {
  font-size: 0.905rem;
  line-height: 1.4rem;
}

small {
  font-size: 80%;
}

/* icons */
.icon-block--style-3-v1 .block-icon>.icon-number, .icon-block--style-3-v1 .block-icon i {
  //color: #fff;
}

.icon-block--style-3-v1 .block-icon i, .icon-block--style-3-v1 .block-icon .icon-number {
  font-size: 70px;
}

.icon-block--style-3-v1 .block-icon img {
  width: 150px;
  margin-bottom: 20px;
}

/** headers & menus **/
.fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.mega-dropdown-col-cover {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
}

.lgi-img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  margin-right: 0;
}

.client-logo .view-first {
  display: flex;
  justify-content: center;
}

/* Shapes */
.shape-container .shape-item {
  fill: #fcfcfc;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
}

/* images */
.text-shadow-1 {
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5)) !important;
}

/** block **/
.block--style-5 .block-mask-caption--2.in {
  /* background: rgba(0, 109, 174, 0.7); */
  /*background: rgba(5, 53, 165, 0.9);*/
  background: rgba(23, 101, 164, 0.9);
}

/** block div **/
.block-div .feature--boxed-border {
  padding: 0rem;
  height: 300px;
  /* background: rgba(0, 109, 174, 0.8); */
  background: #f7f7f9;
}

.block-div .feature--boxed-border h2 {
  padding: .5rem 2rem .5rem 2rem;
  color: #2b2b2c;
  margin-top: 15%;
}

.block-div .feature--boxed-border p {
  padding: .5rem 2rem .5rem 2rem;
  color: #2b2b2c;
}

.block-div .block-div-left {
  width: 32%;
  max-width: 32%;
  flex: 0 0 32%;
  margin-right: -5px;
  padding: 0;
}

.block-div .block-div-center {
  width: 36%;
  max-width: 36%;
  flex: 0 0 36%;
  padding: 0;
}

.block-div .block-div-right {
  width: 32%;
  max-width: 32%;
  flex: 0 0 32%;
  margin-left: -5px;
  padding: 0;
}

@media (max-width: 992px) {
  .bg-dark {
    background-color: #f1f1f1 !important;
  }

  .attendance-log-section {
    display: none;
  }

  .padding-top-2 {
    padding-top: 2rem !important;
  }

  .padding-bottom-2 {
    padding-bottom: 2rem !important;
  }

  .block-div .block-div-left {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: -5px;
    padding: 0;
  }

  .block-div .block-div-right {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: -5px;
    padding: 0;
  }

  .block-div .block-div-center {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: -5px;
    padding: 0;
  }

  .navbar-toggler {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .navbar-nav .nav-link {
    text-align: center;
  }
}

/* Home Page */
.home-floating-section {
  background: transparent !important;
  /* padding-top: 0; */
  margin-top: -120px;
  margin-bottom: 4rem;
}

.home-floating-section .container {
  padding-bottom: 5rem;
}

.home-floating-section .container .cta-block {
  transform: translateY(-18%) !important;
  padding: 0;
  box-shadow: 0 1px 1px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.home-floating-section .container .cta-block .row {
  padding: 2rem 2rem 0 2rem;
}

.home-floating-section .container .cta-block .row .block-content p {
  /* color: rgba(85, 85, 85, 0.6) !important; */
  color: rgba(51, 51, 51, 0.8) !important;
}

.home-floating-section .home-floating-section-footer {
  background: #f7f7f9;
  padding: 0.5rem;
}

.home-floating-section .home-floating-section-footer p {
  font-size: 1.15rem !important;
  margin-bottom: 0;
  color: rgba(85, 85, 85, 0.6) !important;
}

.home-floating-section .home-floating-section-footer p>a {
  font-size: 1rem !important;
  margin-bottom: 0;
  margin-left: 5px;
  font-weight: 500;
}

/** Features Page **/
.features .what-we-offer .row .icon-block .block-icon {
  width: auto;
}

.features .what-we-offer .row .icon-block .block-icon img {
  width: 15%;
}

.social-media {
  display: flex;
}

.social-media li a {
  width: 30px !important;
  text-align: left;
  margin-right: 7px !important;
}

.social-media li a img {
  width: 60%;
}

.social-media li a:hover {
  opacity: 0.8
}