/* STRUCTURE
---------------- */
body, html{height: 100%;background-repeat: no-repeat;background-position: top center;background-size: cover;background-attachment: fixed;}
body{ font-family: "Roboto",Arial,Tahoma,Verdana,sans-serif;    font-size: 14px;    line-height: 1.428571429; background-color: #f5f6f8;color:#29313e;}
p{color: #696969;line-height: 180%;}
a{color:inherit;outline: none;}

h1, h2, h3, h4{font-weight: bold;margin:0 0 20px 0;font-size: 28px;}
h3{font-size: 24px;}
@media (max-width: 991px) {
	h1, h2, h3, h4{font-size: 24px;}
	h3{font-size: 18px;}
}

/*
DROPZONE
--------------------------------------------------------
*/
.dropzone{border-radius:4px;border:2px solid #29313e;padding:5px 10px;min-height: auto;}
.dropzone:hover{background-color: #F7F7F7;}
.dropzone input{display: none;}
.dropzone .dz-message{margin: 0;padding: 5px 0;line-height: 20px;font-size: 13px;font-weight: 500;}
.dropzone .dz-message svg{margin-right: 5px;}
.dropzone .dz-preview.dz-image-preview{background-color: transparent;}
.dropzone .dz-message .fa-download{color: #29313e;}


.container_sub{width: 810px;margin:0 auto;max-width: 100%;}

.form-control{margin-bottom: 10px;color:black;}

.btn{}
.btn-primary{}


header{ height: 80px; box-shadow: 0 -2px 9px 1px rgba(0, 0, 0, 0.35); background-color: white;position:relative;z-index: 10;}
header .container{position: relative;}
header .logo{width: 300px;height: 50px;position:absolute;top:15px;left:30px;background-repeat: no-repeat;background-size: contain;background-position: left center;}
header .lang{position: absolute;top:28px;right: 30px;border-radius: 0;font-size: 11px;color:#2b313f;height: 24px;border:1px solid #b8b8b8;font-weight: 500;padding:0 2px;outline: none;}
header .countdown{    position: absolute;    top: 30px;    color: #009899;    font-weight: bold;    right: 102px;}
header .countdown svg{margin-right: 5px;}
@media (max-width: 767px) {
	header{text-align: center;height: auto;padding:10px;}
	header .logo{position: relative;top:0;left:0;display: block;margin: 0 auto 10px auto;background-position: center center;}
	header .lang{position: relative;top:0;left:0;display: inline-block;margin:0 10px;}
	header .countdown{position: relative;top:0;left:0;display: inline-block;margin:0 10px;}
}

/* CONTENT
---------------- */
section.content{background-color: white;padding:1px 30px;}
@media (max-width: 991px) {
	section.content{background-color: white;padding:1px 15px;}
}
/* BLOC THANKS
---------------- */
section.thanks{padding:100px 0;}


/* BLOC HEADING
---------------- */
section.heading{margin:90px 0;padding:0 30px;}
section.heading .icon{font-size: 200px;margin:30px 0 0 0;line-height: 200px;}
@media (max-width: 991px) {
	section.heading{margin:40px 0;padding:0;}
	section.heading .icon{text-align: center;margin-top:0;margin-bottom: 20px;}
}
@media (max-width: 767px) {
	section.heading .icon{font-size:100px;line-height: 100px;}

}

/* BLOC VIDEO
---------------- */
section.video{margin:90px 0;}
@media (max-width: 991px) {
	section.video{margin:40px 0;}
}

/* BLOC TEXT
---------------- */
section.text{margin:60px 0;text-align: center;}
@media (max-width: 991px) {
	section.text{margin:30px 0;}
}

/* BLOC IMAGE
---------------- */
section.image{margin:60px 0;text-align: center;}
@media (max-width: 991px) {
	section.image{margin:30px 0;}
}

/* BLOC FORM
---------------- */
section.form{margin:30px 0;padding:30px;border:1px solid #e7e7e9;border-top:6px solid #009999;}
@media (max-width: 991px) {
	section.form{margin:20px 0;padding:15px;}
}

/* BLOC TOTAL
---------------- */
section.total{margin:30px 0;padding:30px;border:1px solid #e7e7e9;border-top:6px solid #009999;}
@media (max-width: 991px) {
	section.total{margin:20px 0;padding:15px;}
}

/* BLOC ADDRESS
---------------- */
section.address{margin:30px 0;padding:30px;border:1px solid #e7e7e9;border-top:6px solid #009999;}
@media (max-width: 991px) {
	section.address{margin:20px 0;padding:15px;}
}
section.address .livraison_switch{
	padding:20px;
	background-color:#f1f1f1;
	border-radius: 8px;
	margin:10px 0 20px 0;
}




/* BLOC PRODUCT
---------------- */
section.product{margin:30px 0;padding:30px;border:1px solid #e7e7e9;border-top:6px solid #009999;}
.slick{padding:0 70px;}
.slick .slick-btn{font-size: 40px;cursor:pointer;height:50px;line-height:50px;position:absolute;top:50%;margin-top:-25px;color:#cacaca;}
.slick .slick-btn-prev{left:0;}
.slick .slick-btn-next{right:0;}
@media (max-width: 991px) {
	section.product{margin:20px 0;padding:15px;}
}
@media (max-width: 767px) {
	.slick{padding:0 25px;}
}
/* BLOC TEXT FORM
---------------- */
section.text_form{margin:0 0 30px 0;}
@media (max-width: 991px) {
	section.text_form{margin:0 0 20px 0;}
}

/* BLOC TABLE
---------------- */
section.table{margin: 0 0 30px 0;max-width: 100%;}
section.table tbody td{font-size:12px;border:1px solid #d4d9dc;text-align: center;padding:5px 5px;}
section.table tbody td.th{background-color: #f7f7f7;font-weight: 500;}
section.table tbody td.thi{background-color: #333;color:white;font-weight: 500;}
section.table tbody td.ths{background-color: #28a745;color:white;font-weight: 500;}
section.table tbody td.price{font-weight: bold;}

/* BLOC INPUT RADIO
---------------- */
section.input_radio{margin-bottom: 30px;}
section.input_radio .title{font-weight: bold;margin-bottom: 10px;}
section.input_radio .custom-radio{margin-right: 15px;font-size: 16px;font-weight: bold;}
section.input_radio .custom-checkbox{margin-right: 15px;font-size: 16px;font-weight: bold;}
section.input_radio .custom-control-label{cursor: pointer;}
section.input_radio .custom-control-label::before{top:0.15em;}
section.input_radio .custom-control-label::after{top:0.15em;}
section.input_radio .custom-control-input:focus~.custom-control-label::before{box-shadow: none;}
@media (max-width: 991px) {
	section.input_radio{margin-bottom: 20px;}
	section.input_radio .title{margin-bottom:5px;}
}

/* BLOC INPUT FILE
---------------- */
section.input_file{margin-bottom: 30px;}
@media (max-width: 991px) {
	section.input_file{margin-bottom: 20px;}
}


/* BLOC INPUT PROGRESS
---------------- */
section.next_step{text-align: center;margin:10px 0;}
section.next_step label{font-weight: bold;}
section.next_step label .missing{font-weight: bold;font-size: 18px;}



/* BLOC SUBMIT
---------------- */
section.submit{margin:75px 0 30px 0;text-align: center;}
section.submit .btn{font-size: 20px;font-weight: bold;color:white;background-color: #009899;border-radius: 4px;padding:12px 70px;text-transform: uppercase;letter-spacing: 0.4px;border:none !important;}
@media (max-width: 991px) {
	section.submit{margin:40px 0 15px 0;}
}

/* BLOC SUBTITLE
---------------- */
section.subtitle{margin: 0 0 15px 0;font-weight: bold;font-size: 16px;}
@media (max-width: 991px) {
	section.subtitle{margin: 0 0 10px 0;}
}

/* BLOC TOGGLE
---------------- */
section.toggle{margin: 0 0 15px 0;font-weight: bold;font-size: 16px;cursor: pointer;text-decoration: underline;position: relative;}
section.toggle .chevron{position: absolute;top:0;right: 0;display: none;}
section.toggle .chevron_inactive{display: block;}
section.toggle.active .chevron_active{display: block;}
section.toggle.active .chevron_inactive{display: none;}
@media (max-width: 991px) {
	section.toggle{margin: 0 0 10px 0;}
}

/* BLOC LIGHTBOX
---------------- */
section.lightbox{margin:30px 0;text-align: center;}
section.lightbox > a{font-size: 12px;color:#999;}
section.lightbox .modal-content{text-align: justify;}
@media (max-width: 991px) {
	section.lightbox{margin:20px 0;}
}


/* BLOC SELECTOR
---------------- */
section.selector{margin:90px 0;padding:0 30px;}
section.selector .title{text-align: center;font-size: 20px;}
section.selector .description{text-align: center;}
section.selector .products_list{display:flex;flex-wrap:wrap;flex-direction:row;}
section.selector .products_list .product{width: 31.333%;    border: 1px solid #ced4da;    border-radius: 5px;    margin: 1% 10px;    align-items: center;    padding: 25px 15px;}
section.selector .products_list .product .product_name{text-align: center;font-weight: bold;margin-top:20px;}
section.selector .products_list .product .img{width: 148px;height: 148px;line-height: 148px;text-align: center;}
section.selector .products_list .product .btn{margin-top:10px;font-size: 14px;color:white;background-color: #fff;color:#999;border:2px solid #999;border-radius: 4px;padding:12px;width:100%;text-transform: uppercase;letter-spacing: 0.4px;font-weight: bold;}
section.selector .products_list .product .btn span.on{display: none;}
section.selector .products_list .product .btn span.off{display: block;}

section.selector .products_list .product.active .btn{background-color: #009899;color:#fff;border:2px solid #009899;}
section.selector .products_list .product.active .btn span.on{display: block;}
section.selector .products_list .product.active .btn span.off{display: none;}


@media (max-width: 991px) {
	section.selector .products_list .product{width:100%;}
	section.selector .products_list .product .img{width: 148px;height: 250px;line-height: 250px;}
}


/* PRICE BOX
---------------- */
.price_box_label{font-weight:bold;margin:5px 0;}
.price_box{    border: 1px solid #e7e7e9;    background-color: #f7f7f7;    padding: 8px 15px 5px 15px;    display: inline-block;    color: #e22054;    font-weight: bold; }