/************************
*    Global Settings    *
*************************/
body{
    font-family: 'Cairo', sans-serif;
    font-size: 17px;
    color: #666666;
	/* Pour enlever le scroll en bas */
    overflow-x: hidden;
	/* Pour sauter à la ligne quand il commence à déborder */
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

@media all and (min-width: 1600px) {
	#header{
		padding: 0 20%!important;
	}
}

a{
	text-decoration: none!important;
}

.img-h-auto{
	max-width: 100%;
    height: auto;
    outline: none;
}

.d-xl-none{
	display: none!important;
}

@media (max-width: 853px) {
    .label-hidden-sm, .item-hidden-sm{
        display: none;
	}
}

button.btn-close{
	font-size: large;
}
@media ( max-width: 575px){
	.d-mobile-none{
		display: none!important;
	}
}
/* **************
*	Header		 *  
*****************/
.logo-bio-header{
	position: absolute;
	margin-top: -9%;
}

/* mobile version */
@media ( max-width: 991px){
    .user-block{
		display: block;
		line-height: 1;
		text-align: center;
		padding: 10px 0 10px 10px;
		/* vertical-align: top; */
		background: transparent !important;
		display: block;
    }
}


/* HEADER if other than home  */
#header ul.dropdown-menu-account ul.dropdown-menu{
	background-color: darkslategray;
}
#header .dropdow-menu-account ul.dropdown-menu li:hover{
	background-color: rgba(218, 236, 236, 0.246);

}

/* HEADER MULTILIVEL (admin) */
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

}	
/* ============ small devices .end// ============ */


#biolife-quickview-block {
	z-index: 9992!important;
}


/********************
* slider and content *
* Content under header *
*********************/
.text-content2{
	top : 15vw;
	border-radius: 20%;
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 100%;
	padding-left: 12%;
	padding-right: 12%;
}

.text-content3{
	top: 25vw;
	display: inline-block;
	position: absolute;
	z-index: 20;
	border-color: #666666;
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
}

@media (max-width: 991px) {
	.text-content2, .text-content3{
		padding-left: 1%; padding-right:1%;
	}
}

/* dashboard  */
.text-content4{
	top: 30vw;
	border-radius: 20%;
	position: absolute;
	z-index: 20;
	width: 100%;
}



/************** 
* Banner media *
***************/
@media only screen and (max-width: 991px) {
	.banner-media-layout-01 {
		height: 1290px;
	}
}

.banner-media-layout-01 {
	z-index: 10;
	background-image: url('/biolife/assets/images/home-01/main-slide-02.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 1170px;
  }

/**********************
   Cart Subscription    
***********************/
@media (max-width: 600px) {
	#cover-cart-moyen-panier{
		transition: transform .9s;
		background-image: url('/assets/images/cartSubscription/cover-moyen-panier.png');
		height: 1263px;
	}
} 

#cover-cart-grand-panier:hover, #cover-cart-petit-panier:hover, #cover-cart-moyen-panier:hover, #cover-cart-panier-sur-mesure:hover {
	transform: scale(1.1); 
}

/* Grand panier */

#cover-cart-grand-panier{
	transition: transform .9s;
	background-image: url('/assets/images/cartSubscription/cover-grand-panier.png');
	height: 519px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: sticky;
}
#name-and-price-grand-panier{
	background-image: url('/assets/images/cartSubscription/name-and-price-grand-panier.png');
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -205px;
	background-size: 293px 117px;
	z-index: 5;
	position: sticky;

}


/* Moyen panier */
#cover-cart-moyen-panier{
	transition: transform .9s;
	background-image: url('/assets/images/cartSubscription/cover-moyen-panier.png');
	height: 519px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#name-and-price-moyen-panier{
	background-image: url('/assets/images/cartSubscription/name-and-price-moyen-panier.png');
	height: 200px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -504px;
	background-size: 291px 118px;
	z-index: 5;
	position: sticky;
}



/* Penit panier */
#cover-cart-petit-panier{
	transition: transform .9s;
	background-image: url('/assets/images/cartSubscription/cover-petit-panier.png');
	height: 519px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#name-and-price-petit-panier{
	background-image: url('/assets/images/cartSubscription/name-and-price-petit-panier.png');
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: -126px 0 0 -3px;
	margin-top: -199px;
	background-size: 289px 103px;
	position: sticky;
}

/* Panier sur-mesure */
#cover-cart-panier-sur-mesure{
	transition: transform .9s;
	background-image: url('/assets/images/cartSubscription/cover-panier-sur-mesure.png');
	height: 519px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#name-cart-panier-sur-mesure{
	background-image: url('/assets/images/cartSubscription/name-panier-sur-mesure.png');
	height: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -482px;
	background-size: 289px 78px;
	position: sticky;
}

/* Very extra large devices  */
@media all and (min-width: 1600px){
	.subscription-cart-list-block{
		/* height: 63vh; */
	}

	#cover-cart-grand-panier, #cover-cart-moyen-panier, #cover-cart-petit-panier {
		height: 140%;
	}

	#name-and-price-grand-panier{
		margin-top: -205px;
	}

	#name-and-price-moyen-panier{
		margin-top: -725px;
	}
	#cover-cart-panier-sur-mesure{
		height: 680px;
	}
	#name-cart-panier-sur-mesure{
		margin-top: -650px;
	}
	.sm-margin-top-260px
	{
		margin-top: 260px!important;
	}
}


.title-cart-subscription{
	font-size: 40px;
	color: #f3f3f3;
	margin-top: 10px;
	font-weight: bolder;
	margin-bottom: 30px;
}

.name-cart-subscription{
	background-color: #131111b3;
	border-radius: 5% 10% / 80% 22%;
}

.button {
	border: none;
	color: white;
	padding: 8px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: 50px;
}

.button1 {
	font-weight: bold;
	background-color: inherit; 
	color: #4CAF50; 
	border: 2px solid #4CAF50;
}

.button1:hover {
	background-color: #4CAF50;
	color: white;
}

.button1-inverse {
	background-color: #4CAF50;
	color: white;
	border: 2px solid #4CAF50;
}

.button1-inverse:hover {
	background-color: white;
	color: #4CAF50;
}


/****************
* fontawesom icon * 
 *****************/
.fas.fa-sign-out-alt{
	color: #f47676;
	vertical-align: middle;
	font-size: 25px;
}

.logout-link:hover{
	color: #f71f1f!important;
}

/*********
*  Other  *
**********/

.bg-glass{
	background-color: #a5a4a252;	
}

.bg-glass2{
	background-color: #fbf6f6b3;
	border-radius: 1rem;
	padding: 40px 40px;	
}

.bradius-3rem{
	border-radius: 3rem;
}

.full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.font-bg-stylized-1{
	background-color: #131111b3;
	border-radius: 5% 10% / 80% 22%;
	padding: 1rem;
	width: fit-content;
}

.font-bg-stylized-2{
	background-color: #f2ac07;
	border-radius: 6% 15% 5% 19% / 80% 22% 50%;
	padding: 1rem;
	width: fit-content;
}

.bg-white-radius-1{
	background-color: #fff;
	border-radius: 1rem;
	padding: 6%;
}

.btn.readmore:hover{
	color:#1e1f1fea!important;
}

#footer .my-dropdown-menu{
	position: relative;
	display: inline-block;
}

#footer .my-dropdown-menu .sub-menu{
	display: none;
	position: absolute;
	z-index: 1;
	min-width: 160px;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	background-color: #fff;
	padding: 10px;
}

#footer .my-dropdown-menu:hover .sub-menu{
	display: block;
}

@media (max-width: 570px){
	#footer .footer-right-side{
		padding-top: 20px;
		padding-left: 10%;
	}
}

@media screen and (min-width: 1200px){
	#header .top-menu{
		padding-left: 80px;
	}

	#header .span-index .biolife-icon{
		color: white;
	}
}