@media (min-width: 360px) and (max-width: 768px) {
	.logo {
		width: 120px !important;
	}

	h1 {
		font-size: 50px !important;
	}

	.fresher {
		font-size: 50px !important;
	}

	#contact {
		padding-top: 110px !important;
		min-height: 100vh !important;
	}

	.square {
		position: relative !important;
		top: 0px !important;
		width: 130px !important;
		height: 130px !important;
	}

	.bage-year {
		position: absolute !important;
		left: 70px !important;
		font-size: 65px !important;
	}

	.badge-text {
		position: absolute !important;
		left: 140px !important;
		font-size: 25px !important;
	}
}

/* width */
::-webkit-scrollbar {
	width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
	/*background: #f1f1f1; */
	background: rgb(20, 25, 41);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: rgba(51, 162, 236, 0.301);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: rgb(51, 131, 223);
}

.cadre {
	border: 1px solid red;
}

.divider-vertical {
	border-left: 1px solid #ffffff !important;
	height: 100%;
	/*background-color: #ffffff;*/
	margin-left: 20px;
	margin-right: 20px;
}

.divider-vertical-blue {
	border-left: 1px solid #040d2a !important;
	height: 100%;
	/*background-color: #ffffff;*/
	margin-left: 20px;
	margin-right: 20px;
}

.logo {
	width: 160px;
}

.btn-toogle {
	background-color: #ffffff;
	border-radius: 0px;
}

.text-main {
	color: #040d2a !important;
	text-decoration: none !important;
}

.text-main-s {
	color: #0ab8ec;
}

.text-white {
	text-decoration: none !important;
}

.bg-samara {
	background-image: url("../img/FondSitepagedacceuil-Samara.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}

.active-s {
	color: #0ab8ec !important;
}

a:hover {
	color: #0ab8ec !important;
}

.bg-main {
	background-color: #040d2a;
	color: #ffffff !important;
}

.bg-main-s {
	background-color: #0ab8ec;
	color: #ffffff !important;
}
.border-radius-0 {
	border-radius: 0px !important;
}
@media (min-width: 992px) {
	#nav-medium {
		position: fixed;
		top: 0;
		right: 0;
		width: 25vw;
		height: 100vh;
		background-color: #040d2a;
		opacity: 0.8;
		font-size: 30px;
		z-index: 99999;
		transform: translateX(50vw);
		transition: all 0.5s linear;
		display: flex;
		justify-content: center;
		align-content: center;
		flex-direction: column;
	}
}
@media (min-width: 992px) {
	.show > #nav-medium {
		transform: translateX(0);
	}
}

/*--------------------------------/

/****
*
Home
*
****/

#home {
	padding-top: 120px;
	min-height: 100vh;
}
.divider-h {
	border: 2px solid #040d2a;
	background-color: #040d2a !important;
	width: 100px;
}
.vh-84 {
	position: relative;
	min-height: 84vh;
}
h1 {
	font-size: 84px;
	text-transform: uppercase;
	color: #ffffff;
	max-width: 100%;
}
.slog {
	font-weight: bold;
}
.fresher {
	font-size: 112px;
}

.f-14 {
	font-size: 18px;
}

.f-9 {
	font-size: 5px;
}

/****
*
end Home
*
****/

/*------------------------------/

/****
*
About
*
****/
#about {
	padding-top: 120px;
	min-height: 100vh;
}

.square {
	border-radius: 0px;
	border: 4px solid #0ab8ec;
	width: 153px;
	height: 153px;
	position: relative;
	top: 30px;
	display: flex;
	align-items: center;
}

.bage-year {
	position: absolute;
	left: 60px;
	font-size: 100px;
}

.badge-text {
	position: absolute;
	left: 170px;
	font-size: 30px;
}

/****
*
end About
*
****/

/*------------------------------/

/****
*
Produit
*
*****/

#produit {
	padding-top: 120px;
	min-height: 100vh;
}

.card-hp {
	height: 350px;
}
.card-hp .p-desc {
	display: none !important;
}

.link {
	text-decoration: none !important;
}

.card-hp:hover {
	background-color: #0ab8ec;
	/*background-image: url("../img/_logo.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 160px;*/
	cursor: pointer;
	transition: 0.8s !important;
}

.card-hp:hover img {
	display: none;
}

.card-hp:hover .p-desc {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	height: 340px !important;
	margin: auto !important;
}

/*.card-hp:hover .p-desc .logoback {
	background-image: url("../img/_logo.png") !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 200px;
}*/

.marker-left {
	transform: rotate(-90deg);
	height: 28px;
	position: absolute;
	top: 50%;
	left: -22px;
	font-size: 16px;
}

.marker-right {
	transform: rotate(-90deg);
	height: 25;
	position: absolute;
	top: 20px;
	right: -22px;
	font-size: 16px;
}

.card-link a:hover {
	color: #ffffff !important;
}

.btn-outline-main-s {
	color: #0ab8ec !important;
	border-color: #0ab8ec !important;
}

.btn-outline-main-s:hover {
	color: #ffffff !important;
	background-color: #0ab8ec !important;
}

/****
*
end Produit
*
*****/

/*----------------------------------------------*/
/***
*
Detail Produit
*
****/

#detail-produit {
	padding-top: 120px;
	min-height: 100vh;
}

.table-sa tr td {
	padding: 8px;
}

/***
*
end Detail Produit
*
****/

/*----------------------------------------------*/

/***
*
News
*
****/

#news {
	padding-top: 120px;
	min-height: 100vh;
}

.badge-main-s {
	background-color: #0ab8ec;
	font-weight: normal;
	width: 85px;
	height: 96px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.badge-main-sx {
	background-color: #0ab8ec;
	font-weight: normal;
	width: 60px;
	height: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.f-16 {
	font-size: 16px;
}
.f-20 {
	font-size: 20px;
}

.f-16-x {
	font-size: 14px;
}
.f-20-x {
	font-size: 18px;
}

/***
*
end News
*
****/
/*-------------------------*/

/***
*Contact
****/

#contact {
	padding-top: 120px;
	min-height: 100vh;
}

.f-13 {
	font-size: 13px;
}

.input-s {
	border: 1px solid #040d2a;
	height: 42px;
}
.no-resize {
	resize: none;
	border: 1px solid #040d2a;
}

/***
*end Contact
****/

footer {
	width: 100%;
	min-height: 160px;
	background-color: #040d2a;
	color: #ffffff;
	padding-top: 50px;
	padding-bottom: 30px;
	border-top: 1px solid #4f4f4f;
	position: relative;
}

.text-sx {
	font-size: 11px;
}

footer .copyright {
	font-size: 11px;
	color: #cccccc;
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #04101c !important;
}

.alert-cookie {
	background-color: #ffffff;
	opacity: 0.9;
}

.optioncookie {
	width: 150px;
	display: flex;
	justify-content: space-between;
}

.optioncookie button:hover {
	color: #0ab8ec !important;
	border-bottom: 1px solid #040d2a !important;
}

.d-large {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media (min-width: 360px) and (max-width: 768px) {
	.d-large {
		padding: 10px !important;
		text-align: justify !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between;
		align-items: center;
	}

	.optioncookie {
		width: 100%;
		display: flex;
		/*flex-direction: column;
		justify-content: center;*/
		align-items: center;
	}

	.optioncookie button {
		width: 130px;
		height: 45px;
		/*border: 1px solid #0ab8ec !important;*/
		border-bottom: 1px solid #040d2a !important;
		margin-bottom: 20px;
		font-size: 16px;
		text-transform: uppercase;
	}

	/*.optioncookie button:hover {
		color: #fff !important;
		background-color: #0ab8ec;
		border-bottom: 1px solid #0ab8ec !important;
	}*/
}