a.nav-link {
    padding: 0 !important;
}
.color-plate {
	position: fixed;
	display: block;
	z-index: 99998;
	padding: 20px;
	width: 245px;
	background: #fff;
	right: -245px;
	text-align: left;
	top: 30%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
}
.color-plate.active{
	right:0;
}
.color-plate .color-plate-icon {
	position: absolute;
	left: -48px;
	width: 48px;
	height: 45px;
	line-height: 45px;
	font-size: 21px;
	border-radius: 5px 0 0 5px;
	background: #fff;
	text-align: center;
	color: #333;
	top: 0;
	cursor: pointer;
	box-shadow: -4px 0px 5px #00000036;
}
.color-plate h4 {
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: 500;
}
.color-plate p {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 20px;
}
.color-plate span {
	width: 42px;
	height: 35px;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	margin-right: 3px;
}
.color-plate span:hover{
	cursor:pointer;
}
.color-plate span.color1{
	background:#F7941D;
}
.color-plate span.color2{
	background:#0088CC;
}
.color-plate span.color3{
	background:#32B87D;
}
.color-plate span.color4{
	background:#FE754A;
}
.color-plate span.color5{
	background:#F82F56;
}
.color-plate span.color6{
	background:#00cec9;
}
.color-plate span.color7{
	background:#6c5ce7;
}
.color-plate span.color8{
	background:#85BA46;
}
.color-plate span.color9{
	background:#fd79a8;
}
.color-plate span.color10{
	background:#a29bfe;
}
.color-plate span.color11{
	background:#badc58;
}
.color-plate span.color12{
	background:#FF1D38;
}
/* Preloader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
}
.preloader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.preloader-icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  padding: 0px;
}
.preloader-icon span {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background:#F7941D;
  -webkit-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}
.preloader-icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}
@keyframes preloader-fx {
  0% {transform: scale(0, 0); opacity:0.5;}
  100% {transform: scale(1, 1); opacity:0;}
}
@-webkit-keyframes preloader-fx {
  0% {-webkit-transform: scale(0, 0); opacity:0.5;}
  100% {-webkit-transform: scale(1, 1); opacity:0;}
}
/* End Preloader */

.btn {
	position: relative;
	font-weight: 500;
	font-size:14px;
	color: #fff;
	background: #333;
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 5;
	display: inline-block;
	padding: 13px 32px;
	border-radius: 0px;
	text-transform:uppercase;
}
.btn:hover{
	color:#fff;
	background:#F7941D;
}
#scrollUp {
	right: 10px;
	z-index: 33;
	bottom: 10px;
	text-align: center;
}
#scrollUp i{
	height: 40px;
    width: 40px;
    line-height: 40px;
	background:transparent;
    background:#222;
    border-radius: 0;
	font-size: 18px;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	display:block;
	color: #fff;
	box-shadow: 0px 4px 19px #00000038;
}
#scrollUp i:hover{
	background:#F7941D;
	color:#fff;
}
/*======================================
	01. headerv CSS
========================================*/
/* topbarv */
.topbarv {
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
	padding: 15px 0;
}
/* logov */
.headerv .logov {
	float: left;
	margin-top: 35px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.headerv .navbar {
	padding: 0;
}
/* Main Menu */
.navbar-expand-lg .navbar-collapse{
	display:block !important;
}
.headerv.v3 .navbar-expand-lg .navbar-collapse{
	display:block !important;
	background:#333;
}
.headerv .nav li a i {
	margin-left: 6px;
	font-size: 10px;
}
/* Dropdown Menu */
.headerv .nav li .dropdown {
	background: #fff;
	width: 220px;
	position: absolute;
	top: 100%;
	z-index: 999;
	-webkit-box-shadow: 0px 3px 5px #3333334d;
	-moz-box-shadow: 0px 3px 5px #3333334d;
	box-shadow: 0px 3px 5px #3333334d;
	transform-origin: 0 0 0;
	transform: scaleY(0.2);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	padding: 10px;
	left: 0;
	margin: 0;
}
.headerv .nav li:hover .dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.headerv .nav li .dropdown li{
	float:none;
	margin:0;
}
.headerv .nav li .dropdown li a {
	padding: 8px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}
.headerv .nav li .dropdown li a:before{
	display:none;
}
.headerv .nav li .dropdown li:last-child a{
	border-bottom:0px;
}
.headerv .nav li .dropdown li:hover a{
	color:#fff;
	background:#F7941D;
}
.headerv .nav li .dropdown li a:hover{
	border-color:transparent;
}
.headerv .nav li .dropdown li i {
	float: right;
	margin-top: 8px;
	font-size:10px;
	z-index:5;
}
.headerv .nav li .dropdown.sub-dropdown {
	background: #fff;
    width: 220px;
    position: absolute;
    left: 186px;
    top: 0;
    z-index: 999;
   -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
}
.headerv .nav li .dropdown li:hover .dropdown.sub-dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.headerv .nav li .dropdown.sub-dropdown li a{
	padding: 8px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}
.headerv .nav li .dropdown li:hover .dropdown.sub-dropdown li a{
	background:transparent;
}
.headerv .nav li .dropdown li .dropdown.sub-dropdown li a:hover{
	color:#fff;
	background:#F7941D;
}
.headerv .nav li .dropdown.sub-dropdown li:last-child a{
	border-bottom:0px solid;
}
.mobile-search{
	display:none;
}
.headerv.shop .topbarv {
	border: none;
	padding: 0px 0px;
}
.headerv.shop .nav-inner {
	margin-right: 188px;
}
.headerv.shop .logov {
	float: left;
	margin-top: 35px;
}
.headerv.shop .top-contact {
	margin-top:0px;
}
.headerv.shop .topbarv p {
	color: #ccc;
}
.headerv.shop .topbarv .login a {
	color: #F7941D;
}
/* topbarv Left Nav */
.headerv.shop .left-nav{
	
}
.headerv.shop .top-leftv .list-main li:first-child{
	padding-left:0;
}
.headerv.shop .top-leftv .list-main li i{
	display: inline-block;
	margin-right: 4px;
	font-size: 15px;
	color: #ffffff;
	position: relative;
	top: 3px;
}
.headerv.shop .right-content{
	float:right;
}
.headerv.shop .list-main li {
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	border-right: 1px solid #f0f0f0;
	padding: 0px 13px;
}
.headerv.shop .list-main li i {
	display: inline-block;
	margin-right: 4px;
	font-size: 15px;
	color: #20a2c4;
	position: relative;
	top: 1px;
}
.headerv.shop .list-main li:last-child{
	padding-right:0;
	border:none;
}
.headerv.shop .list-main li a{
	color:#333;
}
.headerv.shop .list-main li a:hover{
	color:#F7941D;
}
.headerv.shop .nav li {
	margin-right: 40px;
	float: left;
	position: relative;
}
.headerv.shop .nav li {
	margin-right: 38px;
	position: relative;
}
.headerv.shop .nav li:last-child {
	margin: 0 !important;
}
.headerv.shop .nav li .new {
	background: #F7941D;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0px 9px;
	position: absolute;
	left: 0;
	top: 6px;
	font-weight: 500;
}
.headerv.shop .nav li .new::before {
	position: absolute;
	content: "";
	left: 4px;
	bottom: -8px;
	border: 4px solid #F7941D;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
/* Shopping Cart */
.headerv .shopping {
	display: inline-block;
	z-index: 9999;
}
.headerv .shopping .icon {
	position: relative;
	cursor:pointer;
	color:#222;
}
.headerv .shopping .shopping-item {
	position: absolute;
	top: 68px;
	right: 0;
	width: 300px;
	background: #fff;
	padding: 20px 25px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	opacity:0;
	visibility:hidden;
	z-index:99;
}
.headerv .shopping:hover .shopping-item{
	transform: translateY(0px);
	opacity:1;
	visibility:visible;
}
.headerv .shopping .dropdown-cart-headerv{
	padding-bottom: 10px;
    margin-bottom: 15px;
	border-bottom:1px solid #e6e6e6;
}
.headerv .shopping .dropdown-cart-headerv span {
	text-transform: uppercase;
	color: #222;
	font-size: 13px;
	font-weight: 600;
}
.headerv .shopping .dropdown-cart-headerv a {
	float: right;
	text-transform: uppercase;
	color: #222;
	font-size: 13px;
	font-weight: 600;
}
.headerv .shopping .dropdown-cart-headerv a:hover{
	color:#F7941D;
}
.headerv .shopping-list li {
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position:relative;
}
.headerv .shopping-list li .remove {
	position: absolute;
	left: 0;
	bottom: 16px;
	margin-top: -20px;
	height: 20px;
	width: 20px;
	line-height: 18px;
	text-align: center;
	background: #fff;
	color: #222;
	border-radius: 0;
	font-size: 11px;
	border: 1px solid #ededed;
}
.headerv .shopping-list li .remove:hover{
	background:#222;
	color:#fff !important;
	border-color:transparent;
}
.headerv .shopping-list .cart-img {
	float: right;
	border: 1px solid #ededed;
	overflow:hidden;
}
.headerv .shopping-list .cart-img img {
	width: 70px;
	height: 70px;
	border-radius:0;
	
}
.headerv .shopping-list .cart-img:hover img{
	transform:scale(1.09);
}
.headerv .shopping-list .quantity{
	line-height: 22px;
    font-size: 13px;
	padding-bottom: 30px;
}
.headerv .shopping-list h4 {
	font-size: 14px;
}
.headerv .shopping-list h4 a {
	font-weight: 600;
	font-size: 13px;
	color: #333;
}
.headerv .shopping-list h4 a:hover{
	color:#F7941D;
}
.headerv .shopping-item .bottom {
	text-align: center;
}
.headerv .shopping-item .total {
	overflow:hidden;
	display: block;
    padding-bottom: 10px;
}
.headerv .shopping-item .total span {
	text-transform:uppercase;
	color:#222;
	font-size:13px;
	font-weight:600;
	float:left;
}
.headerv .shopping-item .total .total-amount {
	float:right;
	font-size:14px;
}
.headerv .shopping-item .bottom .btn {
	background: #222;
	padding: 10px 20px;
	display: block;
	color: #fff;
	margin-top: 10px;
	border-radius: 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}
.headerv .shopping-item .bottom .btn:hover{
	background:#F7941D;
	color:#fff;
}
.headerv.shop{
	background:#fff;
}
.headerv.shop .nav-inner {
	margin: 0;
	float: left;
}
.headerv.shop .topbarv {
	background-color: #007199;
	border: none;
}
.headerv.shop.v3 .topbarv{
	padding:0;
}
.headerv.shop.v3 .topbarv .inner-content{
	border-bottom:1px solid #eee;
	padding: 12px 0px;
}
.headerv.shop .right-nav li a {
	color: #333;
}
.headerv.shop .logov {
	float: left;
	margin: 19px 0 0;
}
.headerv.shop .top-contact {
	margin-top:0px;
}
/* headerv Middle */
.headerv.shop .search-bar-top {
	text-align: center;
	margin-top: 10px;
}
.headerv.shop .search-bar {
	margin-top: 33px;
	width: 460px;
	height: 40px;
	display: inline-block;
	background: #fff;
	position: relative;
}
.headerv.shop .search-bar {
	width: 535px;
	height: 50px;
	display: inline-block;
	background: #fff;
	position: relative;
	margin: 0;
	line-height: 45px;
	border-radius: 5px;
	border: 1px solid #ececec;
}
.headerv.shop .nice-select {
	clear: initial;
	margin: 0;
	height: 48px;
	width: 150px;
	border: none;
	text-align: center;
	background: transparent;
	text-transform: capitalize;
	padding: 0 0 0 20px;
	border-right: 1px solid #eee;
	line-height: 50px;
	font-size: 14px;
	font-weight: 400;
}
.headerv.shop .nice-select::after {
	border-color: #666;
	right: 20px;
}
.headerv.shop .nice-select .list {
	border-radius:0px;
}
.headerv.shop .nice-select .list li.focus{
	font-weight:400;
}
.headerv.shop .nice-select .list li {
	color: #666;
	border-radius: 0px;
	font-size: 14px;
	font-weight: 400;
}
.headerv.shop .nice-select .list li:hover{
	background:#F7941D;
	color:#fff;
}
.headerv.shop .search-bar form {
	display: inline-block;
	float: left;
	width: 260px;
}
.headerv.shop .search-bar input {
	height: 48px;
	background: transparent;
	color: #666;
	border-radius: 0;
	border: none;
	font-size: 14px;
	font-weight: 400;
	padding: 0 25px 0 20px;
	width: 328px;
}
.headerv.shop .search-bar .btnnv {
	height: 50px;
	line-height: 53px;
	width: 62px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #007199;
	position: absolute;
	right: -2px;
	top: -1px;
	border: none;
	border-radius: 0 5px 5px 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.headerv.shop .search-bar .btnnv:hover{
	color:#fff;
	background:#F7941D;
}
/* Search Form */
.headerv.shop .search-top {
	opacity: 1;
	visibility: visible;
	top: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
	top: 0;
}
.headerv.shop .middle-inner {
	padding: 20px 0;
	background: #fff;
	border-top: 1px solid #eee;
}
.headerv.shop.v3 .middle-inner {
	border:none;
}
.headerv.shop .headerv-inner {
	background: #007199;
}
.headerv.shop.v3 .headerv-inner {
	background: transparent;
}
.headerv.shop.v2 .headerv-inner {
	background: #fff;
	border-top:1px solid #eee;
}
.headerv.shop .topbarv p {
	color: #333;
}
.headerv.shop .all-category {
	color: #fff;
	background: transparent;
	position: relative;
	background: #f7941d;
}
.headerv.shop .all-category h3{
	padding: 20px 25px;
}
.headerv.shop .cat-heading {
	font-size: 20px;
	color: #fff;
}
.headerv.shop .cat-heading i {
	color: #fff;
	display: inline-block;
	margin-right: 15px;
	font-size: 22px;
}
.headerv.shop .main-category {
	position: absolute;
	left: 0;
	top: 64px;
	background: #fff;
	z-index: 1;
	width: 100%;
	-webkit-box-shadow: 0px 5px 15px #0000000a;
	-moz-box-shadow: 0px 5px 15px #0000000a;
	box-shadow: 0px 5px 15px #0000000a;
}
.headerv.shop .main-category li{
	display:block;
	border-bottom:1px solid #f6f6f6;
	position:relative;
}
.headerv.shop .main-category li:last-child{
	border:none;
}
.headerv.shop .main-category li a {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	padding: 13px 25px 13px 25px;
	display: block;
	text-transform: uppercase;
}
.headerv.shop .main-category li a i{
	display:inline-block;
	float:right;
}
.headerv.shop .sub-category {
	background: #fff;
	width: 220px;
	position: absolute;
	left: 238px;
	top: 0;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-left: 3px solid #F7941D;
	-webkit-box-shadow: 0px 5px 15px #0000000a;
	-moz-box-shadow: 0px 5px 15px #0000000a;
	box-shadow: 0px 5px 15px #0000000a;
}
.headerv.shop .main-category li:hover .sub-category{
	opacity:1;
	visibility:visible;
}
.headerv.shop .main-category li a{
	text-transform:capitalize;
	font-weight:400;
}
.headerv.shop .main-category li a:hover{
	color:#F7941D;
}
.headerv.shop .main-category .main-mega{
	position:relative;
}
.headerv.shop .main-category li .mega-menu {
	width: 850px;
	display: inline-block;
	height: auto;
	position: absolute;
	left: 238px;
	top: 0;
	z-index: 99999;
	background: #fff;
	border: none;
	padding: 30px;
	border-left: 3px solid #F7941D;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.headerv.shop .main-category li:hover .mega-menu{
	opacity:1;
	visibility:visible;
}
.headerv.shop .main-category li .mega-menu .single-menu {
	width: 33%;
	display: inline-block;
	border: none;
	padding: 0;
	padding-right: 20px;
}
.headerv.shop .main-category li .mega-menu .single-menu a{
	padding:0;
}
.headerv.shop .main-category li .mega-menu .single-menu .image{
	overflow:hidden;
}
.headerv.shop .main-category li .mega-menu .single-menu img{
	display:block;
	height:100%;
	width:100%;
	cursor:pointer;
}
.headerv.shop .main-category li .mega-menu .single-menu .image:hover img{
	transform:scale(1.1);
}
.headerv.shop .main-category li .mega-menu .single-menu .title-link {
	margin-bottom: 20px;
	background: #F7941D;
	color: #fff;
	padding: 2px 13px;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
}
.headerv.shop .main-category li .mega-menu .single-menu .title-link:hover{
	background:#333;
	color:#fff;
}
.headerv.shop .main-category li .mega-menu .single-menu .inner-link{
	margin-top:25px;
}
.headerv.shop .main-category li .mega-menu .single-menu .inner-link a{
	margin-bottom:10px;
}
.headerv.shop .main-category li .mega-menu .single-menu .inner-link a:hover{
	color:#F7941D;
	background:transparent;
}
.headerv.shop .main-category li .mega-menu .single-menu .inner-link a:last-child{
	margin-bottom:0px;
}
.headerv.shop .menu-origin {
	float:none;
	display: inline-block;
	float: right;
}
.headerv.shop .nav li {
	margin-right: 40px;
	float: left;
	position: relative;
}
.headerv.shop .nav li {
	margin-right:5px;
	position: relative;
	float: none;
}
.headerv.shop .nav li:last-child{
	margin-right:0;
}
.headerv.shop .nav li .new {
	background: #F7941D;
	color: #fff;
	text-transform: uppercase;
	font-size: 9px;
	position: absolute;
	left: 21px;
	top: 2px;
	font-weight: 500;
	height: 18px;
	line-height: 18px;
	text-align: center;
	display: block;
}
.headerv.shop.v2 .nav li a{
	color:#333;
}
.headerv.shop .nav li a {
	color: #fff;
	text-transform: capitalize;
	font-size: 15px;
	padding: 20px 15px;
	font-weight: 500;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.headerv.shop .nav li:hover a{
	color:#fff;
	background:#F7941D;
}
.headerv.shop.v2 .nav li:hover a{
	color:#F7941D;
	background:transparent;
}
.headerv.shop .nav li.active a{
	color:#fff;
	background:#F7941D;
}
.headerv.shop.v2 .nav li.active a{
	color:#333 !important;
	background:transparent !important;
}
.headerv.shop.v2 .nav li.active a{
	color:#F7941D !important;
}
.headerv.shop .nav .dropdown li{
	margin:0;
}
.headerv.shop .nav li .dropdown li:hover a{
	background:#F7941D;
}
.headerv.shop.v2 .nav li.active .dropdown li a{
	color:#333 !important;
}
.headerv.shop.v2 .nav li.active .dropdown li a:hover{
	color:#fff !important;
	background:#F7941D !important;
}
.headerv.shop.v2 .nav li.active .dropdown li a:hover{
	color:#fff !important;
}
.headerv.shop.v2 .nav li .dropdown li:hover a{
	color:#F7941D;
}
.headerv.shop .nav li .dropdown li a {
	color: #333;
	padding: 8px 15px;
	font-weight: 400;
	background:#fff;
}
.headerv.shop.v2 .nav li .dropdown li a {
	color: #333;
	background:#fff;
}
.headerv.shop .nav li .dropdown li a {
	font-weight: 400;
	font-size: 14px;
}
.headerv.shop .nav li .dropdown li a:hover{
	color:#fff;
}
.headerv.shop.v2 .nav li .dropdown li a:hover{
	color:#fff !important;
	background:#F7941D;
}
.headerv.shop .nav li .dropdown li .dropdown.sub-dropdown li a:hover{
	background:#F7941D;
}
.headerv.shop .right-bar {
	display: inline-block;
	padding: 0;
	margin: 0;
	top: 20px;
	float: right;
	position: relative;
}
.headerv.shop .right-bar .sinlge-bar.top-search a {
	transform: translateY(3px);
}
.headerv.shop .right-bar .sinlge-bar.top-search a:hover {
	color:#F7941D;
}
.headerv.shop .right-bar .sinlge-bar .single-icon{
	color:#333;
	font-size:20px;
	position:relative;
}
.headerv.shop .right-bar .sinlge-bar .single-icon:hover{
	color:#F7941D;
}
.headerv.shop .right-bar .sinlge-bar .single-icon .total-count {
	position: absolute;
	top: -7px;
	right: -8px;
	background: #016f98;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
}
.headerv.shop .right-bar .sinlge-bar{
	display:inline-block;
	margin-right:25px;
}
.headerv.shop .right-bar .sinlge-bar:last-child{
	margin-right:0px;
}
.headerv.shop .right-bar .sinlge-bar li a:hover{
	color:#F7941D;
}
.mobile-search{
	display:none;
}
/* headerv Search */
/* Search */
.headerv .search-top{
	display:none;
}
.headerv .search-top a{
	font-size:17px;
}
.headerv .search-top a:hover{
	color:#F7941D;
}
.headerv .search-form {
	position: absolute;
	left: -128px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: 46px;
	background: #ffffff75;
	padding: 7px;
	border-radius: 5px;
	transform: scaleY(0);
	box-shadow: 0px 4px 7px #0000003b;
	padding: 0;
	border-radius: 0;
}
.headerv .search-top.active .search-form {
	opacity:1;
	visibility:visible;
	transform: scaleY(1);
}
.headerv .search-form input {
	width: 220px;
	height: 45px;
	line-height: 45px;
	padding: 0 60px 0 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 3px;
	border: none;
	background: #fff;
	color: #333;
	border-radius: 0;
}
.headerv .search-form button {
	position: absolute;
	right: 0;
	height: 45px;
	top: 0;
	width: 45px;
	background: transparent;
	border: none;
	color: #3353ea;
	border-radius: 0 3px 3px 0;
	border-radius: 0;
	border-left: 1px solid #eee;
	font-size: 15px;
	color: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.headerv .search-form button:hover{
	color:#fff;
	background:#F7941D;
	border-color:transparent;
}
/* headerv Sticky */
.headerv .headerv-inner{
	width:100%;
	z-index:999;
}
.headerv.sticky .all-category{}
.headerv.sticky .all-category h3{
	cursor:pointer;
	
}
.headerv.sticky .all-category .main-category{
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.headerv.sticky .all-category:hover .main-category{
	opacity:1;
	visibility:visible;
}
.headerv.sticky .headerv-inner .nav li a {
	color: #333;
}
.headerv.sticky.v3 .headerv-inner .nav li a {
	color: #fff;
}
.headerv.sticky .headerv-inner .nav li:hover a{
	color:#fff;
}
.headerv.sticky.v2 .headerv-inner .nav li:hover a{
	color:#F7941D;
}
.headerv.sticky .headerv-inner .nav li .dropdown li a{
	color:#333;
}
.headerv.sticky.v2 .headerv-inner .nav li .dropdown li a{
	color:#333;
}
.headerv.sticky .headerv-inner .nav li .dropdown li a:hover{
	color:#fff;
}
.headerv.sticky .headerv-inner .nav li.active a {
	color: #fff;
}
.headerv.sticky .headerv-inner{
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	z-index:999;
}
.headerv.sticky.v3 .headerv-inner{
	box-shadow:none;
}
.headerv.sticky.v3 .navbar-expand-lg .navbar-collapse{
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
}

/*======================================
	End headerv CSS
========================================*/


.image-container-pagesheader {
    height: 80vh;
    margin-bottom: 1em;
    width: 100vw;
}

img.imgheaderr {
    height: 100%;
    width: 100%;
}

.image-container-pagesheader {
    height: 80vh;
    margin-bottom: 3em;
    width: 100vw;
}


.slider-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    /* Ajuste selon ton design */
    margin: 0;

    overflow: hidden;
}

.image-container-pagesheader {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.imgheaderr {
    width: 100%;
    display: none;
    /* Cache toutes les images sauf la première */
}

.imgheaderr.active {
    display: block;
    /* Affiche seulement l'image active */
}

button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

@media (max-width: 768px) {
    .account-menu {
        margin-right: 1em !important;
    }

    h3.titre-bloc-annonce {
        text-align: center;
        font-size: 22px;
    }

    .row-annonce .col1 {
        width: 90% !important;
    }

    .row-annonce .img-alaune-annonce {
        width: 100% !important;
    }

    .titre-alaune-annonce {
        text-align: center !important;
    }

    .introtext-alaune-annonce {
        text-align: center !important;
    }

    .readmore-alaune-annonce {
        text-align: center !important;
    }

    .col-md-6.footer-section {
        display: flex;
        flex-direction: column;
        padding-top: 5eM;
    }
}

.titre-bloc-annonce {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 30px;
}

.img-alaune-annonce {
    width: 45vw;
}

.img-alaune-annonce img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.titre-alaune-annonce a {
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    color: #23224b;
}

.titre-alaune-annonce a:hover {
    text-decoration: underline;
}

.introtext-alaune-annonce {
    max-width: fit-content;
    margin-top: 15px;
    font-size: 16px;
}

.readmore-alaune-annonce a {
    color: #23224b;
    text-decoration: none;
}

.readmore-alaune-annonce a:hover {
    text-decoration: underline;
}

.tab-annonce {
    width: 100%;
    display: flex;
    margin-top: 2%;
}

.tab-annonce img {
    width: 100px;
    height: 100px;
    margin-right: 1em;
}

.titre-act-annonce a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.titre-act-annonce a:hover {
    color: #007bff;
}

.img-alaune-annonce {
    margin-bottom: 1em;
}

.bloc-annonce {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-annonce {
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.row-annonce {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.col1 {
    width: 45vw;
}

.col2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 62vh;
    overflow-y: auto;
}

.alaune-annonce {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    background-color: red;
    padding: 0.5em;
}

.titre-bloc-annonce {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 30px;
}

.img-alaune-annonce {
    width: 45vw;
}

.img-alaune-annonce img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.titre-alaune-annonce a {
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    color: #23224b;
}

.titre-alaune-annonce a:hover {
    text-decoration: underline;
}

.introtext-alaune-annonce {
    max-width: fit-content;
    margin-top: 15px;
    font-size: 16px;
}

.readmore-alaune-annonce a {
    color: #23224b;
    text-decoration: none;
}

.readmore-alaune-annonce a:hover {
    text-decoration: underline;
}

.tab-annonce {
    width: 100%;
    display: flex;
    margin-top: 2%;
}

.tab-annonce img {
    width: 100px;
    height: 100px;
    margin-right: 1em;
}

.titre-act-annonce a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.titre-act-annonce a:hover {
    color: #007bff;
}

.img-alaune-annonce {
    margin-bottom: 1em;
}

.bloc-annonce {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-annonce {
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.row-annonce {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.col1 {
    width: 45vw;
}

.col2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 62vh;
    overflow-y: auto;
}

.alaune-annonce
/* Mobile : max-width 768px */
@media (max-width: 768px) {

    .col1 {
        width: 100%;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .img-alaune-annonce {
        width: 95%;
    }

    .col2 {
        width: 100%;
    }

    .row-annonce {
        flex-direction: column;
        align-items: center;
    }
}

/* Petits écrans desktop et tablettes : 769px à 1024px */
@media (min-width: 600px) and (max-width: 1500px) {
    .col1 {
        width: 60%;
    }

    .col2 {
        width: 35%;
    }

    .img-alaune-annonce {
        width: 90%;
    }

    .row-annonce {
        justify-content: center;
        gap: 2%;
    }
}

.footer-section {
    text-align: left;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5em;
    background-color: white;
    margin: 2em auto;
    width: 87%;
    height: 5em;
    max-width: 1200px;
}

.divv1ftr {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6em;
    width: 60%;
}

.divv1ftr h5 {
    font-size: 18px;
    margin-bottom: 0;
}

.divv1ftr p {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    margin: 0em;
}

.footer-info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35%;
    margin-top: 7px;
}

.footer-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    /* Alignement horizontal pour les icônes */
    gap: 1.5em;
    /* Espacement entre les icônes */
}

.footer-social-icons a {
    font-size: 24px;
    color: #0888b6;
    transition: color 0.3s ease;
}

.footer-social-icons a:hover {
    color: #c51436;
    /* Couleur au survol */
}

.footer-copyright {
    background-color: #0a1b4d;
    color: #fff;
    padding: 19px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3em;
    width: 100vw;
}

.footer-copyright a {
    color: #fff;
    text-decoration: underline;
}

li.footer-social-icons {
    margin-left: -1em;
}

.footer-social-icons a:hover {
    color: #02374a;
}

.footer-copyright {
    background-color: #007199;
    color: #fff;
    padding: 19px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3em;
}

.footer-copyright p {
    margin: 0;
}

.footer-copyright a {
    color: #fff;
    text-decoration: underline;
}

footer {
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

li.footer-social-icons {
    display: flex;
    justify-content: space-between;
    gap: 11px;
}

@media (max-width: 992px) {
    .divv1ftr p {
        display: none;
    }
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    overflow-x: hidden;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

/*tester*/

header {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Style de la navbar 
.navbar {
    background-color: #ffffff;
    cursor: pointer;
}*/

/* Flexbox pour aligner le logo entre les éléments de la navbar */
.navbar-nav {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}
/*
.navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
}
*/
.nav-item {
    position: relative;
    z-index: 99999999999999999999999999;
}

.dropdown-menu-wide {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 99999999999999999;
    z-index: 2;
    padding: 15px;
    background-color: #23224c;
    width: max-content;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #38385e;
}

.meuble {
    left: -150%;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        padding-top: 2.5rem;
    }

}

@media (max-width: 992px) {
    .dropdown-menu-wide {
        font-size: 75%;
        width: fit-content;
    }

    .meuble {
        left: 0;
    }
}

.nav-item:hover .dropdown-menu-wide {
    display: flex;
}

.category-grid {
    display: flex;
    gap: 20px;
    /* Espace entre les colonnes */
}

.category-column {
    flex: 1;
    background-color: white;
    padding: 2em;
}

.category-column h5 {
    margin-bottom: 15px;
}

.category-column ul {
    list-style: none;
    padding: 0;
}

.category-column ul li {
    margin-bottom: 5px;
}

.cart-icon {
    font-size: 24px;
}

.cart-container {
    display: flex;
    align-items: center;
}

.language-bar {
    background-color: #23224c;
    height: 3em;
}
/*
img.logo-img {
    max-width: 9em;
    max-height: 6em;
}
*/
.navbar-light .navbar-nav .nav-link {
    color: rgb(35 34 76);
    font-weight: 500;
}

.bg-light {
    background-color: #ffffff !important;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(35 34 76);
    /* font-weight: bold; */
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        padding-top: 2.5rem;
    }
}



.category-column {
    flex: 1;
    background-color: white;
    padding: 2em;
}

.h5,
h5 {
    font-size: large;
}

.category-column {
    flex: 1;
    background-color: white;
    padding: 2em;
}

@media (max-width: 991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 3em;
        padding-left: 3em;
        background-color: #ffffff;
    }
}

@media (max-width: 991.98px) {
    .cart-icon {
        position: absolute;
        margin-bottom: 25em;
    }
}

@media (max-width: 991.98px) {
    .logo-img {
        position: absolute;
        top: 0;
        width: 6em;
        left: 45%;

    }
}

a {
    color: rgb(35 34 76);
    text-decoration: none;

}

.navbar a:hover {
    /* transform: scale(1.1);  */
    color: blue;
    /* Couleur du texte en bleu */

    text-decoration: none;
    /* Annule le soulignement */
}

.iconeShop {
    color: #23224c !important;
}

.iconeShop:hover {
    color: #c41430 !important;
}

.bg-light {
    background-color: #ffffff !important;
    height: 14%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.containernavbar {
    display: flex;
    flex-direction: row;
    padding-bottom: 1.2em;
    padding-top: 1.2em;
    align-content: center;
    justify-content: center;
    height: 100%;
}

.navbar-nav {
    display: flex;
    align-content: center;
    justify-content: center;
    height: 100%;
}

img.logo-img {
    max-width: 9em;
    max-height: 4.6em;
}

.iconeShop {
    color: #23224c !important;
}

.bg-light {
    background-color: #ffffff !important;
    height: 14%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 1.4em;
}

.language-selector {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: flex-end;
    padding: 1em;
    margin-right: 2%;
}

.language-option {
    display: flex;
    align-items: center;
    gap: 8px;
    /* Espace entre le drapeau et le texte */
    font-weight: bold;
    cursor: pointer;
    color: #ffffff;
    /* Couleur du texte */
    font-size: 14px;
    /* Taille du texte */
}

.flag {
    width: 24px;
    /* Largeur du drapeau */
    height: 16px;
    /* Hauteur du drapeau */
    object-fit: cover;
    /* Ajustement de l'image */
    border-radius: 3px;
    /* Optionnel : arrondi des coins */
}

.language-bar {
    background-color: #b2222200;
    height: 3em;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.account-menu {
    display: inline-block;
    margin-left: 10px;
}

#accountSelect {
    padding: 5px;
    font-size: 14px;
    cursor: pointer;
}


#accountSelect {
    padding: 5px;
    font-size: 14px;
    cursor: pointer;
    color: white;
    background-color: #c41430;
    border: none;
    padding: 7px;
    border-radius: 3px;
}

.account-menu {
    display: inline-block;
    margin-right: 0em;
}

option {
    background-color: white;
    color: black;
}

#accountSelect {
    padding: 5px;
    font-size: 14px;
    cursor: pointer;
    color: #ffffff;
    background-color: #ffffff00;
    border: none;
    padding: 7px;
    border-radius: 3px;
    font-weight: 600;
}

option.optioncompte {
    display: none;
}

/*menu mobile new*/
/* Style du bouton */
.navbar-toggler i {
    color: white;
    font-size: 24px;
}

/* Style du menu */
/* Style du bouton */
.navbar-toggler {
    position: absolute;
    right: 15px;
    top: 55px;
    background-color: #23224c;
    border: none;
    padding: 4px 12px;
    border-radius: 5px;
}

/* Icône blanche */
.navbar-toggler i {
    color: white;
    font-size: 14px;
}

/* Style du menu */
nav {
    padding: 20px 15px;
}

/* Style de la liste des liens */
.navbar-nav {
    padding: 10px;
}

.navbar-nav .nav-item {
    margin-bottom: 5px;
}

.navbar-nav .nav-link {
    color: black !important;
    font-size: 15px;
    padding: 10px;
}

.navbar-nav .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}

/*partenaire*/
section.partenaires {
    width: 100vw;

}

.portfolio-item {
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.portfolio-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.portfolio-info {
    position: relative;
    padding: 15px;
    text-align: center;
    color: #23224c;
}

.portfolio-info h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.portfolio-info p {
    font-size: 14px;
    margin-bottom: 15px;
}

.details-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007199;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.details-link:hover {
    background-color: #0c9cc1;
}

a:hover {
    color: #ffffff;
    text-decoration: none;
}

.row {
    /*display: flex;
    flex-wrap: wrap;
    gap: 20px;*/
}

.colonne1,
.colonne2,
.colonne3 {
    flex: 1;
    min-width: 300px;
}
@media (max-width: 768px) {
    .divv1ftr h5 {
        margin-bottom: 0.5em;    
        
    }
}
@media (max-width: 768px) {
    .portfolio-item {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    #accountSelects{
        display:none;
    }
   #mobs{
       margin-bottom:0em!important
   } 
    .image-container-pagesheader {
        height: 42vh;
        margin-bottom: 0 !important;
   }
   .navbar-toggler{
    margin-top: -0.4em;
   }
}