:root {
	--main-color: #24197b;
	--second-color: #ef0057;
	--hover-color: #ef0057;
	--light-color: #ef0057;
  --bs-cookie-bg: #24197b;
	--bs-cookie-text: #ffffff;
	--bs-cookie-link: #ffffff;
	--bs-cookie-btn-bg: #ef0057;
	--bs-cookie-btn-text: #ffffff;
	--bs-cookie-btn-hover: #000;
}

.line-top {
	background-color: var(--second-color);
	color: #FFF;
}

.line-top .text-primary {
	color: #FFF;
}

.text-primary {
	color: var(--main-color);
}

.text-secondary {
	color: var(--second-color);
}

body {
	font-family: 'Montserrat', 'Titillium Web', sans-serif;
}

a, a:visited, a:active {
	color: var(--main-color);
}

a:hover {
	color: var(--hover-color);
}

.double-header-lined.lined {
	padding-top: 169px;
}

.navbar-brand {
	height: auto;
}

.navbar-brand img {
	height: 70px;
	margin-left: 0px;
	width: auto;
	margin-bottom: -10px;
}
form[name="search"] {
	margin-top: 25px;
}

nav.navbar .navbar-right:not(.nav-link) {
	margin-top: 25px;
}

.nav-link {
  display:none;
}

.container-nav {
	background-color: var(--main-color);
	color: var(--hover-color);
}

.btn:not(.dropdown-toggle, .btn-sm, .toggle-group .btn, .input-group .btn, .btn-group .btn) {
	font-size: 17px;
}

.badge.new, .badge.promotion {
	font-size: 1em;
}

/*.radius-search {
  border-top-left-radius: none! !important;  
  border-bottom-left-radius: none !important; 
}*/
.dropdown-marque li a img {
	height: 60px;
}

.dropdown-marque li a:hover img {
	height: 70px;
}

.btn-panier-produit {
	font-size: 1.1em;
}

.footer {
	background-color: var(--main-color);
}

.newsletter {
	padding-top: 20px;
}

.footer .sloganfooter {
	display: none;
}

.copyright {
	background-color: #000;
	color: #FAFAFA;
}

.btn-curved-20 {
	border-radius: 3px;
}

.card {
	border: 3px solid #EFEFEF;
	border-radius: 5px;
}

.card:hover, .card-address:hover .panel, .card-cashregister:hover .panel {
	border-color: var(--main-color);
	box-shadow: none !important;
}

.card .title {
	height: 2.0em;
	font-size: 1.2em;
}

.card .help-block {
	color: var(--second-color);
	font-size: 1.2em;
	font-weight: bold;
}

@media (max-width: 640px) {
  .card .help-block {
    display:none;
  }
}

.btn-primary, .panel-primary .panel-heading, a.list-group-item.active {
	z-index: 777;
	background-color: var(--main-color);
	border-color: var(--main-color);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
	-webkit-font-smoothing: antialiased;
}

.logofooter img {
	width: 75%;
	margin-top: 20px;
}

h1 {
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-weight: normal;
	color: var(--main-color);
}

h1 .glyphicon, h2 .glyphicon, h3 .glyphicon, h4 .glyphicon {
	color: var(--hover-color);
}

h1 .fa, h2 .fa, h3 .fa, h4 .fa {
	color: var(--second-color);
}

h1 .fas, h2 .fas, h3 .fas, h4 .fas {
	color: var(--second-color);
}

h2, h3, h4 {
	border-left: none;
	color: var(--main-color);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-sportpalais.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover {
	background: var(--second-color) !important;
	border-color: var(--second-color);
}

#product_picture {
	border: 0;
}

#modele-title {
	font-weight: bold;
	color: var(--second-color);
}

.breadcrumb {
	font-size: 12px;
}

.breadcrumb a:hover {
	color: var(--second-color);
}

.breadcrumb > .active {
	color: var(--second-color);
}

.text-primary {
	color: var(--main-color);
}

ul.pagination li.active a {
	background-color: var(--main-color) !important;
	background-image: linear-gradient(var(--main-color), var(--main-color));
	border-color: var(--main-color) var(--main-color) hsl(41, 85%, 29%);
}

.jcarousel-pagination a.active {
	background: var(--main-color) !important;
}

.img-thumbnail.active {
	border-color: var(--second-color) !important;
}

.badge-primary {
	background-color: var(--main-color);
}

.modules .list-group-item:hover {
	color: var(--main-color);
}

.modules .list-group-item:hover .badge {
	background-color: var(--main-color);
}

.modules .list-group-item.active .badge {
	color: #fff;
	background-color: var(--main-color);
}

.beautiful-radio [type="radio"]:checked + label:after,
.beautiful-radio [type="radio"]:not(:checked) + label:after {
	background: var(--hover-color);
}

#main-menu .nav-main > li.dropdown.active.open > a,
#main-menu .nav-main > li.dropdown.open > a {
	background-color: var(--second-color);
}

.price {
	color: var(--main-color);
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
	border-color: var(--hover-color) var(--hover-color) hsl(41, 85%, 29%) !important;
	background-color: hsl(41, 85%, 35%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--hover-color)", endColorstr="var(--hover-color) ");
	background-image: -khtml-gradient(linear, left top, left bottom, from(var(--hover-color)), to(var(--hover-color)));
	background-image: -moz-linear-gradient(top, var(--hover-color), var(--hover-color));
	background-image: -ms-linear-gradient(top, var(--hover-color), var(--hover-color));
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--hover-color)), color-stop(100% var(--hover-color)));
	background-image: -webkit-linear-gradient(top, var(--hover-color), var(--hover-color));
	background-image: -o-linear-gradient(top, var(--hover-color), var(--hover-color));
	background-image: linear-gradient(var(--hover-color), var(--hover-color));
}

.dropdown-menu-large,
.dropdown-marque {
	border-top: 2px solid var(--second-color);
}

.inner-addon .glyphicon {
	color: var(--hover-color);
}

.tt-suggestion:hover, .tt-suggestion.tt-cursor, .tt-suggestion.tt-cursor:hover {
	color: #fff;
	background-color: var(--main-color);
}

.footer h3 {
	color: var(--main-color);
}

.footer-ul-marque li,
.footer-ul li {
	line-height: 2em;
	font-size: 15px
}

.footer-ul-marque li a,
.footer-ul li a {
	color: #404040;
	letter-spacing: .5px;
}

.footer-ul-marque li a:hover,
.footer-ul li a:hover {
	color: var(--main-color);
}

.footerleft {
	font-size: .9em;
}

/*.f16 .flag {
  margin-top: 2.5px;
}*/
.nav-link > li > a:hover i {
	color: var(--light-color);
}

.nav-link > li > a.dropdown-toggle:hover {
	color: var(--second-color);
}

.badge.text-primary {
	background-color: var(--main-color) !important;
}

.bloc-filter-title {
	color: var(--second-color);
	font-weight: bold;
}

.bloc-filter label {
	color: var(--main-color);
}

#menu-account > a {
	color: var(--main-color);
}

#menu-account > a:hover,
#menu-account > a:active {
	background-color: #efefef !important;
}

.social-container {
	color: #FFF;
	font-size: 20px;
	border-radius: 0px;
	border: none;
	height: 30px;
	width: 30px;
}

.social-container .fab {
	top: 3px;
	left: 3px
}

.card .viewer {
	transition: opacity 0.8s ease, filter 0.8s ease;
}

.card .viewer {
	height: 260px;
	background-size: contain;
}

.jcarousel_card_marque img {
	height: 80px;
	max-height: 80px;
}

ul.pagination li a {
	color: var(--main-color);
}

ul.pagination li a:hover {
	color: var(--hover-color);
}

.newsletter {
	background-color: #eeeeee;
}

.newsletter p.description {
	font-size: 14px;
	font-weight: bold;
	color: var(--main-color);
	text-transform: none;
	text-shadow: none;
}

.container-search .main-title {
	font-weight: bold;
}

.newsletter p.text-danger {
	color: red;
}

.footer-summary p {
	font-size: 17px;
	line-height: 1.3em;
}

.steppers-container .active .stepper-number-container {
	background-color: var(--main-color);
	color: #EFEFEF;
}

.steppers-container .current .stepper-label {
	color: var(--main-color);
}

.steppers-container .active .stepper-label {
	color: var(--main-color);
}

.steppers-container .active .stepper-number {
	color: #EFEFEF;
}

.panel-primary {
	border-color: var(--main-color);
}

.badge-primary {
	background-color: var(--main-color) !important;
}

/*.jcarousel-item {
	width: 250px;
}*/

.noUiSlider.text-primary .noUi-connect,
.noUiSlider.text-primary .noUi-handle {
	background-color: var(--main-color);
	border-color: var(--main-color);
}

select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus,
.uneditable-input:focus {
	outline: 5px none;
	border-color: var(--second-color) !important;
	box-shadow: none !important;
	font-weight: bold;
	color: var(--second-color);
}

nav.navbar .navbar-right:not(.nav-link) {
	margin-top: 25px;
}

.carousel-control {
	color: var(--second-color);
}

.carousel .carousel-caption .carousel-line1 {
	background-color: rgb(36, 25, 123, 0.3);
}

.carousel .carousel-caption .carousel-line2 {
	background-color: rgb(239, 0, 87, 0.5);
}

/*.carousel .item {
	height: 400px;
}

.carousel .item-image {
	height: 100% !important;
}*/
.bs-carousel .item-image {
  height: 400px;
}
@media (min-width: 768px) {
  .carousel, .carousel-inner {
		height: 400px !important;
  }
}

.steppers-container .current .stepper-number-container {
	background-color: var(--second-color) !important;
	background-repeat: none;
	filter: none;
	background-image: none;
	border-color: var(--second-color) !important;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
}

.current .stepper-label {
	color: var(--main-color) !important;
}

.jcarousel-item {
	width: 270px;
}

.newsbar__text {
	font-weight: bold;
	color: var(--main-color) !important;
}

.newsbar a:hover {
	text-decoration: none;
	color: inherit;
}

.footerleft {
	color: #FFF;
}

.footer-summary p {
	color: #FAFAFA;
	font-size: .9em;
	padding: 10px
}

ul.footer-ul li a {
	color: #FFF;
}

ul.footer-ul li a:hover {
	color: var(--second-color);
}

.footer .link-title {
	color: #FFF;
	margin-top: 10px;
	font-style: italic;
	font-weight: bold;
}
.title-picture {
  display:none;
}
.card-footer .panel-body {
  padding:10px;
}
/*.nav-link {
  display:none;
}*/
#main-menu .nav-main li > a {
  font-size: .9em;
}
.jcarousel-control-prev,
.jcarousel-control-next,
.jcarousel-control-prev:active,
.jcarousel-control-next:active,
.jcarousel-control-prev:link,
.jcarousel-control-next:link,
.jcarousel-control-prev:visited,
.jcarousel-control-next:visited {
  color:var(--main-color);
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover,
.jcarousel-control-prev:active:hover,
.jcarousel-control-next:active:hover,
.jcarousel-control-prev:link:hover,
.jcarousel-control-next:link:hover,
.jcarousel-control-prev:visited:hover,
.jcarousel-control-next:visited:hover {
  color:var(--second-color);
  border-color:var(--second-color);
}
.swiper-pagination .swiper-pagination-bullet-active {
    background:var(--second-color) !important; 
    opacity: 1;
}
.search-filter-slider {
  background-color: var(--second-color);
}
.variant-input-wrap input[type="radio"]:hover + label  {
  box-shadow: 0 0 0 2px var(--second-color);
  color: var(--second-color);
}
.variant-input-wrap input[type="radio"]:checked + label {
  box-shadow: 0 0 0 2px var(--second-color);
  background-color:var(--second-color);
  color: #FFF;
  font-weight:bold;
}
.search-query {
  color:var(--second-color);
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    color: var(--main-color);
}
@media (max-width: 767px) {
    .image-banner-component a img.img-responsive {
        height: 250px !important; /* Set a readable height for mobile */
        object-fit: cover;        /* Crops the left/right sides without distorting */
        object-position: left;  /* Keeps the center elements focused */
        max-width: none !important; 
        width: 100%;
    }
  .product-swiper-component .card .viewer {
    background-size:cover !important;
  }
}
@media (max-width: 640px) {
	.navbar-brand img {
		width: 175px;
		height: 50px;
	}

	.simple-header-lined.lined {
		padding-top: 65px;
	}

  .badge.new, .badge.promotion {
    font-size: .7em;
  }
}