/*
-------------------------------------------------------------------------
* Template Name    : Ctotek - Onepage Multi-Purpose HTML5 Template      *
* Author           : ParExcellence                                      *
* Version          : 1.0.0                                              *
* File Description : Main Css file of the template                      *
*------------------------------------------------------------------------
*/
/******* Table Of Content *******
    -- TYPOGRAPHY               *
    -- FONT-WEIGHT              *
    -- FONT-SIZE                *
    -- OVERLAY EFFECT BG IMAGE  *
    -- MARGIN-TOP               *
    -- MARGIN-BOTTOM            *
    -- PADDING-TOP              *
    -- PADDING-BOTTOM           *
    -- PRELOADER                *   
********************************/

/*======================
        TYPOGRAPHY
========================*/
h1 {
    font-size: 55px;
  }
  
  h2 {
    font-size: 38px;
  }
  
  h3 {
    font-size: 32px;
  }
  
  h4 {
    font-size: 28px;
  }
  
  h5 {
    font-size: 25px;
  }
  
  h6 {
    font-size: 18px;
  }
  
  h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 600;
  }
  /*======================
          FONT-WEIGHT
  ========================*/
  .fw-100 {
    font-weight: 100 !important;
  }
  
  .fw-200 {
    font-weight: 200 !important;
  }
  
  .fw-300 {
    font-weight: 300 !important;
  }
  
  .fw-400 {
    font-weight: 400 !important;
  }
  
  .fw-500 {
    font-weight: 500 !important;
  }
  
  .fw-600 {
    font-weight: 600 !important;
  }
  
  .fw-700 {
    font-weight: 700 !important;
  }
  
  .fw-800 {
    font-weight: 800 !important;
  }
  
  .fw-900 {
    font-weight: 900 !important;
  }
  /*======================
          FONT-SIZE
  ========================*/
  .fz-10 {
    font-size: 10px !important;
  }
  
  .fz-12 {
    font-size: 12px !important;
  }
  
  .fz-14 {
    font-size: 14px !important;
  }
  
  .fz-15 {
    font-size: 15px !important;
  }
  
  .fz-16 {
    font-size: 16px !important;
  }
  
  .fz-18 {
    font-size: 18px !important;
  }
  
  .fz-20 {
    font-size: 20px !important;
  }
  
  .fz-22 {
    font-size: 22px !important;
  }
  
  .fz-25 {
    font-size: 25px !important;
  }
  
  .fz-30 {
    font-size: 30px !important;
  }
  
  .fz-40 {
    font-size: 40px !important;
  }
  
  .fz-50 {
    font-size: 50px !important;
  }
  /*===============================
       OVERLAY EFFECT BG IMAGE
  ===============================*/
  
  [data-overlay-dark],
  [data-overlay-light] {
    position: relative;
  }
  
  [data-overlay-dark] .container,
  [data-overlay-light] .container {
    position: relative;
    z-index: 2;
  }
  
  [data-overlay-dark]:before,
  [data-overlay-light]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  
  [data-overlay-dark]:before {
    background: #000;
  }
  
  [data-overlay-light]:before {
    background: #fff;
  }
  
  [data-overlay-dark] h1,
  [data-overlay-dark] h2,
  [data-overlay-dark] h3,
  [data-overlay-dark] h4,
  [data-overlay-dark] h5,
  [data-overlay-dark] h6,
  [data-overlay-dark] span {
    color: #fff;
  }
  
  [data-overlay-dark] p {
    color: #bbb;
  }
  
  [data-overlay-dark="0"]:before,
  [data-overlay-light="0"]:before {
    opacity: 0;
  }
  
  [data-overlay-dark="1"]:before,
  [data-overlay-light="1"]:before {
    opacity: 0.1;
  }
  
  [data-overlay-dark="2"]:before,
  [data-overlay-light="2"]:before {
    opacity: 0.2;
  }
  
  [data-overlay-dark="3"]:before,
  [data-overlay-light="3"]:before {
    opacity: 0.3;
  }
  
  [data-overlay-dark="4"]:before,
  [data-overlay-light="4"]:before {
    opacity: 0.4;
  }
  
  [data-overlay-dark="5"]:before,
  [data-overlay-light="5"]:before {
    opacity: 0.5;
  }
  
  [data-overlay-dark="6"]:before,
  [data-overlay-light="6"]:before {
    opacity: 0.6;
  }
  
  [data-overlay-dark="7"]:before,
  [data-overlay-light="7"]:before {
    opacity: 0.7;
  }
  
  [data-overlay-dark="8"]:before,
  [data-overlay-light="8"]:before {
    opacity: 0.8;
  }
  
  [data-overlay-dark="9"]:before,
  [data-overlay-light="9"]:before {
    opacity: 0.9;
  }
  
  [data-overlay-dark="10"]:before,
  [data-overlay-light="10"]:before {
    opacity: 1;
  }
  /*===================
       MARGIN-TOP
  ===================*/
  .mt-0 {
    margin-top: 0 !important;
  }
  
  .mt-5 {
    margin-top: 5px !important;
  }
  
  .mt-10 {
    margin-top: 10px !important;
  }
  
  .mt-15 {
    margin-top: 15px !important;
  }
  
  .mt-20 {
    margin-top: 20px !important;
  }
  
  .mt-25 {
    margin-top: 25px !important;
  }
  
  .mt-30 {
    margin-top: 30px !important;
  }
  
  .mt-35 {
    margin-top: 35px !important;
  }
  
  .mt-40 {
    margin-top: 40px !important;
  }
  
  .mt-45 {
    margin-top: 45px !important;
  }
  
  .mt-50 {
    margin-top: 50px !important;
  }
  
  .mt-55 {
    margin-top: 55px !important;
  }
  
  .mt-60 {
    margin-top: 60px !important;
  }
  
  .mt-62 {
    margin-top: 62px !important;
  }
  
  .mt-65 {
    margin-top: 65px !important;
  }
  
  .mt-70 {
    margin-top: 70px !important;
  }
  
  .mt-75 {
    margin-top: 75px !important;
  }
  
  .mt-80 {
    margin-top: 80px !important;
  }
  
  .mt-85 {
    margin-top: 85px !important;
  }
  
  .mt-90 {
    margin-top: 90px !important;
  }
  
  .mt-95 {
    margin-top: 95px !important;
  }
  
  .mt-100 {
    margin-top: 100px !important;
  }
  /*===================
      MARGIN-BOTTOM
  ===================*/
  .mb-0 {
    margin-bottom: 0 !important;
  }
  
  .mb-5 {
    margin-bottom: 5px !important;
  }
  
  .mb-10 {
    margin-bottom: 10px !important;
  }
  
  .mb-15 {
    margin-bottom: 15px !important;
  }
  
  .mb-20 {
    margin-bottom: 20px !important;
  }
  
  .mb-25 {
    margin-bottom: 25px !important;
  }
  
  .mb-30 {
    margin-bottom: 30px !important;
  }
  
  .mb-35 {
    margin-bottom: 35px !important;
  }
  
  .mb-40 {
    margin-bottom: 40px !important;
  }
  
  .mb-45 {
    margin-bottom: 45px !important;
  }
  
  .mb-50 {
    margin-bottom: 50px !important;
  }
  
  .mb-55 {
    margin-bottom: 55px !important;
  }
  
  .mb-60 {
    margin-bottom: 60px !important;
  }
  
  .mb-62 {
    margin-bottom: 62px !important;
  }
  
  .mb-65 {
    margin-bottom: 65px !important;
  }
  
  .mb-70 {
    margin-bottom: 70px !important;
  }
  
  .mb-75 {
    margin-bottom: 75px !important;
  }
  
  .mb-80 {
    margin-bottom: 80px !important;
  }
  
  .mb-85 {
    margin-bottom: 85px !important;
  }
  
  .mb-90 {
    margin-bottom: 90px !important;
  }
  
  .mb-95 {
    margin-bottom: 95px !important;
  }
  
  .mb-100 {
    margin-bottom: 100px !important;
  }
  /*===================
      PADDING-TOP
  ===================*/
  .pt-0 {
    padding-top: 0 !important;
  }
  
  .pt-5 {
    padding-top: 5px !important;
  }
  
  .pt-10 {
    padding-top: 10px !important;
  }
  
  .pt-15 {
    padding-top: 15px !important;
  }
  
  .pt-20 {
    padding-top: 20px !important;
  }
  
  .pt-25 {
    padding-top: 25px !important;
  }
  
  .pt-30 {
    padding-top: 30px !important;
  }
  
  .pt-35 {
    padding-top: 35px !important;
  }
  
  .pt-40 {
    padding-top: 40px !important;
  }
  
  .pt-45 {
    padding-top: 45px !important;
  }
  
  .pt-50 {
    padding-top: 50px !important;
  }
  
  .pt-55 {
    padding-top: 55px !important;
  }
  
  .pt-60 {
    padding-top: 60px !important;
  }
  
  .pt-65 {
    padding-top: 65px !important;
  }
  
  .pt-70 {
    padding-top: 70px !important;
  }
  
  .pt-75 {
    padding-top: 75px !important;
  }
  
  .pt-80 {
    padding-top: 80px !important;
  }
  
  .pt-85 {
    padding-top: 85px !important;
  }
  
  .pt-90 {
    padding-top: 90px !important;
  }
  
  .pt-95 {
    padding-top: 95px !important;
  }
  
  .pt-100 {
    padding-top: 100px !important;
  }
  /*===================
      PADDING-BOTTOM
  ===================*/
  .pb-0 {
    padding-bottom: 0 !important;
  }
  
  .pb-5 {
    padding-bottom: 5px !important;
  }
  
  .pb-10 {
    padding-bottom: 10px !important;
  }
  
  .pb-15 {
    padding-bottom: 15px !important;
  }
  
  .pb-20 {
    padding-bottom: 20px !important;
  }
  
  .pb-25 {
    padding-bottom: 25px !important;
  }
  
  .pb-30 {
    padding-bottom: 30px !important;
  }
  
  .pb-35 {
    padding-bottom: 35px !important;
  }
  
  .pb-40 {
    padding-bottom: 40px !important;
  }
  
  .pb-45 {
    padding-bottom: 45px !important;
  }
  
  .pb-50 {
    padding-bottom: 50px !important;
  }
  
  .pb-55 {
    padding-bottom: 55px !important;
  }
  
  .pb-60 {
    padding-bottom: 60px !important;
  }
  
  .pb-65 {
    padding-bottom: 65px !important;
  }
  
  .pb-70 {
    padding-bottom: 70px !important;
  }
  
  .pb-75 {
    padding-bottom: 75px !important;
  }
  
  .pb-80 {
    padding-bottom: 80px !important;
  }
  
  .pb-85 {
    padding-bottom: 85px !important;
  }
  
  .pb-90 {
    padding-bottom: 90px !important;
  }
  
  .pb-95 {
    padding-bottom: 95px !important;
  }
  
  .pb-100 {
    padding-bottom: 100px !important;
  }
  
  .no-padding {
    padding: 0 !important;
  }
  /*===================
      PRELOADER
  ===================*/
  .loading{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 9999999999999;
  }
  
  .loading .middle{
    position: absolute;
    top: 50%;
    width: 100%;
  }
  
  .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
  }
  .lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(19px, 0);
    }
  }