@charset "utf-8";

/* ----------------------------------

Name: custom.css
Version: 1.3

-------------------------------------*/


/* ===================================
    Header
====================================== */
header a.logo img {
    max-height: 62px;
    margin: 20px 0;
}
.panel {
    margin-bottom: 0;
}
#logo_header {
  position: absolute;
  top: 20px;
  left: 390px;
  z-index: 9980;
}
#logo_header img {
  width: 128px;
  height: auto;
}


/* ===================================
    Page Loager
====================================== */
.page-loader {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fefefe;
  z-index: 100000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.loader {
  font-size: 10px;
  position: absolute;
  text-indent: -9999em;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
  border-radius: 50%;rgb(71, 167, 56);
  background: #47a738;
  background: -moz-linear-gradient(left, #47a738 10%, rgba(71, 167, 56, 0) 42%);
  background: -webkit-linear-gradient(left, #47a738 10%, rgba(71, 167, 56, 0) 42%);
  background: -o-linear-gradient(left, #47a738 10%, rgba(71, 167, 56, 0) 42%);
  background: -ms-linear-gradient(left, #47a738 10%, rgba(71, 167, 56, 0) 42%);
  background: linear-gradient(to right, #47a738 10%, rgba(71, 167, 56, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  -o-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #47a738;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #fff;
  width: 90%;
  height: 90%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* ===================================
    Nos offres
====================================== */
.opacity-medium {
    opacity: 0.4;
}
.feature-box-13::before {
    background: #74d824;
}
.feature-box-13:hover i {color: #232323 }
.feature-box-13:hover p {color: #000 }


/* ===================================
    Menu
====================================== */
.opacity-medium {
    opacity: 0.8;
}

header.header-appear nav.header-dark, header.sticky nav.navbar-fixed-top.header-dark, header.sticky nav.navbar-scroll-fixed-top.header-dark {
    background-color: rgba(255,255,255,0.9);
    border-bottom: 1px solid #FFF;
  	/*background: rgba(153,204,51,0.95);*/
}
header.header-appear nav.header-dark .navbar-nav > li > a.active, header.sticky nav.header-dark .navbar-nav > li > a.active {
  color: rgba(0,0,0,0.6);
}
header.sticky nav.header-dark .navbar-nav > li > a {
  color: #000;
}
.navbar-default.white-link .navbar-toggle .icon-bar, header.sticky .navbar-default.header-dark .navbar-toggle .icon-bar, header.sticky .navbar-default.header-dark-transparent .navbar-toggle .icon-bar {
    background: #000;
}



/* ===================================
    Burger Menu
====================================== */
.visuallyHidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px; width: 1px;
    margin: -1px; padding: 0; border: 0;
}

#hamburger_sac {
  position: fixed;
  top: 0px;
  right: 350px;
  z-index: 9999;
  width: 40px;
  height: 40px;
}

.hamburger {
    margin: 0 auto;
    margin-top: 30px;
    width: 30px;
    height: 30px;
    position: relative;
}

.hamburger .bar {
    padding: 0;
    width: 30px;
    height: 4px;
    background-color: #000;
    display: block;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: absolute;
}

.bar1 {
    top: 0;
}

.bar2,
.bar3 {
    top: 13.5px;
}

.bar3 {
    right: 0;
}

.bar4 {
    bottom: 0;
}

/* HAMBURGER 1 */
.checkbox1:checked + label > .hamburger1 > .bar1{
    transform: rotate(45deg);
    transform-origin: 5%;
    width: 41px
}

.checkbox1:checked + label > .hamburger1 > .bar2 {
    transform: translateX(-40px);
    background-color: transparent;
}

.checkbox1:checked + label > .hamburger1 > .bar3 {
    transform: translateX(40px);
    background-color: transparent;
}

.checkbox1:checked + label > .hamburger1 > .bar4 {
    transform-origin: 5%;
    transform: rotate(-45deg);
    width: 41px;
}



/* ===================================
    Footer
====================================== */
.footer-logo {
    max-height: 52px;
}
.social-icon-style-8 a:hover { color: #74d824;}


/* ===================================
    Modal
====================================== */
.modal {
    z-index: 9990;
}
.modal-dialog {
    margin: 120px auto 20px;
}
.modal p {
  margin: 0
}
.modal-header {
    padding-bottom: 0;
    border-bottom: none;
}
.modal-content {
    background-color: #FFF !important;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    z-index: 9980;
}


/* ===================================
    Step
====================================== */
ul.gsi-style-6 {
  width: 100% !important;
}
.tsf-container {
  position: relative;
}
.tsf-content {
  padding: 0;
  border: none;
}
.tsf-content legend {
  padding-bottom: 5px;
}
.gsi-style-6 {
    padding: 0 15em;
}
.gsi-style-6 li > * .desc {
    padding-left: 0;
}
.gsi-style-6 li > * {
    display: flex;
    border-radius: 4px;
    padding: 6px 12px;
}
.gsi-style-6 li {
    /*margin-left: 0;
    margin-right: 5px;*/
}
.gsi-style-6  li.current {
  background: #96c03d;
  border-radius: 4px;
}
.gsi-style-6 li.current a {
  color: #FFF;
}

.tsf-nav-many-steps {
    height: 80px;
}
.tsf-nav-many-steps {
    height: 80px !important;
}
.tsf-controls .tsf-wizard-btn {
    /*padding: 0 !important;*/
}
.tsf-controls .tsf-wizard-btn.btn-left {
    float: left;
}

/*----- STYLE 1 -------*/
/*.navbar-fixed-bottom, .navbar-fixed-top {
    z-index: 9990;
}
.tsf-container {
  position: relative;
}
.tsf-content {
  padding: 0;
  border: none;
}
.tsf-content legend {
  padding-bottom: 4px;
}
.tsf-nav-many-steps {
  height: initial;
}
.tsf-step-content label {
  min-width: 50%;
}
.tsf-nav-step .tsf-nav {
    position: relative;
}
.tsf-nav-many-steps ul {
  width: 90% !important;
}
.gsi-step-indicator {
    margin: 1em 15px;
}
.tsf-controls .tsf-wizard-btn {
  display: inline-block;
}
.tsf-controls {
}
.tsf-container input[type="checkbox"], .tsf-container input[type="radio"] {
  width: initial;
  margin: 0 10px 0 0;
}

.details_ml {
  margin-top: 0px;
  font-size: 11px;
}

.icon-medium {
   font-size: 75px;
}*/



/*
.tsf-nav-many-steps ul {
  width: 90% !important;
}

.gsi-style-11 li:not(:first-child)::before, .gsi-style-11 li:not(:last-child)::after {
  width: 100%;
}
.gsi-step-no-available li.current ~ li > *, .gsi-step-no-available li.current ~ li > :hover {
  background-color: none !important;
}*/



/* ===================================
    Checkbox
====================================== */
.inputGroup {
  background-color: #fff;
  display: block;
  margin: 0;
  position: relative;
}
.inputGroup label {
  /*padding: 12px 30px;*/
  padding: 12px 30px 12px 60px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #e5e5e4;
  color: #96c03d;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}

.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: #4f6a16;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #96c03d;
  border-color: #96c03d;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}


.inputGroup input[type="text"] {
  width: auto;
  height: auto;
  order: 1;
  z-index: 2;
  position: relative;
  visibility: hidden;
}

.nb_autre label {
  margin-bottom: 0;
}

#nombre_ban_autre_div {
  background-color: #e5e5e4;
  padding: 0 30px 12px 60px;
  display: none;
}
#nombre_ban_autre_div input {
    margin: 0
}



/* ===================================
    Responsive
====================================== */
/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){
}

@media only screen and (max-width : 1440px){
}

@media only screen and (min-width : 1200px) and (max-width : 1440px){
}

@media only screen and (min-width : 1200px){
}

@media only screen and (max-width: 1199px){
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
}

@media only screen and (min-width: 992px){
}

@media only screen and (max-width: 991px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px){
}

@media only screen and (min-width: 768px) {
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width : 480px) {
}

@media only screen and (max-width : 320px) {
}


@media only screen and (min-width: 317px) and (max-width: 480px){
  .gsi-style-6 li {
      display: inline-block;
      /*margin-left: 5px;
      margin-right: 0;*/
  }
  .gsi-style-6 li > * .desc label {
      font-size: 1.0em;
  }
}
/* lg */
@media (min-width: 1400px) {
}

@media (min-width: 1200px) and (max-width: 1399px) {
  #logo_header {
    left: 8%;
  }
  #hamburger_sac {
    right: 8%;
  }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  #logo_header {
    left: 12%;
  }
  #hamburger_sac {
    right: 12%;
  }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    #logo_header {
      left: 12%;
    }
    #hamburger_sac {
      right: 12%;
    }
}
@media only screen and (max-width: 991px) {
}

/* xs */
@media (max-width: 767px) {
    #logo_header {
      left: 20px;
    }
    #hamburger_sac {
      right: 20px;
    }
  /*.gsi-style-6 {
      padding: 0 12em;
  }*/
  .modal-dialog {
      margin: 110px 20px 0 20px;
  }
  .icon-medium {
      font-size: 55px;
  }
  .overlay ul li {
      margin: 0;
  }
  .overlay strong {
      font-size: 20px;
  }
  .overlay p {
    font-size: 14px;
  }
  .overlay h4 {
    padding: 6% 0 4px 0;
  }
  .overlay .social a {
    font-size: 30px;
  }
  .overlay ul li a {
    font-size: 36px;
  }
  p {
    margin: 0 0 10px 0;
  }

}

/* XS Portrait */
@media (max-width: 479px) {
  .gsi-style-6 {
      padding: 0 1.2em;
  }
}