/* General Demo Style */

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

  A. Grid System
  B. Text Helpers
  C. Padding Helpers
  D. Margin Helpers
  E. Border Helper
  F. Fonts
  H. Background Skin Contextuals
  J. Misc Helpers
  Z. Theme

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

/*==================================================
  A. Grid System
==================================================== */


.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 11px;
  padding-right: 11px;
}

@media (min-width: 768px) {
  .container {
    width: 742px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 962px;
  }
}

@media (min-width: 1140px) {
  .container {
    width: 1062px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1302px;
  }
}

.container-sm {
  max-width: 640px;
}

.container-md {
  max-width: 860px;
}

.container-lg {
  max-width: 1000px;
}

.container-xl {
  max-width: 1200px;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 11px;
  padding-right: 11px;
}

.row {
  margin-left: -11px;
  margin-right: -11px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xl-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xl-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xl-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xl-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xl-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xl-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xl-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xl-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xl-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xl-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xl-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 11px;
  padding-right: 11px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666666666666%;
}

.col-xs-10 {
  width: 83.33333333333334%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666666666666%;
}

.col-xs-7 {
  width: 58.333333333333336%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666666666667%;
}

.col-xs-4 {
  width: 33.33333333333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.666666666666664%;
}

.col-xs-1 {
  width: 8.333333333333332%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666666666666%;
}

.col-xs-pull-10 {
  right: 83.33333333333334%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666666666666%;
}

.col-xs-pull-7 {
  right: 58.333333333333336%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666666666667%;
}

.col-xs-pull-4 {
  right: 33.33333333333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.666666666666664%;
}

.col-xs-pull-1 {
  right: 8.333333333333332%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666666666666%;
}

.col-xs-push-10 {
  left: 83.33333333333334%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666666666666%;
}

.col-xs-push-7 {
  left: 58.333333333333336%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666666666667%;
}

.col-xs-push-4 {
  left: 33.33333333333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.666666666666664%;
}

.col-xs-push-1 {
  left: 8.333333333333332%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666666666666%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333333334%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666666666666%;
}

.col-xs-offset-7 {
  margin-left: 58.333333333333336%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666666666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.666666666666664%;
}

.col-xs-offset-1 {
  margin-left: 8.333333333333332%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666666666666%;
  }

  .col-sm-10 {
    width: 83.33333333333334%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666666666666%;
  }

  .col-sm-7 {
    width: 58.333333333333336%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666666666667%;
  }

  .col-sm-4 {
    width: 33.33333333333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.666666666666664%;
  }

  .col-sm-1 {
    width: 8.333333333333332%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }

  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }

  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }

  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666666666666%;
  }

  .col-sm-push-10 {
    left: 83.33333333333334%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666666666666%;
  }

  .col-sm-push-7 {
    left: 58.333333333333336%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666666666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.666666666666664%;
  }

  .col-sm-push-1 {
    left: 8.333333333333332%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }

  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }

  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666666666666%;
  }

  .col-md-10 {
    width: 83.33333333333334%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666666666666%;
  }

  .col-md-7 {
    width: 58.333333333333336%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666666666667%;
  }

  .col-md-4 {
    width: 33.33333333333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.666666666666664%;
  }

  .col-md-1 {
    width: 8.333333333333332%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666666666666%;
  }

  .col-md-pull-10 {
    right: 83.33333333333334%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666666666666%;
  }

  .col-md-pull-7 {
    right: 58.333333333333336%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666666666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.666666666666664%;
  }

  .col-md-pull-1 {
    right: 8.333333333333332%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666666666666%;
  }

  .col-md-push-10 {
    left: 83.33333333333334%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666666666666%;
  }

  .col-md-push-7 {
    left: 58.333333333333336%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666666666667%;
  }

  .col-md-push-4 {
    left: 33.33333333333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.666666666666664%;
  }

  .col-md-push-1 {
    left: 8.333333333333332%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }

  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }

  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1140px) {

  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666666666666%;
  }

  .col-lg-10 {
    width: 83.33333333333334%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666666666666%;
  }

  .col-lg-7 {
    width: 58.333333333333336%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666666666667%;
  }

  .col-lg-4 {
    width: 33.33333333333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.666666666666664%;
  }

  .col-lg-1 {
    width: 8.333333333333332%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }

  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }

  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }

  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666666666666%;
  }

  .col-lg-push-10 {
    left: 83.33333333333334%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666666666666%;
  }

  .col-lg-push-7 {
    left: 58.333333333333336%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666666666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.666666666666664%;
  }

  .col-lg-push-1 {
    left: 8.333333333333332%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }

  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }

  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1400px) {

  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    float: left;
  }

  .col-xl-12 {
    width: 100%;
  }

  .col-xl-11 {
    width: 91.66666666666666%;
  }

  .col-xl-10 {
    width: 83.33333333333334%;
  }

  .col-xl-9 {
    width: 75%;
  }

  .col-xl-8 {
    width: 66.66666666666666%;
  }

  .col-xl-7 {
    width: 58.333333333333336%;
  }

  .col-xl-6 {
    width: 50%;
  }

  .col-xl-5 {
    width: 41.66666666666667%;
  }

  .col-xl-4 {
    width: 33.33333333333333%;
  }

  .col-xl-3 {
    width: 25%;
  }

  .col-xl-2 {
    width: 16.666666666666664%;
  }

  .col-xl-1 {
    width: 8.333333333333332%;
  }

  .col-xl-pull-12 {
    right: 100%;
  }

  .col-xl-pull-11 {
    right: 91.66666666666666%;
  }

  .col-xl-pull-10 {
    right: 83.33333333333334%;
  }

  .col-xl-pull-9 {
    right: 75%;
  }

  .col-xl-pull-8 {
    right: 66.66666666666666%;
  }

  .col-xl-pull-7 {
    right: 58.333333333333336%;
  }

  .col-xl-pull-6 {
    right: 50%;
  }

  .col-xl-pull-5 {
    right: 41.66666666666667%;
  }

  .col-xl-pull-4 {
    right: 33.33333333333333%;
  }

  .col-xl-pull-3 {
    right: 25%;
  }

  .col-xl-pull-2 {
    right: 16.666666666666664%;
  }

  .col-xl-pull-1 {
    right: 8.333333333333332%;
  }

  .col-xl-pull-0 {
    right: auto;
  }

  .col-xl-push-12 {
    left: 100%;
  }

  .col-xl-push-11 {
    left: 91.66666666666666%;
  }

  .col-xl-push-10 {
    left: 83.33333333333334%;
  }

  .col-xl-push-9 {
    left: 75%;
  }

  .col-xl-push-8 {
    left: 66.66666666666666%;
  }

  .col-xl-push-7 {
    left: 58.333333333333336%;
  }

  .col-xl-push-6 {
    left: 50%;
  }

  .col-xl-push-5 {
    left: 41.66666666666667%;
  }

  .col-xl-push-4 {
    left: 33.33333333333333%;
  }

  .col-xl-push-3 {
    left: 25%;
  }

  .col-xl-push-2 {
    left: 16.666666666666664%;
  }

  .col-xl-push-1 {
    left: 8.333333333333332%;
  }

  .col-xl-push-0 {
    left: auto;
  }

  .col-xl-offset-12 {
    margin-left: 100%;
  }

  .col-xl-offset-11 {
    margin-left: 91.66666666666666%;
  }

  .col-xl-offset-10 {
    margin-left: 83.33333333333334%;
  }

  .col-xl-offset-9 {
    margin-left: 75%;
  }

  .col-xl-offset-8 {
    margin-left: 66.66666666666666%;
  }

  .col-xl-offset-7 {
    margin-left: 58.333333333333336%;
  }

  .col-xl-offset-6 {
    margin-left: 50%;
  }

  .col-xl-offset-5 {
    margin-left: 41.66666666666667%;
  }

  .col-xl-offset-4 {
    margin-left: 33.33333333333333%;
  }

  .col-xl-offset-3 {
    margin-left: 25%;
  }

  .col-xl-offset-2 {
    margin-left: 16.666666666666664%;
  }

  .col-xl-offset-1 {
    margin-left: 8.333333333333332%;
  }

  .col-xl-offset-0 {
    margin-left: 0%;
  }

  .visible-xl {
    display: block !important;
  }

  .hidden-xl {
    display: none !important;
  }
}

/*===============================================
  B. Text Helpers
================================================= */
.link a:hover {
  color: #FFD8D6;
}

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

.text-no-uppercase {
  text-transform: none !important;
}

.fw100 {
  font-weight: 100 !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;
}

.fw900 {
  font-weight: 900 !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;
}

.fs17 {
  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;
}

.fs34 {
  font-size: 34px !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;
}

.ptn80 {
  padding-top: -80px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pt8 {
  padding-top: 8px !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;
}

.pt100 {
  padding-top: 100px !important;
}

.pt150 {
  padding-top: 150px !important;
}

.pt250 {
  padding-top: 250px !important;
}

.pt300 {
  padding-top: 300px !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;
}

.pbn50 {
  padding-bottom: -50px !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;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pb150 {
  padding-bottom: 150px !important;
}

.pb200 {
  padding-bottom: 200px !important;
}

.pln {
  padding-left: 0 !important;
}

.pln50 {
  padding-left: -50px !important;
}

.pl3 {
  padding-left: 3px !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;
}

.pl80 {
  padding-left: 80px !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;
}

.pv70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.pv80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.pv100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.pv140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.pv180 {
  padding-top: 180px !important;
  padding-bottom: 180px !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;
}

.ph60 {
  padding-left: 60px !important;
  padding-right: 60px !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;
}

.mtn100 {
  margin-top: -100px !important;
}

.mtn200 {
  margin-top: -200px !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;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mt150 {
  margin-top: 150px !important;
}

.mt200 {
  margin-top: 200px !important;
}

.mt500 {
  margin-top: 500px !important;
}

.mrn {
  margin-right: 0 !important;
}

.mr1 {
  margin-right: 1px !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;
}

.mr60 {
  margin-right: 60px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mr120 {
  margin-right: 120px !important;
}

.mr140 {
  margin-right: 140px !important;
}

.mr170 {
  margin-right: 170px !important;
}

.mr190 {
  margin-right: 190px !important;
}

.mr200 {
  margin-right: 200px !important;
}

.mbn {
  margin-bottom: 0 !important;
}

.mbn40 {
  margin-bottom: -40px !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;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !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;
}

.ml60 {
  margin-left: 60px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.ml120 {
  margin-left: 120px !important;
}

.ml160 {
  margin-left: 160px !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 */
.mtn2 {
  margin-top: -2px !important;
}

.mtn5 {
  margin-top: -5px !important;
}

.mtn10 {
  margin-top: -10px !important;
}

.mtn15 {
  margin-top: -15px !important;
}

.mtn20 {
  margin-top: -20px !important;
}

.mtn25 {
  margin-top: -25px !important;
}

.mtn30 {
  margin-top: -30px !important;
}

.mtn40 {
  margin-top: -40px !important;
}

.mtn60 {
  margin-top: -60px !important;
}

.mtn90 {
  margin-top: -90px !important;
}

.mtn100 {
  margin-top: -100px !important;
}

.mtn170 {
  margin-top: -170px !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;
}

.mrn40 {
  margin-right: -40px !important;
}

.mrn50 {
  margin-right: -50px !important;
}

.mrn80 {
  margin-right: -80px !important;
}

.mrn90 {
  margin-right: -90px !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;
}

.mbn50 {
  margin-bottom: -50px !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;
}

.mln40 {
  margin-left: -40px !important;
}

.mln50 {
  margin-left: -50px !important;
}

.mln80 {
  margin-left: -80px !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;
}

/* 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;
}

.bw20 {
  border-width: 20px !important;
}

.bw25 {
  border-width: 25px !important;
}

.bw30 {
  border-width: 30px !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-electric {
  border-color: #4700FF !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-whity {
  background-color: #FFF !important;
}

.br-whity-opacity {
  background-color: rgba(255, 255, 255, 0.7) !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);
}

.br-blue-electric-left {
  border-color: #4700FF !important;
}

.bg-blue-electric {
  background-color: #4700FF !important;
}

.bg-violet {
  background-color: #7432d1 !important;
}

.bg-red {
  background-color: #e64d4b !important;
}

.bg-nav {
  background-color: transparent !important;
}

.btn-blue-electric {
  border: 2px solid #4700FF !important;
  background-color: white;
  color: #4700FF;
}

.btn-blue-electric:hover {
  background-color: #4700FF;
  color: white !important;
}

.btn-whity {
  background-color: #fff !important;
  color: #4700FF;
  border: 0px solid #303030 !important;
}

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

.br-yellow-presse {
  background-color: #F9B421 !important;
}

.btn-violet {
  background-color: #4700FF !important;
}

.btn-violet:hover {
  color: #4700FF !important;
  background-color: transparent !important;
  border: 2px solid #724392 !important;
}



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

.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-home {

  background: -moz-linear-gradient(to right, rgba(rgb(77, 16, 162)) 0%, rgba(77, 16, 162, 0.67) 50%, rgba(rgb(77, 16, 162)) 100%), url('../img/handitech-trophy-home.jpg') no-repeat;
  background: -webkit-gradient(linear, left center, right center, color-stop(0%, rgba(77, 16, 162, 0.40)), color-stop(59%, rgba(77, 16, 162, 0.67)), color-stop(100%, rgba(77, 16, 162, 0.40))), url('../img/handitech-trophy-home.jpg') no-repeat;
  background: -webkit-gradient(linear, left center, right center, color-stop(0%, rgba(77, 16, 162, 0.40)), color-stop(59%, rgba(77, 16, 162, 0.67)), color-stop(100%, rgba(77, 16, 162, 0.40))), url('../img/handitech-trophy-home.jpg') no-repeat;
  background: -o-linear-gradient(to right, rgba(rgb(77, 16, 162)) 0%, rgba(77, 16, 162, 0.67) 50%, rgba(rgb(77, 16, 162)) 100%), url('../img/handitech-trophy-home.jpg') no-repeat;
  background: -ms-linear-gradient(to right, rgba(rgb(77, 16, 162)) 0%, rgba(77, 16, 162, 0.67) 50%, rgba(rgb(77, 16, 162)) 100%), url('../img/handitech-trophy-home.jpg') no-repeat;
  background: -ms-linear-gradient(45deg, rgba(77, 16, 162, 0.40) 0%, rgba(77, 16, 162, 0.67) 59%, rgba(77, 16, 162, 0.40) 100%), url('../img/handitech-trophy-home.jpg') no-repeat;
  /* ie10+ */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#2cdd9b', endColorstr='#1dc8cc ');
}

.htgreen {
  color: #18c29c;
}

.bg-htt-red {
  background-color: #e64d4b;
}

.bg-htt-red:hover {
  background-color: transparent;
  color: #e64d4b !important;
  border: 1px solid #e64d4b;
}

.htt-red {
  color: #e64d4b;
}

.bg-yellow {
  background-color: #ffc100 !important;
}

.text-yellow {
  color: #ffc100 !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;
}


/* 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: 'urbanist';
  src: url('../fonts/Urbanist-Regular.ttf');
}

@font-face {
  font-family: 'urbanist_extrabold';
  src: url('../fonts/Urbanist-ExtraBold.ttf');
}


@font-face {
  font-family: 'brandon';
  src: url('../fonts/Brandon_bld.otf') format('otf');
}

@font-face {
  font-family: 'museo';
  src: url('../fonts/Museo500-Regular.otf') format('otf');
  font-weight: 500;
}

@font-face {
  font-family: 'museo';
  src: url('../fonts/Museo700-Regular.otf') format('otf');
  font-weight: 700;
}

@font-face {
  font-family: 'museo';
  src: url('../fonts/Museo900-Regular.otf') format('otf');
  font-weight: 900;
}

@font-face {
  font-family: 'museo-sans';
  src: url('../fonts/MuseoSans_500.otf') format('otf');
  font-weight: 500;
}

@font-face {
  font-family: 'museo-sans';
  src: url('../fonts/MuseoSans_700.otf') format('otf');
  font-weight: 700;
}

@font-face {
  font-family: 'museo-sans';
  src: url('../fonts/MuseoSans_900.otf') format('otf');
  font-weight: 900;
}

.font-museo {
  font-family: 'museo', sans-serif;
}

.font-museo-sans {
  font-family: 'museo-sans', sans-serif;
}

.font-brandon {
  font-family: 'brandon', sans-serif;
}

.font-montserrat {
  font-family: 'MontserratRegular', sans-serif;
}

.font-roboto {
  font-family: 'Roboto', sans-serif !important;
}

.font-lobster {
  font-family: "Lobster", cursive !important;
}

.font-oswald {
  font-family: 'Oswald', sans-serif !important;
}

.font-raleway {
  font-family: 'Raleway', sans-serif !important;
}

.font-istok {
  font-family: 'Istok Web', sans-serif !important;
}

.lh22 {
  line-height: 22px !important;
}

.lh26 {
  line-height: 26px !important;
}

.lh28 {
  line-height: 28px !important;
}

.lh32 {
  line-height: 32px !important;
}

.lh38 {
  line-height: 38px !important;
}

.lh42 {
  line-height: 42px !important;
}

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

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

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

.text-grey-normal {
  color: #5f5f5f;
}

.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-violet {
  color: #724392 !important;
}

.text-blue-electric {
  color: #4700FF !important;
}

.text-candidate-blue {
  color: #0263b7;
}

.text-grey-frenchtech {
  color: #4d5e67
}

.text-dark-orange {
  color: #ea5350;
}

.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-purple2 {
  border-color: #841d60 !important;
}

.br-grey {
  border-color: #799ab7 !important;
}

/* SHADOWBOX */
.btn-box-shadow {
  box-shadow: 0px 3px 2px 0px #444;
  -moz-box-shadow: 0px 3px 2px 0px #444;
  -webkit-box-shadow: 0px 3px 2px 0px #444;
  -o-box-shadow: 0px 3px 2px 0px #444;
  box-shadow: 0px 3px 2px 0px #444;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#444, Direction=NaN, Strength=2);
}

.btn-box-shadow-light {
  box-shadow: 0px 3px 2px 0px #999;
  -moz-box-shadow: 0px 3px 2px 0px #999;
  -webkit-box-shadow: 0px 3px 2px 0px #999;
  -o-box-shadow: 0px 3px 2px 0px #999;
  box-shadow: 0px 3px 2px 0px #999;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#999, Direction=NaN, Strength=2);
}

.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);
}

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

.ombre {
  box-shadow: 0 4px 2px -2px #999;
  -moz-box-shadow: 0 4px 2px -2px #999;
  -webkit-box-shadow: 0 4px 2px -2px #999;
  -o-box-shadow: 0 4px 2px -2px #999;
  box-shadow: 0 4px 2px -2px #999;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#999, Direction=NaN, Strength=2);
}

.luz,
.luz:hover {
  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);
}


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


/* BACKGROUND COLORS */
.bg-gradient-blue {
  /* Permalink-use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0078ba+0,002f87+59 */
  background: #0078ba;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0078ba 0%, #002f87 59%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #0078ba 0%, #002f87 59%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0078ba 0%, #002f87 59%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078ba', endColorstr='#002f87', GradientType=0);
  /* IE6-9 */
}

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

.bg-darkgrey {
  background: #303030 !important;
}

.text-darkgrey {
  color: #303030 !important;
}

.bg-lightgrey {
  background: #efefef !important;
}

.bg-footer {
  background: #4d5e67 !important;
}

.bg-footer5 {
  background: rgba(229, 97, 130, 0.52);
  background: -moz-linear-gradient(left, rgba(229, 97, 130, 0.52) 0%, rgba(248, 152, 150, 0.52) 1%, rgba(229, 97, 130, 0.63) 22%, rgba(56, 21, 55, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(229, 97, 130, 0.52)), color-stop(1%, rgba(248, 152, 150, 0.52)), color-stop(22%, rgba(229, 97, 130, 0.63)), color-stop(100%, rgba(56, 21, 55, 1)));
  background: -webkit-linear-gradient(left, rgba(229, 97, 130, 0.52) 0%, rgba(248, 152, 150, 0.52) 1%, rgba(229, 97, 130, 0.63) 22%, rgba(56, 21, 55, 1) 100%);
  background: -o-linear-gradient(left, rgba(229, 97, 130, 0.52) 0%, rgba(248, 152, 150, 0.52) 1%, rgba(229, 97, 130, 0.63) 22%, rgba(56, 21, 55, 1) 100%);
  background: -ms-linear-gradient(left, rgba(229, 97, 130, 0.52) 0%, rgba(248, 152, 150, 0.52) 1%, rgba(229, 97, 130, 0.63) 22%, rgba(56, 21, 55, 1) 100%);
  background: linear-gradient(to right, rgba(229, 97, 130, 0.52) 0%, rgba(248, 152, 150, 0.52) 1%, rgba(229, 97, 130, 0.63) 22%, rgba(56, 21, 55, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e56182', endColorstr='#381537', GradientType=1);
}

.bg-footer6 {
  background: rgba(220, 38, 85, 0.9) !important;
}

.bg-footer2 {
  background: #f5f5f5 !important;
}

.bg-footer3 {
  background: rgba(46, 17, 45, 0.9) !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-pink-dark {
  background-color: #e43356;
}

.bg-pink {
  background-color: #e04f89;
}

#actu-wrapper {
  background: #edf4f9;
}

/* BUTTONS COLORS */
.frenchtech {
  color: #4d5e67 !important;
}

.handitech {
  color: #dc9a1c !important;
}

a.btn-trophy {
  border: 2px solid #18c29c !important;
  font-weight: 700;
  text-transform: uppercase;
  /*text-shadow: 1px 1px #000;*/
}

a.btn-trophy:hover {
  background-color: #0c8775 !important;
  color: #ffffff !important;
  font-weight: 700;
  text-transform: uppercase;
  /*text-shadow: 1px 1px #000;*/
}


.frenchtech-home {
  color: #ffffff !important;
  font-weight: 700;
  text-transform: uppercase;
  /*text-shadow: 1px 1px #000;*/
}

.frenchtech-home.black {
  color: #4d5e67 !important;
  font-weight: 700;
}

.btn-frenchtech-home {
  text-decoration: none;
  color: #FFF;
  background-color: transparent !important;
}

.btn-frenchtech-home:hover {
  text-decoration: none;
  color: #4d5e67;
  background-color: #fff;
  border-bottom-style: solid;
  border-bottom-color: #4d5e67;
  border-bottom-width: 2px;
}

a.btn-frenchtech-home2:hover {
  text-decoration: none;
  color: #FFF;
  background-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  border-bottom-width: 1.8px;
}

a.btn-frenchtech-home2.text-grey-frenchtech:hover,
/*a.btn-frenchtech-home2.black:hover{ border-bottom: 1.8px solid rgba(242, 76, 73, 0.8) !important;}*/


/*BTN DEVENEZ PARTENAIRE*/
.btn-frenchtech-home3 {
  text-decoration: none;
  color: #FFF;
  background-color: transparent !important;
  border: 1px solid #FFF;
}

.btn-frenchtech-home3,
.btn-frenchtech-home3:hover,
.btn-frenchtech-home3:visited {
  color: #FFF;
  border-color: #ed1e79;
  /*box-shadow: 0px 0px 12px 0px #fff;*/
}

.btn-frenchtech-home3.text-black {
  color: #4d5e67 !important;
  border-color: rgba(242, 76, 73, 0.9);
  /*box-shadow: 0px 0px 12px 0px #fff;*/
}

.btn-frenchtech-home3.text-black:hover,
.btn-frenchtech-home3.text-black:visited {
  color: #000 !important;
  border-color: #ed1e79;
  /*box-shadow: 0px 0px 12px 0px #fff;*/
}

.btn-partner {
  color: white;
  border-color: rgba(242, 76, 73, 0.9) !important;
}


.btn-depot {
  color: white;
  background-color: rgba(242, 76, 73, 0.9) !important;
}

.btn-opacity {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.btn-opacity2 {
  color: white;
  background-color: rgba(255, 255, 255, 0) !important;
}

.btn-opacity2:hover {
  background-color: rgba(255, 255, 255, 0) !important;
}

.btn-depot:hover,
.btn-depot:visited {
  color: #333;
  background-color: rgba(242, 76, 73, 0.9);
  border: 0px;
}


.btn-depot2 {
  color: white;
  background-image: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 50%, #ff4d7e 100%) !important;
}

.btn-depot2:hover,
.btn-depot2:visited {
  color: white;
  background-color: rgba(242, 76, 73, 1);
}

.btn-depot2019 {
  color: white;
  background-color: rgba(47, 37, 239, 0.5) !important;
}

.btn-azur {
  color: white !important;
  background-color: #33CCCC !important;
  border: 2px solid #33CCCC !important;
}

.btn-azur:hover {
  color: #33CCCC !important;
  background-color: #fff !important;
}

.btn-electrik {
  color: white !important;
  background-color: #4700FF !important;
  border: 2px solid #4700FF !important;
}

.btn-electrik:hover {
  color: #4700FF !important;
  background-color: #fff !important;
}


.btn-depot2019:hover,
.btn-depot2:visited {
  color: white;
  background-color: transparent !important;
  color: #fff !important;
}



.btn-partner:hover,
.btn-partner:visited {
  background-color: transparent !important;
  color: #000;
  border-color: #ffffff !important;
  /*box-shadow: 0px 0px 12px 0px #fff;*/
}


.btn-frenchtech {
  color: #FFF;
  background-color: #4d5e67;
}

.btn-frenchtech:hover {
  color: #FFF !important;
  background-color: #3a474d;
}

a.dropdown-toggle,
a.dropdown-toggle:hover,
a.dropdown-toggle:focus {
  color: #FFF;
  text-decoration: none;
}

a.btn-pattern:active,
a.btn-pattern:focus,
a.btn-pattern:active:hover {
  background-color: #4d5e67;
}

.text-shadow-grey {
  text-shadow: 2px 2px #CCC;
}

.text-shadow-black {
  text-shadow: 1px 1px #000;
}

.text-black {
  color: #000 !important;
}

.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,
a.btn-pink {
  background-color: #da345f !important;
  border: 1px solid #da345f !important;
  color: #FFFFFF !important;
}

.btn-pink:hover {
  background-color: #ba2452 !important;
  color: #FFFFFF !important;
}


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

.btn-purple:hover {
  background-color: #491238 !important;
}

.bottom-align-text {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* WIDTH */
.w30 {
  width: 30px !important;
}

.w40 {
  width: 40px !important;
}

.w50 {
  width: 50px !important;
}

.w60 {
  width: 60px !important;
}

.w70 {
  width: 70px !important;
}

.w80 {
  width: 80px !important;
}

.w100 {
  width: 100px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w150 {
  width: 150px !important;
}

.w180 {
  width: 180px !important;
}

.w200 {
  width: 200px !important;
}

.w250 {
  width: 250px !important;
}

.w300 {
  width: 300px !important;
}

.w400 {
  width: 400px !important;
}

.w500 {
  width: 500px !important;
}

.w600 {
  width: 600px !important;
}

/* HEIGHT */
.h40 {
  height: 40px !important;
}

.h45 {
  height: 45px !important;
}

.h50 {
  height: 50px !important;
}

.h55 {
  height: 55px !important;
}

.h65 {
  height: 65px !important;
}

.h100 {
  height: 100px !important;
}

.h110 {
  height: 110px !important;
}

.h150 {
  height: 150px !important;
}

.h200 {
  height: 200px !important;
}

.h220 {
  height: 220px !important;
}

.h270 {
  height: 270px !important;
}

.h300 {
  height: 300px !important;
}

.h350 {
  height: 350px !important;
}

.h400 {
  height: 400px !important;
}

.h450 {
  height: 450px !important;
}

.h500 {
  height: 500px !important;
}

.h595 {
  height: 595px !important;
}

.h760 {
  height: 760px !important;
}

.h790 {
  height: 790px !important;
}

/* NAVIGATION */
#navi nav {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.animate {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* Chrome and Safari */
  -moz-backface-visibility: hidden;
  /* Firefox */
  -ms-backface-visibility: hidden;
  /* Internet Explorer */
}

ul.navi li.separe {
  color: #ccc !important;
}

ul.navi li {
  background: transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  padding: 5px 10px;
  color: #ffffff !important;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 1px 1px #000;

  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

li.black a:hover {
  background-color: transparent !important;
  text-decoration: underline;
}

li.brand a:hover {
  background-color: transparent !important;
  text-decoration: underline;
}

ul.navi li.black {
  color: #4d5e67 !important;
  text-shadow: none !important;
}

ul.navi li ul.animate li.animate {
  padding: 0;
}

ul.navi li ul.animate li.animate a {
  padding: 5px 10px;
  text-align: center;
  color: #ffffff !important;
}

ul.navi li.black ul.animate li.animate a {
  padding: 5px 10px;
  text-align: center;
  color: #4d5e67 !important;
  border-right: 0.5px solid rgba(242, 76, 73, 0.9);
  border-left: 0.5px solid rgba(242, 76, 73, 0.9);
  border-bottom: 0.4px solid rgba(242, 76, 73, 0.9);
}

ul.navi li.black ul.animate li.animate a:hover {
  color: #fff !important;
  background: rgba(252, 172, 44, 0.43);
  background: -moz-linear-gradient(left, rgba(252, 172, 44, 0.43) 0%, rgba(252, 172, 44, 0.43) 1%, rgba(241, 58, 55, 0.6) 43%, rgba(226, 80, 116, 0.75) 81%, rgba(226, 80, 116, 0.82) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252, 172, 44, 0.43)), color-stop(1%, rgba(252, 172, 44, 0.43)), color-stop(43%, rgba(241, 58, 55, 0.6)), color-stop(81%, rgba(226, 80, 116, 0.75)), color-stop(100%, rgba(226, 80, 116, 0.82)));
  background: -webkit-linear-gradient(left, rgba(252, 172, 44, 0.43) 0%, rgba(252, 172, 44, 0.43) 1%, rgba(241, 58, 55, 0.6) 43%, rgba(226, 80, 116, 0.75) 81%, rgba(226, 80, 116, 0.82) 100%);
  background: -o-linear-gradient(left, rgba(252, 172, 44, 0.43) 0%, rgba(252, 172, 44, 0.43) 1%, rgba(241, 58, 55, 0.6) 43%, rgba(226, 80, 116, 0.75) 81%, rgba(226, 80, 116, 0.82) 100%);
  background: -ms-linear-gradient(left, rgba(252, 172, 44, 0.43) 0%, rgba(252, 172, 44, 0.43) 1%, rgba(241, 58, 55, 0.6) 43%, rgba(226, 80, 116, 0.75) 81%, rgba(226, 80, 116, 0.82) 100%);
  background: linear-gradient(to right, rgba(252, 172, 44, 0.43) 0%, rgba(252, 172, 44, 0.43) 1%, rgba(241, 58, 55, 0.6) 43%, rgba(226, 80, 116, 0.75) 81%, rgba(226, 80, 116, 0.82) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcac2c', endColorstr='#e25074', GradientType=1);
}

ul.navi li ul.animate li.animate brand.a:hover {
  padding: 5px 10px;
  color: transparent !important;
}

ul.brand {
  width: 180px !important;
}

ul.navi li:hover {
  background: transparent;
  color: #fc756f;
}

ul.navi li ul {
  display: none;
  left: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 35px;
  visibility: hidden;
  width: 230px;
  -webkit-transiton: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -transition: opacity 0.1s;
}

ul.navi li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  margin-left: 10px;
}

ul.navi li ul li {
  display: block;
  font-size: 14px;
  border-bottom: 1px solid #FFF;
  margin-top: -1px;
}


ul.navi li ul li a {
  display: block;
  width: 100%;
}

ul.navi li ul li a:hover {
  text-decoration: none;
}

ul.navi li ul li:hover {
  background: #FFF;
}

ul.navi li.black ul li {
  background: #FFF;
}

/*ul.navi li.black ul li:hover { background: #4d5e67; }*/

/* Patterns */
.pink-pattern {
  background: #e04f88 url(/img/pattern.png);
  /* Old browsers */
  background: url(/img/pattern.png), -moz-linear-gradient(left, #e04f89 0%, #e43356 100%);
  background: url(/img/pattern.png), -webkit-gradient(left top, right top, color-stop(0%, #e04f89), color-stop(100%, #e43356));
  background: url(/img/pattern.png), -webkit-linear-gradient(left, #e04f89 0%, #e43356 100%);
  background: url(/img/pattern.png), -o-linear-gradient(left, #e04f89 0%, #e43356 100%);
  background: url(/img/pattern.png), -ms-linear-gradient(left, #e04f89 0%, #e43356 100%);
  background: url(/img/pattern.png), linear-gradient(to right, #e04f89 0%, #e43356 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e04f89', endColorstr='#e43356', GradientType=1);
}

.blue-pattern {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4096ee+0,7abcff+100 */
  background: url(/img/pattern.png), -moz-linear-gradient(90deg, rgba(17, 60, 94, 1) 0%, rgba(4, 17, 36, 1) 100%);
  /* ff3.6+ */
  background: url(/img/pattern.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(4, 17, 36, 1)), color-stop(100%, rgba(17, 60, 94, 1)));
  /* safari4+,chrome */
  background: url(/img/pattern.png), -webkit-linear-gradient(90deg, rgba(17, 60, 94, 1) 0%, rgba(4, 17, 36, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: url(/img/pattern.png), -o-linear-gradient(90deg, rgba(17, 60, 94, 1) 0%, rgba(4, 17, 36, 1) 100%);
  /* opera 11.10+ */
  background: url(/img/pattern.png), -ms-linear-gradient(90deg, rgba(17, 60, 94, 1) 0%, rgba(4, 17, 36, 1) 100%);
  /* ie10+ */
  background: url(/img/pattern.png), linear-gradient(0deg, rgba(17, 60, 94, 1) 0%, rgba(4, 17, 36, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#041124', endColorstr='#113c5e', GradientType=0);
  /* ie6-9 */
}

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

}

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

.filter {
  background-color: #4700ff !important;
  opacity: 0.9 !important;
}

.airplane-pattern {
  background: url(/img/pattern2.png);
}

.grey-pattern {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888888+0,666666+100 */
  background: #4c606a;
  /* Old browsers */
}

.bg-rocket3 {
  background: url(/img/bg-3.png) 0% 4%;
  background-size: cover;
}

.bg-rocket2 {
  background: url(/img/rocket-bg2.png) 0% 4%;
  background-size: cover;
}

.bg-trophy-2018 {
  background: url(/img/banner-trophy-2018.jpg) 0% 4%;
  background-size: cover;
}

.bg-trophy-2020 {
  background: url(/img/banner-trophy-2020.png) 0% 4%;
  background-size: cover;
}

.bg-trophy2-2018 {
  background: url(/img/bg-trophy2-2018.png) 0% 80%;
  background-size: cover;
}

.bg-ht-child {
  background: url(/img/banner-ht-child.png) 0% 30%;
  background-size: cover;
}

.bg-hp {
  background: url(/img/banner-hp.jpg) 0% 80%;
  background-size: cover;
}

.bg-rocket {
  background: url(/img/rocket-bg.png) 0% 0%;
  background-size: cover;
}

.bg-gallery2018 {
  background: url(/img/bg-gallery2018.png) 0% 0%;
  background-size: cover;
}

.bg-nuage {
  background: url(/img/nuages.jpg) 0% 0%;
  background-size: cover;
}

.bg-trophy-2019 {
  background: url(/img/bg-trophy-2019.png) 0% 100%;
  background-size: cover;
}

.bg-trophy-contact {
  background: url(/img/bg-trophy-contact.png) 0% 100%;
  background-size: cover;
}

.bg-grey {
  background-color: #f5f5f5 !important;
  padding-top: -50px !important;
}

.bg-depot {
  background: url(/img/bg-depot5.png) 0% 4%;
  background-size: cover;
}

.bg-depot:hover {
  background: url(/img/bg-depot.png) 0% 4%;
  background-size: cover;
}

.bg-depot2 {
  background: url(/img/bg-depot.png) 0% 4%;
  background-size: cover;
}

.bg-depot3 {
  background: url(/img/bg-depot.png) 0% 4%;
  background-size: cover;
}

.bg-depot4 {
  background: url(/img/bg-depot.png) 0% 4%;
  background-size: cover;
  opacity: 0.8 !important;
}

.bg-depot5 {
  background: url(/img/bg-depot2.png) 0% 4%;
  background-size: cover;
}

.icon {
  height: 125px;
  width: 125px;
  line-height: 125px;
  max-width: 100%;
  background: #3fcb63a;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: block;
  color: #fff;
  font-size: 65px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  margin: 0 auto 50px;
  background: -moz-linear-gradient(45deg, rgba(252, 182, 58, 1) 0%, rgba(252, 133, 58, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(252, 182, 58, 1)), color-stop(100%, rgba(252, 133, 58, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(45deg, rgba(252, 182, 58, 1) 0%, rgba(252, 133, 58, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(45deg, rgba(252, 182, 58, 1) 0%, rgba(252, 133, 58, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(45deg, rgba(252, 182, 58, 1) 0%, rgba(252, 133, 58, 1) 100%);
  /* ie10+ */
  background: linear-gradient(45deg, rgba(252, 182, 58, 1) 0%, rgba(252, 133, 58, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc853a', endColorstr='#fcb63a', GradientType=1);
  /* ie6-9 */
}

.panel-pink {
  border-color: #18c29c
}

.panel-pink>.panel-heading {
  color: #FFF;
  background-color: #18c29c;
  border-color: #18c29c
}

ul.sidebar {
  background-color: transparent !important;
  border-width: 0px;
  color: #4d5e67 !important;
}

.sidebar a:hover {
  background-color: transparent !important;
  border-width: 0px;
  color: #ed1e79 !important;
}

.no-text-shadow {
  text-shadow: none !important;
}

.color-font-footer {
  color: rgba(255, 255, 255, 0.8);
}

.color-font-footer:hover,
.color-title-footer {
  color: rgba(255, 255, 255, 0.8);
}

/* IFRAME YOUTUBE RESPONSIVE */
.videoWrapper {
  position: relative;
  /*padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 400px;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  /*height: 100%;*/
}


/* FONTS */

@font-face {
  font-family: 'Oswald-Light';
  src: url('../fonts/Oswald-Light.eot');
  /* IE 9 - 11 */
  src:
    url('../fonts/Oswald-Light.ttf') format('truetype'),
    url('../fonts/Oswald-Light.woff2') format('woff2'),
    url('../fonts/Oswald-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.font-oswald-light {
  font-family: 'Oswald-Light', sans-serif !important;
}

@font-face {
  font-family: 'Oswald-Bold';
  src: url('../fonts/Oswald-Bold.eot');
  /* IE 9 - 11 */
  src:
    url('../fonts/Oswald-Bold.ttf') format('truetype'),
    url('../fonts/Oswald-Bold.woff2') format('woff2'),
    url('../fonts/Oswald-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.font-oswald-bold {
  font-family: 'Oswald-Bold', sans-serif !important;
}

@font-face {
  font-family: 'Oswald-Regular';
  src: url('../fonts/Oswald-Regular.eot');
  /* IE 9 - 11 */
  src:
    url('../fonts/Oswald-Regular.ttf') format('truetype'),
    url('../fonts/Oswald-Regular.woff2') format('woff2'),
    url('../fonts/Oswald-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.font-oswald {
  font-family: 'Oswald-Regular', sans-serif !important;
}

@font-face {
  font-family: 'Karla-Regular';
  src: url('../fonts/Karla-Regular.eot');
  /* IE 9 - 11 */
  src:
    url('../fonts/Karla-Regular.ttf') format('truetype'),
    url('../fonts/Karla-Regular.woff2') format('woff2'),
    url('../fonts/Karla-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.font-karla {
  font-family: 'Karla-Regular', sans-serif !important;
}

@font-face {
  font-family: 'Karla-Italic';
  src: url('../fonts/Karla-Italic.eot');
  /* IE 9 - 11 */
  src:
    url('../fonts/Karla-Italic.ttf') format('truetype'),
    url('../fonts/Karla-Italic.woff2') format('woff2'),
    url('../fonts/Karla-Italic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.font-karla-italic {
  font-family: 'Karla-Italic', sans-serif !important;
}

@font-face {
  font-family: 'Karla-BoldItalic';
  src: url('../fonts/Karla-BoldItalic.eot');
  /* IE 9 - 11 */
  src:
    url('../fonts/Karla-BoldItalic.ttf') format('truetype'),
    url('../fonts/Karla-BoldItalic.woff2') format('woff2'),
    url('../fonts/Karla-BoldItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.font-karla-boldItalic {
  font-family: 'Karla-BoldItalic', sans-serif !important;
}

@font-face {
  font-family: 'Karla-Bold';
  src: url('../fonts/Karla-Bold.eot');
  /* IE 9 - 11 */
  src:
    url('../fonts/Karla-Bold.ttf') format('truetype'),
    url('../fonts/Karla-Bold.woff2') format('woff2'),
    url('../fonts/Karla-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.font-karla-bold {
  font-family: 'Karla-Bold', sans-serif !important;
}



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

/* CONTACT */

.rectangle-icon {
  background: #303030;
  padding: 10px;
  border: 1px solid #303030;
}

.rectangle-icon:hover {
  background: transparent;
  color: #303030;
  padding: 10px;
  border: 1px solid #303030;
}


/* SLIDER PARTENAIRES */

.carousel-control .fa {
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
}

.fa-chevron-circle-left {
  margin-left: -40px;
}

/* NEWS */

.masthead {
  margin-top: 110px;
  height: 20vh;
  min-height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), #303030;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.news-container:hover .link {
  position: relative;
  text-decoration: none;
  color: black;


}

.news-container:hover .link:after {
  width: 100%;
  left: 0;
  background: #000;
}

.link:after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  display: block;
  margin-top: 5px;
  right: 0;
  transition: width .2s ease;
  -webkit-transition: width .4s ease;
}

.carousel-news-item:hover .link:after {
  width: 100%;
  left: 0;
  background: #000;
}

.card-img-wrap {
  overflow: hidden;
  position: relative;
  border-radius: calc(1rem - 1px) !important;
}

.card-img-wrap img {
  transition: transform .25s;
  width: 100%;
}

.card-img-wrap:hover img {
  transform: scale(1.2);
}

.news-container {
  cursor: pointer;
}

.news-container:hover .new-info {
  box-shadow: 0px 0px 2px 0px #c6c6c6;
  -moz-box-shadow: 0px 0px 2px 0px #c6c6c6;
  -webkit-box-shadow: 0px 0px 2px 0px #c6c6c6;
  -o-box-shadow: 0px 0px 2px 0px #c6c6c6;
  box-shadow: 0px 0px 2px 0px #c6c6c6;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=12);
}

.new-info {
  border: 1px solid #F0F2F5;
}

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

/* NAVIGATION */

.nav-item:hover .underline {
  position: relative;
  text-decoration: none;
}

.underline:after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  display: block;
  margin-top: 5px;
  right: 0;
  transition: width .2s ease;
  -webkit-transition: width .4s ease;
}

.nav-item:hover .underline:after {
  width: 100%;
  left: 0;
  background: #fff;
}

.nav-item:hover .underlined {
  position: relative;
  text-decoration: none;
  color: black;
}

.nav-item:hover .underlined:after {
  width: 100%;
  left: 0;
  background: #000;
}

.underlined:after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  display: block;
  margin-top: 5px;
  right: 0;
  transition: width .2s ease;
  -webkit-transition: width .4s ease;
}