/* GLOBAL STYLES
------------------------- */

body {
  padding-bottom: 20px;
  /*color: #5a5a5a;*/
  color: black;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

body > .container {
  margin-top: 25px;
}

.clock.popin {
  color: white;
  position: absolute;
  font-size: 44px;
  top: 61px;
  right: 348px;
  letter-spacing: 3px;
}
#artisan-modal .modal-dialog {
  width: 1050px;
}
#artisan-modal .modal-dialog .popover-login {
  width: 250px;
}
#artisan-modal .modal-dialog .popover-login .btn-primary {
  background-color: #f3b800 !important;
  border-color: #f3b800 !important;
}
#artisan-modal .modal-dialog .popover-login .no-account {
  border-radius: 0 !important;
}

input[type="radio"] {
  display: inline-block;
  -webkit-appearance: radio;
}
input[type="checkbox"] {
  display: inline-block;
  -webkit-appearance: checkbox;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #f3b800;
  border-color: #f3b800;
}
.btn-green, .btn-green.active, .btn-green.focus, .btn-green:active, .btn-green:focus, .btn-green:hover {
  color: #ffffff !important;
  background-color: #76b729 !important;
  border-color: #76b729 !important;

}
.container-fluid {
  padding: 0;
}

.border {
  padding: 17px;
  border: 2px solid #f4f4f4;
  border-radius: 15px;
}
.border h2 {
  margin-bottom: 0px;
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
}
.border h3 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
}
.border .fa {
  font-size: 32px;
}
.green {
  color: #76b729 !important;
}
.red {
  color: #DA003D !important;
}
.blue {
  color: #86C3EB !important;
}
.yellow {
  color: #F3B800 !important;
}
.border-green {
  border-color: #76b729 !important;
}
.bg-blue {
  background-color: #86c3eb !important;
}
.blue {
  color: #86c3eb;
}
.border-blue {
  border-color: #86c3eb !important;
}
.yellow {
  color: #fdc300;
}
.bg-yellow {
  background-color: #fdc300 !important;
}
.border-yellow {
  border-color: #fdc300 !important;
}
.red {
  color: #DA003D;
}
.bg-red {
  background-color: #DA003D !important;
}
.border-red {
  border-color: #DA003D !important;
}
.background-green {
  color: white;
  background: #76b729;
}
.btn {
  border-radius: 10px;
}
@media (max-width: 767px) {
  input[type="text"], input[type="password"], input[type="phone"],  textarea, select {
    font-size:16px;
  }
}

h1, h2 {
  font-weight: 300;
}
@media (max-width: 767px) {
  h2 {
    font-size: 25px;
  }
}
h4 {
  font-weight: bold;
}

table th {
  text-align: left;
  color: black;
  background: none;
  border-top: auto;
  font-size: 1em;
}
table th, table td {
  padding: 5px;
}

/* CUSTOMIZE THE NAVBAR
------------------------- */
#header-top .navbar-menu a {
  color: #343434;
  font-family: Open Sans, sans-serif;
}
.navbar-brand {
  margin: 0 auto;
}
.navbar-brand > img {
  height: 45px;
}
.navbar {
  margin-bottom: 0;
}
.navbar-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}
.navbar-top {
  height: 44px;
}
.navbar-top, .navbar-inverse {
  background-color: black;
}
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > .active > a {
  background-color: #f3b800;
  font-size: 16px;
}
.nav-contact {
  color: #76b729;
}
.nav-contact-tel {
  font-weight: bold;
  font-size: 18px;
}
.nav-contact-mail {
  font-weight: bold;
}
.navbar-menu .navbar {
  border-top: none;
  height: 100%;
}
.ul-main-menu {
  margin-right: -178px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-collapse.collapse {
    padding-right: 0;
  }
  .ul-main-menu {
    margin-right: 0;
  }
  .navbar-brand > img {
    height: 40px;
  }
}
.navbar-menu, .navbar-menu > .container, .navbar-menu > .container ul {
  background: #ffffff;
  height: 83px;
}
.navbar-menu > .container ul > li {
  height: 100%;
}
.navbar-menu > .container ul > li > a {
  height: 100%;
  padding: 30px 15px !important;
  font-weight: 400 !important;
  color: black !important;
}
.sm-login {
  background-color: #f3b800;
  font-weight: bold !important;
}
.icon-cart:before {
  content: "\e192";
  color: black;
}
.navbar-menu > .container ul > li > a.cart {
  font-size: 36px;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  padding: 23px 15px !important;
}
.navbar-menu > .container ul > li > a.cart > .pastille-notif {
  font-size: 11px;
  color: white;
  background-color: #76b729;
  border-radius: 12px;
  font-weight: 600;
  text-align: center;
  width: 18px;
  height: 18px;
  padding: 0px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-align: center;
  vertical-align: middle;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  margin-left: -15px;
}
/* TOP-SLIP
------------------ */
.top-slip {
  display: none;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .top-slip {
    display: block;
    height: 25px;
    background-color: #343434;
    text-align: center;
  }
  .top-slip p {
    height: 100%;
    font-family: Roboto bold, sans-serif;
    margin-bottom: 0;
  }
}
/* MOBILE FORM
-------------------*/
.form-mobile-container {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.form-mobile-error {
  color: red;
  text-align: left;
  display: inline-block;
  border: 1px solid red;
  margin-top: 10px;
  padding: 5px;
}
.form-mobile-error ul {
  margin: 0;
  padding: 0;
}
.form-login-mobile {
  margin-top: 50px;
  background-color: #F5F3F4;
  height: calc(100vh - 70px);
}
.form-mobile {
  padding: 20px;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-around;
}
.form-mobile > input {
  border: none;
  border-radius: 0;
  height: 10%;
}
.form-button {
  width: 80%;
}
.form-button i {
  float: right;
  position: relative;
  top: 30px;
  right: 10px;
  color: white;
}
.form-button > input {
  margin: 0;
  border-radius: 5px;
  width: 100%;
}
/* MOBILE NAVBAR
-------------------*/
.navbar-mobile {
  width: 100%;
  background: white;
  border: 1px solid #e7e7e7;
}
.nav-header {
  background-color: #343434;
  height: 10%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sidenav > .nav-header p {
  color: #ffffff;
  font-family: Open Sans, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  top: 20%;
  margin: 0;
  padding-left: 15px;
}
.nav-header .closebtn {
  background-color: #000;
  position: absolute;
  right: 0;
  opacity: 1;
  width: 15%;
  height: 10%;
  border: none;
  top: 0;
  z-index: 1;
}
.nav-overlay {
  position: absolute;
  right: 0;
  background:rgba(0,0,0,0.6);
  width: 15%;
  height: 100%;
}
#mySidenav {
  overflow: hidden;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #ffffff;
  transition: 0.5s;
  overflow: hidden;
}
.sidenav a {
  text-decoration: none;
  font-size: 15px;
  color: #818181;
  display: block;
  transition: 0.3s;
  position: absolute;
  font-family: Roboto Condensed, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  width: 85%;
  white-space: nowrap;
}
.sidenav ul li a {
  list-style-type: none;
  border-bottom: 1px solid #eee;
}
.sidenav li:hover > a {
  color: #ffffff;
  background-color: #69ab14;
}
#mySidenav .nav-header a{
  color: white;
}
#header-top .navbar-menu  li a:hover {
  color: #ffffff;
}
.navbar-menu--header {
  display: none;
}
@media (min-width:320px) and (max-width: 767px) {
  .navbar-menu {
    height: 50px;
  }
  .navbar-menu .container {
    height: 50px;
    margin: 0;
    padding: 0;
  }
  .navbar-menu--header {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    border-bottom: 1px solid #eee;
  }
  .navbar-brand-mobile {
    order: 2;
    flex: 2;
    text-align: center;
    padding: 15px;
  }
  .navbar-brand-mobile > img {
    height: 30px;
    margin: 0 auto;
  }
  .hamburger-menu-mobile {
    display: flex;
    font-size: 25px;
    margin: 0 !important;
    padding: 0 !important;
    order: 1;
    height: 100%;
    margin-left: 10px;
    flex: 1;
    justify-content: center;
    border-right: 1px solid #eee;
  }
  .user-account-mobile {
    display: flex;
    font-size: 25px;
    margin: 0 !important;
    padding: 0 !important;
    order: 3;
    height: 100%;
    margin-right: 10px;
    flex: 1;
    justify-content: center;
    border-left: 1px solid #eee;
  }
  .user-account-mobile button {
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-height: 450px) {
  .nav-header {
    height: 20%;
  }
  .nav-header .closebtn {
    height: 20%;
  }
  .sidenav a {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  #navbarMobile {
    display: none!important;
  }
}
.navbar-mobile > ul {
  width: 100%;
}
/* SUB NAVBAR
------------------ */
.navbar-menu > li >.show-menu {
  position: absolute;
  color: #000;
  right: 20%;
  top: 20%;
}
.navbar-menu > li:hover >.show-menu {
  color: white;
}
#mySubmenu {
  overflow: hidden;
}
.submenu {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  right: 15%;
  background-color: #ffffff;
  transition: 0.5s;
  overflow: hidden;
}
#mySubmenu h3 {
  padding: 5px 15px;
  margin-bottom: 0;
  color: #000;
}
.submenu a {
  text-decoration: none;
  font-size: 15px;
  color: #818181;
  display: block;
  transition: 0.3s;
  position: absolute;
  font-family: Roboto Condensed, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  white-space: nowrap;
}
.submenu ul li a {
  list-style-type: none;
  border-bottom: 1px solid #eee;
}
.submenu > .nav-header {
  cursor: pointer;
}
.submenu > .nav-header > p {
  color: #ffffff;
  font-family: Roboto Condensed, sans-serif;
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  top: 20%;
  margin: 0;
  padding-left: 15px;
}
.submenu > .nav-header > i {
  padding-left: 15px;
}
.square {
  line-height: 0;
  vertical-align: middle;
  margin-right: 10px;
}
.square-green {
  color: #77B82A;
}
.square-blue {
  color: #85C3EA;
}
.square-orange {
  color: #F4B800;
}
.square-red {
  color: #DA003D;
}
@media screen and (max-height: 450px) {
  .submenu a {
    font-size: 18px;
  }
}
/* BANNER
----------------  */
.banner-teaser {
  height: 44px;
  line-height: 44px;
  text-align:  center;
  display: inline-block;
}
.banner-woman {
  vertical-align: middle;
  margin-top: -6px;
}
.btn-login {
  border-radius: 0;
  height: 44px;
  padding: 13px 15px 10px 15px !important;
}
.btn-login:after {
  content : "\f078";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
.btn-chevron-right:after {
  content : "\f054";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

.slogan-home {
  font-weight: 200;
  font-size: 27px;
}
.btn-decouvrir {
  font-size: 17px !important;
  border-radius: 2px;
  margin-top: 20px;
}
.btn-decouvrir:after {
  content : "\f054";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
.link-plus-gratuit {
  color: black !important;
}
.avantages p {
  font-weight: 400;
}
.source-infos {
  margin: 30px 20px;
  color: black !important;
  font-size: 12px;
}
.chiffres-plus {
  margin-top: 50px;
}
/*.main-line {
  margin-top: 50px !important;
}*/
@media (max-width: 767px) {
  .main-line h4 {
    margin-bottom: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-line h4 {
    margin-bottom: 35px;
  }
}
@media (min-width:320px) and (max-width: 767px) {
  .fullwidthbanner-mobile {
    margin-top: 50px;
    height: 100vh;
  }
}
.fullwidthbanner-mobile h2 {
  font-size:26px;
  line-height: 38px;
  padding: 25px;
}

/*VIDEO
------------------------ */
/***** MODAL PROPERTIES *****/
.play .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  background:transparent;
  border:none;
  outline:none;
}
.play .modal-content iframe {
  border:none;
  padding:0;
  margin:0;
}
.play .close {
  font-size: 80px;
  margin:-20px 0 0 0;
}
/***** MEDIA QUERIES *****/
@media only screen and (max-width: 641px) {
  /***** MODAL PROPERTIES *****/
  .play .modal-body {
    height:100px;
    padding:0;
    margin: 0;
  }
  .play .modal-content {
    padding:0;
    margin: 0;
  }
  .play .modal-dialog {
    position: relative;
    width: auto;
    margin: 15px;
  }
  .play .close {
    margin:-12px 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  /***** MODAL PROPERTIES *****/
  .play .close {
    font-size: 80px;
    margin:30px -43px -20px 100px;
  }
}
.countup .col-md-3 {
  margin-top: 50px;
}

/* CUSTOMIZE THE CAROUSEL
------------------------- */
.carousel {
  height: 500px;
  margin-bottom: 40px;
}
.carousel .item {
  height: 500px;
  background-color: #ffffff;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}
.carousel-control.left, .carousel-control.right {
  background-image: none;
}
.calltoaction-slide {
  margin-top: 10px;
}
.carousel-caption-custom {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  bottom: 30px;
  color: #fff;
  float: right !important;
  max-width: 500px;
  padding: 30px;
  /*position: absolute;*/
  text-align: left;
  text-shadow: none;
  top: 120px;
  z-index: 10;
  right:10px;
}
.carousel-caption-custom h1 {
  margin-top: 0;
}

/* MARKETING CONTENT
------------------------- */

.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: 300;
  color:#76b729;
}
.marketing .col-lg-4 h2 {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
.text-intro {
  padding-left: 30px;
}

/* AVANTAGES
------------------------- */
.avantages .green i {
  font-size: 60px;
}
.avantages .green i.picto {
  line-height: 50px;
  font-size: 80px;
}

/* VIDEO
------------------------- */
.video {
  /*height: 400px;*/
  color: #ffffff;
  background: #333333 url('/images/home-video.png') no-repeat 860px 0px;
}
.video h2 {
  margin-top: 100px;
  line-height: 1;
  color: #ffffff;
}
.video .col-md-6 {
  margin-bottom: 93px;
}
.video a {
  color: #ffffff;
  text-decoration: underline;
}
.video .play {
  position: absolute;
  top: 35%;
  left: 45%;
}
.video-mobile .col-xs-12 {
  padding: 0;
  margin-bottom: 15px;
}
.video-mobile h2 {
  color: #f3b800;
  font-size: 26px;
  margin: 15px 0 15px 0;
  font-weight: 400;
}

/* RESULTS
------------------------- */
.results {
  color: #333333;
  background-color: #ffffff;
}
.results h2,
.results a:not(.btn) {
  color: #333333;
}
.results .green {
  font-size: 38px;
}
.results .green i {
  font-size: 60px;
}
.results .green > div {
  margin-top: 10px;
  line-height: 1.2;
  font-weight: bold;
}
.results strong {
  font-size: 18px;
}

/* DEMO
------------------------- */
.demo {
  height: 350px;
  background-size: cover;
}
.demo .btn {
  margin-top: 150px;
}

/* FEATURETTE
------------------------- */
.featurette-divider {
  margin: 40px 0;
}
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
.featurette-icon {
  color: #76b729;
  font-size: 80px;
}
.featurette-calltoaction {
  text-align: center;
  margin-top: 20px;
}

/* OFFRES
------------------------ */

.background-offres {
  background-image: url('/images/bkg-home.jpg');
  background-size: cover;
  margin-top: 103px;
  margin-bottom: 0px !important;
}

@media (max-width: 767px) {
  .background-offres {
    margin-top: 33px;
  }
  .background-offres h2{
    font-size: 24px;
    padding: 30px 0 20px 0;
    line-height: 1.5em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .background-offres {
    margin-top: 70px;
  }
}

.background-offres h2 {
  padding: 40px 0;
}

.img-packs {
  margin-left: -40px;
}
.advice {
  margin-right: 20px;
}
.advice > div {
  padding: 0;
}
.advice > .col-md-2 {
  margin-left: -15px
}
.offres .needs-advice {
  font-size: 15px;
}
.yellow-tel {
  color: #f4b800;
  font-size: 25px;
}
.yellow-woman {
  margin-left: 10px;
}
.offre .btn-primary {
  margin-bottom: 10px !important;
}
.know-more {
  margin-bottom: 30px;
}
.visible-sm.visible-xs .product-title {
  font-size: 25px;
}
.product-title {
  margin-bottom: 0;
}
.product-title span {
  font-weight: bold;
}
@media (max-width: 767px) {
  .product-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .product-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}

.product-description {
  margin: 25px 0;
}

.description h3 {
  line-height: 1;
  font-size: 19px;
}

.description h4 {
  margin: 0;
}

.description h4 a {
  text-decoration: underline;
  color: #313947;
  font-weight: normal;
  font-size: 14px;
}

@media (max-width: 991px) {
  .description h4 {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 24px;
  }
}

.description p {
  margin-top: 20px;
}

.description .price {
  margin: 25px auto;
}

.description .price .big {
  color: black;
  font-size: 36px;
  font-weight: bold;
}
.description .price .big small {
  font-size: 70%;
}

.easy-start .btn-primary,
.essentiel .btn-primary,
.business .btn-primary,
.pro-premium .btn-primary {
  font-weight: bold;
  border-radius: 15px;
}

.caracteristics {
  margin: 10px 0;
  position: relative;
}
.caracteristics .header,
.caracteristics ul {
  padding: 15px;
}
.caracteristics .header {
  color: black;
}
.caracteristics .header .title {
  color: white;
  margin-bottom: 0;
}
.caracteristics .header .title .fat {
  font-size: 135%;
}
.caracteristics .header p {
  margin: 0;
  line-height: 1;
}

.caracteristics .img-responsive {
  position: relative;
  top: -30px;
  max-width: 65%;
  margin: 0 auto;
}
.caracteristics ul {
  padding: 0;
}
.caracteristics ul li {
  padding: 5px 15px;
  font-size: 16px;
}
.caracteristics ul li:not(:first-child) {
  border-top: 1px solid #C7C7C7;
}

.pack-plus .caracteristics {
  position: relative;
  margin: 15px 0;
  padding: 10px;
}

.pack-plus .caracteristics strong {
  line-height: 1;
  color: black;
  font-size: 18px;
}

.pack-plus .caracteristics .fa-plus {
  position: absolute;
  top: -18px;
  left: -19px;
  padding: 5px 7px 3px 7px;
  font-size: 26px;
  border-radius: 25px;
}
.pack-plus .easy-start .caracteristics .fa-plus {
  background: #76b82a;
}
.pack-plus .essentiel .caracteristics .fa-plus {
  background: #86c3eb;
}
.pack-plus .business .caracteristics .fa-plus {
  background: #fdc300;
}
.pack-plus .pro-premium .caracteristics .fa-plus {
  background: #da003d;
}

.pack-plus .caracteristics .fa-plus:before {
  color: white;
}

.easy-start .price {
  padding: 27.5px 0;
  font-size: 26px;
}
.easy-start .caracteristics {
  border: 3px solid #76b82a;
  border-radius: 20px;
}
.easy-start .caracteristics .header {
  border-bottom: 1px solid #76b82a;
}
.easy-start .caracteristics .header .title {
  color: #76b82a;
}

.easy-start .btn-primary {
  color: #76b82a;
  border: 2px solid #76b82a;
  background: white;
}

.easy-start i:before {
  color: #76b82a;
}

.essentiel .price strong,
.business .price strong,
.pro-premium .price strong {
  color: black;
  font-size: 32px;
}

.essentiel .price strong .mensual,
.business .price strong .mensual,
.pro-premium .price strong .mensual {
  font-size: 75%;
}

.essentiel .caracteristics {
  border: 3px solid #86c3eb;
  border-radius: 20px;
}

.essentiel .caracteristics .header {
  background: #86c3eb;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.essentiel .description .btn-primary {
  background: #86c3eb;
  border: none;
}

.offre.essentiel i:before {
  color: #86c3eb;
}
.autres {
  position: absolute;
  bottom: -41px;
  left: 23px;
  border: 3px solid;
  border-radius: 15px;
  background-color: white;
  padding: 5px 15px;
}
.business .caracteristics {
  border: 3px solid #fdc300;
  border-radius: 20px;
}
.business .caracteristics .autres {
  border-color: #fdc300;
}
.offre.business i:before {
  color: #fdc300;
}

.business .caracteristics .header {
  background: #fdc300;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.business .btn-primary {
  background: #fdc300;
}

.pro-premium .caracteristics {
  border: 3px solid #da003d;
  border-radius: 20px;
}
.pro-premium .caracteristics .autres {
  border-color: #da003d;
}
.offre.pro-premium i:before {
  color: #da003d;
}

.pro-premium .caracteristics .header {
  background: #da003d;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.pro-premium  .description .btn-primary {
  background: #da003d;
  border: none;
}
.logos-partenaire, .logo-dms {
  margin: 15px 0;
}

.essentiel .btn-primary i:before,
.business .btn-primary i:before,
.pro-premium .btn-primary i:before {
  color: white;
}
.btn-primary:hover i:before {
  color: #76b729 !important;
}
.comparatif {
  background-image: url('/images/bkg-home.jpg');
  background-size: cover;
  margin-top: 60px;
}
.comparatif > .row {
  padding-bottom: 50px;
}
.tabs-container .tabs-menu {
  margin-bottom: -2px;
}
.tabs-container .tabs-menu li a,
.tabs-container .tabs-menu li.active a {
  margin: 0 5px;
  color: #a1a1a1;
  background: none;
  border: 2px solid #a1a1a1;
  border-bottom: 2px solid #76b82a;
  border-radius : 20px 20px 0 0;
  font-weight: bold;
}
.tabs-container .tabs-menu li a:hover {
  color: #76b82a;
  background: none;
  border-color: #76b82a;
}

.tabs-container .tabs-menu li.active a {
  color: #76b82a;
  border: 2px solid #76b82a;
  border-bottom: 2px solid white;
}
.tabs-container .tabs-menu li:last-child a {
  border-right: 2px solid #a1a1a1;
}
.tabs-container .tabs-menu li:last-child.active a {
  border-right: 2px solid #76b82a;
}
.tabs-container .tabs-first {
  border-top: 2px solid #76b82a;
}
.tabs-container .tabs .tab-content {
  color: black;
  background-color: transparent!important;
}

table thead td {
  vertical-align: middle;
  border-top: none;
}
table thead tr {
  height: 150px;
}
.options table thead tr {
  height: 0px;
}
table thead td:first-child {
  vertical-align: top;
  text-align: left;
}
table thead td > .title-comparatif {
  font-size : 33px;
}
table thead  .textorient-wrapper {
  position: relative;
}
table thead .easystart,
table thead .essentiel,
table thead .business,
table thead .propremium {
  position: absolute;
  top: -35px;
  left: -45px;
  padding: 8px 0px;
  width: 165px;
  height: 43px;
  float: left;
  font-weight: bold;
  border-radius: 5px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.options table thead .easystart,
.options table thead .essentiel,
.options table thead .business,
.options table thead .propremium {
  top: -110px;
  left: -5px;
  padding: 12px 0px;
  width: 90px;
  height: 57px;
  line-height: 15px;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;

}
.bermudas {
  position: absolute;
  top: 14px;
  left: -19px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.options .bermudas {
  top: -54px;
  left: 27px;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

table thead .easystart {
  color: #76B729;
  border: 1px solid #76B729;
}
table thead .essentiel {
  color: white;
  background: #86C3EB;
}
table thead .business {
  color: white;
  background: #FDC300;
}
table thead .propremium {
  color: white;
  background: #DA003D;
}
table thead .triangle {
  position: relative;
}
.options table thead .triangle {
  position: relative;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
table thead .triangle:before {
  content: "\A";
  border-style: solid;
  border-width: 14px 15px 14px 0;
  position: absolute;
  left: -11px;
  top: 0px;
}
.options table thead .triangle:before {
  left: -11px;
  top: -15px;
}

table thead .easystart .triangle:before {
  border-color: transparent #76B729 transparent transparent;
}
table thead .essentiel .triangle:before {
  border-color: transparent #86C3EB transparent transparent;
}
table thead .business .triangle:before {
  border-color: transparent #FDC300 transparent transparent;
}
table thead .propremium .triangle:before {
  border-color: transparent #DA003D transparent transparent;
}
table tbody tr th {
  border-top: 1px solid black;
}
.options-slider table tbody tr:last-child {
  border-bottom: 1px solid black;
}
.tabs .tab-content table tbody tr th.green {
  font-weight: bold;
  font-size: 18px;
  padding-top: 10px;
}
table tbody tr:first-child th,
table tbody tr:first-child td {
  border-top: none;
}

table tbody tr.exclusivite th,
table tbody tr.exclusivite td {
  padding: 25px 5px 0px 5px;
  font-size: 26px;
}
tr.exclusivite td i {
  font-size: 42px;
}
#tab-comparatif  {
  position: relative;
}
#tab-comparatif > div:first-child {
  padding: 20px;
}
.border-green {
  margin-bottom: 50px;
  padding: 0 15px 0 15px;
  border: 5px solid #76B729;
  border-radius: 8px;
}
.example-options {
  padding: 20px;
}
.border-green  table{
  margin-top: 20px;
}
.options .border-green  table{
  margin-top: 0px;
}

.tabs-container .tabs .tab-content table th {
  width: 65%;
}
.tabs-container .tabs .tab-content table td {
  width: 8%;
}

.tabs-container .tabs .tab-content .border-green table th {
  width: 64.5%;
}

.border-green h4 {
  display: inline;
  margin-left: -15px;
  padding: 5px;
  border-bottom-right-radius:  8px;
}
.options .border-green h4 {
  position: absolute;
  top: -11px;
  margin-left: -15px;
  margin-top: 10px;
  padding: 15px;
  border-bottom-right-radius:  8px;
}

.icones {
  margin-top: 20px;
  text-align: center;
}

.icones h2 {
  line-height: 1;
  margin-top: 25px;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
}

/*  PAGES DETAILS OFFRES
------------------------ */
.visuel-offre {
  position: relative;
}
.plus-vert {
  position: absolute;
  top: 124px;
  left: 171px;
}
.btn-easystart-inscription {
  background-color: #76b729 !important;
  border-color: #76b729 !important;
}
.btn-easystart-inscription, .btn-essentiel-inscription {
  float: left;
}
.btn-easystart-inscription + div, .btn-essentiel-inscription + div {
  float: left;
  margin: 10px 10px;
}
.img-pack {
  position: absolute;
  top: -37px;
  left: 41px;
}
.offres .asterisque {
  margin-top: 15px;
  margin-bottom: 80px;
  line-height: 12px;
}
@media (max-width: 767px) {
  .offres .asterisque {
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .offres .asterisque {
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 12px;
  }
}
.offres .border h4 {
  margin-bottom:0px;
}
.borderedteaser-desc {
  font-size: 18px;
}
.onglet-voir-video {
  border: none !important;
}


/*  TEMOIGNAGES
------------------------ */
.testimony {
  text-align: center;
}
.testimony h3 {
  font-size: 30px;
  font-weight: lighter;
  margin-bottom: 40px;
}
.testimony .quote {
  font-size: 20px;
  font-style: oblique;
}
.testimony .experience-client {
  line-height: 20px;
}

/*  OPTIONS
------------------------ */
.options h1 {
  text-align: center;
}
.options h1 .pourbooster{
  font-size: 35px;
}

.options h2 {
  margin: 10px 0 0 0;
  font-weight: bold;
  font-size: 22px;
  line-height: 22px;
  display: inline-block;
}
.options h3 {
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
}
.options .row {
  margin-bottom: 35px;
}
.options .col-md-4 {
  padding-right: 50px;
  padding-left: 50px;
}

.options a:hover, .options a:focus {
  text-decoration: none !important;
}

.options .last-row-options {
  margin-bottom: 130px;
}
.options table tbody tr td {
  width: 9%;
}

strong.title-nb-options {
  line-height: 15px;
}
@media (max-width: 767px) {
  .options .col-md-4 {
    padding: 0;
  }
  .options h1 {
    font-size: 42px;
  }
  .options .last-row-options {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .options .col-md-4 {
    padding: 0;
  }
  .options h1 {
    font-size: 42px;
  }
  .options .last-row-options {
    margin-bottom: 20px;
  }
}


/* CALL TO ACTION
------------------------ */

.btn-primary {
  padding: 15px;
  font-size: 18px;
  background-color: #f3b800;
  border-color: #f3b800;
}
.btn.btn-primary:active, .btn.btn-primary:hover, .btn-login:active, .btn-login:hover {
  color: #76b729 !important;
  background-color: #ffffff !important;
  border-color: #76b729 !important;
}
.btn-close {
  padding: 13px !important;
  font-size: 15px;
  background-color: #6d6d6d !important;
  border-color: #6d6d6d !important;
}

.btn-primary i {
  margin-top: -2px;
  margin-left: 10px;
}

/* MODAL CONTACT
------------------------ */
.modal-overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #FFF;
  opacity: 0.5;
  z-index: 9999;
}
.modal-contact .modal-content {
  border-radius: 10px;
}
.modal-contact .modal-body {
  padding: 0;
}
.modal-contact .row {
  width: 100% !important;
}
.modal-contact .modal-header {
  text-align: center;
  color: #ffffff;
  font-size: 25px;
  background: #76b729;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.modal-contact .modal-triangle-header {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 299px 0 299px;
  border-color: #76b729 transparent transparent transparent;
}
@media (max-width: 767px) {
  .modal-contact .modal-triangle-header {
    display: none;
  }
  .modal-contact .modal-header, .modal-contact h4 {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal-contact .modal-triangle-header {
    display: none;
  }
  .modal-contact .modal-header, .modal-contact h4 {
    font-size: 15px;
  }
}
.modal-contact #contactstarterrepro_societe {
  margin-top: 20px;
}
.modal-contact .success,
.modal-contact .error {
  border-radius: 10px;
}
.modal-contact .success {
  color: #76b729;
  border: 2px solid #76b729;
  margin-top: 25px;
}
.modal-contact .error {
  margin-top: 20px;
}
.modal-contact .error, .popover-login .error {
  color: #DE002A;
  border: 2px solid #DE002A;
  margin-bottom: 5px;
}
.popover-login .error p {
  margin: 5px 0;
}
.modal-contact h4 {
  text-align: center;
  font-size: 25px;
  font-weight: lighter;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .modal-contact h4 {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal-contact h4 {
    font-size: 15px;
  }
}
.modal-contact .btn {
  margin-top: 20px;
  border-radius: 20px;
}
.modal-contact .footer {
  margin-top: 10px;
  font-size: 16px;
}
.modal-contact .footer .green {
  font-weight: bold;
}
.modal-contact div.radio {
  float: left;
  font-size: 16px;
}
.modal-contact .radio+.radio {
  margin-top: 10px;
}
.modal-contact .custom-radio-buttons {
  text-align: center;
}
.modal-contact .mandatory {
  color: #555
}
.modal-contact .footer h4{
  font-size: 23px;
  text-align: left;
}
/* CONTACT PAGE
------------------------ */
.contactez-moi {
  padding: 0;
  margin-top: 0 !important;
}
.contactez-moi .bordered-row {
  margin-top: 15px !important;
}
.contactez-moi h2 {
  background: #76b729;
  color: #ffffff;
  width : 100%;
  line-height: 30px;
  padding: 15px;
  margin-bottom: 0px;
}
/* POPOVER LOGIN
------------------------ */
.login-form-global{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 51px;
}
.login-form-global form {
  text-align: center;
}
.login-form-global a {
  color: #000;
  margin-bottom: 20px;
}
.form-login .btn-form-login{
  width: 30%;
  margin: 0;
}
.form-group-login {
  width: 100%
}
.form-group-login .form-control {
  background-color: #E6E5EA;
  border-radius: 2px;
  color: #000;
  border: none;
}
.chevron-login {
  position: relative;
  top: 3px;
  right: 3%;
  margin-top: 0;
  color: #ffffff;
}
@media (min-width:320px) and (max-width: 767px) {
  .chevron-login {
    right: -200px;
  }
  .login-form-global {
    height: calc(100vh - 265px);
    margin-top: 70px;
  }
  .form-login .btn-form-login{
    width: 100%;
    margin: 0;
    border-radius: 5px;
    margin-top: 40px;
  }
  .chevron-login {
    position: relative;
    top: -33px;
    right: -43%;
    margin-top: 0;
    color: #ffffff;
  }
}
.popover-login {
  font-family: 'Open Sans', sans-serif;
  padding: 0px;
}
.popover-login .popover-content {
  padding: 0px;
}
.popover-login .btn-primary {
  color: white;
  border: 2px solid black;
  background: black;
  margin-right: 44px;
}
.popover-login .form-login {
  padding: 15px;
  width: 274px;
}
.popover-login label.remember_me {
  display: inline-block;
}
.popover-login .form-login .form-title {
  display: inline-block;
  line-height: 36px;
  margin: 0;
  vertical-align: middle;
  font-size: 32px;
}
.popover-login .input-icon {
  position: relative;
}
.popover-login .input-icon input {
  padding-left: 33px !important;
}
.popover-login .form-login .btn,
.popover-login .form-login .form-control {
  font-size: 16px;
  border-radius: 20px;
}

.popover-login .form-login .form-control {
  height: 36px;
  border-radius: 4px;
}

.popover-login .form-login .form-group {
  vertical-align: top;
}

.popover-login .form-login .form-group i {
  font-size: 22px;
}

.popover-login .form-login .btn i {
  font-size: 16px;
}
.popover-login .form-control:-moz-placeholder {
  color: #999999;
}
.popover-login .form-control::-moz-placeholder {
  color: #999999;
}
.popover-login .form-control:-ms-input-placeholder {
  color: #999999;
}
.popover-login .form-control::-webkit-input-placeholder {
  color: #999999;
}
.popover-login .form-control {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.popover-login .form-control:focus {
  border-color: #999999;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.popover-login .form-control[disabled],
.popover-login .form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.popover-login .input-icon i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 9px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}
.popover-login .input-icon i.account {
  margin-top: 9px;
  font-size: 19px;
}
.popover-login .no-account {
  background-color: #f3b800;
  color: black;
  max-width: 274px;
  padding: 18px;
  margin: 0;
  font-size: 16px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.popover-login .no-account a {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .chevron-login {
    right: -680px;
  }
}
/* POPOVER CART*/
.popover-cart {
  max-width: 500px;
  max-height: 500px;
}
.popover-cart {
  font-size: 0.9em;
}
.popover-cart {
  font-family: 'Open Sans', sans-serif;
  padding: 0px;
}
.popover-cart .popover-content{
  padding: 5px 0 0 0;
}
.popover-cart .valid-command {
  background-color: #f3b800;
  color: black;
  width: 100%;
  padding: 18px;
  margin: 0;
  font-size: 16px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  text-align: center;
}
.popover-cart .valid-command a {
  font-size: 20px;
}
.popover-cart  label {
  width: 260px;
}
.popover-cart .row.total-abo {
  width: 85%;
}
.popover-cart .row.total-abo .abo {
  width: 100% !important;
}
.popover-cart .row.total-abo .abo{
  margin-top:0px;
}
.popover-cart .row.total-frais {
  width: 100%;
}
.popover-cart .row.total-frais .frais-install {
  width: 94% !important;
}
.popover-cart .recap {
  margin-top: 8px;
}
.popover-cart .frais-install .triangle:before {
  right: 50px;
  top: -13px;
}
/*CUSTOM CHECKBOXES AND RADIO BUTTONS*/
.radio input[type="radio"] {
  display:none;
}
.radio input[type="radio"] + span.radio-custom, input[type="radio"] + span.radio-custom > span.concentric {
  position: absolute;
  display:inline-block;
  width:18px;
  height:18px;
  margin:-1px 4px 0 0;
  vertical-align:middle;
  cursor:pointer;
  -moz-border-radius:  50%;
  border-radius:  50%;
  background-color: white;
}
.radio input[type="radio"] + span.radio-custom {
  top: 6px;
  left: 16px;
  border: 1px solid #ccc;
}
.radio input[type="radio"] + span.radio-custom.radio-packs {
  top: 3px;
  left: -24px;
  border: 1px solid #ccc;
}
@media (max-width: 767px) {
  .radio input[type="radio"] + span.radio-custom.radio-packs {
    left: 24px;
  }
}
.radio input[type="radio"] + span.radio-custom > span.concentric {
  width:10px;
  height:10px;
  top: 25%;
  left: 20%;
}

.radio input[type="radio"]:checked + span.radio-custom > span.concentric {
  background-color: #76b729;
}
/* to hide the checkbox itself */
input[type=checkbox] {
  display:none; }
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}
/* unchecked icon */
input[type=checkbox] + label:before {
  content: "\f096";
}
/* space between checkbox and label */
input[type=checkbox] + label:before {
  letter-spacing: 10px;
}
input[type=checkbox]:checked + label:before {
  letter-spacing: 8px;
}
.popover-login input[type=checkbox] + label:before {
  letter-spacing: 5px;
  color: #A0A0A0;
}
.popover-login input[type=checkbox]:checked + label:before {
  letter-spacing: 3px;
}
/* checked icon */
input[type=checkbox]:checked + label:before {
  content: "\f046";
}

/* CONTACT
------------------------ */

.section-contact {
  background: #76b729;
  margin-top: 80px;
  padding: 40px 0;
}
.section-contact-headline {
  color:#ffffff;
  font-size: 30px;
  padding-top: 5px;
}
.section-contact-btn {
  font-size: 24px;
}

/* INSCRIPTION - STEPS
------------------------ */

#inscription .bg-success {
  font-size: 18px;
  padding: 15px;
  text-align: center;
}

#inscription .stepset .checkbox+.checkbox, #inscription .stepset .radio+.radio {
  margin-top: 10px;
}
#inscription .stepset .checkbox label,#inscription .stepset .radio label {
  padding-left: 0px;
}
@media (max-width: 767px) {
  .stepset.container {
    padding: 0px;
  }
  #inscription .stepset .checkbox label,#inscription .stepset .radio label {
    text-align: center;
  }
  #inscription .stepset .checkbox label,#inscription .stepset .radio label > div {
    width: auto !important;
  }
}

#inscription .radio:first-child label img {
  margin-left: -20px;
}
#inscription .price-detail {
  margin-top: 10px;
  margin-left: -25px;
  text-align: center;
}

.light-green-bg {
  background-color: #F1F7E9 !important;
}
.light-gray-bg {
  background-color: #ECECEC !important;
}
.options-table td {
  text-align:left;
}
.options-table td.center {
  text-align:center;
}
table.options-table > thead > tr > td {
  padding: 0;
}
table.options-table > thead > tr {
  height: 40px;
}
table.options-table > tbody > tr > td {
  border-bottom: 1px solid #A0A0A0;
}
table.options-table tr > td:last-child {
  border-left: 8px solid white;
}
@media (max-width: 767px) {
  table.options-table tr > td:last-child {
    border-left: 2px solid white;
  }
}
table.options-table > tbody > tr > td > input[type=checkbox] + label:before {
  color: black;
}
table.options-table > tbody > tr > td > input[type=checkbox] + label, table.options-table > tbody > tr > td.amount {
  color: black;
}
table.options-table > tbody > tr > td > input[type=checkbox]:checked + label:before {
  color: #76B82A;
}
table.options-table > tbody > tr > td > input[type=checkbox]:checked + label {
  color: black;
}
table.options-table > thead > tr > td.abo-annuel {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
table.options-table > thead > tr > td.abo-mensuel {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (max-width: 767px) {
  .options-table  {
    font-size: 0.8em;
  }
  .options-table  h3.green{
    font-size: 14px;
  }
  table.options-table > thead > tr > td.abo-mensuel,
  table.options-table > thead > tr > td.abo-annuel {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .options-table h3.green {
    font-size: 20px;
  }
}
.design-form-overlay {
  position: absolute;
  background: #fff url('/images/select2-spinner.gif') no-repeat 15% 15%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  z-index: 9999;
}
.choix-theme select {
  width: 200px;
}
.stepset .errors {
  margin: 10px 0;
  padding: 10px;
  border: 2px solid #bb2413;
  border-radius: 5px;
  color: #bb2413;
}
.stepset .valid .mark {
  color: #35aa47;
}
.stepset .invalid .mark {
  color: #ffb848;
}
.stepset .mark {
  float: right;
  margin-top: 25px;
  background: none;
}
.stepset .valid .mark .invalid {
  display: none;
}
.stepset .invalid .mark .valid {
  display: none;
}
.stepset .portlet.box.valid {
  border: 1px solid #35aa47;
  border-top: 0;
}
.stepset .portlet.box.valid > .portlet-title {
  background-color: #35AA47;
}

.stepset .portlet.box.invalid {
  border: 1px solid #ffb848;
  border-top: 0;
}
.stepset .portlet.box.invalid > .portlet-title {
  background-color: #ffb848;
}

.stepset .steps-container .step {
  opacity: 0;
  display: block;

  -webkit-transition: opacity .3s linear, height 0s linear 0.3s;
  -moz-transition: opacity .3s linear, height 0s linear 0.3s;
  -ms-transition: opacity .3s linear, height 0s linear 0.3s;
  -o-transition: opacity .3s linear, height 0s linear 0.3s;
  transition: opacity .3s linear, height 0s linear 0.3s;

  height: 0;
  overflow: hidden;
  margin-bottom: 0;
}
.stepset .steps-container .step.active {
  opacity: 1;
  display: block;
  height: auto;
  margin-bottom: 25px;
}

.stepset .steps-container .step,
.stepset .steps-container .step .mark {
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.stepset .form-wizard {
  width: 29.5%;
}
@media (max-width: 767px) {
  .stepset .form-wizard {
    display: none;
  }
}
.stepset .form-wizard .nav > li {
  float: none;
  margin-top: 5px;
  margin-bottom: 20px;
}

.stepset .form-wizard .nav > li > a {
  cursor: pointer;
  height: 65px;
  width: auto;
  background: #efefef;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.stepset .form-wizard .nav > li > a .fa {
  font-size: 40px;
  color: #35AA47;
}

.stepset .form-wizard .number {
  display: block;
  float: left;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  background-color: #b5b5b5;
  border-radius: 25px;
}

.stepset .form-wizard .desc {
  line-height: 45px;
  text-transform: uppercase;
  color: #b5b5b5;
  font-size: 18px;
  font-weight: bold;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .stepset .form-wizard .desc {
    font-size: 12px;
  }
  #inscription > div.ng-scope > form > div > div.form-wizard.pull-left > ol > li:nth-child(4) > a > span.number.text-center {
    margin-right: 6px;
  }
  #inscription > div.ng-scope > form > div > div.form-wizard.pull-left > ol > li:nth-child(4) > a > span.desc {
    line-height: 24px;
    padding-left: 5px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .stepset .form-wizard .desc {
    font-size: 15px;
  }
  #inscription > div.ng-scope > form > div > div.form-wizard.pull-left > ol > li:nth-child(4) > a > span.number.text-center {
    margin-right: 6px;
  }
  #inscription > div.ng-scope > form > div > div.form-wizard.pull-left > ol > li:nth-child(4) > a > span.desc {
    line-height: 24px;
    padding-left: 5px;
  }
}
.stepset .form-wizard .nav > li > a {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.stepset .form-wizard .nav > .active > a,
.stepset .form-wizard .nav > .active > a:hover {
  margin-right: -1px;
  background: none;
  border: 1px solid #E0E0E0;
  border-right: 1px solid white;
}
.stepset .form-wizard .active .number {
  background-color: #74b729;
}
.stepset .form-wizard .active .desc {
  color: #74b729;
}

.stepset .steps-container {
  max-width: 70.5%;
  margin-bottom: 50px;
}
.stepset .steps-container .step > * {
  padding: 15px;
}
@media (max-width: 767px) {
  .stepset .steps-container {
    max-width: 100%;
    float: none !important;
  }
  .form-inscription-pro h3 {
    font-size: 16px;
    text-align: center;
  }
  .form-inscription-pro h3 .visible-xs {
    display: inline !important;
  }
  .form-inscription-pro button[type="submit"] {
    padding: 5px;
    border-radius: 0;
    height: 50px;
    font-size: 16px !important;
    width: 90%;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
  }
  .form-inscription-pro .btn-retour {
    font-size: 16px !important;
    display: block;
    height: 50px;
    padding: 5px;
    width: 90%;
    border: 1px solid #8B9298;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    line-height: 2.5em;
  }
  .stepset .steps-container .step > * {
    padding: 0px;
  }
  .stepset .steps-container .step .row {
    padding: 0px;
  }

}

.stepset .steps-container .step.active {
  min-height: 350px;
  border: 1px solid #E0E0E0;
}
@media (max-width: 767px) {
  .stepset .steps-container .step.active {
    border-width: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .stepset .steps-container .step.active {
    border-width: 0px;
  }
}
.stepset .steps-container .step.active:not(:first-child) {
  border-radius: 5px 5px 5px 5px;
}
.stepset .steps-container .step.active:first-child {
  margin-top: 5px;
  border-radius: 0 5px 5px 5px;
}

.stepset .steps-container .step .portlet-body {
  position: relative;
  min-height: inherit;
  padding-bottom: 90px;
}
.stepset .steps-container .step .form-group input {
  border-radius: 0;
}
.stepset .steps-container .adress {
  padding-left: 15px;
}

.stepset .steps-container .step .nav-btns {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-right: 30px;
}
.btn-retour {
  background-color: #fff;
  border-color: #8B9298;
  color: #8B9298 !important;
  margin-left: 18px;
  border-radius: 2px;
  padding: 15px;
  font-size: 18px;
  margin-top: 20px;
  border-bottom-width: 1px;
}
.btn-retour:hover {
  cursor: pointer;
  background-color: #fff;
  color: #7d8388 !important;
  border-color: #7d8388;
}
.demo-site {
  margin-right: 0;
  margin-top: 10px;
}
.screenshot-image {
  margin: 15px;
  height: 500px;
}
.stepset .steps-container .step.saisie-infos .portlet-body {
  padding-bottom: 0px;
}
.saisie-infos small{
  color: #7D7D7D;
}
.recap-infos small {
  color: #424040;
  margin-left: 15px;
}
.recap-infos h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.saisie-infos .radio {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 40px;
}
@media (max-width: 767px) {
  .saisie-infos .radio {
    margin-left: 0px;
  }
}
.saisie-infos .radio:nth-child(2) {
  margin-left: 0px;
}
.recap {
  padding: 8px 15px 8px 15px;
  border-radius: 20px;
  margin: 15px 15px 0px 15px;
}
.recap .triangle:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  content: "\A";
  border-style: solid;
  border-width: 14px 15px 14px 0;
  position: absolute;
  right: 75px;
  top: -20px;
}
.preDotted span {
  background: inherit;
  padding-left: 2px;
}
.preDotted span:nth-child(2) {
  z-index: 1;
  position: relative;
}
.preDotted span:last-child {
  float: right;
  position: relative;
  z-index: 2;

}
.recap.preDotted:before {
  content: '';
  position: absolute;
  width: 90%;
  height: 0;
  line-height: 0;
  border-bottom: 2px dotted #fff;
  bottom: 15px;
}
.light-gray-bg.preDotted:before {
  border-bottom-color: #000;
}
.recap.abo .triangle:before {
  border-color: transparent #76b729 transparent transparent;
}
.recap.frais-install .triangle:before {
  border-color: transparent #ECECEC transparent transparent;
}
@media (min-width: 992px) {
  .recap.col-sm-8 {
    width: 64.666667%;
  }
}
@media (max-width: 480px) {
  .recap.preDotted:before {
    width: 80%;
  }
}
.recap-infos .informations {
  margin-bottom: 30px;
}

/* FOOTER
------------------------ */
footer {
  font-size: 14px;
  line-height: 1.423em;
  margin-top: 0px !important;
}
footer .visible-xs-block.visible-sm-block .social-btn {
  margin: 15px 0 0 0!important;
}
footer .container.mobile, footer .container.mobile .row {
  padding: 0 !important;
}
footer h3.green {
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 16px;
}

footer p {
  margin-bottom: 10px;
  line-height: 1;
}

.footer-header {
  padding: 20px;
  color: #ffffff;
  font-size: 20px;
  background: #76b729;
}
footer li, footer li a, footer p {
  color: #5a5a5a !important;
}
footer .mobile-footer-menu {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0 !important;
  border-bottom: 1px solid #76b729;
}
footer .mobile-footer-menu a {
  text-indent: 8px;
  display: block;
  padding: 10px 0;
  border-top: 1px solid #76b729;
}
.copyright {
  font-size: 11px;
  font-weight: 400;
}
.pull-right a, .pull-right a:visited {
  color: #5a5a5a;
  font-weight: 600;
}
.pull-right-glyph {
  margin-left: 5px;
}
.pull-right a:hover {
  color: #76b729;
  text-decoration: none;
}
.hautdepage {
  font-size: 12px;
}
.hautdepage, .hautdepage:focus {
  position: fixed;
  right: 10%;
  bottom: 50px;
  width: 40px;
  height: 40px;
  display: block;
  color: white !important;
  background-color: rgba(0, 0, 0, 0.28);
  padding: 0 4px;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}
.hautdepage:hover {
  background-color: rgba(0, 0, 0, 0.61);
}
.hautdepage .glyphicon {
  font-size: 22px;
  line-height: 40px;
  display: block;
}
.footer-header .join-us {
  color: white;
  display: inline-block;
  font-size: 30px;
}
.social-btn {
  list-style: none;
}
.social-btn > li {
  display: inline-block;
}

div.social-btn .col-sm-2.col-xs-2{
  padding: 0!important;
  zoom: 1.3;
}
.social-btn a {
  display: inline-block;
}
.social-btn > li > a {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.social-btn > li > a:hover {
  background-position: 28px 0px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.social-btn-fb {
  width: 28px;
  height: 28px;
  background-image: url('/images/facebook.png');
  background-position: 28px 28px;
}
.social-btn-tw {
  width: 28px;
  height: 28px;
  background-image: url('/images/twitter.png');
  background-position: 28px 28px;
}
.social-btn-gp {
  width: 28px;
  height: 28px;
  background-image: url('/images/googleplus.png');
  background-position: 28px 28px;
}
.social-btn-ln {
  width: 28px;
  height: 28px;
  background-image: url('/images/linkedin.png');
  background-position: 28px 28px;
}
.social-btn-yt {
  width: 28px;
  height: 28px;
  background-image: url('/images/youtube.png');
  background-position: 28px 28px;
}
.social-btn-rss {
  width: 28px;
  height: 28px;
  background-image: url('/images/rss.png');
  background-position: 28px 28px;
}

/* RESPONSIVE CSS
------------------------- */

@media (min-width: 768px) {
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
  .featurette-heading {
    font-size: 50px;
  }
}

@media (max-width: 768px) {
  .carousel-caption-custom {
    left:0%;
    right: 0%;
    text-align: center;
  }
  .carousel .item {
    height: 380px;
  }
  .carousel {
    height: 380px;
    margin-bottom: 20px;
  }
  .carousel-inner > .item > img {
    position: absolute;
    top: 20px;
    left: 0;
    height: 100%;
  }
  .text-intro {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 15px;
  }
  .carousel-caption-custom h1 {
    font-size: 24px;
  }
  .section-contact {
    text-align: center;
    margin-top: 30px;
    padding: 20px 0;
  }
  .section-contact-btn {
    margin-top: 20px;
  }
  footer {
    margin-top: 20px;
  }
  .copyright {
    text-align: center;
  }
}

#modal-diaporama .modal-content {
  border-radius: 10px;
}
#modal-diaporama .modal-header {
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  background: #76b729;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#modal-diaporama .modal-triangle-header {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 299px 0 299px;
  border-color: #76b729 transparent transparent transparent;
}
#modal-diaporama .success,
#modal-diaporama .error {
  margin: 5px 0 15px 15px;
  padding: 10px 20px 10px 10px;
  border-radius: 10px;
}
#modal-diaporama .success {
  color: #76b729;
  border: 2px solid #76b729;
}
#modal-diaporama .error {
  color: #DE002A;
  border: 2px solid #DE002A;
}
#modal-diaporama .btn {
  margin-top: 20px;
  border-radius: 20px;
}
#modal-diaporama .footer {
  margin-top: 10px;
  font-size: 16px;
}
#modal-diaporama .footer .green {
  font-weight: bold;
}

/* MENTIONS LEGALES
------------------------- */

.mentions-legales {
  margin-bottom: 50px;
}

.bordered-row {
  border-bottom: 1px solid #76b729;
  margin-top: 50px;
}

.bordered-row:not(:first-child) {
  margin-top: 50px;
}

.content-row {
  margin-top: 20px;
}

.content-row p, .content-row ul > li > a {
  color: #5a5a5a;
}

.content-row .address {
  text-align: left;
}

/* HELPERS
------------------------- */
.fw-bold {
  font-weight: bold !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw200 {
  font-weight: 200 !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs14 {
  font-size: 14px !important;
}
.underline {
  text-decoration: underline !important;
}
.sup-middle {
  vertical-align: middle !important;
}
.black {
  color: black !important;
}
.white {
  color: white !important;
}
.center {
  text-align: center !important;
}
.special-opt-block {
  background: #f5f5f5;
  padding-top: 40px;
  padding-bottom: 20px;
  border: 1px solid #ddd;
}
.carte-confort-tag {
  color: white;
  padding: 5px;
  font-size: 14px;
  background-color: #bb872d !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.carte-confort-bloc h4 {
  margin-top: 20px;
}
.carte-confort-liste-avantages {
  font-size: 16px;
  font-weight: 200;
  list-style: none;
  padding-left: 0;
}
.carte-confort-liste-avantages li {
    margin-top: 8px;
}
.gold {
    color: #bb872d !important;
}
.black {
    color: black !important;
}
.underline {
    text-decoration: underline !important;
}

#tm__offres__2018 {
  font-weight: 400;
}
#tm__offres__2018 .table-responsive {
  border: 0;
}
#tm__offres__2018 .row {
  width: auto;
  margin-right: -15px;
  margin-left: -15px;
}
#tm__offres__2018 table th {
  padding: 2px;
  vertical-align: bottom;
  text-align: center;
  line-height: 1.1;
}
#tm__offres__2018 table td {
  padding: 0 2px;
  vertical-align: middle;
  text-align: center;
  line-height: 1.1;
}
#tm__offres__2018 table th:first-child, #tm__offres__2018 table td:first-child {
  width: 500px;
  overflow: visible;
  white-space: initial !important;
}
#tm__offres__2018 table th:first-child img {
  width: 380px;
}
#tm__offres__2018 table th a {
  color: #ffffff;
  text-decoration: underline;
}
#tm__offres__2018 .table>tbody>tr>th .tm__th {
  padding: 15px;
  min-height: 200px;
  border-radius: 5px;
}
.tm__populaire {
  padding: 10px;
  border-radius: 5px;
}
.tm__populaire__after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #00A9AD transparent transparent;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 15px 15px 5px;
  content: "";
  overflow: visible !important;
  display: inline-block;
  width: 0;
  z-index: 100;
}
#tm__offres__2018 .table>tbody>tr>th.tm__offre__gratuit .tm__th {
  border: 1px solid #70BA13;
  padding-top: 80px;
}
#tm__offres__2018 .table>tbody>tr>th.tm__offre__liberte .tm__th, .tm__populaire {
  background-color: #00A9AD;
}
#tm__offres__2018 .table>tbody>tr>th.tm__offre__essentiel .tm__th {
  background-color: #84C1ED;
}
#tm__offres__2018 .table>tbody>tr>th.tm__offre__business .tm__th {
  background-color: #FFC500;
}
#tm__offres__2018 .table>tbody>tr>th.tm__offre__propremium .tm__th {
  background-color: #E90026;
}
#tm__offres__2018 table td {
  background-color: #F2F2F2;
  border-left: 3px solid #ffffff;
}
#tm__offres__2018 table td:first-child {
  background-color: #ffffff;
  text-align: left;
  padding: 15px;
}
#tm__offres__2018 table td:first-child>div {
  line-height: 1.4;
}
#tm__offres__2018 table td:not(:first-child) {
  border-top: 3px solid #ffffff;
}
#tm__offres__2018 table td h3 {
  font-size: 18px;
  line-height: 30px;
}
#tm__offres__2018 table td h3 svg {
  height: 18px;
}
.tm__bold {
  font-weight: bold;
}
.tm__color__white {
  color: #ffffff !important;
}
.tm__color__black {
  color: #000000 !important;
}
.tm__prix {
  font-size: 30px;
  margin-top: 10px;
}
.tm__frais {
  font-size: 12px;
  margin: 10px 0;
  font-weight: 400;
}
.tm__title__service {
  font-size: 24px;
}
#tm__offres__2018 table .tm__tarif__service {
  padding: 15px 0;
}
#tm__offres__2018 .modal-body h3 {
  margin-top: 20px;
  line-height: 1.2;
}
#tm__offres__2018 #th__table__mobile.table>tbody>tr>th .tm__th {
  min-height: auto;
  padding-top: 15px;
}
#tm__offres__2018 #th__table__mobile.table>tbody>tr>th {
  border-top: 0;
}
#tm__offres__2018 #th__table__mobile.table>tbody>tr>th .tm__th a.btn {
  padding: 10px;
  font-size: 14px;
  color: #ffffff;
  background-color: #76b729;
  border-color: #76b729;
  border-radius: 5px;
  margin-bottom: 0;
  margin-top: 15px;
}
#tm__offres__2018 #th__table__mobile.table>tbody>tr>th .tm__th a.tm__btn__details,
#tm__offres__2018 #th__table__mobile.table>tbody>tr>th .tm__th a.tm__btn__details:focus,
#tm__offres__2018 #th__table__mobile.table>tbody>tr>th .tm__th a.tm__btn__details:active {
  background-color: transparent !important;
  padding-left: 0;
  border: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#tm__offres__2018 #th__table__mobile.table>tbody>tr>th .tm__th a.tm__btn__details.tm__btn__details__close {
  margin: 5px 0 10px;
}
#tm__offres__2018 table th .tm__offres__details {
  background: #ffffff;
  padding: 0 10px;
  border-radius: 0 0 5px 5px;
  margin: 20px -14px -14px -14px;
}
#tm__offres__2018 table th .tm__offres__details h3 {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 24px;
  font-weight: 400;
}
#tm__offres__2018 table th .tm__offres__details h3 svg {
  height: 14px;
}
#tm__offres__2018 #th__table__mobile.table>tbody>tr>th .tm__th a.btn {
  margin-right: 0;
}
#tm__offres__2018 #th__table__mobile.table>tbody>tr>th .tm__th a.btn.tm__btn__pack {
  background-color: #ffffff;
  color: #000000;
  border: #ffffff solid 1px;
  margin-right: 0;
}
.btn.btn-primary.tm__color__white:active, .btn.btn-primary.tm__color__white:hover {
  color: #ffffff !important;
}
.tm__offres__details .tm__detail__row {
  padding-top: 5px;
  border-top: 1px solid #ddd;
}
.tm__offres__details .tm__detail__row.tm__nobordertop {
  border-top: 0;
}
.tm__title__service small {
  font-size: 12px;
}
.tm__title__service .text-right {
  line-height: 0.8;
  text-align: right;
}
.tm__option__mobile {
  text-align: right;
  line-height: 1.2;
  margin: 5px 0 10px 0;
}
.tm__option__mobile .tm__frais__installation__mobile {
  font-size: 10px;
}
@media (min-width: 1200px) {
  #tm__offres__2018 table th:first-child img {
    width: 450px;
  }
}
@media (max-width: 992px) {
  .tm__disclaimer.text-right {
    text-align: left;
  }
}

.color-pack {
  color: #76b729 !important;
}

.color-pack-1 {
  color: #76b729 !important;
}

.color-pack-2 {
  color: #00A9AD !important;
}

.color-pack-3 {
  color: #86c3eb !important;
}

.color-pack-4 {
  color: #fdc300 !important;
}

.color-pack-5 {
  color: #da003d !important;
}
.hr-p-10 {
  margin: 10px 0;
}
.ul-footer {
  list-style-type: none;
}
.p-footer {
  font-weight: bold;
  line-height: 1.65;
}
.include_option td:first-child {
  border-left: 85px solid #fff !important;
}
.showPackDetails {
  color: #000;
  font-weight: bold;
  margin-left: 8px;
  cursor: pointer;
  font-size: 11px;
  text-decoration: underline;
}

.showPackDetails:hover {
  text-decoration: none;
}

label.inline {
  display: inline !important;
}

@media (max-width: 767px) {
  .step-1 .radio-packs.radio-custom {
    top: 40px !important;
    left: 19px !important;
  }
}

.pictoIndex {
  width: 103px;
  height: auto;
}

.tui-colorpicker-slider-container {
  display: block !important;
}

.tui-colorpicker-palette-toggle-slider,
.tui-colorpicker-palette-preview {
  display: none !important;
}

.tui-colorpicker-palette-hex {
  width: 100% !important;
}

.col-xs-12.loading:after {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  content: "\f021";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  right: 27px;
  top: 5px;
}


.floating-form {
  padding-top: 5px;
}
.floating-form .form-group {
  position: relative;
  margin-bottom: 1.5rem;
}

.floating-form .form-control-placeholder {
  position: absolute;
  top: 5px;
  left: 13px;
  padding: 7px 0 0 13px;
  transition: all 200ms;
  opacity: 0.5;
}

.floating-form .form-control:focus + .form-control-placeholder,
.floating-form .form-control:disabled + .form-control-placeholder,
.floating-form .form-control:valid + .form-control-placeholder,
.form-control-placeholder.fixed {
  font-size: 85%;
  font-weight: 600;
  position: absolute;
  cursor: text;
  transition: all .2s;
  opacity: 1;
  top: -.5em;
  left: 2.5em;
  z-index: 3;
  line-height: 1;
  padding: 0;
}

.floating-form .form-control:focus + .form-control-placeholder:after,
.floating-form .form-control:disabled + .form-control-placeholder:after,
.floating-form .form-control:valid + .form-control-placeholder:after,
.form-control-placeholder.fixed:after {
  content: " ";
  display: block;
  position: absolute;
  background: #fff;
  height: 2px;
  top: 50%;
  left: -.2em;
  right: -.2em;
  z-index: -1;
}

.floating-form .form-control:disabled + .form-control-placeholder,
.floating-form .form-control.disabled + .form-control-placeholder {
  background-color: rgba(0,0,0,0);
}
.floating-form input:not([type="submit"]), .floating-form select, .floating-form textarea {
  border-radius: 5px !important;
  resize: none;
}

.floating-form .form-group.hasError:after,
.floating-form .form-group.isSuccess:after,
.floating-form .form-group.isEmpty:after {
  font-family: FontAwesome;
  position: absolute;
  right: -1px;
  font-size: 15px;
  top: 12px;
}

.floating-form .form-group.hasError,
.floating-form .form-group.hasError .form-control {
  color: #F3222A;
}
.floating-form .form-group.hasError input,
.floating-form .form-group.hasError select {
  border-color: #F3222A;
}
.floating-form .form-group.hasError:after{
  content: "\f057";
}

.floating-form .form-group.isSuccess,
.floating-form .form-group.isSuccess .form-control {
  color: #4caf50;
}
.floating-form .form-group.isSuccess input,
.floating-form .form-group.isSuccess select {
  border-color: #4caf50;
}
.floating-form .form-group.isSuccess:after{
  content: "\f058";
}

.floating-form .form-group.isEmpty,
.floating-form .form-group.isEmpty .form-control {
  color: #FE9C2C;
}
.floating-form .form-group.isEmpty input,
.floating-form .form-group.isEmpty select {
  border-color: #FE9C2C;
}
.floating-form .form-group.isEmpty:after{
  content: "\f06a";
}
.floating-form .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 1px 4px rgba(102,175,233,.6);
}
input[type="tel"]:focus {
  border-color: #bbb;
  outline: 0;
}