/*-------------------
Sample CSS overwriting main.css rules

[Table of contents]
    0 General layout
    1. Typography
    2. page-header and page footer/ .page-header, .page-footer
    3. components /.media .form .btn .slider-...
    4. sections / .section-home
[Colors]
    Black : #1d1d1d;
    Dark-black : #03071f;
    Primary color : #3f51b5;
    Color bg secondary : #f5eadf;
[Typography]
    font-family :
    Geometric : "Glacial Indifference", "Montserrat"
*/
/* 0 General layout */
/* 0 General layout */
/* 0.1 Body */
body,
.body-page {
  background-color: #03071f;
  color: #ffffff; }

a {
  color: #3f51b5; }
  a:hover {
    color: rgba(63, 81, 181, 0.8); }

.bg-level-1 {
  background-color: rgba(0, 0, 0, 0.2) !important; }

.bg-level-2 {
  background-color: #f5eadf !important; }

.bg-primary {
  background-color: #3f51b5 !important; }

.bg-secondary {
  background-color: #f5eadf !important; }

.text-primary {
  color: #3f51b5 !important; }

.text-stroke.text-primary {
  -webkit-text-stroke: 1.5px #3f51b5;
  color: transparent !important; }

/* 1. Typography */
/* page header */
.page-header-alpha .navbar-mainmenu .nav-item {
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif;
  text-transform: none;
  letter-spacing: 0; }

.section-title .title {
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif;
  text-transform: none; }

.page-header-drawer .all-menu-wrapper {
  background: #03071f; }

/* title */
.display-title,
.section-home h1,
.section-home h2,
.media-service h4,
.section-content h2,
.section-content h3 {
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif; }

/* small text */
.page-header-alpha .navbar-topmenu .navbar-nav-menu .nav-item,
.scrolldown a,
.btn-outline-white,
.btn-outline-black,
.display-subtitle,
.display-condensed,
.btn-divided .b-title {
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif; }

/* 2. page-header / .page-header */
.menu-icon .bars .bar1, .menu-icon .bars .bar2, .menu-icon .bars .bar3 {
  background: #ffffff; }

/* nav */
.page-header-drawer .navbar-mainmenu .mainmenu-content li a::before,
.page-header-drawer .navbar-mainmenu .mainmenu-content .nav-item a::before {
  background: #3f51b5; }

.page-header.content-white .menu-icon .text {
  color: #ffffff; }

.page-header.content-white .menu-icon .bars .bar1, .page-header.content-white .menu-icon .bars .bar2, .page-header.content-white .menu-icon .bars .bar3 {
  background: #ffffff; }

.page-header.content-white .menu-icon.menu-visible .text {
  color: #1d1d1d; }

.page-header.content-white .menu-icon.menu-visible .bars .bar1, .page-header.content-white .menu-icon.menu-visible .bars .bar2, .page-header.content-white .menu-icon.menu-visible .bars .bar3 {
  background: #1d1d1d; }

.page-header.content-black .menu-icon.menu-visible .text {
  color: #1d1d1d; }

.page-header.content-black .menu-icon.menu-visible .bars .bar1, .page-header.content-black .menu-icon.menu-visible .bars .bar2, .page-header.content-black .menu-icon.menu-visible .bars .bar3 {
  background: #1d1d1d; }

.page-footer .footer-left .social a:hover {
  color: #3f51b5; }

/* 3. components */
/* Buttons */
/* scroll buttons */
.scrolldown a:before, .scrolldown a:after {
  color: #3f51b5; }

/* Buttons / .btn-*/
.btn-outline-white {
  color: currentColor;
  border-color: currentColor; }

.btn-divided {
  border-color: #3f51b5; }
  .btn-divided .b-subtitle {
    color: #3f51b5; }

.btn-solid.btn-primary {
  color: #3f51b5; }
  .btn-solid.btn-primary.active, .btn-solid.btn-primary:active, .btn-solid.btn-primary:focus, .btn-solid.btn-primary:hover {
    background: #3f51b5;
    color: #ffffff; }

.btn-line.active .text, .btn-line:active .text, .btn-line:focus .text, .btn-line:hover .text {
  color: #3f51b5; }

.btn-line .icon {
  color: #3f51b5; }

.btn-outline.btn-primary {
  color: #3f51b5;
  border-color: rgba(63, 81, 181, 0.2); }
  .btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover {
    background: #3f51b5;
    border-color: #3f51b5; }

.btn-outline-white {
  background: transparent; }
  .btn-outline-white:hover {
    background: #3f51b5;
    border-color: #3f51b5; }

/* Media / .media- */
.media-pricing.media-highlight {
  color: #3f51b5; }
  .media-pricing.media-highlight h2, .media-pricing.media-highlight .title {
    color: #3f51b5; }

.media-slide-item-alpha .media-body {
  color: #3f51b5; }

.media-aside-text .media-body {
  color: #ffffff; }

.media-aside-text:hover .media-body {
  color: #3f51b5; }

.media-number h4 {
  color: #3f51b5; }

.media-slide-item-gamma .media-body h4 {
  color: #3f51b5; }

.img-frame-normal .frame,
.media-slide-item-beta .media-image .frame {
  border-color: #3f51b5; }

.media-feature h4 {
  color: #3f51b5; }

/* Forms and buttons / .form-control- */
.form-control-outline, .form-control-line {
  border-color: #ffffff; }

/* slider */
.slider-swiper-alpha .items-pagination {
  color: #3f51b5; }

.slider-swiper-alpha .items-pagination .swiper-pagination-bullet {
  border-color: #3f51b5; }

.slider-swiper-beta .items-pagination {
  color: #3f51b5; }

.slider-swiper-beta .items-pagination .swiper-pagination-bullet {
  border-color: #3f51b5; }

.slider-swiper-gamma .items-pagination {
  color: #3f51b5; }

.slider-swiper-gamma .items-pagination .swiper-pagination-bullet {
  border-color: #3f51b5; }

/* 4. sections */
.content-black h1, .content-black h2, .content-black h3, .content-black h4, .content-black h5, .content-black h6 {
  color: #1d1d1d; }

.content-white .text-stroke {
  -webkit-text-stroke: 1.5px #ffffff;
  color: transparent !important; }

.content-white h1, .content-white h2, .content-white h3, .content-white h4, .content-white h5, .content-white h6 {
  color: #ffffff; }

/* Footer */
.page-footer .footer-left .social:after {
  background: #3f51b5; }