/*  D E F AU L T   S T Y L E  */
:root {
  --blue: #00b0e2;
  --sky-blue: #e2f2f9;
  --green: #3e8631;
  --green-alt: #5eb10c;
  --dark-grey: #4a4a4f;
  --medium-grey: #66666c;
  --input-grey: #c2c2c2;
  --border-grey: #e6e6e7;
  --silver: #f7f7f7;
  --orange-alt: #e48805;
  --orange: #d16e11;
  --yellow: #efb928;
  --danger: #dc7c7c;
  --main-font: 'Open Sans', sans-serif;
  --alter-font: 'Roboto', sans-serif;
}

/*************************
         Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-12 { margin-top: 12px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-12 { margin-right: 12px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-25 { margin-right: 25px }
.mr-30 { margin-right: 30px }
.mr-35 { margin-right: 35px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
      Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
        Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt- { padding-top: 10px }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-205{ padding-top: 25px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pt-320 { padding-top: 320px }
/*************************
        Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-5 { padding-right: 5px }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
        Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-85 { padding-bottom: 85px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
.pb-210 { padding-bottom: 210px }
.pb-200 { padding-bottom: 200px }
.pb-220 { padding-bottom: 220px }
.pb-250 { padding-bottom: 250px }
.pb-260 { padding-bottom: 260px }
/*************************
        Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-5{ padding-left: 5px }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }


/***************************
    Page section padding
****************************/
.ptb-0 { padding: 0 }
.ptb-5 { padding: 5px 0 }
.ptb-10 { padding: 10px 0 }
.ptb-15 { padding: 15px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-25 { padding: 25px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-55 { padding: 55px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
.ptb-160 { padding: 160px 0 }
.ptb-170 { padding: 170px 0 }
.ptb-180 { padding: 180px 0 }
.ptb-190 { padding: 190px 0 }
.ptb-200 { padding: 200px 0 }
.ptb-210 { padding: 210px 0 }
.ptb-220 { padding: 220px 0 }
.ptb-240 { padding: 240px 0 }
.ptb-250 { padding: 250px 0 }
.ptb-280 { padding: 280px 0 }

/***************************
    Page section margin
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }

/* Sizes */
.full-width{
	width: 100%;
}
.full-height{
	height: 100%;
}
.fw-200{
	font-weight: 200;
}
.fw-300{
	font-weight: 300;
}
.fw-600{
	font-weight: 600;
}
.fw-500{
	font-weight: 500;
}
.fw-400{
	font-weight: 400;
}
.fw-700{
	font-weight: 700;
}
.fw-800{
	font-weight: 800;
}
.fw-900{
	font-weight: 900;
}
.f-size-10{
  font-size: 10px;
}
.f-size-12{
  font-size: 12px;
}
.f-size-14{
  font-size: 14px;
}
.f-size-16{
  font-size: 16px;
}
.f-size-18{
  font-size: 18px;
}
.f-size-20{
  font-size: 20px;
}
.f-size-22{
  font-size: 22px;
}
.f-size-24{
  font-size: 24px;
}
.f-size-26{
  font-size: 26px;
}
.f-size-28{
  font-size: 28px;
}
.f-size-30{
  font-size: 30px;
}
.f-size-32{
  font-size: 32px;
}
.f-size-34{
  font-size: 34px;
}
.f-size-36{
  font-size: 36px;
}
.f-size-38{
  font-size: 38px;
}
.f-size-40{
  font-size: 40px;
}
.f-size-42{
  font-size: 42px;
}
.f-size-44{
  font-size: 44px;
}
.f-size-46{
  font-size: 46px;
}
.f-size-48{
  font-size: 48px;
}
.f-size-50{
  font-size: 50px;
}
.f-size-52{
  font-size: 52px;
}
.f-size-54{
  font-size: 54px;
}
.f-size-56{
  font-size: 56px;
}
.f-size-58{
  font-size: 58px;
}
.f-size-60{
  font-size: 60px;
}
.underline{
	text-decoration: underline;
}
.no-padding{
  padding: 0!important;
}
.no-margin{
  margin: 0!important;
}
.uppercase{
  text-transform: uppercase;
}
.capitalize{
  text-transform: capitalize;
}
/* Line-height */
.lh-1{
  line-height: 1;
}
.lh-18{
	line-height: 18px;
}
.lh-20{
	line-height: 20px;
}
.lh-22{
	line-height: 22px;
}
.lh-23{
	line-height: 23px;
}
.lh-24{
	line-height: 24px;
}
.lh-25{
  line-height: 25px;
}
/* Letter spacing */
.l-spacing-1{
  letter-spacing: 1px;
}
.l-spacing-2{
  letter-spacing: 2px;
}
.l-spacing-3{
  letter-spacing: 3px;
}
.l-spacing-4{
  letter-spacing: 4px;
}
.border_blue{
  border: 1px solid #00b0e2;
}
.border_yellow{
  border: 1px solid #efb928;
}
.border_grey{
  border: 1px solid #eaeaea;
}
.b_radius_2{
  border-radius: 2px;
}
.b_radius_4{
  border-radius: 4px;
}
.b_radius_6{
  border-radius: 6px;
}
.b_radius_50p{
  border-radius: 50%;
}
.b_radius_100p{
  border-radius: 100%;
}


/*************************
         C O L O R
*************************/
.white{
  color: #fff;
}
.blue{
  color: #00b0e2;
}
.sky_blue{
  color: #e2f2f9;
}
.green_alt{
  color: #5eb10c;
}
.green{
  color: #3e8631;
}
.orange{
  color: #d16e11;
}
.orange_alt{
  color: #e48805;
}
.dark{
  color: #4a4a4f;
}
.silver{
  color: #f7f7f7;
}
.b_grey{
  color: #e6e6e7;
}
.medium_grey{
  color: #66666c;
}
.yellow{
  color: #efb928;
}
.danger{
  color: #dc7c7c;
}
.green_tree{
  color: #40872b;
}
.black{
  color: #000000;
}
.red{
  color:#ff0000;
}
/*************************
   B A C K G R O U N D S
*************************/
.white_bg{
  background-color:  #fff;
}
.blue_bg{
  background-color:  #00b0e2;
}
.sky_blue_bg{
  background-color:  #e2f2f9;
}
.green_bg{
  background-color:  #3e8631;
}
.green_alt_bg{
  background-color:  #5eb10c;
}
.orange_alt_bg{
  background-color:  #e48805;
}
.orange_bg{
  background-color:  #d16e11;
}
.dark_bg{
  background-color:  #4a4a4f;
}
.silver_bg{
  background-color: #f7f7f7;
}
.border_grey_bg{
  background-color: #e6e6e7
}
.medium_grey_bg{
  background-color: #66666c;
}
.yellow_bg{
  background-color: #efb928;
}
.danger_bg{
  background-color: #dc7c7c;
}
/********************
     D I S A B L E   H O V E R S
********************/
.white_bg:hover{
  background-color:  #fff;
}
.blue_bg:hover{
  background-color:  #00b0e2;
}
.sky_blue_bg:hover{
  background-color:  #e2f2f9;
}
.green_bg:hover{
  background-color:  #3e8631;
}
.green_alt_bg:hover{
  background-color:  #5eb10c;
}
.orange_alt_bg:hover{
  background-color:  #e48805;
}
.orange_bg:hover{
  background-color:  #d16e11;
}
.dark_bg:hover{
  background-color:  #4a4a4f;
}
.silver_bg:hover{
  background-color: #f7f7f7;
}
.border_grey_bg:hover{
  background-color: #e6e6e7
}
.yellow_bg:hover{
  background-color: #efb928;
}
.danger_bg:hover{
  background-color: #dc7c7c;
}


/********************
     H O V E R
********************/
/* .hvr-winona{
  overflow: hidden;
  padding: 0;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  vertical-align: middle;
  position: relative;
  z-index: 1;
  padding: 15px 20px;
}
.hvr-winona::after{
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
  border: 1px solid currentColor;
  border-radius: 2px;
}
.hvr-winona.blue::after{
  color: #00b0e2;
  background-color: #fff;
}

.hvr-winona::after,
.hvr-winona > span{
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.hvr-winona:hover::after{
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.hvr-winona:hover > span{
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
} */

/*************************
   R E S E T S
*************************/
body{
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: #4a4a4f;
  /* tempo  */
  /* min-height: 150vh; */
}
ul,ol{
  margin: 0;
  padding: 0;
}
li{
  list-style-type: none;
}
a.white:focus, a.white:hover{
  color: #fff;
}
a.blue:focus, a.blue:hover{
  color: #00b0e2;
}
a, a:focus, a:hover{
  text-decoration: none;
  outline: 0;
  text-shadow: none;
  color: inherit;
}
.sample_link{
  padding: 12px 20px;
  line-height: 1;
}
button,
button:hover,
button:focus{
  outline: 0;
  border: 0;
  box-shadow: 0;
  background-color: inherit;
  text-shadow: none;
}
.btn_link.white_bg{
  background-color: #fff;
  color: #00b0e2;
  border: 1px solid #00b0e2;
}
.btn_link.blue_bg{
  background-color: #00b0e2;
  color:  #fff;
  border: 1px solid #00b0e2;
}
.btn_link{
  font-weight: 700;
  line-height: 1;
  padding: 12px 15px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.review_validation{
  display: none;
}
h1, h2, h3, h4, h5, h6{
  line-height: 1;
}
.form-control{
  border-radius: 0;
  background-color: #fff;
  color: #4a4a4f;
  border: 1px solid #e5e5e5;
  font-size: 14px;
}
.form-control[readonly] {
  /* background: #fff; */
}
.form-control::-moz-placeholder{
  line-height: 22px;
}
.form-control:focus{
  /* background-color: inherit; */
  box-shadow: none;
  color: #4a4a4f;
  border: 1px solid #00b0e2 !important;
}
textarea.form-control {
  height: auto !important;
}
button{
  cursor: pointer;
}
select{
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('../img/caret.png') no-repeat;
  background-position: center right 10px;
}
.overflow_hidden{
  overflow: hidden;
}
.has_no_shadow{
  box-shadow: none !important;
}
.has_shadow{
  box-shadow: 0px 0px 6px 1px #eaeaee;
}
.no_border{
  border: none !important;
}
.band{
  background-color: #00b0e2;
  padding: 20px 0;
  color: #fff;
}
.band h1{
  margin: 0;
  padding: 0;
  line-height: 1;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
}
._breadcrumb{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._breadcrumb ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 0;
  margin: 0 -3px;
}
._breadcrumb ul li a,
._breadcrumb ul li span{
  font-size: 12px;
  padding: 0 3px;
  font-weight: 600;
  color: #66666c;
}
._breadcrumb ul li a{
  color: #00b0e2;
  text-decoration: none;
  cursor: pointer;
}
._breadcrumb ul li a:hover{
  text-decoration: underline;
}
._breadcrumb ul li span{
  color: #66666c;
  cursor: default;
}
._breadcrumb ul li span::before,
._breadcrumb ul li:not(:first-child) a::before{
  content: ">";
  vertical-align: middle;
  color: currentColor;
  margin-right: 2px;
}
.star-rating i {
  margin: 0 1.5px;
}
.star-rating i.active::before,
.star-rating i.hover::before {
    content: "\f005";
}
.alert{
  padding: 15px 15px;
  text-align: center;
  font-weight: 700;
  border-radius: 2px;
  width: 100%;
}
.alert-danger{
  color: #cc4c4c;
  background: #ffeaea;
}
.alert-warning{
  color: #d16e11;
  background: #fff2e6;
}
.stop-scroll{
  position: fixed;
  overflow: hidden;
  width: 100%;
}
.margin_center_x{
  margin-left: auto !important;
  margin-right: auto !important;
}
.icheckbox_square-blue,
.iradio_square-blue{
  width: 16px;
  height: 16px;
}
.icheckbox_square-blue{
  background-image: none;
  border: 1px solid #00b0e2;
  position: relative;
}
.icheckbox_square-blue::after{
  content: "";
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  position: absolute;
  /* z-index: -1; */
  font-family: FontAwesome;
  color: #00b0e2;
  font-size: 12px;
}
.icheckbox_square-blue.checked::after{
  content: "\f00c";
}
.iradio_square{
  border-radius: 100%;
  background: #efefef;
  border: 1px solid #efefef;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  margin-right: 5px;
}
.iradio_square.checked{
  border: 1px solid #00b0e2;
  background: #fff;
}
.iradio_square.hover{
  border: 1px solid #00b0e2;
}
.iradio_square.checked::after{
  opacity: 1;
}
.iradio_square::after{
  content: "";
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  background-color: #00b0e2;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  transition: .2s;
}
/* Hide popup */
.alert.custom_modal{
  display: none !important;
}
._btn.has_icon ._icon{
  display: none;
}
.opacity-5{
  opacity: .5;
}
.fade.in {
  opacity: 1;
}
svg{
  fill: currentColor;
}
.italic{
  font-style: italic;
}
/*********************
    H E A D E R
*********************/
header{
  padding: 10px 0;
  background-color: #fff;
  position: relative;
  z-index: 1000;
}
header #logo-full{
  padding-left: 20px;
  padding-bottom: 30px;
  max-width: 320px;
  /* margin: 0 auto; */
}
header #logo-min{
  padding-bottom: 30px;
  max-width: 33px;
  margin: 0 auto;
}
header #buy-product{
  color: #fff;
  background-color: #00b0e2;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 15px 26px;
  line-height: 1;
  border-radius: 2px;
  margin: 0 15px;
  font-size: 14px;
  display: block;
  margin-top: -10px;
  /* border: 2px solid #fff; */
}
header .top_area > .container-fluid{
  /* max-width: 1800px; */
}
header #connection a:hover{
  text-decoration: underline;
  color: #00b0e2;
}
header #connection a{
  color: #4a4a4f;
  font-weight: 600;
  padding: 0 15px;
  position: relative;
}
header #connection a + a::before{
  content: "/";
  left: -4px;
  position: absolute;
}
header #cart{
  color: #fff;
  text-align: center;
  position: fixed;
  right: 0;
  top: 20vh;
  max-width: 135px;
  z-index: 9;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header #cart .cart_wrapper{
  padding: 10px 25px;
  background-color: #00b0e2;
  color: #fff;
  border-radius: 2px;
  display: block;
  max-width: 90%;
}
header #cart .cart_wrapper ._wrapper path{
  fill: #fff;
}
header #cart .cart_wrapper ._wrapper{
  max-width: 40px;
  margin: 0 auto;
  position: relative;
}
/* header #cart .cart_wrapper ._wrapper::before{ */
header #cart .cart_wrapper ._wrapper .counter{
  content: attr(data-counter);
  width: max-content;
  padding: 0 8px;
  /* min-width: 30px; */
  height: 22px;
  position: absolute;
  background: #d16e11;
  border-radius: 30px;
  color: currentColor;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -30%;
  font-size: 12px;
}
header #cart .cart_wrapper #icon-cart-mobile{
  display: none;
}
header #cart .cart_total{
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-top: 5px;
}
header #menu-toggler{
  display: none;
  /* width: 30px; */
  /* height: 30px; */
  /* background: #00b0e2; */
}
header #menu-toggler i.close_icon{
  display: none;
}
header #menu-toggler.close i.open_icon{
  display: none;
}
header #menu-toggler.close i.close_icon{
  display: block;
}
header #account-links{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header #account-links[data-user]{
  position: relative;
  padding-top: 40px;
}
#account-links[data-user]::before {
  /*content: attr(data-user);*/
  position: absolute;
  top: -10px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  line-height: 1;
  border-radius: 0 0 2px 2px;
  min-width: max-content;
  min-width: -moz-max-content;
  min-width: -webkit-max-content;
  right: 10px;
}
#account-links.mode-jardinier[data-user]::before {
  background-color:  #a6b10c;
}
#account-links.mode-acheteur[data-user]::before {
  background: #d16e11;
}
header #account-links li a{
  line-height: 1;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #4a4a4f;
  padding: 0 10px;
  position: relative;
}
header #account-links > li > a.selected span,
header #account-links > li > a:hover span{
  color: #00b0e2;
  text-decoration: underline;
}
header #account-links > li + li:not(:last-child) a::before{
  content: "|";
  position: absolute;
  left:  -5px;
  top: -1px;
}
header #account-links #user-dropdown{
  position: absolute;
  background-color: #00b0e2;
  right: 0;
  padding: 10px 0;
  min-width: 300px;
  margin-top: 15px;
  box-shadow: 0px 1px 6px 1px #fff;
  border-radius: 2px;
  transform: scale(.9);
  opacity: 0;
  transition: .2s;
  z-index: -99;
}
header #account-links #user-dropdown.open{
  z-index: 99;
  opacity: 1;
  transform: scale(1);
}
header #account-links #user-dropdown::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  right: 36px;
  top: 0;
}
header #account-links #user-dropdown li{
  line-height: 1;
}
header #account-links #user-dropdown a.username{
  font-size: 20px;
  padding: 10px 0 10px 10px;
}
header #account-links #user-dropdown a{
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  padding: 10px 0 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header #account-links #user-dropdown a span{
  background-color: #00b0e2;
  padding-right: 10px;
}
header #account-links #user-dropdown li a:not(.username)::before{
  content: "";
  height: 2px;
  border-top: 1px solid currentColor;
  /* width: 100%; */
  width: calc(100% - 60px);
  /* background-color: currentColor; */
  position: absolute;
  top: 50%;
  z-index: -1;
  opacity: .4;
}
header i.menu-icon svg{
  width: 25px;
  height: 25px;
  margin: 0 10px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 999;
  fill: currentColor;
}
header #account-links  a i.alt-icon svg{
  fill: currentColor;
  width: 30px;
  height: 30px;
  display: none;
}
/* Header recherche */
header .search_form{
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.reset_search{
  background-color: #e6e6e7;
  border: 1px solid #cacaca;
  font-size: 16px;
  /* color: #fff; */
  font-weight: 700;
  width: 15px;
  height: 15px;
  line-height: 1;
  display: inline-block;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2px;
  position: absolute;
  right: 10px;
  opacity: 0;
  cursor: pointer;
}
header .search_form input[type="search"]:focus ,
header .search_form input[type="text"]:focus {
  background-image: none;
  padding-right: 3px;
}
header .search_form input[type="search"]:focus ~ .reset_search,
header .search_form input[type="text"]:focus ~ .reset_search{
  opacity: 1;
}
header .search_form input[type="search"],
header .search_form input[type="text"]{
  height: 44px;
  /* border: 1px solid #dedede; */
  border-radius: 2px;
  background-image: none;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 35px;
}
header .search_form input[type="search"]::placeholder,
header .search_form input[type="text"]::placeholder{
  font-weight: 600;
  line-height: 1;
}
header .search_form input[type="search"] {
  -webkit-appearance: none;
}
header .search_form input[type="search"]::-webkit-search-cancel-button {
   /* Remove default */
  -webkit-appearance: none;
  /* Now your own custom styles */
   height: 18px;
   width: 18px;
   display: block;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTcsMEMxMTYuMzksMCwwLDExNC4zOSwwLDI1NXMxMTYuMzksMjU3LDI1NywyNTdzMjU1LTExNi4zOSwyNTUtMjU3UzM5Ny42MSwwLDI1NywweiBNMzgzLjIyLDMzOC43OSAgICBjMTEuNywxMS43LDExLjcsMzAuNzMsMCw0Mi40NGMtMTEuNjEsMTEuNi0zMC42NCwxMS43OS00Mi40NCwwTDI1NywyOTcuNDJsLTg1Ljc5LDgzLjgyYy0xMS43LDExLjctMzAuNzMsMTEuNy00Mi40NCwwICAgIGMtMTEuNy0xMS43LTExLjctMzAuNzMsMC00Mi40NGw4My44LTgzLjhsLTgzLjgtODMuOGMtMTEuNy0xMS43MS0xMS43LTMwLjc0LDAtNDIuNDRjMTEuNzEtMTEuNywzMC43NC0xMS43LDQyLjQ0LDBMMjU3LDIxMi41OCAgICBsODMuNzgtODMuODJjMTEuNjgtMTEuNjgsMzAuNzEtMTEuNzIsNDIuNDQsMGMxMS43LDExLjcsMTEuNywzMC43MywwLDQyLjQ0bC04My44LDgzLjhMMzgzLjIyLDMzOC43OXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzhGOEY4RiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+");
   background-repeat: no-repeat;
   background-position: center right;
   /* icon size */
   background-size: 18px;
}
header #user-toggler ._wrapper{
  border-radius: 100%;
  overflow: hidden;
  width: 65px;
  height: 65px;
}
header #user-toggler ._wrapper img{
  max-width: 100%;
  max-height: 100%;
}

/* Pass mode */
header .pass_mode{
  position: absolute;
  top: -2px;
  right: 10px;
  z-index: 10000
}

header .item_mode{
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 10px !important;
  line-height: 1;
  border-radius: 0 0 2px 2px;
  min-width: max-content;
  min-width: -moz-max-content;
  min-width: -webkit-max-content;
}

header  .pass_mode i svg {
  width: 16px;
  margin-right: 6px;
  margin-bottom: 4px;
}

header  .pass_mode .mode_venduer{
  background: #a6b10c;
}

header  .pass_mode .mode_acheteur{
  background: #d16e11;
}

header  .pass_mode:hover{
  color:white;
  text-decoration: none
}

header .pass_mode:focus{
  color:white;
}

/*********************
    F O O T E R
*********************/
footer{
  padding-top: 40px;
  /* position: relative; */
}
#cookies{
  background: #00b0e2;
  padding: 30px 0;
  color: #fff;
  position: fixed;
  width: 100vw;
  z-index: 99;
  bottom: 0;
}
#cookies ._title{
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 20px;
  line-height: 1;
}
#cookies a{
  /* font-size: 14px; */
  font-weight: 600;
  text-decoration:underline;
}
#cookies p{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
#cookies  .btn{
  border-radius: 0;
  background-color: #fff;
  color: #00b0e2;
  padding: 10px 15px;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  border: 2px solid transparent;
}
#cookies  .btn:hover{
  color: #fff;
  background-color: #00b0e2;
  border-color: #fff;
}
footer #newsletter .has_bg{
  background-image: url('../img/newsletter-bg.png');
  background-position: center;
  background-size: cover;
  padding: 80px 15px;
  color: #fff;
}
footer #newsletter label{
  font-size: 30px;
  font-weight: 700;
}
footer #newsletter .form-group{
  display: flex;
  align-items: center;
  border-radius: 2px;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
footer #newsletter button[type="submit"]{
  padding: 20px 30px;
  background-color: #00b0e2;
  font-size: 16px;
  font-weight: 700;
  height: 55px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 0;
}
footer #newsletter button[type="submit"]::after{
  border-color: #fff;
  border-radius: 0;
}
footer #newsletter .form-control{
  height: 55px;
  border: 1px solid #fff;
  padding: 15px 15px;
  line-height: 1;
}
footer #newsletter .form-control::placeholder{
  color: #c2c2c2;
  font-weight: 700;
}
footer #newsletter .form-control::-moz-placeholder{
  line-height: 25px;
}
footer #newsletter .newsletter_icon{
  display: none;
}
footer #siteplan-list{
  display: flex;
  flex-wrap: wrap;
  margin:  0 -15px;
}
footer #siteplan-list li a{
  font-size: 14px;
  color: #00b0e2;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  line-height: 1;
  padding: 0 10px;
  position: relative;
}
footer #siteplan-list li a:hover{
  text-decoration: underline;
}
footer #siteplan-list li + li a::before{
  content: "|";
  left: -2px;
  position: absolute;
  top: 1px
}
footer .policies{
  padding: 15px 0;
  color: #66666c;
}
footer .policies{
  padding: 15px 0;
  color: #66666c;
}
footer .policies ._graph{
  font-size: 12px;
}
footer .policies .copyright{
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
footer .social_media{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 -15px;
}
footer .social_media li + li{
  margin-left: 10px;
}
footer .social_media li{
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 100%;
  /* margin-bottom: 7px; */
  /* border: 1px solid; */
}
footer .social_media  svg{
  width: 100%;
}
footer .site_links ul{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 15px 0;
}
footer .site_links li + li::before{
  content: "|";
  padding: 0 3px;
  font-weight: 600;
  vertical-align: 2px;
}
footer .site_links a {
  font-size: 12px;
  font-weight: 600;
}
footer .site_links a:hover {
  color: #000;
  text-decoration: underline;
}
footer .policies a:hover{
  text-decoration: underline;
}

#instagram .st0{fill:url(#SVGID_1_);}
#instagram .st1{fill:none;stroke:#FFFFFF;stroke-width:35.0651;stroke-miterlimit:10;}
#instagram .st2{fill:none;stroke:#FFFFFF;stroke-width:42.8573;stroke-miterlimit:10;}
#instagram .st3{fill:none;}

/* Global style */
input[type="tel"].has_radish,
input[type="email"].has_radish,
input[type="text"].has_radish{
  padding-left: 35px;
  background: url('../svg/logo-minified.svg') #fff no-repeat;
  /* background-position: center left 12px; */
  background-position: top 7px left 10px;;
  background-size: 18px;
}

input::placeholder{
  font-weight: 600;
  color: #66666c;
  line-height: 1;
}
.title{
  font-size: 28px;
  line-height: 1;
  color: #00b0e2;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.title.thin{
  font-weight: 500;
}
.title.has_line{
  display: flex;
  align-items: center;
  justify-content: center;
}
.title.has_line span{
  padding: 0 15px;
  position: relative;
}
.title.has_line span::before,
.title.has_line span::after{
  content: "";
  position: absolute;
  height: 2px;
  border-top: 1px solid #e6e6e7;
  /* background-color: #e6e6e7; */
  width: 50vw;
  top: 50%;
}
.title.has_line span::before{
  left: -50vw;
}
.title.has_line span::after{
  right: -50vw;
}
.form-control {
  background-clip: inherit;
}
.form-control.has_unit{
  width: 60px;
  text-align: center;
}
.modal_title{
  font-size: 24px;
  color: #00b0e2;
  font-weight: 700;
  line-height: 1;
  padding: 10px 0 20px;
}
._modal{
  display: none;
  width: 100%;
  background-color: transparent;
}
.modal_inner{
  background-color: #fff;
  padding: 15px 45px;
  border-radius: 2px;
  position: relative;
}
.modal_inner .form-group{
  margin-bottom: 15px;
  position: relative;
}
.modal_inner .form-group .toggle_password {
  right: 10px;
  top: 15px;
}
.modal_inner .form-control{
  height: 42px;
  border-radius: 2px;
  font-size: 14px;
}
.modal_inner .form-control::placeholder{
  font-weight: 500;
  line-height: 30px;
}
.form-control.error::placeholder{
  color: #dc7c7c;
}
.form-control.error,
.form-control.error:focus{
  color: #dc7c7c;
  border-color: #dc7c7c !important;
}
.modal_inner .form-control.required{
  background: url('../img/lock.png') no-repeat;
  background-position: center right 10px;
}
._modal.inscription ._submit{
  font-size: 16px;
}
._modal ._submit{
  font-size: 16px;
  font-weight: 600;
  background-color: #00b0e2;
  color: #fff;
  border-radius: 2px;
  padding: 15px 35px;
  line-height: 1;
}
._modal .submit_area a:hover{
  text-decoration: underline;
}
._modal .submit_area a ,
._modal .submit_area label {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 10px;
  line-height: 1;
}
._modal .submit_area .recaptcha{
  max-width: 220px;
}
._modal.inscription .submit_area{
  padding-left: 15px;
  padding-right: 15px;
}
._modal .title.has_line{
  font-size: 18px;
  font-weight: 700;
  color: #4a4a4f;
  padding: 15px 0;
  text-transform: inherit;
}
._modal.connexion .social_login{
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e7;
}
._modal .social_login a{
  display: block;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1;
  padding: 8px 30px;
}
._modal .social_login a i{
  vertical-align: -5px;
  margin-right: 15px;
  font-size: 32px;
}
._modal .social_login a.fb{
  color: #fff;
  background-color: #3a589c;
}
._modal .social_login a.google i{
  color: #d54d40;
}
._modal .social_login a.google{
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  padding: 15px 30px;
}
._modal .note{
  text-align: left;
  color: #66666c;
  font-weight: 500;
}
._modal  .fancybox-close-small{
  /* right: 35vw; */
  /* top: 2.5vw; */
  display: none !important;
}
._modal ._close{
  position: absolute;
  right: 0;
  top: 0;
}
._modal ._close .fancybox-close-small{
  display: inline-block !important;
  padding: 0;
}

/*  Potager Item */
.top_item{
  border: 1px solid #e6e6e7;
  border-radius: 2px;
  padding: 5px;
  display: block;
  position: relative;
  min-height: 100%;
}
.top_item a.add-fav{
  content: "\f004";
  position: absolute;
  z-index: 20;
  right: 0;
  top: 0;
  font-family: FontAwesome;
  color: #484848;
  font-size: 20px;
  padding: 15px 15px;
  line-height: 1;
}

.top_slider ._item + ._item{
  visibility: hidden;
  position: absolute;
}
.slick-initialized ._item + ._item{
  visibility: visible;
  position: static;
}

.top_item.favorite a.add-fav{
  color: #d16e11;
}
.top_item.favorite a.add-fav svg{
  fill-opacity: 1;
}
.top_item .top_slider img{
  width: 100%;
}
.top_item  .top_slider i::before{
  font-size: 35px;
  margin: 0;
}
.top_item .top_slider i{
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  z-index: 9;
  cursor: pointer;
}
.top_item .top_slider i.flaticon-left-arrow{
  left: 0;
  background: linear-gradient(to left, transparent , rgba(0, 0, 0, 0.0));
}
.top_item .top_slider i.flaticon-right-arrow{
  right: 0;
  background: linear-gradient(to right, transparent , rgba(0, 0, 0, 0.0));
}

.top_item .top_slider:hover i.flaticon-left-arrow{
  background: linear-gradient(to left, transparent , rgba(0, 0, 0, 0.08));
}
.top_item .top_slider:hover i.flaticon-right-arrow{
  background: linear-gradient(to right, transparent , rgba(0, 0, 0, 0.08));
}

.top_item .detail{
  padding: 15px 15px 8px;
}
.top_item .potager_title{
  font-size: 16px;
  font-weight: 600;
  color: #66666c;
  min-height: 48px;
  margin-top: 5px;
}
.top_item .potager_title::before{
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: inline-block;
}
.top_item.connected .potager_title::before{
  background-color: #89b43c;
}
.top_item.disconnected .potager_title::before{
  background-color: #ec3434;
}
.top_item .potager_list{
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: space-between; */
  padding: 10px 0 0;
  overflow: hidden;
  min-height: 55px;
}
.top_item .potager_list:not(.slick-initialized){
  display: flex;
  align-items: center;
}
.top_item .potager_list.slick-initialized{
  overflow: visible;
}
.top_item .potager_list:not(.slick-initialized){
  margin: 0 -8px;
}
.top_item .potager_list:not(.slick-initialized) .potager_list_item{
  padding: 0 8px
}
.top_item .potager_list:not(.slick-initialized) .potager_list_item{
  flex: 0 0 20%;
}
.top_item .potager_list.slick-initialized .potager_list_item{
  /* flex: auto; */
}

.top_item .top_slider  .slick-dots{
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.top_item .top_slider  .slick-dots li{
  margin: 0 5px;
  display: flex;
  align-items: center;
}
.top_item .top_slider  .slick-dots li button{
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 100%;
  padding: 0;
}
.top_item .top_slider  .slick-dots li.slick-active button{
  width: 12px;
  height: 12px;
}
.top_item .rate{
  color: #66666c;
  font-weight: 600;
}
.top_item .rate .note{
  display: inline-block;
  margin-right: 3px;
}

.infoBox{
  z-index: 9999 !important;
  text-align: left;
}
/* .infoBox > img {
  width: 35px;
  height: 35px;
  z-index: 99;
  position: absolute !important;
  right: 0;
  top: 0;
  transform: translateY(-40%) translateX(40%);
} */
.top_item .potager_list_item img{
  margin: 0 auto;
}
.compensate-for-scrollbar header #cart{
  right: 17px;
}
.fancybox-active.compensate-for-scrollbar{
  /* margin-right: 17px; */
}
.downloadable_link svg{
  margin-right: 5px;
  max-width: 20px;
  vertical-align: sub;
}
.downloadable_link{
  color: #00b0e2;
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
  /* display: inline-block; */
}
.fileUpload input[type="file"]{
  -webkit-appearance: none;
  z-index: -9;
  position: absolute;
  opacity: 0;
  max-width: 20px;
}
.fileUpload::before{
  content: "\f0c1";
  font-family: FontAwesome;
  font-weight: 500;
  margin-right: 5px;
  position: absolute;
  left: 12px;
}
.fileUpload{
  background: #d16e11;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border-radius: 2px;
  padding: 15px 35px;
  line-height: 1;
  margin: 0;
  position: relative;
  cursor: pointer;
  margin-bottom: 5px;
}
.choice:not(.fav_choice){
  color: #fff;
}
.choice{
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  min-width: 160px;
  border-radius: 2px;
}
.choice.yes{
  background-color: #00b0e2;
  border: 1px solid  #0c6782;
}
.choice.cancel{
  background-color: #ffff;
  border: 1px solid #989898;
  color: #989898;
}
._modal ._alert p{
  text-align: justify;
}
.hasDatepicker {
  background-image: url('../img/calendar.png');
  background-repeat: no-repeat;
  background-position: center right 10px;
}
/*  Datepicker style */
.ui-state-highlight, .ui-widget-content .ui-state-highlight{
  border: 1px solid #e1f4e1;
  background: #e1f4e1;
  color: #66666c;
}
.ui-datepicker th{
  font-family: 'Open Sans', sans-serif;
  /* color: #66666c; */
  min-width: 30px;
  padding: 5px 0;
  font-weight: 600;
}
.ui-datepicker-calendar thead tr{
  border: 1px solid #afafaf;
  border-radius: 0;
}
.ui-datepicker-calendar tbody{
  border: 1px solid #afafaf;
}
.ui-widget.ui-widget-content{
  border: none;
}
.ui-datepicker td{
  padding: 0;
  border: none;
}
.ui-datepicker td a:hover,
.ui-datepicker td a{
  border: none !important;
}
.ui-datepicker .ui-datepicker-header{
  border-radius: 0;
}
.ui-datepicker-calendar tbody tr:not(:last-child){
  border-bottom: 1px solid #afafaf;
}
.ui-datepicker th + th,
.ui-datepicker td + td {
    border-left: 1px solid #afafaf;
}
.ui-datepicker td a{
  padding: 5px 8px;
  padding: 5px 8px;
  /* font-weight: 600 !important; */
  font-family: 'Open Sans', sans-serif;
}
.ui-state-active, .ui-widget-content .ui-state-active{
  background: #00b0e2;
}
.ui-datepicker .ui-datepicker-title{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 0;
}
.ui-datepicker .ui-datepicker-title select{
  font-size: 1em;
  margin: 1px 4px;
  background-color: #fff;
  padding-left: 6px;
  background-position: center right 4px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #444444;
  border-radius: 2px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header a.ui-state-disabled{
  display: none;
}
.block_datepicker .ui-datepicker{
  width: 100%;
}
.block_datepicker .ui-datepicker .ui-datepicker-title{
  display: block;
  color: #66666c;
  font-family: 'Open Sans', sans-serif;
}
.block_datepicker .ui-datepicker .ui-datepicker-prev,
.block_datepicker .ui-datepicker .ui-datepicker-next,
.block_datepicker .ui-datepicker .ui-datepicker-header a.ui-state-disabled{
  display: block;
}
.block_datepicker .ui-widget-header .ui-icon{
  background-image: none;
  display: none;
}
.block_datepicker .ui-datepicker-prev.ui-corner-all:hover{
  border: none !important;
  top: 2px;
  left: 2px;
}
.block_datepicker .ui-datepicker-next.ui-corner-all:hover{
  border: none !important;
  top: 2px;
  right: 2px;
}
.block_datepicker .ui-corner-all{
  display: flex;
  align-items: center;
  justify-content: center;
}
.block_datepicker .ui-corner-all::after{
  font-family: Flaticon;
  color: #929296;
  padding: 3px 0;
  display: block;
}
.block_datepicker .ui-datepicker-prev.ui-corner-all::after{
  content: "\f101";
}
.block_datepicker .ui-datepicker-next.ui-corner-all::after{
  content: "\f100";
}
.ui-state-default, .ui-widget-content .ui-state-default,
.block_datepicker .ui-datepicker td a{
  padding: 4px 8px;
  height: 38px;
  font-weight: 600 !important;
  display: flex;
  color: #66666c ;
}
.block_datepicker .ui-state-active, .ui-widget-content .ui-state-active {
  background: #00b0e2;
  color: #fff !important;
}
.block_datepicker{
  min-height: 312px;
}

/* Checkbox --v ios */
.toggle_Input{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  flex-wrap: wrap;
}
.toggle_Input button input[type="checkbox"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  z-index: -99;
}
.toggle_Input button{
  position: relative;
  width: 54px;
  height: 30px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #cecece;
}
.toggle_Input.checked button{
  background-color: #3e8631;
  justify-content: flex-end;
}
.toggle_Input button::before{
  content: "";
  background: rgba(255, 0, 0, 0.57);
  font-weight: 600;
  font-size: 16px;
  /* padding-left: 12px; */
  line-height: 1;
  height: 20px;
  width: 2px;
  position: absolute;
  right: 15px;
}
.toggle_Input.checked button::before{
  content: "\f00c";
  color: #fff;
  width: auto;
  height: auto;
  background-color: transparent;
  font-weight: 600;
  /* padding-right: 3px; */
  line-height: 1;
  font-family: 'FontAwesome';
  font-size: 12px;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  left: 10px;
  right: auto;
}
.toggle_Input input[type="checkbox"]:checked ~ ._thumb{

}
.toggle_Input button ._thumb{
  width: 23px;
  height: 23px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  transition: .3s;
  left: 5px;
  top: 3px;
}
.toggle_Input.checked button ._thumb{
  right: 5px;
  left: auto;
}
.toggle_password {
  position: absolute;
  right: 25px;
  top: 12px;
  font-size: 16px;
  /* transform: translateY(-50%); */
  color: #4a4a4f;
  cursor: pointer;
}
/* favoris */
.fav_item{
  padding: 6px;
  border-radius: 2px;
  border: 1px solid #e6e6e7;
  min-height: 100%;
}
.fav_item ._title{
  color: #66666c;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 18px;
}
.fav_item ._remove_fav svg{
  max-width: 15px;
  vertical-align: sub;
  /* margin-right: 2px; */
}
.fav_item ._remove_fav{
  color: #d16e11;
  font-weight: 600;
  font-size: 12px;
  /* display: inline-block; */
}
.fav_item ._body{
  padding: 14px 0 8px;
}
.fav_group_list a.selected i::before{
  content: '';
  color: #d16e11;
}
.fav_group_list a.selected{
  color: #d16e11;
}
.fav_group_list a i{
  font-size: 23px;
  vertical-align: -1px;
  margin-right: 2px;
}
.fav_group_list a i::before{
  color: #00b0e2;
}
.fav_group_list a{
  display: inline-block;
  padding: 10px 0;
  line-height: 1;
  font-weight: 700;
}
.fav_group_list{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.static_content .btn_link {
  display: inline-block;
}
.static_content h2{
  font-size: 22px;
  font-weight: 700;
  color: #00b0e2;
}
.static_content h3{
  font-size: 20px;
  font-weight: 700;
  color: #4a4a4f;
}
.static_content h4{
  font-size: 16px;
  font-weight: 700;
  color: #d16e11;
}
.static_content p{
  line-height: 1.4;
  text-align: justify;
  margin-bottom: 25px;
}
.static_content p a{
  color: #00b0e2;
  font-weight: 600;
}
.static_content .alert p{
  margin: 0;
}
.static_content .alert {
  padding: 30px 20px;
  margin-bottom: 25px;
}
.static_content .alert.alert-info{
  background-color: #e5f5f9;
  color: #73b0c2;
}
.static_content .alert.alert-danger{
  background-color: #f7e6e6;
  color: #d49696;
}
.static_content.about_us p{
  margin-bottom: 20px;
}
.static_content.about_us .static_intro{
  border-bottom: 1px solid #e6e6e7;
  padding-bottom: 20px;
}
.about_testimonial ._cntnt p{
  text-align: center;
}
._title_404{
  font-size: 140px;
  line-height: 1.2;
}
.redirect-404 span{
  text-decoration: underline;
}
.redirect-404{
  padding: 5px 0;
}
.redirect-404::before{
  content: "\f100";
  font-family: 'Flaticon';
  font-size: 8px;
  vertical-align: 1px;
  margin-right: 3px;
}
/* Generate iframe */
.generate_iframe .top_item{
  background-color: #fff;
}
.generate_iframe .modal_inner{
  padding: 0px 0px;
  /* background-color: #f4f4f4; */
}
.item_to_generate{
  height: 100%;
  padding: 30px 15px;
  background: #f4f4f4;
}
.item_to_generate .rate .note{
  color: #00b0e2 !important;
}
.gen_area{
  padding-left: 15px;
  padding-right: 15px;
}
.gen_area{
  padding-left: 30px;
  padding-right: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.potager_list_iframe{
  display: flex;
  padding-top: 10px;
  margin: 0 -10px;
}
.potager_list_iframe .potager_list_item{
  padding: 0 10px;
}
.generate_iframe .top_item .detail{
  padding: 8px 8px 8px;
}
.generate_iframe .top_item .potager_title::before{
  display: none;
}
.generate_iframe .top_item .potager_title {
  padding-bottom: 8px;
  border-bottom: 1px solid #dfdfdf;
}
.generate_iframe .top_item .rate{
  border-bottom: 1px solid  #dfdfdf;
  padding-bottom: 10px;
}
.generate_iframe .top_item ._redirect{
  text-align: left;
  padding: 0 8px 8px;
  /* font-weight: 600; */
}
.generate_iframe .modal_title{
  font-size: 30px;
}
.generate_iframe .form-control:disabled,
.generate_iframe .form-control[readonly]{
  background-color: #f4f4f4;
}
.search_ingine form input[type="text"]::-moz-placeholder{
  line-height: 42px;
}
.has_validation .form-group{
  text-align: left;
}
.has_validation label.error,
#msgerror p{
  font-weight: 600;
  font-size: 12px;
  color: #dc7c7c;
  margin: 0;
  display: inline-block;
}
/* .has_validation .icheckbox_square-blue label.error{
  width: max-content;
  position: absolute;
  background: #ff6a6a;
  color: #fff;
  border-radius: 4px;
  padding: 2px 6px;
  bottom: -26px;
  box-shadow: 0px 3px 5px 0px #c73838;
  z-index: 3;
} */
.faq ._content a:hover{
  text-decoration: underline;
}
/* Add to cart new concept */
.new_concept .qte{
  display: none;
}
.new_concept.sthg_added .qte{
  display: block;
}
.new_concept.sthg_added .add_product{
  display: none !important;
}
.new_concept.sthg_added ._wrapper {
  position: relative;
}
.new_concept.sthg_added ._wrapper img{
  opacity: .5;
}
.new_concept.sthg_added ._wrapper::before {
  content: url('../img/qty_added.png');
  width: 100%;
  height: 100%;
  /* background: rgba(239, 239, 239, 0.61); */
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
#fiche-form input[type="tel"]{

}
.input_has_prefix{

}
.input_has_prefix .input-group-text{
  border-radius: 2px;
  background-color: rgba(0, 176, 226, 0.1);
  border: 1px solid #00b0e21f;
  font-size: 14px;
  font-weight: 600;
  padding: 0.375rem 10px;
}
.has_validation .input_has_prefix label.error{
  display: block !important;
  width: 100%;
  padding: 10px 0 5px;
}
.loading_overlay {
  position: relative;
  overflow: hidden;
  max-height: 100%;
}
.loading_overlay::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(254, 252, 252, 0.97);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  margin: auto;
}
.loading_overlay::after {
  content: "\f1ce";
  font-family: 'FontAwesome';
  position: absolute;
  left: 50%;
  top: 45vh;
  z-index: 999;
  font-size: 80px;
  font-weight: lighter;
  -webkit-animation: fa-spin .8s infinite linear;
  animation: fa-spin .8s infinite linear;
  color: #00b0e2;
  transform: translateX(-50%) translateY(-50%);
  line-height: 1;
}
._state{
  padding: 32px 24px;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  text-align: left;
  /* width: 100%; */
}
.action_zone ._state {
  margin-left: -15px;
  margin-right: -15px;
  border-top: 1px solid #eff8fa;
  border-bottom: 1px solid #eff8fa;
}
.action_zone ._state:last-child {
  border-bottom: 0;
}
._state svg{
  fill: currentColor;
  width: 40px;
  min-width: 40px;
}
._state .state_lbl{
  font-size: 16px;
  font-weight: 600;
  margin-left: 10px;
}
/* States */
._state._green{
  color: #5eb11a;
  background-color: #f9fff4;
}
._state._yellow {
  color: #efb928;
  background-color: #fffbf1;
}
._state._red {
  color: #dc7c7c;
  background-color: #fef4f4;
}
._state._silver {
  color: #d8d8d8;
  background-color: #f9f9f9;
}
.has_pro{
  position: absolute;
  right: 4px;
  background: #a6b10c;
  color: #fff;
  line-height: 1;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
}
#how-it-works section h2{
  color: #3b882b;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
}
#how-it-works ._item{
  text-align: center;
  padding: 0 18%;
}
#how-it-works ._item .a_step{
  padding: 15px 18%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('../img/index_bg.png') no-repeat center right 25%;
}
#how-it-works ._item .a_step svg{
  width: 73px;
}
#how-it-works ._item .a_step img{
  max-width: 73px;
}
#how-it-works ._item .a_step .index{
  font-size: 26px;
  font-weight: 700;
  margin-left: 5px;
}
#how-it-works ._item p{
  font-weight: 700;
  color: #7a7a7a;
  margin-top: 5px;
  text-align: center;
}
#how-it-works ._item._link{
  padding: 15px;
}
#how-it-works ._item .has_link{
  color: #fff;
  background-color: #00b0e2;
  height: 180px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#how-it-works ._item .has_link::after{
  content: url('../svg/right-arrow-cmt.svg');
  width: 34px;
  line-height: 1;
  margin-left: 10px;
}

#connection{
  display: flex;
  flex-wrap: wrap;
}
.infoBox .top_item a.add-fav{
  display: none;
}
.infoBox > img{
  position: absolute !important;
  top: 2px;
  right: 2px;
  z-index: 99;
  width: 30px;
}
.back_to_fav .flaticon-left-arrow::before{
  margin-left: 0;
}
.back_to_fav{
  display: flex;
  align-items: center;
  line-height: 1;
}
header #logo_area svg{
  max-width: 320px;
}
header #logo_area svg#logo_minified{
  max-width: 35px;
}
header #cart .cart_wrapper ._wrapper svg{
  max-height: 32px;
}

/* CSS Calndrier DISPONIBILITÉ*/
.select_day_range{
  opacity: 1 !important;
}

.select_day_range .ui-state-default{
  background: #00b0e2 !important;
  color: white !important;
}

/*  Mobile first */
@media (min-width: 1200px){
  .container {
    /* max-width: 1448px; */
    max-width: 1200px;
  }
  .about_testimonial ._cntnt {
    padding: 0 10px;
  }
}

/*  Desk first */
@media (max-width: 1250px){
  header #account-links li a{
    font-size: 14px;
    font-weight: 600;
    padding: 0 12px
  }
  header #buy-product{
    padding: 18px 20px;
    margin: 0 15px 0 0;
  }
}

@media (max-width: 1200px){
  footer #siteplan-list{
    justify-content: center;
  }
  header #logo-min,
  header #logo-full{
    padding-left: 0;
  }

}

@media (max-width: 991px){
  #account-links[data-user]::before{
    right: 0;
    top: -35px;
  }
  .compensate-for-scrollbar header #cart{
    right: 0;
  }
  .fancybox-active.compensate-for-scrollbar{
    margin-right: 0;
  }
  /*  HEADER  */
  header #logo_area{
    order: 1;
  }
  header #top-middle-area{
    order: 0;
  }
  header #cart{
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    order: 2;
  }
  header #menu-toggler{
    display: block;
    text-align: center;
    padding: 20px;
    color: #3e8631;
  }
  header #top-middle-area{
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header #top-middle-area .menu_wrapper{
    position: absolute;
    width: 100%;
    top: 100%;
    background-color: #00b0e2;
    left: 0;
    flex-direction: column;
    justify-content: flex-start !important;
    z-index: 999;
    height: calc(100vh - 100% ) !important;
    overflow-y: auto;
    margin: 0;
    left: -100%;
    /* left: 0; */
    transition: all .1s ease-in-out;
    padding-left: 15px;
    padding-right: 15px;
    /* transform: translateY(-100vh); */
  }
  header #top-middle-area .menu_wrapper.open{
    left: 0;
    width: 60vw;
    border-radius: 0 10px 0 0;
    /* transform: translateY(0); */
  }
  header #cart .cart_wrapper{
    padding: 0;
    background-color: transparent;
    width: 100%;
  }
  header #cart .cart_wrapper ._wrapper svg,
  header #cart .cart_wrapper ._wrapper{
    max-width: 40px;
  }
  header #cart .cart_wrapper ._wrapper path{
    fill: #00b0e2;
  }
  header #cart .cart_wrapper #icon-cart-mobile{
    display: block;
  }
  header #cart .cart_wrapper #icon-cart{
    display: none;
  }
  header #logo-full{
    padding-bottom: 15px;
    margin: 0 auto;
  }
  header #connection{
    padding: 20px 0 0;
    display: flex;
    justify-content: center;
  }
  header #connection a{
    color: #fff;
  }
  header #cart .cart_total{
    display: none;
  }
  header #buy-product{
    margin: 20px 0;
    border: 2px solid #fff;
  }
  /*  header acheteur*/
  header #account-links .account_thumb > .username{
    display: block;
  }
  header #account-links li a{
    color: #fff;
    /* pointer-events: none; */
  }
  header #account-links li:last-child{
    order: -1;
  }
  header #account-links > li > a span{
    display: none;
  }
  header #account-links  a i.alt-icon svg{
    display: block;
  }
  header #account-links > li + li:not(:last-child) a::before{
    /* display: none; */
  }
  header #account-links{
    width: 100%;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  header #account-links > li:not(:last-child) a{
    padding: 0 10px;
  }
  header #account-links #user-dropdown{
    width: 100%;
    box-shadow: none;
    /* border-top: 1px solid rgba(255, 255, 255, 0.4); */
    z-index: 99;
    opacity: 1;
    transform: scale(1);
    margin-top: 20px;
    height: calc(100vh - 200px);
    /* height: 100%; */
    overflow-y: auto;
  }
  header #account-links #user-dropdown a.username{
    display: none;
  }
  header #account-links li:last-child a::after {
    content: attr(data-username);
    position: absolute;
    left: 100%;
    top: -5px;
    font-size: 16px;
    display: block;
    min-width: max-content;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
  }
  header #account-links #user-dropdown::before{
    display: none;
  }
  header .redirect_wrapper{
    width: 100%;
  }
  header .redirect{
    padding: 15px 0;
    line-height: 1;
    font-size: 14px;
    text-align: left;
    color: #fff;
    font-weight: 600;
  }
  header #cart .cart_wrapper ._wrapper .counter{
    top: -6px;
    padding: 0 6px;
    /* right: -40%; */
    font-size: 12px;
    height: 20px;
    min-width: 20px;
  }
  header #account-links #user-dropdown li a:not(.username)::before{
    width: calc(100% - 65px);
  }
  header i.menu-icon svg{
    margin: 0 15px 0 0;
  }
  header #account-links > li:not(:last-child) a::before {
    content: attr(data-counter) !important;
    background-color: #d16e11;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    width: max-content;
    padding: 0 7px;
    border-radius: 30px;
    position: absolute;
    right: 0 !important;
    top: -2px !important;
    left: inherit !important;
    min-width: 20px
  }

  header .pass_mode{
    top: 8px;
  }
  /* Footer */
  footer .social_media{
    padding-top: 15px;
    justify-content: center;
  }
  footer #newsletter .has_bg{
    padding: 25px 15px;
  }
  footer .social_media{
    padding-top: 15px;
    justify-content: center;
  }



}

@media (max-width: 767px){
  ._modal .modal_inner{
    padding: 15px 15px;
  }
  .infoBox .top_item .top_slider .slick-arrow{
    display: none !important;
  }

}

@media (max-width: 575px){
  footer #siteplan-list li a{
    font-size: 14px;
    padding: 0 8px;
  }
  header .form_wrapper{
    padding: 0;
  }
  /* Favoris */
  .fav_itemz [class*="col-"],
  .fav_itemz [class^="col-"]{
    text-align: center;
  }
  .fav_itemz .fav_item{
    display: inline-block;
  }
  .toggle_Input.checked button::before{
    /* opacity: 0; */
    padding-right: 0;
    margin-right: -5px;
  }

  .infoBox .top_item{
    max-width: 200px;
  }
  .infoBox .top_item .potager_title{
    font-size: 12px;
    min-height: auto;
    font-weight: 500;
  }
  .infoBox .top_item .detail {
    padding: 4px 2px 0px;
  }

}

@media (max-width: 480px){

  header #top-middle-area .menu_wrapper.open{
    left: 0;
    width: 100%;
    border-radius: 0;
  }
  footer #newsletter button[type="submit"]{
    padding: 10px 25px;
  }
  footer #newsletter .newsletter_icon svg{
    fill : currentColor;
  }
  footer #newsletter .newsletter_icon{
    display: block;
  }
  footer #newsletter .lbl{
    display: none;
  }
  ._btn.has_icon span{
    display: none;
  }
  ._btn.has_icon ._icon{
    display: block;
  }
  header #cart .cart_wrapper ._wrapper .counter{
    top: 2px;
    right: -5%;
  }
  footer #newsletter label{
    font-size: 26px;
  }
  .fancybox-slide::before{
    display: none;
  }
  /* ._modal.fancybox-content, */
  ._modal{
    height: 100%;
    background: #fff;
  }
  ._modal .modal_inner{
    padding: 35px 0 0;
  }
  .fancybox-slide--html,
  ._modal.fancybox-content{
    padding: 0;
  }
  ._modal .fancybox-close-small{
    right: -10px;
  }
  ._modal.inscription .submit_area{
    justify-content: center !important;
  }
  .modal_inner .form-group{
    margin-bottom: 10px;
  }
  ._modal .title.has_line{
    font-size: 16px;
  }
  .modal_title{
    padding: 10px 0 15px;
  }
  .connexion .submit_area{
    flex-wrap: wrap;
  }
  ._modal .submit_area a,
  ._modal .submit_area label{
    padding: 10px 0;
    margin: 0;
  }
  ._modal.connexion .submit_area a{
    width: 100%;
  }
  ._modal.connexion ._submit{
    width: 100%;
  }
  .reset_search {
    width: 22px;
    height: 22px;
    z-index: 2;
    font-size: 22px;
    right: 5px;
  }
}












/*  */
.sib-form-block {
  padding: 0 0px !important;
}
.sib-form {
  padding: 0px 0px !important;
}


.grecaptcha-badge {
  visibility: hidden;
}