@font-face {
	font-family: 'BebasNeuePro';
	src: url('../fonts/BebasNeuePro.ttf');
	font-weight: normal;
	font-style: normal;
}


@media (max-width:500px){
	#header .header-top a[data-depth="0"] {
		color: #232323 !important;
	}
}
#product-availability .product-last-items {
    color: #9c0061 !important;
}
._desktop_cart a {
	color: white !important; 
	font-size: 1.2rem !important; 	
}
.footer-container {
    padding-top: 0;
}
#footer {
    padding-top: 0;
}
#_desktop_cart .cart-products-count, .header-button-wishlist .ap-total-wishlist {

     background-color: transparent !important; 

}
#_desktop_cart .header i {
    color: white;
}
.user-info a{
	color: white !important; 
}
@media (min-width:900px){
	#header .header-top a[data-depth="0"] {
		color: white !important; 
	}
}
.top-menu a[data-depth="0"] {
    font-size: 1.6rem !important; 
    font-family: "BebasNeuePro", sans-serif;
}

.block-category {
    min-height: 10px !important; 
    margin-bottom: 1.563rem;
}
#wrapper {
    background: white !important;
}

#header, #header .header-top {
    background-color: #171b1e !important; 
	
}
.page-index #wrapper {
    padding-top: 1.563rem;
 
}

.page-index .carousel .carousel-inner {
    height: 100%;
}

.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #2634B1 !important;
    border-color: transparent;
}

#custom-text {
    display: flex !important;
}
.product-h1{
	font-family: "BebasNeuePro", sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 60.33px;
	letter-spacing: 0em;
	text-align: left;
	text-transform:uppercase;	
}
.current-price-value{
	font-family: "BebasNeuePro", sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 30.16px;
	letter-spacing: 0em;
	text-align: left;
	text-transform:uppercase;
	color: #232323;
}
.titre-h2 {
	font-family: "BebasNeuePro", sans-serif;
	font-size: 52px;
	font-weight: 400;
	line-height: 60px;
	letter-spacing: 0em;
	text-align: left;
	text-transform:uppercase;

}
.titre-h3 { 
	font-family: "BebasNeuePro", sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 60.33px;
	letter-spacing: 0em;
	text-align: left;
	text-transform:uppercase;

}
.titre-h4{
	font-family: "BebasNeuePro", sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 30.16px;
	letter-spacing: 0em;
	text-align: left;
	text-transform:uppercase;

}
.titre-h5{
	
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	text-transform:uppercase;

}
.color-gris {
	color: #c0bfc1;
}
.fond-gris {
	background: #c0bfc1;
}
.color-bleu {
	color: #4D78BA;
}
.fond-bleu {
	background: #4D78BA;
}
.color-purple {
	color: #9C0061;
}
.fond-purple {
	background: #9C0061;
}
.color-pink {
	color: #E02981;
}
.fond-pink {
	background: #E02981;
}
.color-white {
	color: white;
}
.fond-white {
	background: white;
}
.color-black {
	color: #171b1e;

}
.fond-black {
	background: #171b1e;
}
.titre-niveau-jeu{
	position: relative;
    float: left;
	color:#7a7a7a;
    margin-right: 10px;
}
.parallelogramme-petit{
	position: relative;
	float: left;
    margin-right: 3px;
    width: 13px;
    height: 16px;
	border-radius:10px;
    -webkit-transform: skew(340deg);
    -moz-transform: skew(340deg);
    -o-transform: skew(340deg);
    tranform: skew(340deg);
}
.parallelogramme{
float: left;
    margin-right: 10px;
    margin-top: 4px;
    width: 13px;
    height: 16px;
    -webkit-transform: skew(340deg);
    -moz-transform: skew(340deg);
    -o-transform: skew(340deg);
    tranform: skew(340deg);
}
.parallelogramme-grand{
float: left;
    margin-right: 10px;
    margin-top: 4px;
    width: 53px;
    height: 66px;
    -webkit-transform: skew(340deg);
    -moz-transform: skew(340deg);
    -o-transform: skew(340deg);
    tranform: skew(340deg);
}

#custom-text{
	background:#fff;
}
.blocktext{
	padding:3.125rem;
}
.text-bold{
	font-weight:700;
	font-size:bolder;
}

.mt-3 {
    margin-top: 2.5rem !important;
}
.mb-3 {
    margin-bottom: 2.5rem !important;
}
.mr-3 {
    margin-right: 2.5rem !important;
}
.ml-3 {
    margin-left: 2.5rem !important;
}


.mt-4 {
    margin-top: 3.5rem !important;
}
.mb-4 {
    margin-bottom: 3.5rem !important;
}
.mr-4 {
    margin-right: 3.5rem !important;
}
.ml-4 {
    margin-left: 3.5rem !important;
}

span.text {
	color: white;
	text-transform:uppercase;
}

.product-flags li.product-flag.on-sale {
    background: #9c0061!important;
}

.has-discount .discount {
     background: #9c0061!important;
}
.product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount {
    background: #9c0061!important;
}

.leo-fly-cart-slidebar.slidebar_top .leo-cart-dropdown-action .cart-dropdow-button, .leo-fly-cart-slidebar.slidebar_bottom .leo-cart-dropdown-action .cart-dropdow-button {
    display: block;
    /* margin: 0; */
    margin-right: 10px !important;
}

#header .header-nav .cart-preview.active {
    background: #171b1e !important;
    color: white!important;
}
#header .header-nav .blockcart {
    background: #171b1e !important;
    color: white!important;
}
#header .header-nav .cart-preview .shopping-cart {
    color: white!important;
}

.taille-20{
	width:30px;
}

.top-menu .sub-menu ul[data-depth="1"]>li {
    width: 100%;
}

.top-menu a[data-depth="2"] {
    padding-left:1.5rem !important;
}
#category-81 a[data-depth="0"]{
    background-image: url(https://new.berugbe.com/img/LOGO_OPRO.svg);
    text-indent: -3000rem;
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    background-position: center;
    background-position-y: middle;
    padding-top: 8px;
    margin-left: 10px;
}



@media (min-width: 786px) {
    #header.header_omg_im_scrolled {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 9999;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
    }


    #header.header_omg_im_scrolled .header-nav {
        display: none;
    }

    #header.header_omg_im_scrolled .header-top {
        padding-top: 30px
    }
}

@media (max-width: 785px){
    #header.header_omg_im_scrolled {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 9999;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
    }

    #header.header_omg_im_scrolled nav {
        margin:0px!important;
        padding:0px!important;
        border:none!important;
    }
}

@media (min-width: 576px){
    .omg_im_fixed .modal-dialog {
        margin-top:130px!important;
    }
}

.category-be {

background-color: #171b1e !important;
    -webkit-transform: skew(340deg);
    -moz-transform: skew(340deg);
    -o-transform: skew(340deg);
    tranform: skew(340deg);
	
	background: linear-gradient(#98346A, #30418E) no-repeat left bottom;
    background-size: 20px 100%;
}

.parallelogramme-geant {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 4px;
    width: 1px;
    height: 55px;

}

.category-be .text-muted{
	color: white !important;
	-webkit-transform: skew(380deg);
}

.category-be .titre-h2 {
    -webkit-transform: skew(380deg);
}

.category-be p:first-child {
    margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	color: white !important;
	margin-left: 10px;
}