/* General Demo Style */

/*===============================================
  TABLE OF CONTENT

  A. Restore
  B. Text Helpers
  C. Padding Helpers
  D. Margin Helpers
  E. Border Helper
  H. Background Skin Contextuals
  J. Misc Helpers
  K. Responsive Modal
  Q. Qui sommes
  Z. Theme

================================================= */

/*===============================================
  A. Restore
================================================= */



/*===============================================
  B. Text Helpers
================================================= */
.text-uppercase {
  text-transform: uppercase !important;
}
.fw200 {
  font-weight: 200 !important;
}
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw600 {
  font-weight: 600 !important;
}
.fw700 {
  font-weight: 700 !important;
}
.fs3 {
  font-size: 4px !important;
}
.fs4 {
  font-size: 4px !important;
}
.fs5 {
  font-size: 5px !important;
}
.fs6 {
  font-size: 6px !important;
}
.fs7 {
  font-size: 7px !important;
}
.fs8 {
  font-size: 8px !important;
}
.fs9 {
  font-size: 9px !important;
}
.fs10 {
  font-size: 10px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs16 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs28 {
  font-size: 28px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs35 {
  font-size: 35px !important;
}
.fs40 {
  font-size: 40px !important;
}
.fs45 {
  font-size: 45px !important;
}
.fs50 {
  font-size: 50px !important;
}
.fs60 {
  font-size: 60px !important;
}
.fs70 {
  font-size: 70px !important;
}
.fs80 {
  font-size: 80px !important;
}
.fs90 {
  font-size: 90px !important;
}
.fs100 {
  font-size: 100px !important;
}

/*===============================================
  C. Padding Helpers
================================================= */
.pn {
  padding: 0 !important;
}
.p1 {
  padding: 1px !important;
}
.p2 {
  padding: 2px !important;
}
.p3 {
  padding: 3px !important;
}
.p4 {
  padding: 4px !important;
}
.p5 {
  padding: 5px !important;
}
.p6 {
  padding: 6px !important;
}
.p7 {
  padding: 7px !important;
}
.p8 {
  padding: 8px !important;
}
.p10 {
  padding: 10px !important;
}
.p12 {
  padding: 12px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.p35 {
  padding: 35px !important;
}
.p40 {
  padding: 40px !important;
}
.p50 {
  padding: 50px !important;
}
.ptn {
  padding-top: 0 !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt65 {
  padding-top: 65px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pt90 {
  padding-top: 90px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pt130 {
  padding-top: 130px !important;
}
.pt150 {
  padding-top: 150px !important;
}
.pt200 {
  padding-top: 200px !important;
}
.prn {
  padding-right: 0 !important;
}
.pr3 {
  padding-right: 3px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pbn {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pln {
  padding-left: 0 !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl50 {
  padding-left: 50px !important;
}
/* Axis Padding (both top/bottom or left/right) */
.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pv8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ph8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
/* responsive padding helpers */
@media (min-width: 1140px) {
  .ptn-lg {
    padding-top: 0 !important;
  }
  .prn-lg {
    padding-right: 0 !important;
  }
  .pbn-lg {
    padding-bottom: 0 !important;
  }
  .pln-lg {
    padding-left: 0 !important;
  }
  .pt5-lg {
    padding-top: 5px !important;
  }
  .pr5-lg {
    padding-right: 5px !important;
  }
  .pb5-lg {
    padding-bottom: 5px !important;
  }
  .pl5-lg {
    padding-left: 5px !important;
  }
}
@media (min-width: 992px) {
  .ptn-md {
    padding-top: 0 !important;
  }
  .prn-md {
    padding-right: 0 !important;
  }
  .pbn-md {
    padding-bottom: 0 !important;
  }
  .pln-md {
    padding-left: 0 !important;
  }
  .pt5-md {
    padding-top: 5px !important;
  }
  .pr5-md {
    padding-right: 5px !important;
  }
  .pb5-md {
    padding-bottom: 5px !important;
  }
  .pl5-md {
    padding-left: 5px !important;
  }
}

/*===============================================
  D. Margin Helpers
================================================= */
/* margin center helper */
.mauto {
  margin-left: auto;
  margin-right: auto;
}
.mn {
  margin: 0 !important;
}
.m1 {
  margin: 1px !important;
}
.m2 {
  margin: 2px !important;
}
.m3 {
  margin: 3px !important;
}
.m4 {
  margin: 4px !important;
}
.m5 {
  margin: 5px !important;
}
.m8 {
  margin: 8px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.m35 {
  margin: 35px !important;
}
.m40 {
  margin: 40px !important;
}
.m50 {
  margin: 50px !important;
}
.mtn {
  margin-top: 0 !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt75 {
  margin-top: 75px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt120 {
  margin-top: 120px !important;
}
.mt500 {
  margin-top: 500px !important;
}
.mrn {
  margin-right: 0 !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mbn {
  margin-bottom: 0 !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb105 {
  margin-bottom: 105px !important;
}
.mb125 {
  margin-bottom: 125px !important;
}
.mb130 {
  margin-bottom: 130px !important;
}
.mb135 {
  margin-bottom: 135px !important;
}
.mb150 {
  margin-bottom: 150px !important;
}
.mln {
  margin-left: 0 !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
/* Axis Margins (both top/bottom or left/right) */
.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mv70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.mh5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mh10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mh15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mh20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mh25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mh30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mh40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mh50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mh70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
/* Negative Margin Helpers */
.mtn5 {
  margin-top: -5px !important;
}
.mtn10 {
  margin-top: -10px !important;
}
.mtn15 {
  margin-top: -15px !important;
}
.mtn20 {
  margin-top: -20px !important;
}
.mtn30 {
  margin-top: -30px !important;
}
.mtn50 {
  margin-top: -50px !important;
}
.mtn60 {
  margin-top: -60px !important;
}
.mtn70 {
  margin-top: -70px !important;
}
.mtn80 {
  margin-top: -80px !important;
}
.mtn100 {
  margin-top: -100px !important;
}
.mrn5 {
  margin-right: -5px !important;
}
.mrn10 {
  margin-right: -10px !important;
}
.mrn15 {
  margin-right: -15px !important;
}
.mrn20 {
  margin-right: -20px !important;
}
.mrn30 {
  margin-right: -30px !important;
}
.mbn5 {
  margin-bottom: -5px !important;
}
.mbn10 {
  margin-bottom: -10px !important;
}
.mbn15 {
  margin-bottom: -15px !important;
}
.mbn20 {
  margin-bottom: -20px !important;
}
.mbn30 {
  margin-bottom: -30px !important;
}
.mbn70 {
  margin-bottom: -70px !important;
}
.mln5 {
  margin-left: -5px !important;
}
.mln10 {
  margin-left: -10px !important;
}
.mln15 {
  margin-left: -15px !important;
}
.mln20 {
  margin-left: -20px !important;
}
.mln30 {
  margin-left: -30px !important;
}
/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}
.mvn10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
.mvn15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}
.mvn20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
.mvn30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}
/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.mhn10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.mhn15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.mhn20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.mhn30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}

/*===============================================
  E. Border Helpers
================================================= */
/* Border Disables */
.br-l-n {
  border-left: none !important;
}
.br-r-n {
  border-right: none !important;
}
.br-t-n {
  border-top: none !important;
}
.br-b-n {
  border-bottom: none !important;
}
.br-n {
  border: none !important;
}
.br-v-n {
  border-top: none !important;
  border-bottom: none !important;
}
.br-h-n {
  border-left: none !important;
  border-right: none !important;
}
/* Default Borders */
.br-a {
  border: 1px solid #eeeeee !important;
}
.br-l {
  border-left: 1px solid #eeeeee !important;
}
.br-r {
  border-right: 1px solid #eeeeee !important;
}
.br-t {
  border-top: 1px solid #eeeeee !important;
}
.br-b {
  border-bottom: 1px solid #eeeeee !important;
}
/* Border Style */
.br-dashed {
  border-style: dotted !important;
}
/* Border Radius */
.br0 {
  border-radius: 0px !important;
}
.br1 {
  border-radius: 1px !important;
}
.br2 {
  border-radius: 2px !important;
}
.br3 {
  border-radius: 3px !important;
}
.br4 {
  border-radius: 4px !important;
}
.br6 {
  border-radius: 6px !important;
}
.br8 {
  border-radius: 8px !important;
}
.br12 {
  border-radius: 12px !important;
}
.br24 {
  border-radius: 24px !important;
}
.br64 {
  border-radius: 64px !important;
}
.br-vcard-header {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.br-vcard-footer {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* Border Width */
.bw1 {
  border-width: 1px !important;
}
.bw2 {
  border-width: 2px !important;
}
.bw3 {
  border-width: 3px !important;
}
.bw4 {
  border-width: 4px !important;
}
.bw5 {
  border-width: 5px !important;
}
.bw8 {
  border-width: 8px !important;
}
.bw10 {
  border-width: 10px !important;
}
.bw15 {
  border-width: 15px !important;
}
/*Border Colors Generate contextual modifier classes for colorizing the alert.
*/
.br-white {
  border-color: #ffffff !important;
}
.br-lighter {
  border-color: #eeeeee !important;
}
.br-light {
  border-color: #e7e7e7 !important;
}
.br-grey {
  border-color: #d9d9d9 !important;
}
.br-greyer {
  border-color: #cccccc !important;
}
.br-dark {
  border-color: #3b3f4f !important;
}
.br-dark-light {
  border-color: #51566c !important;
}
.br-primary {
  border-color: #4a89dc !important;
}
.br-primary-light {
  border-color: #75a5e4 !important;
}
.br-info {
  border-color: #3bafda !important;
}
.br-info-light {
  border-color: #66c1e2 !important;
}
.br-success {
  border-color: #70ca63 !important;
}
.br-success-light {
  border-color: #93d789 !important;
}
.br-warning {
  border-color: #f6bb42 !important;
}
.br-warning-light {
  border-color: #f8cd73 !important;
}
.br-danger {
  border-color: #e9573f !important;
}
.br-danger-light {
  border-color: #ee7f6d !important;
}
.br-alert {
  border-color: #967adc !important;
}
.br-alert-light {
  border-color: #b6a2e7 !important;
}
.br-system {
  border-color: #37bc9b !important;
}
.br-system-light {
  border-color: #58ceb1 !important;
}
.br-tp-top {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.br-tp-right {
  border-right-color: rgba(0, 0, 0, 0.1);
}
.br-tp-left {
  border-left-color: rgba(0, 0, 0, 0.1);
}

/*==================================================
  H. Background Skin Contextuals
==================================================== */
.bg-primary {
  background-color: #4a89dc !important;
  color: #f5f8fd;
}
a.bg-primary:hover {
  background-color: #276ecc !important;
}
.bg-primary .text-muted {
  color: #c5dcfa;
}
.bg-primary .text-darken {
  color: #276ecc;
}
.bg-primary.light {
  background-color: #649ae1 !important;
}
.bg-primary.lighter {
  background-color: #75a5e4 !important;
}
.bg-primary.dark {
  background-color: #3078d7 !important;
}
.bg-primary.darker {
  background-color: #276ecc !important;
}
.bg-primary .open > a,
.bg-primary .open > a:hover,
.bg-primary .open > a:focus {
  color: #ffffff;
}
.bg-success {
  background-color: #70ca63 !important;
  color: #fcfefb;
}
a.bg-success:hover {
  background-color: #4fbb3f !important;
}
.bg-success .text-muted {
  color: #d6f5d1;
}
.bg-success .text-darken {
  color: #4fbb3f;
}
.bg-success.light {
  background-color: #85d27a !important;
}
.bg-success.lighter {
  background-color: #93d789 !important;
}
.bg-success.dark {
  background-color: #5bc24c !important;
}
.bg-success.darker {
  background-color: #4fbb3f !important;
}
.bg-success .open > a,
.bg-success .open > a:hover,
.bg-success .open > a:focus {
  color: #ffffff;
}
.bg-info {
  background-color: #3bafda !important;
  color: #e7f5fa;
}
a.bg-info:hover {
  background-color: #2494be !important;
}
.bg-info .text-muted {
  color: #b6e6f8;
}
.bg-info .text-darken {
  color: #2494be;
}
.bg-info.light {
  background-color: #55badf !important;
}
.bg-info.lighter {
  background-color: #66c1e2 !important;
}
.bg-info.dark {
  background-color: #27a2cf !important;
}
.bg-info.darker {
  background-color: #2494be !important;
}
.bg-info .open > a,
.bg-info .open > a:hover,
.bg-info .open > a:focus {
  color: #ffffff;
}
.bg-warning {
  background-color: #f6bb42 !important;
  color: #ffffff;
}
a.bg-warning:hover {
  background-color: #f4a911 !important;
}
.bg-warning .text-muted {
  color: #fff0d2;
}
.bg-warning .text-darken {
  color: #f4a911;
}
.bg-warning.light {
  background-color: #f7c65f !important;
}
.bg-warning.lighter {
  background-color: #f8cd73 !important;
}
.bg-warning.dark {
  background-color: #f5b025 !important;
}
.bg-warning.darker {
  background-color: #f4a911 !important;
}
.bg-warning .open > a,
.bg-warning .open > a:hover,
.bg-warning .open > a:focus {
  color: #ffffff;
}
.bg-danger {
  background-color: #e9573f !important;
  color: #fef7f6;
}
a.bg-danger:hover {
  background-color: #dc3519 !important;
}
.bg-danger .text-muted {
  color: #fdccc4;
}
.bg-danger .text-darken {
  color: #dc3519;
}
.bg-danger.light {
  background-color: #ec6f5a !important;
}
.bg-danger.lighter {
  background-color: #ee7f6d !important;
}
.bg-danger.dark {
  background-color: #e63f24 !important;
}
.bg-danger.darker {
  background-color: #dc3519 !important;
}
.bg-danger .open > a,
.bg-danger .open > a:hover,
.bg-danger .open > a:focus {
  color: #ffffff;
}
.bg-alert {
  background-color: #967adc !important;
  color: #ffffff;
}
a.bg-alert:hover {
  background-color: #7652d1 !important;
}
.bg-alert .text-muted {
  color: #f5f2fd;
}
.bg-alert .text-darken {
  color: #7652d1;
}
.bg-alert.light {
  background-color: #a992e2 !important;
}
.bg-alert.lighter {
  background-color: #b6a2e7 !important;
}
.bg-alert.dark {
  background-color: #8362d6 !important;
}
.bg-alert.darker {
  background-color: #7652d1 !important;
}
.bg-alert .open > a,
.bg-alert .open > a:hover,
.bg-alert .open > a:focus {
  color: #ffffff;
}
.bg-system {
  background-color: #37bc9b !important;
  color: #cef1e8;
}
a.bg-system:hover {
  background-color: #2b957a !important;
}
.bg-system .text-muted {
  color: #9eeeda;
}
.bg-system .text-darken {
  color: #2b957a;
}
.bg-system.light {
  background-color: #48c9a9 !important;
}
.bg-system.lighter {
  background-color: #58ceb1 !important;
}
.bg-system.dark {
  background-color: #30a487 !important;
}
.bg-system.darker {
  background-color: #2b957a !important;
}
.bg-system .open > a,
.bg-system .open > a:hover,
.bg-system .open > a:focus {
  color: #ffffff;
}
.bg-dark {
  background-color: #3b3f4f !important;
  color: #9fa4b7;
}
a.bg-dark:hover {
  background-color: #252832 !important;
}
.bg-dark .text-muted {
  color: #717eb2;
}
.bg-dark .text-darken {
  color: #252832;
}
.bg-dark.light {
  background-color: #484d61 !important;
}
.bg-dark.lighter {
  background-color: #51566c !important;
}
.bg-dark.dark {
  background-color: #2e313d !important;
}
.bg-dark.darker {
  background-color: #252832 !important;
}
.bg-dark .open > a,
.bg-dark .open > a:hover,
.bg-dark .open > a:focus {
  color: #ffffff;
}
.bg-light {
  background-color: #FAFAFA;
  color: #666;
}
a.bg-light:hover {
  background-color: #e8e8e8 !important;
}
.bg-light .text-muted {
  color: #999;
}
.bg-light .text-darken {
  color: #222;
}
.bg-light.light {
  background-color: #FEFEFE;
}
.bg-light.lighter {
  background-color: #FFF;
}
.bg-light.dark {
  background-color: #F2F2F2;
}
.bg-light.darker {
  background-color: #E7E7E7;
}
.bg-white {
  background-color: #FAFAFA;
  /*color: #666; */
  background-color: #FFF !important;
}
a.bg-white:hover {
  background-color: #ededed !important;
}
.bg-white .text-muted {
  color: #999;
}
.bg-white .text-darken {
  color: #222;
}
.bg-white.light {
  background-color: #FEFEFE;
}
.bg-white.lighter {
  background-color: #FFF;
}
.bg-white.dark {
  background-color: #F2F2F2;
}
.bg-white.darker {
  background-color: #E7E7E7;
}
.bg-tp {
  background-color: rgba(0, 0, 0, 0.5) !important;
}



/*===================================================
  J. Misc Helpers
===================================================== */
/* Transform Center Helper(experimental) */
.t-center {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* BG Helpers */
.bg-none {
  background-color: transparent !important;
}
/* box-shadow Helpers */
.no-boxshadow {
  box-shadow: none !important;
}
/* height helpers */
.h-a {
  height: auto !important;
}
/* overflow Helpers */
.of-a {
  overflow: auto !important;
}
.of-h {
  overflow: hidden !important;
}
.of-v {
  overflow: visible !important;
}
.of-x-a {
  overflow-x: auto !important;
}
.of-x-h {
  overflow-x: hidden !important;
}
.of-x-v {
  overflow-x: visible !important;
}
.of-y-a {
  overflow-y: auto !important;
}
.of-y-h {
  overflow-y: hidden !important;
}
.of-y-v {
  overflow-y: visible !important;
}
/* Center Grid Column Helper */
.center-column {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}
/* Vertical Align Helpers */
.va-t {
  vertical-align: top !important;
}
.va-m {
  vertical-align: middle !important;
}
.va-b {
  vertical-align: bottom !important;
}
.va-s {
  vertical-align: super !important;
}
/* Relative Position Helper */
.posr {
  position: relative !important;
}
/* Inline Block Helper */
.ib,
.inline-object {
  display: inline-block !important;
}
/* pointer cursor */
.cursor {
  cursor: pointer !important;
}
/* Useful for emphasizing a disabled input */
.option-disabled {
  opacity: 0.6 !important;
}
/* unstyled input */
.input-unstyled,
.input-unstyled:hover,
.input-unstyled:focus {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}


/*==================================================
  Z. Theme
==================================================== */

.bg-main { background: rgb(249, 249, 249) !important; }

/* FONTS */
@font-face{
  font-family:'MontserratRegular';
  src:
    url('../fonts/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/Montserrat-Regular.woff') format('woff');
  font-weight:normal;font-style:normal;
}

@font-face {
  font-family: BrandonBld;
  src: url("../fonts/Brandon_bld.otf") format("opentype");
  font-weight:600;font-style:normal;
}

@font-face {
  font-family: BrandonText;
  src: url("../fonts/BrandonText-Regular.otf") format("opentype");
  font-weight:600;font-style:normal;
}

@font-face {
  font-family: BrandonTextBold;
  src: url("../fonts/BrandonText-Bold.otf") format("opentype");
  font-weight:600;font-style:normal;
}
@font-face{
  font-family:'font-std';
  src: url('../fonts/std.otf') format('otf');
  font-weight: 500;
}

.font-std{font-family: 'font-std', sans-serif;}
.font-montserrat{font-family: 'MontserratRegular', sans-serif;}
.font-roboto{font-family: 'Roboto Slab', serif;}
.font-open-sans{font-family: 'Open Sans', sans-serif;}

.font-fira{font-family: 'Fira Sans', sans-serif;}
.font-fira-c{font-family: 'Fira Sans Condensed', sans-serif;}
.font-source{font-family: 'Source Sans Pro', sans-serif;}
.font-pt{font-family: 'PT Sans', sans-serif;}
.font-cabin{font-family: 'Cabin', sans-serif;}

.font-brandon-bld{font-family: 'BrandonBld', sans-serif;}
.font-brandon{font-family: 'BrandonText', sans-serif;}
.font-brandon-bold{font-family: 'BrandonTextBold', sans-serif;}


.lh22{ line-height: 22px !important; }
.lh28{ line-height: 28px !important; }
.lh32{ line-height: 32px !important; }

/* TEXT COLORS */
.main-color { color: #bb2831; }

.text-blue{color: #0a71b3;}
.text-green-dark{color: #0d6e68;}

.text-grey-light {color: #8E8071;}
.text-grey{color: #cccccc;}
.text-dark-grey{color: #4d4d4d;}

.text-orange{color: #eb8068;}
.text-purple{color: #841d60;}
.text-white{color: #FFFFFF;}
.text-pink { color: #ed1e79 !important; }
.text-pink-barometer { color: rgb(198, 36, 128) !important; }
.text-yellow{ color: #FBB03B; }
.text-candidate-blue{color: #0263b7;}

.grey-glyph { color: #808080; }
.number, .blue-briefcase { color: #0071BC; }

/* BORDER COLORS */
.br-purple{ border-color: #724e96 !important; }
.br-green{ border-color: #5b8e28 !important; }
.br-blue{ border-color: #0a71b3 !important; }
.br-orange{ border-color: #ff7300 !important; }
.br-salmon{ border-color: #c9302c !important; }
.br-dark-blue{ border-color: #3a6aab !important; }
.br-red{ border-color: #da345f !important; }
.br-red-panel{ border-color: #a8022d !important; }

.bg-darkgrey{ background:#4d4d4d !important;}
.bg-grey{ background:#F5F5F5 !important;}
.bg-blue-light{ background-color: #E0EEF7 !important; }
.bg-white{ background-color: #FFFFFF !important; }
.bg-blue{ background-color: #0a71b3; }
.bg-purple{ background-color: #841d60; }
.bg-red{ background-color: #a8022d; }
.bg-footer { background-color: #0a71b3; }

/* BUTTONS COLORS */
.btn-dark-green{ background-color: #0d6e68 !important; border: 1px solid #0e544d !important;}
.btn-dark-green:hover{ background-color: #0e544d !important; }

.btn-pink2{ background-color: #e5194e !important; border: 1px solid #e5194e !important; }
.btn-pink{ background-color: #da345f !important; border: 1px solid #da345f !important; }
.btn-pink:hover{ background-color: #ba2452 !important; color: #FFFFFF; }

.btn-purple{ background-color:#581d74 !important; border: 1px solid #581d74 !important; }
.btn-purple:hover{ background-color: #491238 !important; }

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

/* WIDTH */
.w40{ width: 40px !important; }
.w50{ width: 50px !important; }
.w60{ width: 60px !important; }
.w80{ width: 80px !important; }
.w100{ width: 100px !important; }
.w120{ width: 120px !important; }
.w150{ width: 150px !important; }
.w170{ width: 170px !important; }
.w200{ width: 200px !important; }
.w250{ width: 250px !important; }
.w300{ width: 300px !important; }
.w350{ width: 350px !important; }
.w400{ width: 400px !important; }
.w450{ width: 450px !important; }
.w500{ width: 500px !important; }

/* HEIGHT */
.h60 { height: 60px !important; }
.h100 { height: 100px !important; }
.h120 { height: 120px !important; }
.h150 { height: 150px !important; }
.h200 { height: 200px !important; }
.h300 { height: 300px !important; }
.h350 { height: 350px !important; }
.h400 { height: 400px !important; }
.h450 { height: 450px !important; }
.h500 { height: 500px !important; }
.h600 { height: 600px !important; }
.h648 { height: 648px !important; }
.h700 { height: 700px !important; }
.h850 { height: 850px !important; }
.h900 { height: 900px !important; }
.h1000 { height: 1000px !important; }


/* NAVIGATION */
#navi{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 1000000;
}
#navi .dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover{
  background: #EEEEEE;
}

.light-shadow { text-shadow: 1px 1px 5px #000; }
.deep-shadow { text-shadow: 1px 1px 10px #000; }
.box-shadow { box-shadow: 0px 0px 5px #000; }
.box-shadow-big { box-shadow: 0px 0px 10px #777; }

.login-right-side { background:#E8EFFF; }

/* PAGINATION */
.post-pagination {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 14px !important;
}

.post-pagination span {
  margin-right: 5px;
  float: left;
}

.post-pagination span:last-child {
  margin-right: 0;
}

.post-pagination span.disabled a {
  cursor: not-allowed;
}

.post-pagination span.disabled a:hover {
  background-color: #2E373C;
  color: #9aa8b3;
}

.post-pagination span a {
  background-color: #30393e;
  color: #9aa8b3;
  display: block;
  padding: 3px 10px;
}
.post-pagination span.current {
  border: 2px solid #9aa8b3;
  color: #30393e;
  display: block;
  padding: 1px 8px;

}
.post-pagination span.current a {
  border-color: #9aa8b3;
  color: #30393e;
  display: block;

}
.post-pagination span a:hover,
.post-pagination span.active a {
  background-color: #9aa8b3;
  color: #fff;
}

/* IFRAME YOUTUBE RESPONSIVE */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* PROFILE HOME */
#candidate_header {
  background: url(/img/bg_candidate.svg) no-repeat top center;
}

.main-gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c75b9+0,6d78b8+100 */
  background: #3c75b9; /* Old browsers */
  background: -moz-linear-gradient(left,  #3c75b9 0%, #6d78b8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #3c75b9 0%,#6d78b8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #3c75b9 0%,#6d78b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c75b9', endColorstr='#6d78b8',GradientType=1 ); /* IE6-9 */

}

.large-box-shadow{
  box-shadow: 0px 0px 12px 0px #656565;
  -moz-box-shadow: 0px 0px 12px 0px #656565;
  -webkit-box-shadow: 0px 0px 12px 0px #656565;
  -o-box-shadow: 0px 0px 12px 0px #656565;
  box-shadow: 0px 0px 12px 0px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=12);
}