.hide {
  display: none !important;
}

/* Error Message & 404 */

.selectra-message-errror {
  font-size: 12px;
  padding-top: 10px;
  color: red;
}

.selectra-message-errror .icon-triangle-warning {
  display: block;
  float: left;
  width: 1.5rem;
  height: 1rem;
  padding: 0;
  margin: 0 .5rem 0 0;
  fill: #f10a0a;
}

@media (min-width: 360px) {
  .page-404 .selectra-message-errror {
    width: 250px;
    margin-left: 21%;
    margin-top: -26px;
  }
}

@media (min-width: 576px) {
  .page-404 .selectra-message-errror {
    width: 250px;
    margin-left: 21%;
    margin-top: -26px;
  }
}

@media (min-width: 768px) {
  .page-404 {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
  .page-404 .selectra-message-errror {
    margin-left: 27%;
    margin-top: -63px;
    width: 250px;
  }
}

@media (min-width: 992px) {
  .page-404 .selectra-message-errror {
    width: 250px;
    margin-left: 36%;
    margin-top: -63px;
  }
}

/* Heros */

h1.hero-back {
  font-weight: 500;
  color: #12a6d0;
  background-color: #fff;
  border-color: #fff;
  border-radius: 0.125rem;
  font-family: "Ubuntu", sans-serif;
  padding-top: .5625rem;
  padding-bottom: .5625rem;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem 1rem;
}

@media (min-width: 768px) {
  .hero.hero-home-general {
    /* background-image: url('/sites/all/themes/selecth/img/hero/hero-homepage-wwf.svg') */
    background-image: url('/sites/all/themes/selecth/img/hero/hero-general-homepage.png')
  }
  .hero.hero-home-assurance {
    background-image: url("/sites/all/themes/selecth/img/hero/hero-homepage-assurance-hab.png")
  }
  .hero.hero-caution {
    background-image: url("/sites/all/themes/selecth/img/hero/img-hero-caution.png")
  }
  .hero.hero-contrat-de-bail {
    background-image: url("/sites/all/themes/selecth/img/hero/img-hero-contratdebail.png")
  }
  .hero.hero-home-moving-in-out-insurance {
    background-image: url("/sites/all/themes/selecth/img/hero/hero-homepage-assurance-gradient.png")
  }
  .hero.hero-home-moving-in-out-energy {
    background-image: url("/sites/all/themes/selecth/img/hero/hero-homepage-demenagement-energie.png")
  }
  .hero.hero-home-moving-in-out-telecom {
    background-image: url("/sites/all/themes/selecth/img/hero/hero-homepage-demenagement-telecom.png")
  }
  .hero.hero-home-moving-in-out-propane {
    background-image: url("/sites/all/themes/selecth/img/hero/hero-homepage-demenagement-propane.png")
  }
  .hero.hero-kit-location {
    background-image: url("/sites/all/themes/selecth/img/hero/img-hero-kit-location.jpg")
  }
  .hero.hero-notice {
    background-image: url("/sites/all/themes/selecth/img/hero/img-hero-notice.png")
  }
  .hero.hero-domotic {
    background-image: url("/sites/all/themes/selecth/img/hero/hero-homepage-domotique.png")
  }
  .hero.hero-prix-fournisseur {
    padding-bottom: 18rem;
    background-image: url("/sites/all/themes/selecth/img/hero/hero-prix-xl.png")
  }
  .hero.hero-home-plum{
		background-image: url("/sites/all/themes/selecth/img/hero/XL---Hero---Homepage---plum.png");
		background-position: center -112px;
	}
  .hero.hero-home-cdiscount{
		background-image: url("/sites/all/themes/selecth/img/hero/xl---hero---homepage---cdiscount.png");
		background-position: center -112px;
	}
  .hero.hero-home-achat{
    background-image: url("/sites/all/themes/selecth/img/hero/XL---Hero---Homepage---AG.png");
    background-position: center -112px;
  }
  .hero.hero-prix-fournisseur .text-prix-fournisseur {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .hero.hero-home-plum .hero-heading{
    color: #fff;
  }
  .hero-home-finance {
    /* background-image: url("/sites/all/themes/selecth/img/hero/XL---Hero---Finance---Default.png") */
    background-image: url("/sites/all/themes/selecth/img/hero/ad-hero-homepage-finance.png");
  }
  .hero-home-finance .hero-heading,
  .hero-home-finance .list-check li {
    color: #0f88aa;
  }
}


@media (max-width: 768px) {
  .hero.hero-prix-fournisseur {
    background-image: url("/sites/all/themes/selecth/img/hero/hero-prix-xs.png")
  }
  .hero.hero-prix-fournisseur .heading {
    margin-top: 1.1rem;
    margin-bottom: 1.1rem;
  }
}

.hero.hero-prix-fournisseur .text-prix-fournisseur {
  text-align: center;
  font-size: 1.1rem;
  font-size: 18px;
}

.button-prix-fournisseur {
  border: 0;
  display: table;
  width: auto;
  margin: 0 auto 1rem;
}

.hero-moving-in-out-bis h1 {
  margin-top: 0.8em;
}

/* Info ( Old Banner ) */

.hero-home-default .list-card .card-banner-text .card,
.hero-home-default .list-card .card-infoblock-text .card {
  background-color: #fff;
}

.hero-home-default .list-card .card-banner-text,
.hero-home-default .list-card .card-infoblock-text {
  padding: 0 15px;
}

.hero-home-default .list-card .card-banner-text h2,
.hero-home-default .list-card .card-infoblock-text h2 {
  font-size: 1.375rem;
  font-weight: 500;
  color: #12a6d0;
}

.hero-home-default .list-card .card-banner-text p,
.hero-home-default .list-card .card-infoblock-text p {
  margin: 0;
}

@media (max-width: 991px) {
  .hero-home-default .list-card .card-banner-text,
  .hero-home-default .list-card .card-infoblock-text {
    display: block;
  }
  .hero-home-default .list-card .card-banner-text .card,
  .hero-home-default .list-card .card-infoblock-text .card {
    padding-bottom: 1.1rem;
  }
}

@media (min-width: 991px) {
  .hero-home-default .list-card .card-banner-text,
  .hero-home-default .list-card .card-infoblock-text {
    display: none;
  }
}

/* FIX Links not showing in MD scale*/
.card-banner-text a.icon-arrow,
.card-infoblock-text a.icon-arrow {
  display: block;
}

/* Hide User Informations */

.node-type-wide-container #author-informations, .node-type-conteneur #author-informations {
  display: none;
}

/* Home - "Et encore plus à venir" */

@media (min-width: 991px) {
  .card-more-to-come .card {
    padding-top: 42px;
  }
}

@media (min-width: 1200px) {
  .card-more-to-come .card {
    padding-top: 32px;
  }
}

/* Admin Menu */

#admin-menu {
  z-index: 10000000;
}

/* Open Call */

.call-center>*:not(.cc-default) {
  display: none;
}

/* Auto Summary */

#block-block-155 {
  display: none;
}

.node #auto-summary {
  margin-bottom: 15px;
  padding: 15px;
  background-color: #f0f8fa;
}

.node #auto-summary ol {
  margin-bottom: 0;
}

@media (max-width: 591px) {
  .node #auto-summary {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.wrapper-auto-summary {
  margin-bottom: 40px;
}

#block-system-main #content-area h2 {
  margin-top: 0;
  padding-top: 0;
}

/* Sidebar Blocks Specs */

.sidebar .img-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sidebar .title-centered {
  display: block;
  margin: 15px 0;
  text-align: center;
}

.sidebar .picto-margin-right {
  margin-right: 10px;
}

.sidebar form.btn {
  display: block !important;
  width: auto !important;
}

main.content form.btn {
  width: auto;
}

.btn input[type="submit"] {
  padding: 0 !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  color: #fff !important;
}

@media (min-width: 1200px) {
  .aside .btn-phone, .aside-provider-subscription-telecom .btn {
    font-size: 1.375rem;
  }
}

/* Domotic images */

.widget-call .widget-call-image-domotic-general, .widget-call-third .widget-call-image-domotic-general, .widget-call-half .widget-call-image-domotic-general {
  background-image: url("/sites/all/themes/selecth/img/temp/domotic-general.jpg")
}

.widget-call .widget-call-image-domotic-securite, .widget-call-third .widget-call-image-domotic-securite, .widget-call-half .widget-call-image-domotic-securite {
  background-image: url("/sites/all/themes/selecth/img/temp/domotic-securite.jpg")
}

.widget-call .widget-call-image-domotic-thermostat, .widget-call-third .widget-call-image-domotic-thermostat, .widget-call-half .widget-call-image-domotic--thermostat {
  background-image: url("/sites/all/themes/selecth/img/temp/domotic-thermostat.jpg")
}

/* FIX */

#block-system-main>.content, #block-system-main .node-wide-container>.content, .block>.content, .node-type-fournisseurs-energie .node-fournisseurs-energie>.content, .node-type-fournisseurs-telecom .node-fournisseurs-telecom>.content, .node-type-fournisseurs-assurance .node-fournisseurs-assurance>.content, .node-type-fournisseurs-domotique .node-fournisseurs-domotique>.content, .node-type-fournisseurs-propane .node-fournisseurs-propane>.content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#block-system-main .content, #block-system-main .node>.content {
  margin-top: 0 !important;
}

.page-taxonomy-term #block-system-main {
  display: none;
}

#author-informations {
  clear: both;
}

.sidebar li, .sidebar #block-block-155 li {
  margin-left: 0;
}

#breadcrumb {
  margin-top: 2.3rem;
  margin-bottom: 0;
}

#breadcrumb .breadcrumb, #block-system-main .breadcrumb {
  margin-top: 0;
}

#breadcrumb .breadcrumb li:last-child a, #block-system-main .breadcrumb li:last-child a {
  color: #148da8;
  pointer-events: auto;
}

#breadcrumb .breadcrumb li:last-child a:hover, #block-system-main .breadcrumb li:last-child a:hover {
  text-decoration: underline;
}

#breadcrumb .delimiter {
  margin-left: 7px;
  margin-right: 7px;
}

.node-type-wide-container .breadcrumb, .node-type-wide-container .breadcrumb li {
  margin-bottom: 0;
}

/* Views Fixes */

span.views-throbbing {
  display: none !important
}

a.views-throbbing {
  padding-right: 0 !important
}

.ajax-progress-throbber {
  display: none !important
}

.view-filters {
  margin-bottom: 1.5rem;
}

.view-filters .label {
  margin-bottom: .75rem;
}

.pager--infinite-scroll {
  margin: 0;
  width: 100%;
}

.pager--infinite-scroll li {
  margin: 0;
  list-style: none;
}

.pager--infinite-scroll li a {
  display: block;
  width: auto;
  min-width: 320px;
  max-width: 320px;
  margin: 0 auto;
  padding: .475rem 1rem;
  background-color: #12a6d0;
  border-color: #12a6d0;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -moz-border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  border-radius: 0.125rem;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pager--infinite-scroll li a:hover {
  color: #fff;
  background-color: #0f88aa;
  border-color: #0f88aa;
}

.views-exposed-form .views-exposed-widget {
  padding: 0;
}

.views-exposed-form .views-exposed-widget .form-select {
  margin-bottom: 0;
  -moz-border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  border-radius: 0.125rem;
  padding-left: .5rem;
  padding-right: 1rem;
  color: #595959;
  font-family: "Source Sans Pro", sans-serif;
  background-color: #fff;
  border-color: #d9d9d9;
  -webkit-appearance: button;
  font-size: 1rem;
  padding-top: .5625rem;
  padding-bottom: .5625rem;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.views-exposed-form .views-exposed-widget .form-type-select {
  position: relative;
}

.views-exposed-form .views-exposed-widget .form-type-select:after {
  position: absolute;
  top: 18px;
  right: 7px;
  margin-left: .875rem;
  border-top: 0.45em solid #f5a422;
  border-right: .225em solid transparent;
  border-left: .225em solid transparent;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
}

.block-views li.list-card {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1rem;
  margin-left: 0;
}

.energy-news-list {
  margin-top: 3.575rem;
}

@media (min-width: 768px) {
  .view-provider-guide-list .view-content>h2 {
    margin-bottom: 1.6rem;
  }
}

.view-provider-guide-list .view-content>h2 {
  margin-top: 0;
}

/* FIX Dropdown File Download */

.hero-moving-in-out-bis {
  overflow: visible;
}

.dropdown.file-download .dropdown-item+.dropdown-item {
  white-space: normal;
}

/* Fix Sort Tools */

#providers-list-filter .dropdown input {
  visibility: hidden;
  width: 0;
}

/* Fix Content Blocks */

.call-bordered {
  padding: .75rem 1rem 1rem;
  border: 1px solid #e6e6e6;
  border-radius: .125rem;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
}

/* Fix Sidebar Blocks */

.sidebar .block {
  margin-top: 0;
  margin-bottom: 40px;
}

.sidebar .block h3, .sidebar h3 {
  color: inherit;
}

.sidebar .region-sidebar-first>.block:first-child {
  margin-top: 0;
}

.sidebar .wrapper-most-read {
  margin-top: 32px;
}

.aside-newsletter .form-group button.btn {
  width: 100%;
}

/* Divers Fixes */

.table caption {
  caption-side: inherit;
}

.page-node-2537 .input-group {
  display: block;
}

.page-node-2537 .input-group .checked {
  padding: 5px 10px !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#content-area .box-gauche a:not(.btn), #content-area .box-droite a:not(.btn), #content-area .box-centre a:not(.btn), #content-area .box-gauche a:not(.btn):visited, #content-area .box-droite a:not(.btn):visited, #content-area .box-centre a:not(.btn):visited {
  color: #fff;
}

.team .list-card .item-grid {
  margin-bottom: 1em;
  margin-left: 0;
}

.view-moving-in-out-fixtures {
  margin-top: 3em;
}

.content .hero-moving-in-out {
  margin-top: 0;
  margin-bottom: 3rem;
}

.aside-fixed {
  padding-bottom: 15px;
}

@media (min-width: 992px) {
  #main-menu .nav-lvl .nav-lvl-1>li>a {
    text-decoration: none !important;
    cursor: default;
  }
}

#node-2252.node-unpublished {
  background-color: transparent !important;
}

#block-system-main .hero-home-default .card-banner-text .text-orange,
#block-system-main .hero-home-default .card-infoblock-text .text-orange {
  color: #f5a422;
}

.aside+.aside {
  margin-top: 2rem !important;
}

#content-area h1, #content-area .h1, #content-header h1, #content-header .h1, #content-area h2, #content-area .h2, #content-area h3, #content-area .h3, #content-area h4, #content-area .h4, #content-area h5, #content-area .h5, #content-area h6, #content-area .h6 {
  margin-top: 1.5em;
  margin-bottom: .875em;
  font-family: "Ubuntu", sans-serif;
  line-height: 1.3;
  color: #0f88aa;
}

#content-area .page-article h1, #content-area #page-title {
  margin-top: 0;
  margin-bottom: .6em;
  line-height: 1.15;
}

#content-area h1.partner-logo {
  margin-bottom: 0;
}

#author-informations h3 {
  margin: 0 .75rem 0 0;
  font-size: 1rem;
  color: #12a6d0;
  font-weight: 400;
}

#author-informations .share-social {
  margin: 0;
}

#author-informations .article-comments .name {
  font-size: 1.25rem;
  font-weight: 500;
}

#breadcrumb li {
  font-size: .875rem;
  margin-bottom: .25rem;
}

#breadcrumb li a {
  font-size: .875rem;
}

#content-area .list-card h3 {
  margin-top: .875rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 500;
}

@media (min-width: 992px) {
  /* Block Plus de guides pratiques */
  .page-node-3057 #block-block-224 {
    margin-top: -30px !important;
    margin-bottom: 50px !important;
  }
  #block-block-224 {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  /* End block Plus de guides practiques */
}

.image-box br {
  display: none !important;
}

.page-node-82563 #author-informations {
  display: none;
}

/* First block in region-highlighted */

.region-highlighted .block-block:first-child {
  margin-top: -10px;
  margin-bottom: 20px;
}

/* End First block in region-highlighted */

/* hidden block views of related content
#block-views-0bc3e3d37436b54158b676f4f44cf4ac,
#block-views-1a200a1dc61c9f068956b158c55ce042,
#block-views-f2c72d54c3a93b6667d5a3b13bfd8c70 {display: none;}
/* end hidden block views of related content */

/** fix hidden pager in views **/

.view h2.element-invisible {
  display: none;
}

/** **/

/* Newsletter page*/

.page-node-2537 #mc_embed_signup .mc-field-group.input-group ul li:not(:first-child) {
  padding-left: 25px;
}

/* end Newsletter page*/

/* related content*/

.block-selectra-related-content a {
  display: inherit;
}

/* Page contrat-bail FIX */

.hero-moving-in-out-lease {
  margin-top: -5px;
}

@media (min-width: 1200px) {
  .hero-moving-in-out-lease {
    background-position: 48%;
  }
}

.model-download .msg-form-error {
  background: none;
  background-color: transparent;
}

/* Mint Energie - COP 23 offer */

.aside-mint-cop .head {
  background-image: url(/sites/all/themes/selecth/img/temp/mint-monetisation-XL.png);
}

.icon-arrow-green-mint svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 2.4rem;
  height: 50px;
  margin: auto 0;
  fill: #a0da05;
}

.btn-mint {
  color: #fff;
  background-color: #a0da05;
  border-color: #a0da05;
}

.card-mint:hover {
  border-color: #a0da05;
}

.card-mint .icon-arrow svg {
  fill: #a0da05;
}

.card-mint .text-vert {
  color: #a0da05 !important;
}

#node-2292 .hero-home-default.mint-element,
#node-83578 .hero-home-default.mint-element {
  background: none;
  margin-bottom: 40px;
  padding-top: 0;
}

@media (max-width: 991px) {
  #node-2292 .hero-home-default.mint-element,
  #node-
83578 .hero-home-default.mint-element {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

/* Modal - Newsletter */

.anim-wobble .icon {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px
}

.anim-wobble:hover .icon {
  -webkit-animation: wobble 300ms ease-out 300ms 1;
  animation: wobble 300ms ease-out 300ms 1
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  50% {
    -webkit-transform: translateX(0.5rem);
    transform: translateX(0.5rem)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  50% {
    -webkit-transform: translateX(0.5rem);
    transform: translateX(0.5rem)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}


.btn.disabled, .btn:disabled {
  color: #595959 !important;
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important
}

.btn.disabled svg, .btn:disabled svg {
  fill: #595959 !important
}

.btn.disabled:hover, .btn:disabled:hover {
  color: #595959 !important;
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important
}

.btn.disabled:hover svg, .btn:disabled:hover svg {
  fill: #595959 !important
}

.btn:focus {
  outline: none
}

.btn .icon {
  position: relative;
  display: inline-block;
  padding: 0;
}

.btn .icon-right {
  margin-right: 0;
  margin-left: .5rem
}

.btn-download-lease svg {
  width: 100%;
  height: 100%;
  fill: #fff
}

.btn-group.dual {
  width: 100%;
  max-width: 20rem
}

@media (min-width: 544px) {
  .btn-group.dual {
    width: 20rem
  }
}

.btn-group.dual label {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

.btn-group.splitted {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.btn-group.splitted label, .btn-group.splitted .switch {
  -ms-flex-preferred-size: 0;
  flex-basis: 0
}

.btn-group.splitted .btn {
  margin: 0;
  border-radius: .125rem
}

.btn-group.splitted .btn+.btn {
  margin-top: 1rem
}

.btn-group label, .btn-group .btn {
  border-radius: 0
}

.btn-group label:first-child, .btn-group .btn:first-child {
  border-top-left-radius: .125rem;
  border-bottom-left-radius: .125rem
}

.btn-group label:last-child, .btn-group .btn:last-child {
  border-top-right-radius: .125rem;
  border-bottom-right-radius: .125rem
}

.btn-checkbox-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 2.5rem;
  padding: .25rem;
  border: 1px solid #d9d9d9
}

.btn-checkbox-img.active {
  border-color: #12a6d0
}

.btn-checkbox-img.active img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1
}

.btn-checkbox-img img {
  max-width: 100%;
  max-height: 2rem;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .5;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out
}

.btn-checkbox-img input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-checkbox-img+.btn-checkbox-img {
  margin-top: 1rem
}

.btn-close {
  position: absolute;
  vertical-align: middle;
  background-color: transparent;
  border: 0
}

.btn-close:hover {
  outline: none
}

.btn-close:hover svg {
  fill: #e40a0a
}

.btn-close svg {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  fill: #f52222
}

.btn-close.size-16 {
  top: .25rem;
  right: .25rem;
  width: 1rem;
  height: 1rem
}

.btn-close.size-16 svg {
  width: 1rem;
  height: 1rem
}

.btn-close.size-20 {
  top: .375rem;
  right: .375rem;
  width: 1.25rem;
  height: 1.25rem
}

.btn-close.size-20 svg {
  width: 1.25rem;
  height: 1.25rem
}

.btn-close.size-24 {
  top: .5rem;
  right: .5rem;
  width: 1.5rem;
  height: 1.5rem
}

.btn-close.size-24 svg {
  width: 1.5rem;
  height: 1.5rem
}

.btn-cta, .btn-success {
  color: #fff;
  background-color: #3bb24c;
  border-color: #3bb24c
}

.btn-cta:hover, .btn-cta:hover:active, .btn-cta:active, .btn-cta:focus, .btn-success:hover, .btn-success:hover:active, .btn-success:active, .btn-success:focus {
  color: #fff;
  background-color: #31933f
}

.btn.btn-outline-success {
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #3bb24c;
  background-color: transparent;
  border-color: #3bb24c
}

.btn.btn-outline-success::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 101%;
  height: 100%;
  content: '';
  background-color: #3bb24c;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%)
}

.btn.btn-outline-success:hover, .btn.btn-outline-success:focus {
  color: #fff;
  background-color: transparent;
  border-color: #3bb24c
}

.btn.btn-outline-success:hover::before, .btn.btn-outline-success:focus::before {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.btn.btn-outline-success:hover svg, .btn.btn-outline-success:focus svg {
  fill: #fff
}

.btn.btn-outline-success.disabled::before, .btn.btn-outline-success:disabled::before {
  display: none
}

.btn.btn-outline-success svg {
  -webkit-transition: fill 300ms ease-out;
  transition: fill 300ms ease-out
}

.btn.btn-outline-success.active, .btn.btn-outline-success.active:hover {
  color: #fff;
  background-color: #3bb24c;
  border-color: #3bb24c
}

.btn.btn-outline-success.active svg, .btn.btn-outline-success.active:hover svg {
  fill: #fff
}

.btn-group .btn.btn-outline-success, .radio-group .btn.btn-outline-success {
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border-color: #3bb24c
}

.btn-group .btn.btn-outline-success::before, .radio-group .btn.btn-outline-success::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 101%;
  height: 100%;
  content: '';
  background-color: #3bb24c;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%)
}

.btn-group .btn.btn-outline-success:hover, .btn-group .btn.btn-outline-success:focus, .radio-group .btn.btn-outline-success:hover, .radio-group .btn.btn-outline-success:focus {
  color: #3bb24c;
  background-color: transparent;
  border-color: #3bb24c
}

.btn-group .btn.btn-outline-success:hover::before, .btn-group .btn.btn-outline-success:focus::before, .radio-group .btn.btn-outline-success:hover::before, .radio-group .btn.btn-outline-success:focus::before {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.btn-group .btn.btn-outline-success:hover svg, .btn-group .btn.btn-outline-success:focus svg, .radio-group .btn.btn-outline-success:hover svg, .radio-group .btn.btn-outline-success:focus svg {
  fill: #3bb24c
}

.btn-group .btn.btn-outline-success.disabled::before, .btn-group .btn.btn-outline-success:disabled::before, .radio-group .btn.btn-outline-success.disabled::before, .radio-group .btn.btn-outline-success:disabled::before {
  display: none
}

.btn-group .btn.btn-outline-success svg, .radio-group .btn.btn-outline-success svg {
  -webkit-transition: fill 300ms ease-out;
  transition: fill 300ms ease-out
}

.btn-group .btn.btn-outline-success.active, .btn-group .btn.btn-outline-success.active:hover, .radio-group .btn.btn-outline-success.active, .radio-group .btn.btn-outline-success.active:hover {
  color: #fff;
  background-color: #3bb24c;
  border-color: #3bb24c
}

.btn-group .btn.btn-outline-success.active svg, .btn-group .btn.btn-outline-success.active:hover svg, .radio-group .btn.btn-outline-success.active svg, .radio-group .btn.btn-outline-success.active:hover svg {
  fill: #fff
}

.btn-group .btn.btn-outline-success::before, .radio-group .btn.btn-outline-success::before {
  background-color: rgba(59, 178, 76, 0.15)
}

.btn.btn-outline-success svg {
  fill: #3bb24c
}

.btn-help {
  position: relative;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  color: #88d2e7;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: none;
  touch-action: none;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: none
}

.btn-help::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ''
}

.btn-help:hover {
  color: #88d2e7
}

.btn-help:hover svg:nth-child(1) {
  opacity: 0
}

.btn-help:hover svg:nth-child(2) {
  opacity: 1
}

.btn-help:focus, .btn-help:active {
  outline: none
}

.btn-help.btn-help-blue {
  color: #12a6d0
}

.btn-help.btn-help-blue svg {
  fill: #12a6d0
}

.btn-help.btn-help-green {
  color: #3bb24c
}

.btn-help.btn-help-green svg {
  fill: #3bb24c
}

.btn-help.btn-help-red {
  color: #f52222
}

.btn-help.btn-help-red svg {
  fill: #f52222
}

.btn-help.btn-help-grey {
  color: #595959
}

.btn-help.btn-help-grey svg {
  fill: #595959
}

.btn-help.btn-help-white {
  color: #fff
}

.btn-help.btn-help-white svg {
  fill: #fff
}

.btn-help.btn-help-16 {
  width: 1rem;
  height: 1rem
}

.btn-help.btn-help-16 svg {
  width: 1rem;
  height: 1rem
}

.btn-help.btn-help-20 {
  width: 1.25rem;
  height: 1.25rem
}

.btn-help.btn-help-20 svg {
  width: 1.25rem;
  height: 1.25rem
}

.btn-help.btn-help-text {
  width: auto;
  padding-left: 2rem
}

.btn-help svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  -webkit-transition: opacity 240ms ease-in-out;
  transition: opacity 240ms ease-in-out;
  fill: #88d2e7
}

.btn-help svg:nth-child(2) {
  opacity: 0
}

.btn.btn-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 12.5rem;
  padding: .5rem .75rem;
  margin: 0 auto 1rem;
  font-size: .875rem;
  color: #595959;
  vertical-align: middle;
  background-color: #fff;
  border-color: #f2c633
}

.btn.btn-note:hover {
  border-color: #edba0f
}

.btn.btn-note .star-rating-sm {
  margin-right: .75rem
}

.btn.btn-note .icon {
  width: .625rem;
  height: 1rem;
  margin: 0 0 0 .75rem;
  vertical-align: middle
}

.btn.btn-note svg {
  fill: #595959
}

.btn.btn-pill {
  border-radius: 10rem !important
}

.btn.btn-phone {
  padding-top: .375rem;
  padding-bottom: .375rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: .04em
}

@media (min-width: 768px) {
  .btn.btn-phone {
    padding-top: .5rem;
    padding-bottom: .5rem
  }
}

.btn.btn-phone .icon {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: .125rem;
  margin-right: .5rem;
  vertical-align: -.125rem
}

@media (min-width: 1200px) {
  .btn.btn-phone .icon {
    margin-right: .875rem
  }
}

.btn-primary {
  color: #fff;
  background-color: #f5a422;
  border-color: #f5a422
}

.btn-primary:hover, .btn-primary:hover:active, .btn-primary:active, .btn-primary:focus {
  color: #fff;
  background-color: #e4900a;
  border-color: #e4900a
}

.btn.btn-outline-primary {
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #f5a422;
  background-color: transparent;
  border-color: #f5a422
}

.btn.btn-outline-primary::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 101%;
  height: 100%;
  content: '';
  background-color: #f5a422;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%)
}

.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus {
  color: #fff;
  background-color: transparent;
  border-color: #f5a422
}

.btn.btn-outline-primary:hover::before, .btn.btn-outline-primary:focus::before {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.btn.btn-outline-primary:hover svg, .btn.btn-outline-primary:focus svg {
  fill: #fff
}

.btn.btn-outline-primary.disabled::before, .btn.btn-outline-primary:disabled::before {
  display: none
}

.btn.btn-outline-primary svg {
  -webkit-transition: fill 300ms ease-out;
  transition: fill 300ms ease-out
}

.btn.btn-outline-primary.active, .btn.btn-outline-primary.active:hover {
  color: #fff;
  background-color: #f5a422;
  border-color: #f5a422
}

.btn.btn-outline-primary.active svg, .btn.btn-outline-primary.active:hover svg {
  fill: #fff
}

.btn-group .btn.btn-outline-primary, .radio-group .btn.btn-outline-primary {
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border-color: #f5a422
}

.btn-group .btn.btn-outline-primary::before, .radio-group .btn.btn-outline-primary::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 101%;
  height: 100%;
  content: '';
  background-color: #f5a422;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%)
}

.btn-group .btn.btn-outline-primary:hover, .btn-group .btn.btn-outline-primary:focus, .radio-group .btn.btn-outline-primary:hover, .radio-group .btn.btn-outline-primary:focus {
  color: #f5a422;
  background-color: transparent;
  border-color: #f5a422
}

.btn-group .btn.btn-outline-primary:hover::before, .btn-group .btn.btn-outline-primary:focus::before, .radio-group .btn.btn-outline-primary:hover::before, .radio-group .btn.btn-outline-primary:focus::before {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.btn-group .btn.btn-outline-primary:hover svg, .btn-group .btn.btn-outline-primary:focus svg, .radio-group .btn.btn-outline-primary:hover svg, .radio-group .btn.btn-outline-primary:focus svg {
  fill: #f5a422
}

.btn-group .btn.btn-outline-primary.disabled::before, .btn-group .btn.btn-outline-primary:disabled::before, .radio-group .btn.btn-outline-primary.disabled::before, .radio-group .btn.btn-outline-primary:disabled::before {
  display: none
}

.btn-group .btn.btn-outline-primary svg, .radio-group .btn.btn-outline-primary svg {
  -webkit-transition: fill 300ms ease-out;
  transition: fill 300ms ease-out
}

.btn-group .btn.btn-outline-primary.active, .btn-group .btn.btn-outline-primary.active:hover, .radio-group .btn.btn-outline-primary.active, .radio-group .btn.btn-outline-primary.active:hover {
  color: #fff;
  background-color: #f5a422;
  border-color: #f5a422
}

.btn-group .btn.btn-outline-primary.active svg, .btn-group .btn.btn-outline-primary.active:hover svg, .radio-group .btn.btn-outline-primary.active svg, .radio-group .btn.btn-outline-primary.active:hover svg {
  fill: #fff
}

.btn-group .btn.btn-outline-primary::before, .radio-group .btn.btn-outline-primary::before {
  background-color: rgba(245, 164, 34, 0.15)
}

.btn.btn-outline-primary svg {
  fill: #f5a422
}

.btn.btn-secondary {
  color: #fff;
  background-color: #12a6d0;
  border-color: #12a6d0
}

.btn.btn-secondary:hover, .btn.btn-secondary:hover:active, .btn.btn-secondary:active, .btn.btn-secondary.active, .btn.btn-secondary:focus {
  color: #fff;
  background-color: #0f88aa;
  border-color: #0f88aa
}

.btn.btn-outline-secondary::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 101%;
  height: 100%;
  content: '';
  background-color: #12a6d0;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%)
}

.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus {
  color: #fff;
  background-color: transparent;
  border-color: #12a6d0
}

.btn.btn-outline-secondary:hover::before, .btn.btn-outline-secondary:focus::before {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.btn.btn-outline-secondary:hover svg, .btn.btn-outline-secondary:focus svg {
  fill: #fff
}

.btn.btn-outline-secondary.disabled::before, .btn.btn-outline-secondary:disabled::before {
  display: none
}

.btn.btn-outline-secondary svg {
  -webkit-transition: fill 300ms ease-out;
  transition: fill 300ms ease-out
}

.btn.btn-outline-secondary.active, .btn.btn-outline-secondary.active:hover {
  color: #fff;
  background-color: #12a6d0;
  border-color: #12a6d0
}

.btn.btn-outline-secondary.active svg, .btn.btn-outline-secondary.active:hover svg {
  fill: #fff
}

.btn-group .btn.btn-outline-secondary, .radio-group .btn.btn-outline-secondary {
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border-color: #12a6d0
}

.btn-group .btn.btn-outline-secondary::before, .radio-group .btn.btn-outline-secondary::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 101%;
  height: 100%;
  content: '';
  background-color: #12a6d0;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%)
}

.btn-group .btn.btn-outline-secondary:hover, .btn-group .btn.btn-outline-secondary:focus, .radio-group .btn.btn-outline-secondary:hover, .radio-group .btn.btn-outline-secondary:focus {
  color: #12a6d0;
  background-color: transparent;
  border-color: #12a6d0
}

.btn-group .btn.btn-outline-secondary:hover::before, .btn-group .btn.btn-outline-secondary:focus::before, .radio-group .btn.btn-outline-secondary:hover::before, .radio-group .btn.btn-outline-secondary:focus::before {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.btn-group .btn.btn-outline-secondary:hover svg, .btn-group .btn.btn-outline-secondary:focus svg, .radio-group .btn.btn-outline-secondary:hover svg, .radio-group .btn.btn-outline-secondary:focus svg {
  fill: #12a6d0
}

.btn-group .btn.btn-outline-secondary.disabled::before, .btn-group .btn.btn-outline-secondary:disabled::before, .radio-group .btn.btn-outline-secondary.disabled::before, .radio-group .btn.btn-outline-secondary:disabled::before {
  display: none
}

.btn-group .btn.btn-outline-secondary svg, .radio-group .btn.btn-outline-secondary svg {
  -webkit-transition: fill 300ms ease-out;
  transition: fill 300ms ease-out
}

.btn-group .btn.btn-outline-secondary.active, .btn-group .btn.btn-outline-secondary.active:hover, .radio-group .btn.btn-outline-secondary.active, .radio-group .btn.btn-outline-secondary.active:hover {
  color: #fff;
  background-color: #12a6d0;
  border-color: #12a6d0
}

.btn-group .btn.btn-outline-secondary.active svg, .btn-group .btn.btn-outline-secondary.active:hover svg, .radio-group .btn.btn-outline-secondary.active svg, .radio-group .btn.btn-outline-secondary.active:hover svg {
  fill: #fff
}

.btn-group .btn.btn-outline-secondary::before, .radio-group .btn.btn-outline-secondary::before {
  background-color: rgba(18, 166, 208, 0.15)
}

.btn.btn-outline-secondary svg {
  fill: #12a6d0
}

.btn.btn-xs {
  padding: .375rem .75rem;
  font-size: .75em
}

.btn.btn-sm {
  padding: .625rem 0
}

@media (min-width: 544px) {
  .btn.btn-sm {
    padding: .625rem 1rem
  }
}

.btn.btn-md {
  /* padding: .75rem 0 */
}

@media (min-width:544px) {
  .btn.btn-md {
    /* padding: .75rem 1rem */
  }
}

@media (min-width: 768px) {
  .btn.btn-md {
    font-size: 1.15em
  }
}

.btn.btn-lg {
  padding: .75rem 0;
  font-size: 1.125rem
}

@media (min-width: 544px) {
  .btn.btn-lg {
    padding: .75rem 2rem
  }
}

@media (min-width: 768px) {
  .btn.btn-lg {
    font-size: 1.25em
  }
}

.btn.btn-xl {
  padding: .75rem 0;
  font-size: 1.125rem
}

@media (min-width: 544px) {
  .btn.btn-xl {
    padding: .75rem 2rem
  }
}

@media (min-width: 768px) {
  .btn.btn-xl {
    font-size: 1.5em
  }
}

.btn-white {
  color: #12a6d0;
  background-color: #fff;
  border-color: #fff
}

.btn-white:hover, .btn-white:hover:active, .btn-white:active, .btn-white:focus {
  color: #0f88aa;
  background-color: #e6e6e6;
  border-color: #e6e6e6
}

.btn-white svg {
  fill: #12a6d0
}

.btn-outline-white {
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #fff;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.25)
}

.btn-outline-white::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 101%;
  height: 100%;
  content: '';
  background-color: #fff;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%)
}

.btn-outline-white:hover, .btn-outline-white:focus {
  color: #12a6d0;
  background-color: transparent;
  border-color: #fff
}

.btn-outline-white:hover::before, .btn-outline-white:focus::before {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.btn-outline-white:hover svg, .btn-outline-white:focus svg {
  fill: #12a6d0
}

.btn-outline-white.disabled::before, .btn-outline-white:disabled::before {
  display: none
}

.btn-outline-white svg {
  -webkit-transition: fill 300ms ease-out;
  transition: fill 300ms ease-out
}

label, .label {
  font-size: 1rem;
  font-weight: 700
}

@media (min-width: 992px) {
  .half-lg {
    width: calc(50% - 1rem)
  }
}

.form-control {
  padding: .5625rem .5rem;
  border-color: #d9d9d9;
  border-radius: .125rem
}

.form-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .875rem
}

.form-text .icon {
  margin-right: .75rem
}

.form-text svg {
  fill: #88d2e7
}

label textarea {
  margin-top: .75rem
}

.form-group {
  margin-bottom: 1rem
}

.input-group-addon {
  color: #494949;
  background: #dadada;
  border-radius: .125rem
}

.item-required {
  position: relative
}

.item-required input, .item-required input:active, .item-required input:focus, .item-required textarea, .item-required textarea:active, .item-required textarea:focus {
  position: relative;
  z-index: 1;
  background: transparent
}

.item-required .item-asterisk {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 1.625rem;
  height: 1.625rem;
  padding: .125rem .25rem 0 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #494949;
  text-align: right;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(49.9%, rgba(255, 255, 255, 0)), color-stop(50%, #dadada), to(#dadada));
  background-image: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 49.9%, #dadada 50%, #dadada 100%)
}

@media (min-width: 321px) {
  .item-required .item-asterisk {
    right: 1px
  }
}

.item-required.item-help .item-asterisk {
  right: 29px
}

@media (min-width: 321px) {
  .item-required.item-help .item-asterisk {
    right: 30px
  }
}

form.main-form h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  margin-left: 3.5rem;
  font-size: 1.5rem
}

form.main-form h2 svg {
  margin-right: 1rem;
  fill: #f5a422
}

@media (min-width: 992px) {
  form.main-form .field-block {
    padding: 1.5rem 6rem;
    margin-bottom: 3rem;
    background: #fff;
    border-top: 4px solid #f5a422
  }
}

form.main-form .btn {
  font-family: "Source Sans Pro", sans-serif
}

form.main-form button[type="submit"] {
  width: 100%;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: "Ubuntu", sans-serif
}

form.main-form button[type="submit"] span.icon {
  width: 1rem;
  height: 1rem;
  margin-right: .5rem
}

@media (min-width: 768px) {
  form.main-form button[type="submit"] {
    width: auto
  }
}

@media (min-width: 992px) {
  form.main-form button[type="submit"] {
    padding-right: 3rem;
    padding-left: 3rem;
    font-size: 1.375rem;
    font-weight: 600
  }
  form.main-form button[type="submit"] span.icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem
  }
}

form .item-help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

form .item-help button {
  margin-left: 1rem
}

form .item-label {
  margin-bottom: .75rem
}

@media (min-width: 992px) {
  form .item-label {
    font-size: 1.25rem
  }
}

form .input-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.5rem
}

form .input-inline label {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  margin: 0
}

form .input-inline .input-group {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
  width: auto
}

form .input-inline .input-group .form-control {
  min-width: 0
}

@media (min-width: 992px) {
  form .input-inline-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem
  }
  form .input-inline-lg label {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    margin: 0
  }
  form .input-inline-lg .item-help {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%
  }
}

form .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Source Sans Pro", sans-serif
}

form .btn-group>.btn input[type=checkbox], form .btn-group>.btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

form .btn-group.switch label {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

form .btn-group.triple label {
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%
}

form .btn-group.quadruple label {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%
}

form .btn-group+.btn-group, form .btn-group+.radio-group, form .btn-group+.checkbox-group {
  margin-top: 1rem
}

form .btn-group label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: .5625rem 0
}

@media (min-width: 992px) {
  form .btn-group label {
    border-radius: .125rem
  }
}

form .btn-group label span.icon {
  display: none
}

@media (min-width: 768px) {
  form .btn-group label span.icon {
    display: inline-block
  }
}

form .btn-group label span.icon.icon-xs {
  display: inline-block
}

form .input-group .form-control {
  border-right-color: #d9d9d9;
  border-top-left-radius: .125rem;
  border-bottom-left-radius: .125rem
}

form .input-group .form-control:focus {
  border-right-color: #12a6d0
}

form .input-group .form-control~.input-group-addon {
  border-top-right-radius: .125rem;
  border-bottom-right-radius: .125rem
}

form .input-group .input-group-addon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: .5rem;
  padding-left: .5rem;
  font-size: .875rem;
  background-color: #d9d9d9;
  border-color: #d9d9d9
}

form .radio-group [class^="col-"], form .checkbox-group [class^="col-"] {
  margin-bottom: 1rem;
  text-align: center
}

form .radio-group [class^="col-"]:nth-child(3n+1), form .checkbox-group [class^="col-"]:nth-child(3n+1) {
  text-align: left
}

form .radio-group [class^="col-"]:nth-child(3n+3), form .checkbox-group [class^="col-"]:nth-child(3n+3) {
  text-align: right
}

@media (min-width: 768px) {
  form .radio-group [class^="col-"]:nth-child(3n+1), form .radio-group [class^="col-"]:nth-child(3n+3), form .checkbox-group [class^="col-"]:nth-child(3n+1), form .checkbox-group [class^="col-"]:nth-child(3n+3) {
    text-align: center
  }
  form .radio-group [class^="col-"]:nth-child(4n+1), form .checkbox-group [class^="col-"]:nth-child(4n+1) {
    text-align: left
  }
  form .radio-group [class^="col-"]:nth-child(4n+4), form .checkbox-group [class^="col-"]:nth-child(4n+4) {
    text-align: right
  }
}

form .btn-radio input, form .btn-checkbox input {
  display: none
}

form .field-submit {
  text-align: center
}

.icon {
  display: inline-block
}

.icon svg {
  width: 100%;
  height: 100%
}

svg {
  display: inline-block
}

.icon-12 {
  width: .75rem;
  height: .75rem
}

.icon-16 {
  width: 1rem;
  height: 1rem;
  vertical-align: -.125rem
}

.icon-20 {
  width: 1rem;
  height: 1rem;
  vertical-align: -.125rem
}

@media (min-width: 768px) {
  .icon-20 {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: -.25rem
  }
}

.icon-24 {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: -.375rem
}

.icon-32 {
  width: 2rem;
  height: 2rem
}

.icon-40 {
  width: 2.5rem;
  height: 2.5rem
}

.icon-48 {
  width: 3rem;
  height: 3rem
}

body {
  width: 100%;
  min-width: 320px;
  overflow-x: hidden;
  font-family: "Source Sans Pro", sans-serif;
  color: #595959;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
  margin-bottom: .4em;
  font-family: "Ubuntu", sans-serif;
  line-height: 1.3
}

@media (min-width: 768px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .6em
  }
}

h1.text-blue, .h1.text-blue {
  color: #0f88aa
}

h2, .h2 {
  font-size: 1.375rem;
}

@media (min-width: 768px) {
  h2, .h2 {
    font-size: 2rem
  }
}

h3, .h3 {
  font-size: 1.25rem;
}

@media (min-width: 768px) {
  h3, .h3 {
    font-size: 1.5rem
  }
}

@media (min-width: 992px) {
  h3, .h3 {
    font-size: 1.75rem
  }
}

h4, .h4 {
  font-size: 1.125rem;
  font-weight: normal
}

@media (min-width: 992px) {
  h4, .h4 {
    font-size: 1.5rem
  }
}

h5, .h5 {
  font-size: 1rem;
  font-weight: normal
}

@media (min-width: 992px) {
  h5, .h5 {
    font-size: 1.25rem
  }
}

h6, .h6 {
  font-size: 1rem;
  font-weight: normal
}

@media (min-width: 992px) {
  h6, .h6 {
    font-size: 1.125rem
  }
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem
}

@media (min-width: 768px) {
  p {
    margin-bottom: 1.5rem
  }
}

.text-xl {
  font-size: 1.5em
}

.text-lg {
  font-size: 1.25em
}

.text-md {
  font-size: .875em
}

.text-sm {
  font-size: .75em
}

.text-xs {
  font-size: .5em
}

.text-blue {
  color: #0f88aa
}

.text-orange {
  color: #f5a422
}

.text-green {
  color: #3bb24c
}

.text-red {
  color: #f52222
}

a {
  color: #12a6d0;
  text-decoration: none
}

a:hover {
  color: #88d2e7;
  text-decoration: underline
}

.is-hidden {
  display: none !important
}

.is-loading, .selectric-is-loading {
  position: relative
}

.is-loading::after, .selectric-is-loading::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  content: '';
  background-color: rgba(255, 255, 255, 0.9);
  background-image: url("../img/loader.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem
}

@media (min-width: 768px) {
  .modal.modal-xl .modal-dialog {
    max-width: 36rem
  }
}

@media (min-width: 992px) {
  .modal.modal-xl .modal-dialog {
    max-width: 50rem
  }
}

@media (min-width: 992px) {
  .modal.modal-xl .modal-dialog .modal-body {
    padding: 1.5rem
  }
}

.modal.modal-xl-full-xs .modal-dialog {
  width: auto;
  max-width: 100%
}

@media (min-width: 24rem) {
  .modal.modal-xl-full-xs .modal-dialog {
    max-width: 24rem;
    margin: 1rem auto
  }
}

@media (min-width: 768px) {
  .modal.modal-xl-full-xs .modal-dialog {
    max-width: 36rem
  }
}

@media (min-width: 992px) {
  .modal.modal-xl-full-xs .modal-dialog {
    max-width: 50rem
  }
}

@media (min-width: 992px) {
  .modal.modal-xl-full-xs .modal-dialog .modal-body {
    padding: 1.5rem
  }
}

.modal.modal-md .modal-dialog {
  max-width: 31rem
}

.modal.modal-full {
  padding-right: 1rem;
  padding-left: 1rem
}

.modal.modal-full .modal-dialog {
  width: auto;
  max-width: 100%
}

.modal.fade.fade-right .modal-dialog {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}

.modal.fade.fade-left .modal-dialog {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0)
}

.modal.fade.fade-left .modal-dialog, .modal.fade.fade-right .modal-dialog {
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out
}

@media (min-width: 768px) {
  .modal.fade.fade-left .modal-dialog, .modal.fade.fade-right .modal-dialog {
    -webkit-transform: scale(0.1);
    transform: scale(0.1)
  }
}

.modal.fade.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

@media (min-width: 768px) {
  .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.modal .modal-dialog {
  max-width: 20rem;
  margin: 0
}

@media (min-width: 544px) {
  .modal .modal-dialog {
    margin: 1rem auto
  }
}

.modal .modal-header {
  padding: .75rem 1rem
}

.modal .modal-header h2 {
  padding-right: 2rem;
  margin-bottom: 0;
  font-size: 1.25rem
}

.modal .modal-content {
  overflow: hidden;
  border: 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07)
}

@media (min-width: 544px) {
  .modal .modal-content {
    border-radius: .25rem
  }
}

.modal .btn {
  padding-right: .5rem;
  padding-left: .5rem;
  white-space: normal
}

.modal .modal-footer .btn+.btn {
  margin-left: 1rem
}

.modal-backdrop.in {
  opacity: .76
}

#modal-newsletter .modal-dialog {
  max-width: 100%
}

@media (min-width: 426px) {
  #modal-newsletter .modal-dialog {
    max-width: 23.7rem
  }
}

#modal-newsletter .btn-close {
  top: -5px;
  right: -5px
}

#modal-newsletter .hero-modal {
  margin-top: -2rem;
  margin-right: -2rem;
  margin-left: -2rem;
  background: url("../img/hero-2.png") no-repeat;
  background-size: cover
}

#modal-newsletter .hero-modal h2 {
  padding: 1rem !important;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  margin-bottom: .6rem;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #0f88aa
}

#modal-newsletter .modal-content {
  padding: 1rem
}

#modal-newsletter .modal-text>p {
  margin-bottom: 1rem;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5
}

#modal-newsletter .main-newsletter .info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (min-width: 1200px) {
  #modal-newsletter .main-newsletter .info-block {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

#modal-newsletter .main-newsletter .info-block .info-modal {
  position: relative
}

#modal-newsletter .main-newsletter .info-block .info-modal ul {
  padding: 0;
  margin-bottom: 1rem;
  margin-left: 0
}

#modal-newsletter .main-newsletter .info-block .info-modal li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.2rem;
  text-align: left;
  list-style: none
}

#modal-newsletter .main-newsletter .info-block .info-modal li .icon {
  width: 3rem;
  height: 3rem;
  margin-right: 2rem;
  margin-bottom: 0
}

#modal-newsletter .main-newsletter .info-block .info-modal li .icon svg {
  fill: #f5a422
}

#modal-newsletter .main-newsletter .info-block .info-modal li p {
  margin: 0;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #12a6d0
}

#modal-newsletter .main-newsletter .info-block .info-modal li p span {
  display: inline-block;
  padding: 0
}

#modal-newsletter .main-newsletter .info-block .info-modal li:nth-child(2) .icon {
  width: 4rem;
  height: 4rem;
  margin-left: -.9rem
}

#modal-newsletter .main-newsletter .info-block .info-modal li:last-child {
  margin-bottom: 0
}

#modal-newsletter .main-newsletter .info-block .info-modal li:last-child .icon {
  margin-top: .5rem
}

#modal-newsletter .main-newsletter .subscribe-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1.5rem
}

#modal-newsletter .main-newsletter .subscribe-btn .btn {
  width: 59%;
  padding: .4rem
}

@media (min-width: 768px) {
  #modal-newsletter .main-newsletter .subscribe-btn .btn {
    width: 29%
  }
}

@media (min-width: 992px) {
  #modal-newsletter .main-newsletter .subscribe-btn .btn {
    width: 22%
  }
}

@media (min-width: 1200px) {
  #modal-newsletter .main-newsletter .subscribe-btn .btn {
    width: 100%
  }
}

#modal-newsletter .main-newsletter .subscribe-btn .btn .icon {
  margin-right: 0;
  margin-left: .5rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

@media (min-width: 1200px) {
  #modal-newsletter .main-newsletter .subscribe-btn {
    width: 11%;
    margin-top: 0;
    margin-left: 3rem
  }
}

#modal-newsletter .main-newsletter .required-field {
  margin-bottom: .5rem;
  font-size: .875rem;
  color: #adadad;
  text-align: right
}

#modal-newsletter .main-newsletter .asterix {
  color: #f5a422
}

#modal-newsletter .main-newsletter label {
  color: #adadad
}

#modal-newsletter .main-newsletter .anim-form {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 1.5rem
}

#modal-newsletter .main-newsletter .anim-form label {
  position: absolute;
  top: 8px;
  left: 14px;
  margin: 0;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  cursor: text;
  -webkit-transition: .1s all linear;
  transition: .1s all linear
}

#modal-newsletter .main-newsletter .anim-form input {
  width: 100%;
  height: 100%;
  padding-left: 80px
}

#modal-newsletter .main-newsletter .anim-form input:focus {
  border-color: #f5a422
}

#modal-newsletter .main-newsletter .anim-form input.has-error {
  border: 1px solid #f52222;
  outline: 0
}

#modal-newsletter .main-newsletter .anim-form input#last-name {
  padding-left: 53px
}

#modal-newsletter .main-newsletter .anim-form input#name {
  padding-left: 37px
}

#modal-newsletter .main-newsletter .anim-form.active-label label {
  top: 12px;
  left: 7px;
  font-size: 80%;
  opacity: .8
}

#modal-newsletter .main-newsletter .inline-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#modal-newsletter .main-newsletter .inline-inputs .anim-form {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%
}

#modal-newsletter .main-newsletter .form-group {
  margin-bottom: 0
}

#modal-newsletter .main-newsletter .form-group .custom-control-indicator svg {
  fill: #f5a422
}

#modal-newsletter .main-newsletter .form-group .custom-control-description {
  font-size: .875rem
}

#modal-newsletter .main-newsletter .btn {
  padding: .4rem;
  margin-top: 0;
  margin-bottom: 0
}

#modal-newsletter .main-newsletter .btn span {
  font-size: 1rem
}

#modal-newsletter .main-newsletter .btn .icon {
  width: 2rem;
  margin-left: .5rem
}

#modal-newsletter .main-newsletter .msg-form-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem
}

#modal-newsletter .main-newsletter .msg-form-error .icon {
  margin-right: 1rem
}

#modal-newsletter .main-newsletter .msg-form-error .icon svg {
  fill: #f52222
}

#modal-newsletter .main-newsletter .msg-form-error p {
  margin-bottom: 0;
  font-size: .875rem;
  color: #f52222
}

#modal-newsletter .main-newsletter .model-download-lease {
  margin-bottom: 2rem
}

#modal-newsletter .main-newsletter .hero-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1rem
}

#modal-newsletter .main-newsletter .hero-footer .btn-more {
  width: 49%
}

#modal-newsletter .main-newsletter .hero-footer .btn-more .icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

#modal-newsletter .main-newsletter .hero-footer .btn-more .icon:first-child {
  margin-right: 1rem
}

#modal-newsletter .main-newsletter .hero-footer .btn-more .icon:last-child {
  margin-left: 1rem
}

#modal-newsletter-thanks .modal-dialog {
  max-width: 100%
}

@media (min-width: 426px) {
  #modal-newsletter-thanks .modal-dialog {
    max-width: 23.7rem
  }
}

#modal-newsletter-thanks .modal-body {
  padding: 2rem
}

#modal-newsletter-thanks .hero-modal {
  text-align: center
}

#modal-newsletter-thanks .hero-modal h2 {
  margin-top: 2.8rem;
  margin-bottom: 1.8rem;
  font-size: 1.875rem;
  font-weight: 500;
  color: #0f88aa
}

#modal-newsletter-thanks .hero-modal p {
  font-family: "Ubuntu", sans-serif;
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 1.1;
  color: #f5a422
}

#modal-newsletter-thanks .hero-modal .btn {
  padding: .5rem;
  margin-top: 3.3rem;
  margin-bottom: 1rem
}

.btn-newsletter-call-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 4rem auto
}

.btn-newsletter-call-container .btn {
  width: 70%
}

@media (min-width: 768px) {
  .btn-newsletter-call-container .btn {
    width: 25%
  }
}

/* Propane Bouteille images */

.widget-call .widget-call-image-propane-bouteille, .widget-call-third .widget-call-image-propane-bouteille, .widget-call-half .widget-call-image-propane-bouteille {
  background-image: url("/sites/all/themes/selecth/img/temp/propane-3.png")
}

.aside-propane-bouteille-quotation .head {
  background-image: url("/sites/all/themes/selecth/img/temp/gas-bottle.png")
}

/* Comparison View - Bouteilles de gaz */

#content-area .sort-system-target tr {
  border-bottom: solid #999 1px
}

#content-area .sort-system-target th, #content-area .sort-system-target td {
  min-width: 120px;
  padding: 30px 10px 10px 10px;
  vertical-align: middle;
}

#content-area .sort-system-target .marque img {
  width: 100%;
  max-width: 160px;
}

#content-area .sort-system-target .img-bouteille img {
  width: 100%;
  max-width: 100px;
}

#content-area .sort-system-target .infos .row {
  margin-right: 0;
}

#content-area .sort-system-target .quantite {
  white-space: nowrap;
}

#content-area .sort-system-target .categorie {
  padding: 3px 0;
  text-align: center;
  background-color: #ccc;
}

#content-area .sort-system-target .promotion::before {
  content: 'Promo';
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  padding: 5px;
  background-color: #E69138;
}

#content-area .sort-system-target .promotion {
  margin-bottom: 10px;
  line-height: 16px;
  font-weight: 600;
  color: #000;
}

#content-area .sort-system-target .livraison {
  color: #CE3533;
}

#content-area .sort-system-target .prix-complet {
  font-size: 20px;
  font-weight: 600;
}

#content-area .sort-system-target .section-buttons a {
  display: block;
  border: solid transparent 1px;
  border-radius: .125rem;
  transition: background-color 200ms;
  text-decoration: none;
  color: #fff;
  text-align: center;
  transition: background-color 200ms, border-color 200ms;
  -webkit-transition: background-color 200ms, border-color 200ms;
  -moz-transition: background-color 200ms, border-color 200ms;
}

#content-area .sort-system-target .path a {
  background-color: #12a6d0;
  border-color: #12a6d0;
  text-decoration: none !important;
  color: #fff !important;
}

#content-area .sort-system-target .path a:hover {
  background-color: #0f88aa;
  border-color: #0f88aa;
}

#content-area .sort-system-target .cta a {
  margin-bottom: 15px;
  background-color: #f5a422;
  border-color: #f5a422;
  text-decoration: none !important;
  color: #fff !important;
}

#content-area .sort-system-target .cta a:hover {
  background-color: #e4900a;
  border-color: #e4900a;
}

/* Comparison View - Bouteilles de gaz */

#content-area .sort-system-target tr {
  border-bottom: solid #999 1px
}

#content-area .sort-system-target th, #content-area .sort-system-target td {
  min-width: 120px;
  padding: 30px 10px 10px 10px;
  vertical-align: middle;
}

#content-area .sort-system-target .marque img {
  width: 100%;
  max-width: 160px;
}

#content-area .sort-system-target .img-bouteille img {
  width: 100%;
  max-width: 100px;
}

#content-area .sort-system-target .infos .row {
  margin-right: 0;
}

#content-area .sort-system-target .quantite {
  white-space: nowrap;
}

#content-area .sort-system-target .categorie {
  padding: 3px 0;
  text-align: center;
  background-color: #ccc;
}

#content-area .sort-system-target .promotion::before {
  content: 'Promo';
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  padding: 5px;
  background-color: #E69138;
}

#content-area .sort-system-target .promotion {
  margin-bottom: 10px;
  line-height: 16px;
  font-weight: 600;
  color: #000;
}

#content-area .sort-system-target .livraison {
  color: #CE3533;
}

#content-area .sort-system-target .prix-complet {
  font-size: 20px;
  font-weight: 600;
}

#content-area .sort-system-target .section-buttons a {
  display: block;
  border: solid transparent 1px;
  border-radius: .125rem;
  transition: background-color 200ms;
  text-decoration: none !important;
  color: #fff !important;
  text-align: center;
  transition: background-color 200ms, border-color 200ms;
  -webkit-transition: background-color 200ms, border-color 200ms;
  -moz-transition: background-color 200ms, border-color 200ms;
}

#content-area .sort-system-target .path a {
  background-color: #12a6d0;
  border-color: #12a6d0;
}

#content-area .sort-system-target .path a:hover {
  background-color: #0f88aa;
  border-color: #0f88aa;
}

#content-area .sort-system-target .cta a {
  margin-bottom: 15px;
  background-color: #f5a422;
  border-color: #f5a422;
}

#content-area .sort-system-target .cta a:hover {
  background-color: #e4900a;
  border-color: #e4900a;
}

/* Sort System */

#content-area .sort-system>div {
  display: inline-block;
  padding: 5px 10px;
  background-color: #999;
  border-radius: .125rem;
  color: #fff;
  cursor: pointer;
  transition: background-color 200ms;
  -webkit-transition: background-color 200ms;
  -moz-transition: background-color 200ms;
}

#content-area .sort-system .active {
  background-color: #12a6d0;
}

.sort-system p {
  margin: 0;
}

@media (max-width: 768px) {
  .view-bouteilles-butane-propane th,
  .view-bouteilles-butane-propane .views-row {
    background-color: #fff;
  }
  .view-bouteilles-butane-propane .marque,
  .view-bouteilles-butane-propane .img-bouteille{
    display: none;
  }
  .view-bouteilles-butane-propane .infos{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .view-bouteilles-butane-propane .views-table{
    overflow: hidden;
    overflow-x: scroll;
  }
  #content-area .sort-system div{
    display: block;
    margin-bottom: 15px;
  }
}

/* Chaudiere images */

.widget-call .widget-call-image-chaudiere, .widget-call-third .widget-call-image-chaudiere, .widget-call-half .widget-call-image-chaudiere {
  background-image: url(/sites/all/themes/selecth/img/temp/chaudiere.png);
}

#evolution_prix_ejp>div>div>svg>g>rect[x="790"][y="83.5"][width="12"][height="12"][fill="#4285f4"] {
  display: none;
}

/* Bannière confort */

.process-steps {
  background-color: #F3FAFD;
}

.process-steps .item img {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.hero-home-general {
  background-size: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  .hero-home-default:not(.hero-home-general) {
    background-position: center top;
    background-size: 190% auto;
    background-color: #fff;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hero-home-insurance {
    background-position: center top;
    background-size: 300% auto!important;
    background-color: #fff;
  }
}

@media (min-width: 768px) {
  /* The original rule
  .hero-home-general {
    background-position: center -140px;
  } */

  /* Next rule is for specific WWF banner (because it's svg) */
  .hero-home-general {
    background-position: calc(50% - 50px) -60px;
    background-size: 2200px auto;
  }
  .hero-home-general .hero-heading {
    color: #0f88aa;
  }
  .hero .call-block .text {
    color: #0f88aa;
  }
}

@media (min-width: 991px) {
  .hero-home-general .hero-heading {
    margin-top: 30px;
    margin-bottom: 70px;
  }
}

.hero-home-assurance .hero-heading, .hero-home-assurance .list-check {
  color: #0f88aa;
}

.page-404 {
  padding-bottom: 0;
}

.page-404 .image {
  display: none;
}

.page-node-83035 #content-area h1 {
  margin-top: 0 !important;
  margin-bottom: 9rem !important;
}

.page-404 .form-search {
  margin-top: 6rem;
  margin-bottom: 10.6rem;
}

.page-404 section {
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: #FAFDFE;
}

.page-404 section h2 {
  padding-top: 0 !important;
}

.page-404 section .call-block {
  margin-bottom: 0 !important;
}

/* Plum - Flash offer */

.aside-plum-flash .head {
  background-image: url(/sites/all/themes/selecth/img/temp/plum-monetisation-XL.png);
}
.aside-cdiscount-flash .head {
  background-image: url(/sites/all/themes/selecth/img/temp/header-f-elec-kelwatt.png);
}


/******************************************************************************
HOME PAGE PROMO LINK ON TOP OF BACKGROUND
******************************************************************************/
.promo-hack {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 0;
  height: 250px;
  cursor: pointer;
}

.promo-hack-landing {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 0;
  height: 350px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .promo-hack, .promo-hack-landing {
    width: 35vw;
  }
}

@media (min-width: 992px) {
  .promo-hack, .promo-hack-landing {
    width: 35vw;
  }
}

@media (min-width: 1200px) {
  .promo-hack, .promo-hack-landing {
    width: 45vw;
  }
}

.promo-hack a, .promo-hack-landing a {
  display: block;
  width: 100%;
  height: 100%;
}

/* FIX Sticky thead */
table th a {
  position: relative;
  z-index: 1;
}

/******************************************************************************
HACKS FOR NEW ASIDE BLOCKS
******************************************************************************/
.aside-assurance-auto .head {
  background-image: url("/sites/all/themes/selecth/img/temp/sidebar-monetisation-01.png");
}

#block-block-391 .aside-assurance-auto .head {
  background-image: url("/sites/all/themes/selecth/img/temp/sidebar-monetisation-01-black-friday.png");
}

#block-block-393 .aside-assurance-auto .head {
  background-image: url("/sites/all/themes/selecth/img/temp/sidebar-direct-assurance-black-friday.png");
}

.aside-assurance-habitation .head {
  background-image: url("/sites/all/themes/selecth/img/temp/sidebar-monetisation-02.png");
}

.aside-assurance-calc .head {
  background-image: url("/sites/all/themes/selecth/img/temp/sidebar-monetisation-03.png");
}

/******************************************************************************
HACKS FOR NEW BLOCKS
******************************************************************************/
.widget-call .widget-call-image-auto {
  background-image: url("/sites/all/themes/selecth/img/temp/images-blocs-monetisation-01.png");
}

.widget-call .widget-call-image-habitation {
  background-image: url("/sites/all/themes/selecth/img/temp/images-blocs-monetisation-02.png");
}

.widget-call .widget-call-image-calc {
  background-image: url("/sites/all/themes/selecth/img/temp/images-blocs-monetisation-03.png");
}

.overflowed {
  overflow: hidden;
}

/******************************************************************************
FINANCE HERO LINK HACK

A link was needed for the selectra.info/finance hero background.
Since the link wraps all the content of the hero section, we need this rule
to prevent the header text to appear underlined on mouse hover.
******************************************************************************/

.hero a:hover,
.hero a:focus {
  text-decoration: none;
}

/* Bespoke rule for the bank achat groupe */
.legal-link{
  margin-top:8px;
  font-size:14px;
  color: #12a6d0;
}

.legal-link a:hover{
  text-decoration: underline;
  color:#0f88aa;
}