/*--------------------------------------------------------------
# utility classes
--------------------------------------------------------------*/
.stacked {
    padding: 0 15px;
  }
  
  .stacked > .col-md-4, .stacked > .col-md-3 {
    padding-left: 0;
    padding-right: 0;
  }
  
  .v-top {
    display: flex;
    align-items: top;
  }
  
  .v-center {
    display: flex;
    align-items: center;
  }
  
  .v-bottom {
    display: flex;
    align-items: bottom;
  }
  
  .va-top {
    vertical-align: top !important;
  }
  
  .va-middle {
    vertical-align: middle !important;
  }
  
  .va-bottom {
    vertical-align: bottom !important;
  }
  
  .pull-left {
    float: left !important;
  }
  
  .pull-right {
    float: right !important;
  }
  
  .hidden {
    display: none !important;
  }
  
  .d-block {
    display: block !important;
  }
  
  .d-inline {
    display: inline !important;
  }
  
  .d-inline-block {
    display: inline-block !important;
  }
  
  .d-flex {
    display: flex !important;
  }
  
  .d-table {
    display: table !important;
  }
  
  .d-table-cell {
    display: table-cell !important;
  }
  
  .vertical-align {
    display: table;
    height: 100%;
    width: 100%;
  }
  
  .vertical-align .table-cell {
    display: table-cell;
    vertical-align: middle;
  }
  
  .list-inline > li {
    display: inline-block;
    margin-right: 15px;
  }
  
  ::-moz-selection {
    color: #fff;
    background: rgba(14, 163, 175, 0.95);
  }
  
  ::selection {
    color: #fff;
    background: rgba(14, 163, 175, 0.95);
  }
  
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
  .title-font {
    font-family: "Montserrat", sans-serif !important;
  }
  
  .primary-font {
    font-family: "Montserrat", sans-serif !important;
  }
  
  .fw-light {
    font-weight: 300 !important;
  }
  
  .fw-regular {
    font-weight: 500 !important;
  }
  
  .fw-bold {
    font-weight: 700 !important;
  }
  
  .text-sm {
    font-size: 0.9rem;
  }
  
  .text-xs {
    font-size: 0.75rem;
  }
  
  .fs-4 {
    font-size: 4px !important;
  }
  
  .fs-6 {
    font-size: 6px !important;
  }
  
  .fs-8 {
    font-size: 8px !important;
  }
  
  .fs-10 {
    font-size: 10px !important;
  }
  
  .fs-12 {
    font-size: 12px !important;
  }
  
  .fs-14 {
    font-size: 14px !important;
  }
  
  .fs-16 {
    font-size: 16px !important;
  }
  
  .fs-18 {
    font-size: 18px !important;
  }
  
  .fs-20 {
    font-size: 20px !important;
  }
  
  .fs-22 {
    font-size: 22px !important;
  }
  
  .fs-24 {
    font-size: 24px !important;
  }
  
  .fs-26 {
    font-size: 26px !important;
  }
  
  .fs-28 {
    font-size: 28px !important;
  }
  
  .fs-30 {
    font-size: 30px !important;
  }
  
  .fs-32 {
    font-size: 32px !important;
  }
  
  .fs-34 {
    font-size: 34px !important;
  }
  
  .fs-36 {
    font-size: 36px !important;
  }
  
  .fs-38 {
    font-size: 38px !important;
  }
  
  .fs-40 {
    font-size: 40px !important;
  }
  
  .fs-50 {
    font-size: 50px !important;
  }
  
  .fs-60 {
    font-size: 60px !important;
  }
  
  .fs-70 {
    font-size: 70px !important;
  }
  
  .fs-80 {
    font-size: 80px !important;
  }
  
  .fs-90 {
    font-size: 90px !important;
  }
  
  .fs-100 {
    font-size: 100px !important;
  }
  
  .fs-120 {
    font-size: 120px !important;
  }
  
  .fs-150 {
    font-size: 150px !important;
  }
  
  .fs-170 {
    font-size: 170px !important;
  }
  
  .fs-200 {
    font-size: 200px !important;
  }
  
  .lh-1 {
    line-height: 1 !important;
  }
  
  .lh-2 {
    line-height: 2 !important;
  }
  
  .lh-3 {
    line-height: 3 !important;
  }
  
  .lh-4 {
    line-height: 4 !important;
  }
  
  .lh-5 {
    line-height: 5 !important;
  }
  
  /*--- end of tyopgraphy ---*/
/*--------------------------------------------------------------
# Image
--------------------------------------------------------------*/
  img {
    width: 100%;
    max-width: 100%;
    height: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    Cache-Control: max-age=1536000
  }
  
  .img-auto {
    width: auto !important;
  }
  
  .img-thumbnail {
    padding: 5px;
    background-color: #fcfcfc;
    border: 4px solid #fff;
    border-radius: 5px;
    margin-bottom: 15px;
  }
  
  .img-cirlce {
    border-radius: 50%;
  }
  
  .bg-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
 
  }
  
  .bg-fixed {
    background-attachment: fixed !important;

  }
  
/*--------------------------------------------------------------
# Spacers
--------------------------------------------------------------*/
  .spacer {
    margin: 15px 0;
    line-height: 0;
  }
  
  .spacer-2x {
    margin: 30px 0;
    line-height: 0;
  }
  
  .spacer-3x {
    margin: 45px 0;
    line-height: 0;
  }
  
  .spacer-line {
    width: 50px;
    line-height: 0;
    border-bottom: 2px solid #fcfcfc;
    margin-left: auto;
    margin-right: auto;
  }
  
  .spacer-line-2x {
    width: 100px;
    line-height: 0;
    border-bottom: 2px solid #fcfcfc;
    margin-left: auto;
    margin-right: auto;
  }
  
  .spacer-line-solid {
    width: 50px;
    line-height: 0;
    border-bottom: 4px solid #fcfcfc;
    margin-left: auto;
    margin-right: auto;
  }
  
  .spacer-line-solid-2x {
    width: 100px;
    line-height: 0;
    border-bottom: 4px solid #fcfcfc;
    margin-left: auto;
    margin-right: auto;
  }
  
  .spacer-line-fw {
    width: 100%;
    line-height: 0;
    border-bottom: 2px solid #fcfcfc;
  }
  
/*--------------------------------------------------------------
# Margins
--------------------------------------------------------------*/
.m-0 { margin: 0 !important; } 
.m-5 { margin: 5px !important; } 
.m-10 { margin: 10px !important; } 
.m-15 { margin: 15px !important; } 
.m-20 { margin: 20px !important; } 
.m-25 { margin: 25px !important; } 
.m-30 { margin: 30px !important; } 
.m-35 { margin: 35px !important; } 
.m-40 { margin: 40px !important; } 
.m-45 { margin: 45px !important; } 
.m-50 { margin: 50px !important; } 
.m-60 { margin: 60px !important; } 
.m-70 { margin: 70px !important; } 
.m-80 { margin: 80px !important; } 
.m-90 { margin: 90px !important; } 
.m-100 { margin: 100px !important; } 
.m-150 { margin: 150px !important; } 
.m-200 { margin: 200px !important; } 
.mt-0 { margin-top: 0 !important; } 
.mb-0 { margin-bottom: 0 !important; } 
.mr-0 { margin-right: 0 !important; } 
.ml-0 { margin-left: 0 !important; } 
.m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } 
.m-x-0 { margin-left: 0 !important; margin-right: 0 !important; } 
.m-y-auto { margin-top: auto !important; margin-bottom: auto !important; } 
.m-x-auto { margin-left: auto !important; margin-right: auto !important; } 
.ml-auto { margin-left: auto !important; } 
.mr-auto { margin-right: auto !important; } 
.m-y-5 { margin-top: 5px !important; margin-bottom: 5px !important; } 
.m-y-10 { margin-top: 10px !important; margin-bottom: 10px !important; } 
.m-y-15 { margin-top: 15px !important; margin-bottom: 15px !important; } 
.m-y-20 { margin-top: 20px !important; margin-bottom: 20px !important; } 
.m-y-25 { margin-top: 25px !important; margin-bottom: 25px !important; } 
.m-y-30 { margin-top: 30px !important; margin-bottom: 30px !important; } 
.m-y-35 { margin-top: 35px !important; margin-bottom: 35px !important; } 
.m-y-40 { margin-top: 40px !important; margin-bottom: 40px !important; } 
.m-y-45 { margin-top: 45px !important; margin-bottom: 45px !important; } 
.m-y-50 { margin-top: 50px !important; margin-bottom: 50px !important; } 
.m-y-60 { margin-top: 60px !important; margin-bottom: 60px !important; } 
.m-y-70 { margin-top: 70px !important; margin-bottom: 70px !important; } 
.m-y-80 { margin-top: 80px !important; margin-bottom: 80px !important; } 
.m-y-90 { margin-top: 90px !important; margin-bottom: 90px !important; } 
.m-y-100 { margin-top: 100px !important; margin-bottom: 100px !important; } 
.m-y-150 { margin-top: 150px !important; margin-bottom: 150px !important; } 
.m-y-200 { margin-top: 200px !important; margin-bottom: 200px !important; } 
.m-y-50 { margin-top: 50px !important; margin-bottom: 50px !important; } 
.m-x-5 { margin-left: 5px !important; margin-right: 5px !important; } 
.m-x-10 { margin-left: 10px !important; margin-right: 10px !important; } 
.m-x-15 { margin-left: 15px !important; margin-right: 15px !important; } 
.m-x-20 { margin-left: 20px !important; margin-right: 20px !important; } 
.m-x-25 { margin-left: 25px !important; margin-right: 25px !important; } 
.m-x-30 { margin-left: 30px !important; margin-right: 30px !important; } 
.m-x-35 { margin-left: 35px !important; margin-right: 35px !important; } 
.m-x-40 { margin-left: 40px !important; margin-right: 40px !important; } 
.m-x-45 { margin-left: 45px !important; margin-right: 45px !important; } 
.m-x-50 { margin-left: 50px !important; margin-right: 50px !important; } 
.m-x-60 { margin-left: 60px !important; margin-right: 60px !important; } 
.m-x-70 { margin-left: 70px !important; margin-right: 70px !important; } 
.m-x-80 { margin-left: 80px !important; margin-right: 80px !important; } 
.m-x-90 { margin-left: 90px !important; margin-right: 90px !important; } 
.m-x-100 { margin-left: 100px !important; margin-right: 100px !important; } 
.m-x-150 { margin-left: 150px !important; margin-right: 150px !important; } 
.m-x-200 { margin-left: 200px !important; margin-right: 200px !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-60 { margin-top: 60px !important; } 
.mt-70 { margin-top: 70px !important; } 
.mt-80 { margin-top: 80px !important; } 
.mt-90 { margin-top: 90px !important; } 
.mt-100 { margin-top: 100px !important; } 
.mt-150 { margin-top: 150px !important; } 
.mt-200 { margin-top: 200px !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-60 { margin-bottom: 60px !important; } 
.mb-70 { margin-bottom: 70px !important; } 
.mb-80 { margin-bottom: 80px !important; } 
.mb-90 { margin-bottom: 90px !important; } 
.mb-100 { margin-bottom: 100px !important; } 
.mb-150 { margin-bottom: 150px !important; } 
.mb-200 { margin-bottom: 200px !important; } 
.ml-5 { margin-left: 5px !important; } 
.ml-10 { margin-left: 10px !important; } 
.ml-15 { margin-left: 15px !important; } 
.ml-20 { margin-left: 20px !important; } 
.ml-25 { margin-left: 25px !important; } 
.ml-30 { margin-left: 30px !important; } 
.ml-35 { margin-left: 35px !important; } 
.ml-40 { margin-left: 40px !important; } 
.ml-45 { margin-left: 45px !important; } 
.ml-50 { margin-left: 50px !important; } 
.ml-60 { margin-left: 60px !important; } 
.ml-70 { margin-left: 70px !important; } 
.ml-80 { margin-left: 80px !important; } 
.ml-90 { margin-left: 90px !important; } 
.ml-100 { margin-left: 100px !important; } 
.ml-150 { margin-left: 510px !important; } 
.ml-200 { margin-left: 200px !important; } 
.mr-5 { margin-right: 5px !important; } 
.mr-10 { margin-right: 10px !important; } 
.mr-15 { margin-right: 15px !important; } 
.mr-20 { margin-right: 20px !important; } 
.mr-25 { margin-right: 25px !important; } 
.mr-30 { margin-right: 30px !important; } 
.mr-35 { margin-right: 35px !important; } 
.mr-40 { margin-right: 40px !important; } 
.mr-45 { margin-right: 45px !important; } 
.mr-50 { margin-right: 50px !important; } 
.mr-60 { margin-right: 60px !important; } 
.mr-70 { margin-right: 70px !important; } 
.mr-80 { margin-right: 80px !important; } 
.mr-90 { margin-right: 90px !important; } 
.mr-100 { margin-right: 100px !important; } 
.mr-150 { margin-right: 150px !important; } 
.mr-200 { margin-right: 200px !important; } 

/*--------------------------------------------------------------
# Paddings
--------------------------------------------------------------*/
.p-0 { padding: 0 !important; } 
.p-5 { padding: 5px !important; } 
.p-10 { padding: 10px !important; } 
.p-15 { padding: 15px !important; } 
.p-20 { padding: 20px !important; } 
.p-25 { padding: 25px !important; } 
.p-30 { padding: 30px !important; } 
.p-35 { padding: 35px !important; } 
.p-40 { padding: 40px !important; } 
.p-45 { padding: 45px !important; } 
.p-50 { padding: 50px !important; } 
.p-60 { padding: 60px !important; } 
.p-70 { padding: 70px !important; } 
.p-80 { padding: 80px !important; } 
.p-90 { padding: 90px !important; } 
.p-100 { padding: 100px !important; } 
.p-150 { padding: 150px !important; } 
.p-200 { padding: 200px !important; } 
.pt-0 { padding-top: 0 !important; } 
.pb-0 { padding-bottom: 0 !important; } 
.pl-0 { padding-left: 0 !important; } 
.pr-0 { padding-right: 0 !important; } 
.p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } 
.p-x-0 { padding-left: 0 !important; padding-right: 0 !important; } 
.p-y-5 { padding-top: 5px !important; padding-bottom: 5px !important; } 
.p-y-10 { padding-top: 10px !important; padding-bottom: 10px !important; } 
.p-y-15 { padding-top: 15px !important; padding-bottom: 15px !important; } 
.p-y-20 { padding-top: 20px !important; padding-bottom: 20px !important; } 
.p-y-25 { padding-top: 25px !important; padding-bottom: 25px !important; } 
.p-y-30 { padding-top: 30px !important; padding-bottom: 30px !important; } 
.p-y-35 { padding-top: 35px !important; padding-bottom: 35px !important; } 
.p-y-40 { padding-top: 40px !important; padding-bottom: 40px !important; } 
.p-y-45 { padding-top: 45px !important; padding-bottom: 45px !important; } 
.p-y-50 { padding-top: 50px !important; padding-bottom: 50px !important; } 
.p-y-60 { padding-top: 60px !important; padding-bottom: 60px !important; } 
.p-y-70 { padding-top: 70px !important; padding-bottom: 70px !important; } 
.p-y-80 { padding-top: 80px !important; padding-bottom: 80px !important; } 
.p-y-90 { padding-top: 90px !important; padding-bottom: 90px !important; } 
.p-y-100 { padding-top: 100px !important; padding-bottom: 100px !important; } 
.p-y-150 { padding-top: 150px !important; padding-bottom: 150px !important; } 
.p-y-200 { padding-top: 200px !important; padding-bottom: 200px !important; } 
.p-x-5 { padding-left: 5px !important; padding-right: 5px !important; } 
.p-x-10 { padding-left: 10px !important; padding-right: 10px !important; } 
.p-x-15 { padding-left: 15px !important; padding-right: 15px !important; } 
.p-x-20 { padding-left: 20px !important; padding-right: 20px !important; } 
.p-x-25 { padding-left: 25px !important; padding-right: 25px !important; } 
.p-x-30 { padding-left: 30px !important; padding-right: 30px !important; } 
.p-x-35 { padding-left: 35px !important; padding-right: 35px !important; } 
.p-x-40 { padding-left: 40px !important; padding-right: 40px !important; } 
.p-x-45 { padding-left: 45px !important; padding-right: 45px !important; } 
.p-x-50 { padding-left: 50px !important; padding-right: 50px !important; } 
.p-x-60 { padding-left: 60px !important; padding-right: 60px !important; } 
.p-x-70 { padding-left: 70px !important; padding-right: 70px !important; } 
.p-x-80 { padding-left: 80px !important; padding-right: 80px !important; } 
.p-x-90 { padding-left: 90px !important; padding-right: 90px !important; } 
.p-x-100 { padding-left: 100px !important; padding-right: 100px !important; } 
.p-x-150 { padding-left: 150px !important; padding-right: 150px !important; } 
.p-x-200 { padding-left: 200px !important; padding-right: 200px !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-60 { padding-top: 60px !important; } 
.pt-70 { padding-top: 70px !important; } 
.pt-80 { padding-top: 80px !important; } 
.pt-90 { padding-top: 90px !important; } 
.pt-100 { padding-top: 100px !important; } 
.pt-150 { padding-top: 150px !important; } 
.pt-200 { padding-top: 200px !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-60 { padding-bottom: 60px !important; } 
.pb-70 { padding-bottom: 70px !important; } 
.pb-80 { padding-bottom: 80px !important; } 
.pb-90 { padding-bottom: 90px !important; } 
.pb-100 { padding-bottom: 100px !important; } 
.pb-150 { padding-bottom: 150px !important; } 
.pb-200 { padding-bottom: 200px !important; } 
.pl-5 { padding-left: 5px !important; } 
.pl-10 { padding-left: 10px !important; } 
.pl-15 { padding-left: 15px !important; } 
.pl-20 { padding-left: 20px !important; } 
.pl-25 { padding-left: 25px !important; } 
.pl-30 { padding-left: 30px !important; } 
.pl-35 { padding-left: 35px !important; } 
.pl-40 { padding-left: 40px !important; } 
.pl-45 { padding-left: 45px !important; } 
.pl-50 { padding-left: 50px !important; } 
.pl-60 { padding-left: 60px !important; } 
.pl-70 { padding-left: 70px !important; } 
.pl-80 { padding-left: 80px !important; } 
.pl-90 { padding-left: 90px !important; } 
.pl-100 { padding-left: 100px !important; } 
.pl-150 { padding-left: 150px !important; } 
.pl-200 { padding-left: 200px !important; } 
.pr-5 { padding-right: 5px !important; } 
.pr-10 { padding-right: 10px !important; } 
.pr-15 { padding-right: 15px !important; } 
.pr-20 { padding-right: 20px !important; } 
.pr-25 { padding-right: 25px !important; } 
.pr-30 { padding-right: 30px !important; } 
.pr-35 { padding-right: 35px !important; } 
.pr-40 { padding-right: 40px !important; } 
.pr-45 { padding-right: 45px !important; } 
.pr-50 { padding-right: 50px !important; } 
.pr-60 { padding-right: 60px !important; } 
.pr-70 { padding-right: 70px !important; } 
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }
.pr-150 { padding-right: 150px !important; }
.pr-200 { padding-right: 200px !important; }
  
  /* end of paddings */
/*--------------------------------------------------------------
# Positions
--------------------------------------------------------------*/
.x-0 { left: 0; right: 0; } 
.x-5 { left: 5px; right: 5px; } 
.x-10 { left: 10px; right: 10px; } 
.x-15 { left: 15px; right: 15px; } 
.x-20 { left: 20px; right: 20px; } 
.x-25 { left: 25px; right: 25px; } 
.x-30 { left: 30px; right: 30px; } 
.x-35 { left: 35px; right: 35px; } 
.x-40 { left: 40px; right: 40px; } 
.x-45 { left: 45px; right: 45px; } 
.x-50 { left: 50px; right: 50px; } 
.x-60 { left: 60px; right: 60px; } 
.x-70 { left: 70px; right: 70px; } 
.x-80 { left: 80px; right: 80px; } 
.x-90 { left: 90px; right: 90px; } 
.x-100 { left: 100px; right: 100px; } 
.x-150 { left: 150px; right: 150px; } 
.x-200 { left: 200px; right: 200px; } 
.y-0 { top: 0; bottom: 0; } 
.y-5 { top: 5px; bottom: 5px; } 
.y-10 { top: 10px; bottom: 1-px; } 
.y-15 { top: 15px; bottom: 15px; } 
.y-20 { top: 20px; bottom: 20px; } 
.y-25 { top: 25px; bottom: 25px; } 
.y-30 { top: 30px; bottom: 30px; } 
.y-35 { top: 35px; bottom: 35px; } 
.y-40 { top: 40px; bottom: 40px; } 
.y-45 { top: 45px; bottom: 45px; } 
.y-50 { top: 50px; bottom: 50px; } 
.y-60 { top: 60px; bottom: 60px; } 
.y-70 { top: 70px; bottom: 70px; } 
.y-80 { top: 80px; bottom: 80px; } 
.y-90 { top: 90px; bottom: 90px; } 
.y-100 { top: 100px; bottom: 100px; } 
.y-150 { top: 150px; bottom: 150px; } 
.y-200 { top: 200px; bottom: 200px; } 
.top-0 { top: 0 !important; } 
.top-5 { top: 5px !important; } 
.top-10 { top: 10px !important; } 
.top-15 { top: 15px !important; } 
.top-20 { top: 20px !important; } 
.top-25 { top: 25px !important; } 
.top-30 { top: 30px !important; } 
.top-35 { top: 35px !important; } 
.top-40 { top: 40px !important; } 
.top-45 { top: 45px !important; } 
.top-50 { top: 50px !important; } 
.top-60 { top: 60px !important; } 
.top-70 { top: 70px !important; } 
.top-80 { top: 80px !important; } 
.top-90 { top: 90px !important; } 
.top-100 { top: 100px !important; } 
.top-150 { top: 150px !important; } 
.top-200 { top: 200px !important; } 
.bottom-0 { bottom: 0 !important; } 
.bottom-5 { bottom: 5px !important; } 
.bottom-10 { bottom: 10px !important; } 
.bottom-15 { bottom: 15px !important; } 
.bottom-20 { bottom: 20px !important; } 
.bottom-25 { bottom: 25px !important; } 
.bottom-30 { bottom: 30px !important; } 
.bottom-35 { bottom: 35px !important; } 
.bottom-40 { bottom: 40px !important; } 
.bottom-45 { bottom: 45px !important; } 
.bottom-50 { bottom: 50px !important; } 
.bottom-60 { bottom: 60px !important; } 
.bottom-70 { bottom: 70px !important; } 
.bottom-80 { bottom: 80px !important; } 
.bottom-90 { bottom: 90px !important; } 
.bottom-100 { bottom: 100px !important; } 
.bottom-150 { bottom: 150px !important; } 
.bottom-200 { bottom: 200px !important; } 
.left-0 { left: 0 !important; } 
.left-auto { left: auto !important; } 
.left-5 { left: 5px !important; } 
.left-10 { left: 10px !important; } 
.left-15 { left: 15px !important; } 
.left-20 { left: 20px !important; } 
.left-25 { left: 25px !important; } 
.left-30 { left: 30px !important; } 
.left-35 { left: 35px !important; } 
.left-40 { left: 40px !important; } 
.left-45 { left: 45px !important; } 
.left-50 { left: 50px !important; } 
.left-60 { left: 60px !important; } 
.left-70 { left: 70px !important; } 
.left-80 { left: 80px !important; } 
.left-90 { left: 90px !important; } 
.left-100 { left: 100px !important; } 
.left-150 { left: 150px !important; } 
.left-200 { left: 200px !important; } 
.right-0 { right: 0 !important; } 
.right-5 { right: 5px !important; } 
.right-10 { right: 10px !important; } 
.right-15 { right: 15px !important; } 
.right-20 { right: 20px !important; } 
.right-25 { right: 25px !important; } 
.right-30 { right: 30px !important; } 
.right-35 { right: 35px !important; } 
.right-40 { right: 40px !important; } 
.right-45 { right: 45px !important; } 
.right-50 { right: 50px !important; } 
.right-60 { right: 60px !important; } 
.right-70 { right: 70px !important; } 
.right-80 { right: 80px !important; } 
.right-90 { right: 90px !important; } 
.right-100 { right: 100px !important; } 
.right-150 { right: 150px !important; } 
.right-200 { right: 200px !important; }
  
  /* end of positions */
  /*--- end of spacers ---*/
  /*--- colors ---*/
  .title-color {
    color: #0474b9 !important;
  }
  
  .text-color {
    color: #515253 !important;
  }
  
  .bg-transparent {
    background-color: transparent !important;
  }
  
  .bg-white {
    background-color: #fff !important;
  }
  
  .bg-white-gradient {
    background: linear-gradient(120deg, #fff 0%, #e9edee 100%) !important;
  }
  
  .bg-black {
    background-color: #000 !important;
  }
  
  .bg-black-gradient {
    background: linear-gradient(120deg, #000 0%, #505254 100%) !important;
  }
  
  .bg-faded {
    background-color: #e9edee !important;
  }
  
  .bg-light {
    background-color: #fcfcfc !important;
  }
  
  .bg-light-grey-dark {
    background-color: #e3e3e3 !important;
  }
  
  .bg-grey {
    background-color: #d0d2d3 !important;
  }
  
  .bg-grey-gradient {
    background: linear-gradient(120deg, #d0d2d3 0%, #e3e3e3 100%) !important;
  }
  
  .bg-grey-dark {
    background-color: #8e9294 !important;
  }
  
  .bg-dark-grey {
    background-color: #505254 !important;
  }
  
  .bg-dark-grey-dark {
    background-color: #303132 !important;
  }
  
  .bg-inverse {
    background-color: #232425 !important;
  }
  
  .bg-primary {
    background-color: #0474b9 !important;
  }
  
  .bg-primary-dark {
    background-color: #127072 !important;
  }
  
  .bg-primary-gradient {
    background: linear-gradient(120deg, #0474b9 0%, #08BFC4 100%) !important;
  }
  
  .bg-secondary {
    background-color: #e9edee !important;
  }
  
  .bg-secondary-dark {
    background-color: #c8cbcd !important;
  }
  
  .bg-secondary-gradient {
    background: linear-gradient(120deg, #e9edee 0%, #fbfdfe 100%) !important;
  }
  
  .bg-success {
    background-color: #56ce5a !important;
  }
  
  .bg-success-dark {
    background-color: #40a444 !important;
  }
  
  .bg-success-gradient {
    background: linear-gradient(120deg, #56ce5a 0%, #9ef478 100%) !important;
  }
  
  .bg-info {
    background-color: #2e9cf3 !important;
  }
  
  .bg-info-dark {
    background-color: #1075c5 !important;
  }
  
  .bg-info-gradient {
    background: linear-gradient(120deg, #2e9cf3 0%, #69cffe 100%) !important;
  }
  
  .bg-warning {
    background-color: #f66d42 !important;
  }
  
  .bg-warning-dark {
    background-color: #cc451b !important;
  }
  
  .bg-warning-gradient {
    background: linear-gradient(120deg, #f66d42 0%, #f5ae68 100%) !important;
  }
  
  .bg-danger {
    background-color: #f23729 !important;
  }
  
  .bg-danger-dark {
    background-color: #c51609 !important;
  }
  
  .bg-danger-gradient {
    background: linear-gradient(120deg, #f23729 0%, #ff7c6e 100%) !important;
  }
  
  .text-white {
    color: #fff !important;
  }
  
  .text-black {
    color: #000 !important;
  }
  
  .text-light-grey {
    color: #fcfcfc !important;
  }
  
  .text-muted, .text-grey {
    color: #d0d2d3 !important;
  }
  
  .text-title {
    color: #151617 !important;
  }
  
  .text-primary {
    color: #0474b9 !important;
  }
  
  .text-secondary {
    color: #e9edee !important;
  }
  
  .text-secondary {
    color: #c8cbcd !important;
  }
  
  .text-success {
    color: #56ce5a !important;
  }
  
  .text-info {
    color: #2e9cf3 !important;
  }
  
  .text-warning {
    color: #f66d42 !important;
  }
  
  .text-danger {
    color: #f23729 !important;
  }
  
  .text-facebook {
    color: #4e68a1 !important;
  }
  
  .text-twitter {
    color: #65b5f2 !important;
  }
  
  .text-google {
    color: #e05d4b !important;
  }
  
  .text-linkedin {
    color: #2083bc !important;
  }
  
  .text-pinterest {
    color: #d2373b !important;
  }
  
  .text-dribbble {
    color: #ec5f94 !important;
  }
  
  .text-instagram {
    color: #4c5fd7 !important;
  }
  
  .text-vimeo {
    color: #1ab7ea !important;
  }
  
  .text-youtube {
    color: #e52d27 !important;
  }
  
  .text-dropbox {
    color: #3d9ae8 !important;
  }
  
  .text-behance {
    color: #053eff !important;
  }
  
  .text-skype {
    color: #00aff0 !important;
  }
  
  a.text-white:focus, a.text-white:hover {
    color: #fcfcfc !important;
  }
  
  a.text-black:focus, a.text-black:hover {
    color: dark-grey !important;
  }
  
  a.text-primary:focus, a.text-primary:hover {
    color: #127072 !important;
  }
  
  a.text-secondary:focus, a.text-secondary:hover {
    color: #c8cbcd !important;
  }
  
  a.text-success:focus, a.text-success:hover {
    color: #40a444 !important;
  }
  
  a.text-info:focus, a.text-info:hover {
    color: #1075c5 !important;
  }
  
  a.text-warning:focus, a.text-warning:hover {
    color: #cc451b !important;
  }
  
  a.text-danger:focus, a.text-danger:hover {
    color: #c51609 !important;
  }
  
  .text-hover {
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  
  .primary-hover:hover {
    color: #0474b9 !important;
  }
  
  .secondary-hover:hover {
    color: #e9edee !important;
  }
  
  .success-hover:hover {
    color: #56ce5a !important;
  }
  
  .info-hover:hover {
    color: #2e9cf3 !important;
  }
  
  .warning-hover:hover {
    color: #f66d42 !important;
  }
  
  .danger-hover:hover {
    color: #f23729 !important;
  }
  
  .white-hover:hover {
    color: #fff !important;
  }
  
  .grey-hover:hover {
    color: #d0d2d3 !important;
  }
  
  .black-hover:hover {
    color: #000 !important;
  }
  
  /*--- end of olors ---*/
  /*--- positions ---*/
  .relative {
    position: relative;
  }
  
  .absolute {
    position: absolute;
  }
  
  .fixed {
    position: fixed;
  }
  
  .static {
    position: static;
  }
  
  /*--- end of positions ---*/
  /*--- overflow ---*/
  .overflow-hidden {
    overflow: hidden;
  }
  
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  
  .overflow-auto {
    overflow: auto;
  }
  
  .overflow-y-auto {
    overflow-y: auto;
  }
  
  .overflow-x-auto {
    overflow-x: auto;
  }
  
  /*--- end of overflow---*/
  /*--- width ---*/
  .full-width {
    width: 100% !important;
  }
  
  .w100, .w-100 {
    max-width: 100% !important;
  }
  
  .w90, .w-90 {
    max-width: 90% !important;
  }
  
  .w80, .w-80 {
    max-width: 80% !important;
  }
  
  .w70, .w-70 {
    max-width: 70% !important;
  }
  
  .w60, .w-60 {
    max-width: 60% !important;
  }
  
  .w50, .w-50 {
    max-width: 50% !important;
  }
  
  .w40, .w-40 {
    max-width: 40% !important;
  }
  
  .w30, .w-30 {
    max-width: 30% !important;
  }
  
  .w20, .w-20 {
    max-width: 20% !important;
  }
  
  .w10, .w-10 {
    max-width: 10% !important;
  }
  
  /*--- end of width ---*/
  /*--- height ---*/
  .full-height {
    min-height: 100vh !important;
  }
  
  .half-height {
    min-height: 50vh !important;
  }
  
  .tq-height {
    min-height: 75vh !important;
  }
  
  .height-50 {
    min-height: 50vh !important;
  }
  
  .height-75 {
    min-height: 75vh !important;
  }
  
  .height-80 {
    min-height: 80vh !important;
  }
  
  .height-90 {
    min-height: 90vh !important;
  }
  
  .h-auto {
    height: auto !important;
  }
  
  .h-50 {
    height: 50px !important;
  }
  
  .h-100 {
    height: 100px !important;
  }
  
  .h-200 {
    height: 200px !important;
  }
  
  .h-300 {
    height: 300px !important;
  }
  
  .h-400 {
    height: 400px !important;
  }
  
  .h-500 {
    height: 500px !important;
  }
  
  .h-600 {
    height: 600px !important;
  }
  
  .h-700 {
    height: 700px !important;
  }
  
  .h-800 {
    height: 800px !important;
  }
  
  .h-900 {
    height: 900px !important;
  }
  
  .h-1000 {
    height: 1000px !important;
  }
  
  /*--- end of height ---*/
  /*--- opacity ---*/
  .opc-100 {
    opacity: 1 !important;
  }
  
  .opc-95 {
    opacity: 0.95 !important;
  }
  
  .opc-90 {
    opacity: 0.90 !important;
  }
  
  .opc-85 {
    opacity: 0.85 !important;
  }
  
  .opc-80 {
    opacity: 0.80 !important;
  }
  
  .opc-75 {
    opacity: 0.75 !important;
  }
  
  .opc-70 {
    opacity: 0.70 !important;
  }
  
  .opc-65 {
    opacity: 0.65 !important;
  }
  
  .opc-60 {
    opacity: 0.60 !important;
  }
  
  .opc-55 {
    opacity: 0.55 !important;
  }
  
  .opc-50 {
    opacity: 0.5 !important;
  }
  
  .opc-45 {
    opacity: 0.45 !important;
  }
  
  .opc-40 {
    opacity: 0.40 !important;
  }
  
  .opc-35 {
    opacity: 0.35 !important;
  }
  
  .opc-30 {
    opacity: 0.30 !important;
  }
  
  .opc-25 {
    opacity: 0.25 !important;
  }
  
  .opc-20 {
    opacity: 0.20 !important;
  }
  
  .opc-15 {
    opacity: 0.15 !important;
  }
  
  .opc-10 {
    opacity: 0.10 !important;
  }
  
  .opc-5 {
    opacity: 0.5 !important;
  }
  
  .opc-0 {
    opacity: 0 !important;
  }
  
  /*--- end of opacity ---*/
  /*--- borders ---*/
  .inline-column-border {
    border-right: 1px solid #e9edee;
  }
  
  .inline-column-border:last-child {
    border-right: none;
  }
  
  .b-solid {
    border-style: solid !important;
  }
  
  .b-0 {
    border: none !important;
  }
  
  .b-y-0 {
    border-top: none !important;
    border-bottom: none !important;
  }
  
  .b-x-0 {
    border-left: none !important;
    border-right: none !important;
  }
  
  .bt-0 {
    border-top: none !important;
  }
  
  .bb-0 {
    border-bottom: none !important;
  }
  
  .bl-0 {
    border-left: none !important;
  }
  
  .br-0 {
    border-right: none !important;
  }
  
  .b-1 {
    border: 1px solid transparent !important;
  }
  
  .b-2 {
    border: 2px solid transparent !important;
  }
  
  .b-3 {
    border: 3px solid transparent !important;
  }
  
  .b-4 {
    border: 4px solid transparent !important;
  }
  
  .b-5 {
    border: 5px solid transparent !important;
  }
  
  .b-y-1 {
    border: 0 !important;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
  }
  
  .b-y-2 {
    border: 0 !important;
    border-top: 2px solid transparent !important;
    border-bottom: 2px solid transparent !important;
  }
  
  .b-y-3 {
    border: 0 !important;
    border-top: 3px solid transparent !important;
    border-bottom: 3px solid transparent !important;
  }
  
  .b-y-4 {
    border: 0 !important;
    border-top: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
  }
  
  .b-y-5 {
    border: 0 !important;
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
  }
  
  .b-x-1 {
    border: 0 !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
  }
  
  .b-x-2 {
    border: 0 !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid transparent !important;
  }
  
  .b-x-3 {
    border: 0 !important;
    border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
  }
  
  .b-x-4 {
    border: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
  }
  
  .b-x-5 {
    border: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
  }
  
  .bt-1 {
    border-top: 1px solid transparent !important;
  }
  
  .bt-2 {
    border-top: 2px solid transparent !important;
  }
  
  .bt-3 {
    border-top: 3px solid transparent !important;
  }
  
  .bt-4 {
    border-top: 4px solid transparent !important;
  }
  
  .bt-5 {
    border-top: 5px solid transparent !important;
  }
  
  .bb-1 {
    border-bottom: 1px solid transparent !important;
  }
  
  .bb-2 {
    border-bottom: 2px solid transparent !important;
  }
  
  .bb-3 {
    border-bottom: 3px solid transparent !important;
  }
  
  .bb-4 {
    border-bottom: 4px solid transparent !important;
  }
  
  .bb-5 {
    border-bottom: 5px solid transparent !important;
  }
  
  .bl-1 {
    border-left: 1px solid transparent !important;
  }
  
  .bl-2 {
    border-left: 2px solid transparent !important;
  }
  
  .bl-3 {
    border-left: 3px solid transparent !important;
  }
  
  .bl-4 {
    border-left: 4px solid transparent !important;
  }
  
  .bl-5 {
    border-left: 5px solid transparent !important;
  }
  
  .br-1 {
    border-right: 1px solid transparent !important;
  }
  
  .br-2 {
    border-right: 2px solid transparent !important;
  }
  
  .br-3 {
    border-right: 3px solid transparent !important;
  }
  
  .br-4 {
    border-right: 4px solid transparent !important;
  }
  
  .br-5 {
    border-right: 5px solid transparent !important;
  }
  
  .bw-1 {
    border-width: 1px !important;
  }
  
  .bw-2 {
    border-width: 2px !important;
  }
  
  .bw-3 {
    border-width: 3px !important;
  }
  
  .bw-4 {
    border-width: 4px !important;
  }
  
  .bw-5 {
    border-width: 5px !important;
  }
  
  .bw-6 {
    border-width: 6px !important;
  }
  
  .bw-7 {
    border-width: 7px !important;
  }
  
  .bw-8 {
    border-width: 8px !important;
  }
  
  .bw-9 {
    border-width: 9px !important;
  }
  
  .bw-10 {
    border-width: 10px !important;
  }
  
  .rectangle {
    border-radius: 0 !important;
  }
  
  .rounded {
    border-radius: 5px !important;
  }
  
  .rounded-10 {
    border-radius: 10px !important;
  }
  
  .rounded-15 {
    border-radius: 15px !important;
  }
  
  .rounded-20 {
    border-radius: 20px !important;
  }
  
  .rounded-25 {
    border-radius: 25px !important;
  }
  
  .rounded-30 {
    border-radius: 30px !important;
  }
  
  .pill {
    border-radius: 50px !important;
  }
  
  .circle {
    border-radius: 50% !important;
  }
  
  .border-white {
    border-color: #fff !important;
  }
  
  .border-light {
    border-color: 300 !important;
  }
  
  .border-light-grey {
    border-color: #fcfcfc !important;
  }
  
  .border-light-grey-dark {
    border-color: #e3e3e3 !important;
  }
  
  .border-grey {
    border-color: #d0d2d3 !important;
  }
  
  .border-black {
    border-color: #000 !important;
  }
  
  .border-faded {
    border-color: #e9edee !important;
  }
  
  .border-inverse {
    border-color: #505254 !important;
  }
  
  .border-primary {
    border-color: #0474b9 !important;
  }
  
  .border-primary-dark {
    border-color: #127072 !important;
  }
  
  .border-secondary {
    border-color: #e9edee !important;
  }
  
  .border-secondary-dark {
    border-color: #c8cbcd !important;
  }
  
  .border-success {
    border-color: #56ce5a !important;
  }
  
  .border-success-dark {
    border-color: #40a444 !important;
  }
  
  .border-info {
    border-color: #2e9cf3 !important;
  }
  
  .border-info-dark {
    border-color: #1075c5 !important;
  }
  
  .border-warning {
    border-color: #f66d42 !important;
  }
  
  .border-warning-dark {
    border-color: #cc451b !important;
  }
  
  .border-danger {
    border-color: #f23729 !important;
  }
  
  .border-danger-dark {
    border-color: #c51609 !important;
  }
  
  .border-transparent {
    border-color: transparent !important;
  }
  
  /*--- end of borders ---*/
  /*--- custom attributes ---*/
  .after-dropdown {
    margin-left: 10px;
  }
  
  .hide-dropdown-arrow:after {
    display: none !important;
  }
  
  .no-move:hover {
    transform: translateY(0) !important;
  }
  
  .move, .big-move, .blur {
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  
  .move:hover {
    transform: translateY(-6px) !important;
  }
  
  .big-move:hover {
    transform: translateY(-12px) !important;
  }
  
  .raised {
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05), 0 3px 14px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05), 0 3px 14px rgba(0, 0, 0, 0.1) !important;
  }
  
  .blur {
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05), 0 0 16px rgba(0, 0, 0, 0.07) !important;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.07), 0 0 16px rgba(0, 0, 0, 0.07) !important;
  }
  
  .blur:hover {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05), 0 0 30px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05), 0 0 30px rgba(0, 0, 0, 0.3) !important;
  }
  
  .raised.move:hover {
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05), 0 6px 20px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05), 0 6px 20px rgba(0, 0, 0, 0.1) !important;
  }
  
  /*--- end of custom attributes ---*/
  /*------- end of utility classes -------*/