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

[Table of contents]
    1. Typography
    2. Page cover behavior on scroll 
[Colors]
    Dark blue : rgba(16, 25, 35, 0.9);
[Typography]
    font-family :
    - Serif : "Playfair Display"
*/
/* 1. Typography */
/* page header */
.page-header-alpha .navbar-mainmenu .nav-item {
  font-family: "Montserrat", "Open Sans", sans-serif;
  text-transform: none;
  letter-spacing: 0; }

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

/* title */
.display-title,
.section-home h1,
.section-home h2,
.media-service h4,
.section-content h2,
.section-content h3 {
  font-family: "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: "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: "Montserrat", "Open Sans", sans-serif; }

.page-header-alpha .navbar-mainmenu .nav-item {
  font-family: "Montserrat", "Open Sans", sans-serif; }
  @media (min-width: 1024px) {
    .page-header-alpha .navbar-mainmenu .nav-item {
      font-size: 4rem; } }

/* 2. Page cover behavior on scroll / .page-cover */
.page-cover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.3s;
  background-image: linear-gradient(to right, #B3315F, #3A0075); }

.page-cover.scrolled:after {
  opacity: 0.5; }

.section-register {
  background: rgba(255, 255, 255, 0.05); }

/* 3. Item page */
.section-twoside .section-side.side-content {
  background: rgba(16, 25, 35, 0.9);
  color: #ffffff; }
  .section-twoside .section-side.side-content .btn-outline-white,
  .section-twoside .section-side.side-content .btn-outline-black {
    color: currentColor;
    border-color: currentColor; }

.section-title.decor {
  position: relative; }
  .section-title.decor::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 420px;
    height: 420px;
    margin-left: -210px;
    margin-top: -210px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 500px;
    z-index: -1; }
  .section-title.decor::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 324px;
    height: 324px;
    margin-left: -162px;
    margin-top: -162px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 500px;
    z-index: -1; }

/* 4. Animation */
@media (min-width: 1024px) {
  .section .anim.translateUp {
    -webkit-transform: translateY(48px);
            transform: translateY(48px);
    transition: 0.3s ease-in-out; }
  .section.active .anim.translateUp, .section.section-anim .anim.translateUp {
    transition-delay: 0.3s;
    -webkit-transform: none;
            transform: none; }
  .section .anim.translateDown {
    -webkit-transform: translateY(-48px);
            transform: translateY(-48px);
    transition: 0.3s ease-in-out; }
  .section.active .anim.translateDown, .section.section-anim .anim.translateDown {
    transition-delay: 0.3s;
    -webkit-transform: none;
            transform: none; } }

@media (min-width: 1024px) {
  .section .cover-anim {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    transition: 0.3s; }
  .section .side-anim {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    transition: 0.3s; }
  .section .decor-anim::before {
    opacity: 0;
    transition: 0.3s;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  .section .decor-anim::after {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    transition: 0.3s; }
  .section .anim .anim-wrapper {
    overflow: hidden;
    display: block; }
  .section .anim .anim-1,
  .section .anim .anim-2,
  .section .anim .anim-3,
  .section .anim .anim-4,
  .section .anim .anim-5 {
    transition: 0.3s;
    transition-delay: 0s;
    position: relative;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0; }
  .section .anim .zoomout-1 {
    transition: 0.6s;
    transition-delay: 0s;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0; }
  .section .anim .anim-list .item {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
    transition: 0.3s; }
  .section .anim .fade-2,
  .section .anim .fade-3,
  .section .anim .fade-4,
  .section .anim .fade-1 {
    opacity: 0;
    transition: 0.6s;
    transition-delay: 0s; }
  .section .anim .anim-blur {
    -webkit-filter: blur(50px);
            filter: blur(50px);
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
    transition: 0.6s;
    transition-delay: 0s; }
  .section.active .cover-anim {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.3s; }
  .section.active .side-anim {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.3s; }
  .section.active .decor-anim::before, .section.active .decor-anim::after {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.3s; }
  .section.active .anim .anim-1, .section.section-anim .anim .anim-1 {
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.15s;
    opacity: 1; }
  .section.active .anim .anim-2, .section.section-anim .anim .anim-2 {
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.25s;
    opacity: 1; }
  .section.active .anim .anim-3, .section.section-anim .anim .anim-3 {
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.35s;
    opacity: 1; }
  .section.active .anim .anim-4, .section.section-anim .anim .anim-4 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.45s; }
  .section.active .anim .anim-5, .section.section-anim .anim .anim-5 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.6s; }
  .section.active .anim .anim-list .item:nth-child(1), .section.section-anim .anim .anim-list .item:nth-child(1) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.5s; }
  .section.active .anim .anim-list .item:nth-child(2), .section.section-anim .anim .anim-list .item:nth-child(2) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.6s; }
  .section.active .anim .anim-list .item:nth-child(3), .section.section-anim .anim .anim-list .item:nth-child(3) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.7s; }
  .section.active .anim .anim-list .item:nth-child(4), .section.section-anim .anim .anim-list .item:nth-child(4) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.8s; }
  .section.active .anim .anim-list .item:nth-child(5), .section.section-anim .anim .anim-list .item:nth-child(5) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.9s; }
  .section.active .anim .anim-list .item:nth-child(6), .section.section-anim .anim .anim-list .item:nth-child(6) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1s; }
  .section.active .anim .anim-list .item:nth-child(7), .section.section-anim .anim .anim-list .item:nth-child(7) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1.1s; }
  .section.active .anim .anim-list .item:nth-child(8), .section.section-anim .anim .anim-list .item:nth-child(8) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1.2s; }
  .section.active .anim .anim-list .item:nth-child(9), .section.section-anim .anim .anim-list .item:nth-child(9) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1.3s; }
  .section.active .anim .anim-list .item:nth-child(10), .section.section-anim .anim .anim-list .item:nth-child(10) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1.4s; }
  .section.active .anim .zoomout-1, .section.section-anim .anim .zoomout-1 {
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.3s;
    opacity: 1; }
  .section.active .anim .fade-1, .section.section-anim .anim .fade-1 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.3s; }
  .section.active .anim .fade-2, .section.section-anim .anim .fade-2 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.5s; }
  .section.active .anim .fade-3, .section.section-anim .anim .fade-3 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.7s; }
  .section.active .anim .fade-4, .section.section-anim .anim .fade-4 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.9s; }
  .section.active .anim .anim-blur, .section.section-anim .anim .anim-blur {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.9s; } }

/* slide animation */
@media (min-width: 768px) {
  .section .slide .anim .anim-wrapper {
    overflow: hidden;
    display: block; }
  .section .slide .anim .anim-1,
  .section .slide .anim .anim-2,
  .section .slide .anim .anim-3,
  .section .slide .anim .anim-4,
  .section .slide .anim .anim-5 {
    transition: 0.3s;
    transition-delay: 0s;
    position: relative;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0; }
  .section .slide .anim .zoomout-1 {
    transition: 0.6s;
    transition-delay: 0s;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0; }
  .section .slide .anim .anim-list .item {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
    transition: 0.3s; }
  .section .slide .anim .fade-2,
  .section .slide .anim .fade-3,
  .section .slide .anim .fade-4,
  .section .slide .anim .fade-1 {
    opacity: 0;
    transition: 0.6s;
    transition-delay: 0s; }
  .section .slide .anim .anim-blur {
    -webkit-filter: blur(50px);
            filter: blur(50px);
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
    transition: 0.6s;
    transition-delay: 0s; }
  .section .slide.active .anim .anim-1, .section .slide.section-anim .anim .anim-1 {
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.15s;
    opacity: 1; }
  .section .slide.active .anim .anim-2, .section .slide.section-anim .anim .anim-2 {
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.25s;
    opacity: 1; }
  .section .slide.active .anim .anim-3, .section .slide.section-anim .anim .anim-3 {
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.35s;
    opacity: 1; }
  .section .slide.active .anim .anim-4, .section .slide.section-anim .anim .anim-4 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.45s; }
  .section .slide.active .anim .anim-5, .section .slide.section-anim .anim .anim-5 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.6s; }
  .section .slide.active .anim .anim-list .item:nth-child(1), .section .slide.section-anim .anim .anim-list .item:nth-child(1) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.8s; }
  .section .slide.active .anim .anim-list .item:nth-child(2), .section .slide.section-anim .anim .anim-list .item:nth-child(2) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.95s; }
  .section .slide.active .anim .anim-list .item:nth-child(3), .section .slide.section-anim .anim .anim-list .item:nth-child(3) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1.1s; }
  .section .slide.active .anim .anim-list .item:nth-child(4), .section .slide.section-anim .anim .anim-list .item:nth-child(4) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1.25s; }
  .section .slide.active .anim .anim-list .item:nth-child(5), .section .slide.section-anim .anim .anim-list .item:nth-child(5) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1.4s; }
  .section .slide.active .anim .anim-list .item:nth-child(6), .section .slide.section-anim .anim .anim-list .item:nth-child(6) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1.55s; }
  .section .slide.active .anim .anim-list .item:nth-child(7), .section .slide.section-anim .anim .anim-list .item:nth-child(7) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1.7s; }
  .section .slide.active .anim .anim-list .item:nth-child(8), .section .slide.section-anim .anim .anim-list .item:nth-child(8) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 1.85s; }
  .section .slide.active .anim .anim-list .item:nth-child(9), .section .slide.section-anim .anim .anim-list .item:nth-child(9) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 2s; }
  .section .slide.active .anim .anim-list .item:nth-child(10), .section .slide.section-anim .anim .anim-list .item:nth-child(10) {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 2.15s; }
  .section .slide.active .anim .zoomout-1, .section .slide.section-anim .anim .zoomout-1 {
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.3s;
    opacity: 1; }
  .section .slide.active .anim .fade-1, .section .slide.section-anim .anim .fade-1 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.3s; }
  .section .slide.active .anim .fade-2, .section .slide.section-anim .anim .fade-2 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.5s; }
  .section .slide.active .anim .fade-3, .section .slide.section-anim .anim .fade-3 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.7s; }
  .section .slide.active .anim .fade-4, .section .slide.section-anim .anim .fade-4 {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.9s; }
  .section .slide.active .anim .anim-blur, .section .slide.section-anim .anim .anim-blur {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition-delay: 0.9s; } }