/* General Demo Style */

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

  A. Restore
  B. Text Helpers
  C. Padding Helpers
  D. Margin Helpers
  E. Border Helper
  F. Fonts
  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;
}
.fs32 {
  font-size: 32px !important;
}
.fs35 {
  font-size: 35px !important;
}
.fs36 {
  font-size: 36px !important;
}
.fs38 {
  font-size: 38px !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;
}
.ptn20 {
  padding-top: -20px !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;
}
.pt400 {
  padding-top: 400px !important;
}
.pt600 {
  padding-top: 600px !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;
}
.pb70 {
  padding-bottom: 70px !important;
}
.pln {
  padding-left: 0 !important;
}
.pl1 {
  padding-left: 1px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl7 {
  padding-left: 7px !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;
}
.pl60 {
  padding-left: 60px !important;
}
.pl70 {
  padding-left: 70px !important;
}
/* Axis Padding (both top/bottom or left/right) */
.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pv7 {
  padding-top: 7px !important;
  padding-bottom: 7px !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;
}
.ph70 {
  padding-left: 70px !important;
  padding-right: 70px !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;
}
.mt60 {
  margin-top: 60px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt75 {
  margin-top: 75px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt120 {
  margin-top: 120px !important;
}
.mt150 {
  margin-top: 150px !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;
}
.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;
}
.mtn60 {
  margin-top: -60px !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;
}
.mln35 {
  margin-left: -35px !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);
}

/*==================================================
  F. Fonts
==================================================== */

@font-face{
  font-family:'HelveticaNeueLT-BlackCond';
  src: url('../fonts/HelveticaNeueLT-BlackCond.eot'); /* IE 9 - 11 */
  src:
    url('../fonts/HelveticaNeueLT-BlackCond.otf') format('truetype'),
    url('../fonts/HelveticaNeueLT-BlackCond.woff2') format('woff2'),
    url('../fonts/HelveticaNeueLT-BlackCond.woff') format('woff');
  font-weight:normal;font-style:normal;
}
@font-face{
  font-family:'HelveticaNeueLT-LightExt';
  src: url('../fonts/HelveticaNeueLT-LightExt.eot'); /* IE 9 - 11 */
  src:
    url('../fonts/HelveticaNeueLT-LightExt.otf') format('truetype'),
    url('../fonts/HelveticaNeueLT-LightExt.woff2') format('woff2'),
    url('../fonts/HelveticaNeueLT-LightExt.woff') format('woff');
  font-weight:normal;font-style:normal;
}
@font-face{
  font-family:'D-DIN';
  src: url('../fonts/D-DIN.eot'); /* IE 9 - 11 */
  src:
    url('../fonts/D-DIN.otf') format('truetype'),
    url('../fonts/D-DIN.woff2') format('woff2'),
    url('../fonts/D-DIN.woff') format('woff');
  font-weight:normal;font-style:normal;
}
@font-face{
  font-family:'DINPro-Black_0';
  src: url('../fonts/DINPro-Black_0.eot'); /* IE 9 - 11 */
  src:
    url('../fonts/DINPro-Black_0.otf') format('truetype'),
    url('../fonts/DINPro-Black_0.woff2') format('woff2'),
    url('../fonts/DINPro-Black_0.woff') format('woff');
  font-weight:normal;font-style:normal;
}

/*==================================================
  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-darki {
  background-color: #051DB4!important;;
  opacity: 0.9;
}
a.bg-dark:hover {
  background-color: #051DB4 !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;
}
.bg-gradient {
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
}

.bg-fond {
  background: url("../img/fond.png") no-repeat center left;
}
.bg-atypical { background: url(/img/fond.png) 50% 4%; background-size: cover;}
.bg-atypical-middle { background: url(/img/milieu.png) 0% 4%; background-size: cover;}
.bg-atypical-bottom { background: url(/img/bas.png) 0% 4%; background-size: cover;}

.btn-blue-electric {
  border: 2px solid #031254 !important;
  background-color: #031254;
  color:#031254;
}
.btn-blue-electric:hover{
  background-color: white;
  color:#031254!important;
}
.btn-blue-azur {
  border: 2px solid #46d6d1 !important;
  background-color: #46d6d1;
  color:#46d6d1;
}
.btn-blue-azur:hover{
  background-color: transparent;
  color:white!important;
}
.btn-quit{
}
.btn-quit:hover{
  background-color: transparent!important;
  color:white!important;
  border: 2px solid #fff !important;
}
.fiche:hover{
  color:black;
  text-decoration:underline;
}

/*===================================================
  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
==================================================== */

/* FONTS */

@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: KastelovThin;
  src: url("../fonts/KastelovThin.otf") format("opentype");
  font-weight:100;font-style:normal;
}

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

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

.font-montserrat{font-family: 'Montserrat', 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;}

.font-kastelov-thin{font-family: 'KastelovThin', sans-serif;}
.font-kastelov-book{font-family: 'KastelovBook', sans-serif;}
.font-kastelov-bold{font-family: 'KastelovBlack', sans-serif;}


.lh22{ line-height: 22px !important; }
.lh28{ line-height: 28px !important; }
.lh36{ line-height: 36px !important; }
.lh38{ line-height: 38px !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-black{color: #212529;}

.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;}
.text-jil-red{color: #FF0046;}
.text-jil-blue{color: #051DB4;}

.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; }
.br-whity {  background-color: #FFF !important;}
.bg-darkgrey{ background:#4d4d4d !important;}
.bg-grey{ background: #F0F2F2 !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; }
.bg-jil-red { background-color: #FF0046; }
.bg-jil-blue { background-color: #051DB4; }
.bg-transparent{ background-color: transparent!important; }

/* BUTTONS COLORS */

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

.btn-black{ background-color: #000 !important; border: 1px solid #000 !important;}
.btn-black:hover{ background-color: transparent !important;color:#000!important; }

.btn-reverse{ background-color: transparent !important;color:#000!important; border: 1px solid #000 !important;}
.btn-reverse:hover{ background-color: #000 !important; border: 1px solid #000 !important; color:white!important;}

.btn-pink2{ background-color: #e5194e !important; border: 1px solid #e5194e !important; }

.btn-pink{ background-color: #FF0046 !important; border: 2px solid #FF0046!important; border-radius:  0px!important;}
.btn-pink:hover{ background-color: transparent !important; color: #FFFFFF; border: 2px solid #FF0046!important; color: #FF0046 !important;}

.btn-whitepink{ background-color: #FFFFFF !important; color: #FF0046 !important; border: 2px solid #FF0046!important; }
.btn-whitepink:hover{ background-color: transparent !important; border: 2px solid #FFFFFF!important; color: #FFFFFF !important;}

.btn-blue{ background-color: #ffffff !important; color:#051DB4!important; border: 2px solid #ffffff!important; border-radius: 0px!important;}
.btn-blue:hover{ background-color: transparent !important; color: #FFFFFF!important; border: 2px solid #ffffff!important;}

.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; }
.w200{ width: 200px !important; }
.w250{ width: 250px !important; }
.w300{ width: 300px !important; }
.w400{ width: 400px !important; }
.w500{ width: 500px !important; }

/* HEIGHT */
.h2 { height: 2px !important; }
.h10 { height: 10px !important; }
.h20 { height: 20px !important; }
.h30 { height: 30px !important; }
.h40 { height: 40px !important; }
.h50 { height: 50px !important; }
.h70 { height: 70px !important; }
.h100 { height: 100px !important; }
.h150 { height: 150px !important; }
.h200 { height: 200px !important; }
.h280 { height: 280px !important; }
.h300 { height: 300px !important; }
.h350 { height: 350px !important; }
.h400 { height: 400px !important; }
.h450 { height: 450px !important; }
.h500 { height: 500px !important; }
.h550 { height: 550px !important; }
.h600 { height: 600px !important; }
.h648 { height: 648px !important; }
.h700 { height: 700px !important; }
.h800 { height: 800px !important; }
.h850 { height: 850px !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;
}
.dropdown-menu:hover{
}
.dropdown-menu {
  background-color: white;
  padding:0 0 0 0;
  margin:0 0 0 0;
}


.logo-baseline { background: url(/img/jobinlive-handicap.svg) no-repeat; height: 80px !important; width: 200px !important;}
.logo-baseline-pages {height: 80px !important; width: 200px !important;}

.smudge { background: url(/img/gradient.svg) no-repeat; background-position: center; }


/* SITES*/
.radial-bg {
  background: radial-gradient(#FFFFFF, #EEEEEE);
  height: 100%;
  display: block;
}
.jil-degrade{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c539+0,f29100+27,e6236c+67,2d2e82+100 */
  background: #f9c539; /* Old browsers */
  background: -moz-linear-gradient(left,  #f9c539 0%, #f29100 27%, #e6236c 67%, #2d2e82 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #f9c539 0%,#f29100 27%,#e6236c 67%,#2d2e82 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #f9c539 0%,#f29100 27%,#e6236c 67%,#2d2e82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c539', endColorstr='#2d2e82',GradientType=1 ); /* IE6-9 */
}
.jil-degrade2{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a50a0+0,e6236c+33,f1870a+73,f5aa1b+100 */
  background: #3a50a0; /* Old browsers */
  background: -moz-linear-gradient(left,  #3a50a0 0%, #e6236c 33%, #f1870a 73%, #f5aa1b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #3a50a0 0%,#e6236c 33%,#f1870a 73%,#f5aa1b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #3a50a0 0%,#e6236c 33%,#f1870a 73%,#f5aa1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a50a0', endColorstr='#f5aa1b',GradientType=1 ); /* IE6-9 */
}


.bg-black{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,1+0,1+100 */
  background: -moz-linear-gradient(left,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%), url('/img/nos-partenaires.png')  no-repeat; /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%), url('/img/nos-partenaires.png')  no-repeat; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%), url('/img/nos-partenaires.png')  no-repeat; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

}

.jil-degrade-btn{
  background: -moz-linear-gradient(right, #3a50a0 0%,#7c3fce 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  #3a50a0 0%,#7c3fce 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #3a50a0 0%,#7c3fce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a50a0', endColorstr='#7c3fce',GradientType=1 ); /* IE6-9 */


}
.jil-degrade-btn:hover{
  background: -moz-linear-gradient(right, #7c3fce 0%,#3a50a0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  #7c3fce 0%,#3a50a0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #7c3fce 0%,#3a50a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c3fce', endColorstr='#3a50a0',GradientType=1 ); /* IE6-9 */
}

.jil-degrade-btn2{
  background: -moz-linear-gradient(left, #E12B7F 0%,#5F253D 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  #E12B7F 0%,#5F253D 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #E12B7F 0%,#5F253D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E12B7F', endColorstr='#5F253D',GradientType=1 ); /* IE6-9 */
}
.jil-degrade-btn2:hover{
  background: -moz-linear-gradient(left, #5F253D 0%,#E12B7F 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  #5F253D 0%,#E12B7F 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #5F253D 0%,#E12B7F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F253D', endColorstr='#E12B7F',GradientType=1 ); /* IE6-9 */
}

.jil-degrade-btn3{
  background: -moz-linear-gradient(right, #FBE933 0%,#EE8D34 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  #FBE933 0%,#EE8D34 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #FBE933 0%,#EE8D34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBE933', endColorstr='#EE8D34',GradientType=1 ); /* IE6-9 */
}
.jil-degrade-btn3:hover{
  background: -moz-linear-gradient(right, #EE8D34 0%,#FBE933 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  #EE8D34 0%,#FBE933 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #EE8D34 0%,#FBE933 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE8D34', endColorstr='#FBE933',GradientType=1 ); /* IE6-9 */
}
.jil-degrade-btn4{
  background: -moz-linear-gradient(right,  #f27249 0%, #dc2655 49%, #aa2049 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  #f27249 0%,#dc2655 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #f27249 0%,#dc2655 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27249', endColorstr='#dc2655',GradientType=1 ); /* IE6-9 */
}
.jil-degrade-btn4:hover{
  background: -moz-linear-gradient(right,  #dc2655 0%, #f27249 49%, #aa2049 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  #dc2655 0%,#f27249 49%,#aa2049 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #dc2655 0%, #f27249 49%,#aa2049 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc2655', endColorstr='#aa2049',GradientType=1 ); /* IE6-9 */
}
.text-jil-degrade{
  background: -webkit-linear-gradient(left, #3a50a0 0%,#7c3fce 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-jil-degrade{
  background: -webkit-linear-gradient(left, #3a50a0 0%,#7c3fce 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-jil-degrade2{
  background: -webkit-linear-gradient(left,  #e12b7f 0%,#5f253d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-jil-degrade3{
  background: -webkit-linear-gradient(left,  #FBE933 0%,#EE8D34 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.jil-full-gradient-vertical {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c539+0,f29100+27,e6236c+67,2d2e82+100 */
  background: #f9c539; /* Old browsers */
  background: -moz-linear-gradient(top, #f9c539 0%, #f29100 27%, #e6236c 67%, #2d2e82 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f9c539 0%,#f29100 27%,#e6236c 67%,#2d2e82 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f9c539 0%,#f29100 27%,#e6236c 67%,#2d2e82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c539', endColorstr='#2d2e82',GradientType=0 ); /* IE6-9 */
}

.jil-full-gradient-horizontal {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c539+0,f29100+27,e6236c+67,2d2e82+100 */
  fill: #f9c539; /* Old browsers */
  fill: -moz-linear-gradient(left, #f9c539 0%, #f29100 27%, #e6236c 67%, #2d2e82 100%); /* FF3.6-15 */
  fill: -webkit-linear-gradient(left, #f9c539 0%,#f29100 27%,#e6236c 67%,#2d2e82 100%); /* Chrome10-25,Safari5.1-6 */
  fill: linear-gradient(to right, #f9c539 0%,#f29100 27%,#e6236c 67%,#2d2e82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  fill: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c539', endColorstr='#2d2e82',GradientType=1 ); /* IE6-9 */
}

.jil-gradient-vertical {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c539+0,f29100+27,e6236c+67,2d2e82+100 */
  background: #f9c539; /* Old browsers */
  background: -moz-linear-gradient(top, #f29100 0%, #e6236c 50%, #2d2e82 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f29100 0%,#e6236c 50%,#2d2e82 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f29100 0%,#e6236c 50%,#2d2e82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29100', endColorstr='#2d2e82',GradientType=0 ); /* IE6-9 */
}

.jil-gradient-horizontal {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c539+0,f29100+27,e6236c+67,2d2e82+100 */
  background: #f9c539; /* Old browsers */
  background: -moz-linear-gradient(left, #f9c539 0%, #f29100 27%, #e6236c 67%, #2d2e82 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f9c539 0%,#f29100 27%,#e6236c 67%,#2d2e82 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f9c539 0%,#f29100 27%,#e6236c 67%,#2d2e82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c539', endColorstr='#2d2e82',GradientType=1 ); /* IE6-9 */
}

.blue-radial-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b2ba+0,009397+100 */
  background: #00b2ba; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #00b2ba 0%, #009397 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #00b2ba 0%,#009397 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #00b2ba 0%,#009397 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2ba', endColorstr='#009397',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.pink-radial-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f37e97+0,f05874+100 */
  background: #f37e97; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #f37e97 0%, #f05874 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #f37e97 0%,#f05874 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #f37e97 0%,#f05874 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37e97', endColorstr='#f05874',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.dark-radial-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9a9388+0,7a7b70+100 */
  background: #9a9388; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #9a9388 0%, #7a7b70 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #9a9388 0%,#7a7b70 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #9a9388 0%,#7a7b70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9388', endColorstr='#7a7b70',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.orange-radial-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7861d+0,fc7500+100 */
  background: #f7861d; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #f7861d 0%, #fc7500 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #f7861d 0%,#fc7500 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #f7861d 0%,#fc7500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7861d', endColorstr='#fc7500',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.light-radial-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eddae1+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #eddae1 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#eddae1 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffffff 0%,#eddae1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eddae1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.logo-exp { background-color: rgba(255, 255, 255, 0.8); }
.content-exp { background-color: rgba(0, 0, 0, 0.3); }

.jil-gradient-line{
  background: #FFFFF;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #f9c539 0%, #f29100 27%, #e6236c 67%, #2d2e82 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #f9c539 0%,#f29100 27%,#e6236c 67%,#2d2e82 100%);
  border-image:linear-gradient(to right, #f9c539 0%,#f29100 27%,#e6236c 67%,#2d2e82 100%);
  border-image-slice: 1;
}

#group { background: url(/img/bg1.jpg) no-repeat center center fixed;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
}

/* OUR TEAM */
.our-team{
  padding: 30px 0 40px;
  background-color: white;
  text-align: center;
  overflow: hidden;
  position: relative;
  border:1px dotted #ccc;
}

.our-team .pic{
  display:inline-block;
  width: 130px;
  height: 130px;
  margin-bottom: 50px;
  /* background-color: #eb1768; */
  position: relative;
  z-index: 1;
}
.our-team .pic::before{
  content: "";
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #eb1768;
  position: absolute;
  bottom: 135%;
  right: 0;
  left: 0;
  transform: scale(3);
  transition: all 0.3s linear 0s;
}

.our-team:hover{
  border-left: 1px solid #ee4268;
  border-right: 1px solid #ee4268;
}

.our-team:hover .pic::before{
  height: 100%;
}

.our-team .pic::after{
  content: "";
  width: 100%;
  height: 99%;
  border-radius: 50%;
  background: #ee4268;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.our-team .pic img{
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.9s ease 0s;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.our-team:hover .pic img{
  box-shadow: 0 0 0 14px #f7f5ec;
  transform: scale(0.7);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.our-team .team-content{
  margin-bottom: 30px;
}

.our-team .title{
  font-size: 22px;
  font-weight: 700;
  color: #4e5052;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.our-team .post{
  display: block;
  font-size: 15px;
  color: #4e5052;
  text-transform: capitalize;
}

.our-team .social{
  width: 100%;
  padding: 0;
  margin:0;
  background: #eb1768;
  position: absolute;
  bottom: -100px;
  left: 0;
  transition: all 0.3s ease 0s;
}

.our-team:hover .social{
  bottom: 0;
}

.our-team .social li{
  display: inline-block;
}

.our-team .social li a{
  display: block;
  padding: 10px;
  font-size: 17px;
  color: white;transition: all 0.5s ease 0s;
}

.our-team .social li a:hover{
  color: #eb1768;
  background: #f7f5ec;
  text-decoration: none;
}

/* PARTNERS */
.owl-stage-outer {padding: 10px 0px; }


.fa-ul a:hover{
  color:#4d4d4d!important;
}


/*------------------*/
/*  SILLS CHART  */
/*------------------*/


.skillbar{
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.skillbar-bar:before{
  background: #999;
  content: "";
  height: 3px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.skillbar-bar{
  height: 3px;
  width: 0px;
  background: #111;
  transition-property: width, background-color;
}
.skillbar-title{
  color: #111;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
}
/* CENTERING ONLY */

.wrapper{
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.img-border-medium {
  border: 4px solid  #fff;
  border-top-color: rgb(255, 255, 255);
  border-right-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-left-color: rgb(255, 255, 255);
  height: calc(100% - 30px);
  width: calc(100% - 30px);
  left: 15px;
  top: 15px;
  position: absolute;}