@font-face {
    font-family: Canaro;
    src: url(../fonts/Canaro/Canaro-Medium.eot);
    src: url(../fonts/Canaro/Canaro-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Canaro/Canaro-Medium.woff2) format("woff2"),url(../fonts/Canaro/Canaro-Medium.woff) format("woff"),url(../fonts/Canaro/Canaro-Medium.ttf) format("truetype"),url(../fonts/Canaro/Canaro-Medium.svg#Canaro) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Canaro;
    src: url(../fonts/Canaro/Canaro-SemiBold.eot);
    src: url(../fonts/Canaro/Canaro-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Canaro/Canaro-SemiBold.woff2) format("woff2"),url(../fonts/Canaro/Canaro-SemiBold.woff) format("woff"),url(../fonts/Canaro/Canaro-SemiBold.ttf) format("truetype"),url(../fonts/Canaro/Canaro-SemiBold.svg#Canaro) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Canaro;
    src: url(../fonts/Canaro/Canaro-Bold.eot);
    src: url(../fonts/Canaro/Canaro-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Canaro/Canaro-Bold.woff2) format("woff2"),url(../fonts/Canaro/Canaro-Bold.woff) format("woff"),url(../fonts/Canaro/Canaro-Bold.ttf) format("truetype"),url(../fonts/Canaro/Canaro-Bold.svg#Canaro) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Canaro Book;
    src: url(../fonts/Canaro/Canaro-Book.eot);
    src: url(../fonts/Canaro/Canaro-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/Canaro/Canaro-Book.woff2) format("woff2"),url(../fonts/Canaro/Canaro-Book.woff) format("woff"),url(../fonts/Canaro/Canaro-Book.ttf) format("truetype"),url(../fonts/Canaro/Canaro-Book.svg#Canaro\ Book) format("svg");
    font-weight: 400;
    font-style: normal
}

body {background-color:#ffffff;/*background-color:#f9f9f9;*//*background-image:url('/assets/img/background01.jpg');background-repeat:no-repeat;background-size:cover*/}

.bg-light, .jumbotron {background-color:white !important;}

.devinprogress {background-color:orange;color:white; text-align:center; padding:10px}

.jumbotron-heading {color:#1b1f3d;}
.jumbotron-heading span {border-bottom:4px solid #01bd8c}
/* more details */
.steps .container h3 a {font-size:0.6em}
.btn-home {position:relative;top:20px;color:#1b1f3d;font-size:13px}
.btn-home:hover {color:#1b1f3d;text-decoration:none;font-weight:bold}

.title-step span {background-color:#fff;color:#1b1f3d;display:inline-block;width:40px;height:40px;text-align:center;border-radius:20px;}
a.select-forme {height:150px;text-align:center;display:block}
a.select-forme img {width:100%}

.steps .container {position:relative;background-color:white; /*border:#ccc solid 1px;padding:1em;border-radius:6px;*/ min-height:300px;}
.steps .title-step {background-color:#1b1f3d;color:white;padding:0.1em}

/* Formulaire */
.container .quoting input[type=text] {margin-left:1em; margin-right:1em}
.container .quoting label {font-weight:bold}
.container form label {cursor:pointer}

/* Prices */
.prices {text-align:right}
.prices.nobold span {font-weight:normal;}
.prices .sales_price {font-weight:bold;font-size:1.3em;color:#1b1f3d}
.prices .promo {color:red;padding:4px;background: yellow;}
.prices .crossed_price {color:#333;}
.prices .fromprice {display: block;font-size: 0.9em;bottom: -8px;position: relative;}

/* big YesNo form style */
.yesnoform-title {text-align:center;font-weight:bold;color:#1b1f3d;margin-bottom:8px;font-family:Canaro,Montserrat,sans-serif,Arial}
.yesnoform-biggest {text-align:center}
.yesnoform-biggest .form-check label {display:inline-block;border:#ccc solid 1px;border-radius:4px;padding:1em 2em;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */}
.yesnoform-biggest .active.color-green {background-color:green;color:white}
.yesnoform-biggest .active.color-gray {background-color:#CCC;}
.yesnoform-biggest .active.color-blue {background-color:#0075ff;color:white}
.yesnoform-biggest .form-check-pb1 {padding-bottom:1em;}
.yesnoform-biggest .form-check-pb2 {padding-bottom:2em;}

/* Modal Form */
.asterisk {color:red}
.form-shipping-select {cursor:pointer;margin-top: 1rem;}

/* Alert */
.alert-warning {color:red;}

.btn {cursor:pointer}
footer {margin-top:2em}
footer .container {position:relative}
.footer-logo {position:absolute;top:0;left:50%;margin-left:-13px;}

.toggle-view {display:none;}
.toggle-view.active {display:block;}

.divtable {display:table}
.divtable .left_content, .divtable .right_content {display:table-cell}
.divtable .left_content {vertical-align:middle;text-align:center;}
.divtable .right_content {vertical-align:top;text-align:left;padding:0 10px;width:100%}
.divtable .benefits {font-size:0.8em;}
.divtable .img_content {width:100px;background-color: white; padding: 4px;border-radius: 4px;}
.divtable .img_content img {width:100%}

.elm_input_select {display:inline-block;position:relative;width:100%;padding:10px;text-align:center;cursor:pointer;border-radius:4px;border:#CCC solid 1px;
  /* prevent select text */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */}
.elm_input_select input[type=radio] {visibility:hidden;position:absolute}
.elm_input_select.active {background-color:#c4e2c4;border-color:black}
.elm_input_select.coverfinish {display:block}

.crossed_price {position: relative;}
.crossed_price:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  /*border-color: inherit;*/
  border-color: red;
  
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}
.splash-title { font-size:3em; text-transform:uppercase; text-align:center}
.splash-title span {font-size:1.5em; font-weight:bold; color:red}
.splash-form { text-align:center; margin-top:2em}
.splash-form button {text-align:center;zoom:2}

.jumbotron-heading, 
H1, H2, H3, H4 {font-family:Canaro,Montserrat,sans-serif,Arial}

/* background video */
#background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.6;
}