/* utilities */
.z-1 {z-index: 1 !important;}
.z-2 {z-index: 2 !important;}
.z-3 {z-index: 3 !important;}
.z-9 {z-index: 9 !important;}
.z-99 {z-index: 99 !important;}
.z-999 {z-index: 999 !important;}
.z-9999 {z-index: 9999 !important;}

.foat-left {float:left !important;}
.foat-right {float:right !important;}

.f-10 {font-size:10px !important;}
.f-12 {font-size:12px !important;}
.f-14 {font-size:14px !important;}
.f-15 {font-size:15px !important;}
.f-16 {font-size:16px !important;}
.f-18 {font-size:18px !important;}
.f-20 {font-size:20px !important;}
.f-22 {font-size:22px !important;}
.f-25 {font-size:25px !important;}
.f-30 {font-size:30px !important;}
.f-35 {font-size:35px !important;}
.f-40 {font-size:40px !important;}
.f-50 {font-size:50px !important;}
.f-60 {font-size:60px !important;}
.f-100 {font-size:60px !important;}

@media (max-width: 768px) {
  .f-xs-10 {font-size:10px !important;}
  .f-xs-12 {font-size:12px !important;}
  .f-xs-14 {font-size:14px !important;}
  .f-xs-15 {font-size:15px !important;}
  .f-xs-16 {font-size:16px !important;}
  .f-xs-18 {font-size:18px !important;}
  .f-xs-20 {font-size:20px !important;}
  .f-xs-22 {font-size:22px !important;}
  .f-xs-25 {font-size:25px !important;}
  .f-xs-30 {font-size:30px !important;}
  .f-xs-35 {font-size:35px !important;}
  .f-xs-40 {font-size:40px !important;}
  .f-xs-50 {font-size:50px !important;}
  .f-xs-60 {font-size:60px !important;}
  .f-xs-100 {font-size:60px !important;}
}

.fw-100 {font-weight: 100 !important;}
.fw-300 {font-weight: 300 !important;}
.fw-400 {font-weight: 400 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !important;}

.f-upper {text-transform: uppercase !important;}

.lh-22 {line-height:22px;}
.lh-24 {line-height:24px;}
.lh-26 {line-height:26px;}

.list-none {list-style-type: none !important;}

.fu-0:hover {text-decoration: none !important;}

.clearfix {clear: both;}
.d-block {display:block !important;}

.trans-3s {transition: visibility 0s, opacity 0.3s linear;}
.trans-4s {transition: visibility 0s, opacity 0.4s linear;}
.trans-all-01s {transition: all 0.1s linear;}
.trans-all-03s {transition: all 0.3s linear;}

.o-0 {opacity: 0 !important;}
.o-1 {opacity: 0.1 !important;}
.o-2 {opacity: 0.2 !important;}
.o-3 {opacity: 0.3 !important;}
.o-4 {opacity: 0.4 !important;}
.o-5 {opacity: 0.5 !important;}
.o-6 {opacity: 0.6 !important;}
.o-7 {opacity: 0.7 !important;}
.o-8 {opacity: 0.8 !important;}
.o-9 {opacity: 0.9 !important;}
.o-10 {opacity: 1 !important;}

.o-1-hover:hover .o-1 {opacity: 1 !important;}
.o-1-hover:hover .o-2 {opacity: 1 !important;}
.o-1-hover:hover .o-3 {opacity: 1 !important;}
.o-1-hover:hover .o-4 {opacity: 1 !important;}
.o-1-hover:hover .o-5 {opacity: 1 !important;}
.o-1-hover:hover .o-6 {opacity: 1 !important;}
.o-1-hover:hover .o-7 {opacity: 1 !important;}
.o-1-hover:hover .o-8 {opacity: 1 !important;}
.o-1-hover:hover .o-9 {opacity: 1 !important;}

.bd-rad-10 {border-radius: 10px;}

.w-100 {width:100% !important;}

.posrel {position: relative !important;}
.posabs {position: absolute !important;}

.hidden {display: none !important;}

.overflow-hidden {overflow: hidden !important;}

.shadow-0 {box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.shadow-1 {box-shadow: 0 0 20px rgba(0,0,0,0.2);}

.text-center {text-align: center !important;}

/*mobile centering*/
@media (max-width: 768px) {
  .mobile-text-center {
    text-align: center !important;
  }
  .mobile-div-center {
    margin:0 auto !important;
  }
}

/*MARGINS*/
.m-0 {margin:0px !important;}
.m-50 {margin:50px !important;}

.mt-0 {margin-top:0px !important;}
.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !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;}

.ml-0 {margin-left:0px !important;}
.ml-10 {margin-left:10px !important;}
.ml-20 {margin-left:20px !important;}
.ml-30 {margin-left:30px !important;}
.ml-40 {margin-left:40px !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;}

.mr-0 {margin-right:0px !important;}
.mr-10 {margin-right:10px !important;}
.mr-20 {margin-right:20px !important;}
.mr-30 {margin-right:30px !important;}
.mr-40 {margin-right:40px !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;}

.mb-n10 {margin-bottom:-10px !important;}
.mb-n20 {margin-bottom:-20px !important;}
.mb-n30 {margin-bottom:-30px !important;}
.mb-n40 {margin-bottom:-40px !important;}
.mb-n50 {margin-bottom:-50px !important;}

.mb-0 {margin-bottom:0px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !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;}

@media (max-width: 768px) {

  .mt-xs-n-10 {margin-top:-10px !important;}
  .mt-xs-n-20 {margin-top:-20px !important;}
  .mt-xs-n-30 {margin-top:-30px !important;}
  .mt-xs-n-40 {margin-top:-40px !important;}
  .mt-xs-n-50 {margin-top:-50px !important;}
  .mt-xs-n-60 {margin-top:-60px !important;}
  .mt-xs-n-70 {margin-top:-70px !important;}
  .mt-xs-n-80 {margin-top:-80px !important;}
  .mt-xs-n-90 {margin-top:-90px !important;}
  .mt-xs-n-100 {margin-top:-100px !important;}
  .mt-xs-n-110 {margin-top:-110px !important;}
  .mt-xs-n-120 {margin-top:-120px !important;}
  .mt-xs-n-130 {margin-top:-130px !important;}
  .mt-xs-n-140 {margin-top:-140px !important;}
  .mt-xs-n-150 {margin-top:-150px !important;}

  .mt-xs-0 {margin-top:0px !important;}
  .mt-xs-10 {margin-top:10px !important;}
  .mt-xs-20 {margin-top:20px !important;}
  .mt-xs-30 {margin-top:30px !important;}
  .mt-xs-40 {margin-top:40px !important;}
  .mt-xs-50 {margin-top:50px !important;}
  .mt-xs-60 {margin-top:60px !important;}
  .mt-xs-70 {margin-top:70px !important;}
  .mt-xs-80 {margin-top:80px !important;}
  .mt-xs-90 {margin-top:90px !important;}
  .mt-xs-100 {margin-top:100px !important;}

  .mr-xs-0 {margin-right:0px !important;}
  .mr-xs-10 {margin-right:10px !important;}
  .mr-xs-20 {margin-right:20px !important;}
  .mr-xs-30 {margin-right:30px !important;}
  .mr-xs-40 {margin-right:40px !important;}
  .mr-xs-50 {margin-right:50px !important;}
  .mr-xs-60 {margin-right:60px !important;}
  .mr-xs-70 {margin-right:70px !important;}
  .mr-xs-80 {margin-right:80px !important;}
  .mr-xs-90 {margin-right:90px !important;}
  .mr-xs-100 {margin-right:100px !important;}

  .mb-xs-0 {margin-bottom:0px !important;}
  .mb-xs-10 {margin-bottom:10px !important;}
  .mb-xs-20 {margin-bottom:20px !important;}
  .mb-xs-30 {margin-bottom:30px !important;}
  .mb-xs-40 {margin-bottom:40px !important;}
  .mb-xs-50 {margin-bottom:50px !important;}
  .mb-xs-60 {margin-bottom:60px !important;}
  .mb-xs-70 {margin-bottom:70px !important;}
  .mb-xs-80 {margin-bottom:80px !important;}
  .mb-xs-90 {margin-bottom:90px !important;}
  .mb-xs-100 {margin-bottom:100px !important;}

  .ml-xs-0 {margin-left:0px !important;}
  .ml-xs-10 {margin-left:10px !important;}
  .ml-xs-20 {margin-left:20px !important;}
  .ml-xs-30 {margin-left:30px !important;}
  .ml-xs-40 {margin-left:40px !important;}
  .ml-xs-50 {margin-left:50px !important;}
  .ml-xs-60 {margin-left:60px !important;}
  .ml-xs-70 {margin-left:70px !important;}
  .ml-xs-80 {margin-left:80px !important;}
  .ml-xs-90 {margin-left:90px !important;}
  .ml-xs-100 {margin-left:100px !important;}
}

/*PADDINGS*/
.p-0 {padding:0px !important;}
.p-50 {padding:50px !important;}

.pt-0 {padding-top:0px !important;}
.pt-10 {padding-top:10px !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pt-40 {padding-top:40px !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-110 {padding-top:110px !important;}
.pt-120 {padding-top:120px !important;}
.pt-130 {padding-top:130px !important;}
.pt-140 {padding-top:140px !important;}
.pt-150 {padding-top:150px !important;}

.pb-0 {padding-bottom:0px !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-40 {padding-bottom:40px !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;}

.pr-0 {padding-right:0px !important;}
.pr-10 {padding-right:10px !important;}
.pr-20 {padding-right:20px !important;}
.pr-30 {padding-right:30px !important;}
.pr-40 {padding-right:40px !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;}

.pl-0 {padding-left:0px !important;}
.pl-10 {padding-left:10px !important;}
.pl-20 {padding-left:20px !important;}
.pl-30 {padding-left:30px !important;}
.pl-40 {padding-left:40px !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;}

@media (max-width: 768px) {
  .pt-xs-0 {padding-top:0px !important;}
  .pt-xs-10 {padding-top:10px !important;}
  .pt-xs-20 {padding-top:20px !important;}
  .pt-xs-30 {padding-top:30px !important;}
  .pt-xs-40 {padding-top:40px !important;}
  .pt-xs-50 {padding-top:50px !important;}
  .pt-xs-60 {padding-top:60px !important;}
  .pt-xs-70 {padding-top:70px !important;}
  .pt-xs-80 {padding-top:80px !important;}
  .pt-xs-90 {padding-top:90px !important;}
  .pt-xs-100 {padding-top:100px !important;}

  .pr-xs-0 {padding-right:0px !important;}
  .pr-xs-10 {padding-right:10px !important;}
  .pr-xs-20 {padding-right:20px !important;}
  .pr-xs-30 {padding-right:30px !important;}
  .pr-xs-40 {padding-right:40px !important;}
  .pr-xs-50 {padding-right:50px !important;}
  .pr-xs-60 {padding-right:60px !important;}
  .pr-xs-70 {padding-right:70px !important;}
  .pr-xs-80 {padding-right:80px !important;}
  .pr-xs-90 {padding-right:90px !important;}
  .pr-xs-100 {padding-right:100px !important;}

  .pb-xs-0 {padding-bottom:0px !important;}
  .pb-xs-10 {padding-bottom:10px !important;}
  .pb-xs-20 {padding-bottom:20px !important;}
  .pb-xs-30 {padding-bottom:30px !important;}
  .pb-xs-40 {padding-bottom:40px !important;}
  .pb-xs-50 {padding-bottom:50px !important;}
  .pb-xs-60 {padding-bottom:60px !important;}
  .pb-xs-70 {padding-bottom:70px !important;}
  .pb-xs-80 {padding-bottom:80px !important;}
  .pb-xs-90 {padding-bottom:90px !important;}
  .pb-xs-100 {padding-bottom:100px !important;}

  .pl-xs-0 {padding-left:0px !important;}
  .pl-xs-10 {padding-left:10px !important;}
  .pl-xs-20 {padding-left:20px !important;}
  .pl-xs-30 {padding-left:30px !important;}
  .pl-xs-40 {padding-left:40px !important;}
  .pl-xs-50 {padding-left:50px !important;}
  .pl-xs-60 {padding-left:60px !important;}
  .pl-xs-70 {padding-left:70px !important;}
  .pl-xs-80 {padding-left:80px !important;}
  .pl-xs-90 {padding-left:90px !important;}
  .pl-xs-100 {padding-left:100px !important;}
}