@font-face {
	font-family: 'Conv_BeautyDemo';
	src: url('../../../../fonts/BeautyDemo.eot');
	src: local('☺'), url('../../../../fonts/BeautyDemo.woff') format('woff'), url('../../../../fonts/BeautyDemo.ttf') format('truetype'), url('../../../../fonts/BeautyDemo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

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



@font-face {
    font-family: 'DancingScript';
    src: url('../../../../fonts/dancing_script-webfont.eot');
    src: url('../../../../fonts/dancing_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../fonts/dancing_script-webfont.woff2') format('woff2'),
         url('../../../../fonts/dancing_script-webfont.woff') format('woff'),
         url('../../../../fonts/dancing_script-webfont.ttf') format('truetype'),
         url('../../../../fonts/dancing_script-webfont.svg#dancing_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SeasideResortNF';
    src: url('../../../../fonts/seasideresortnf-webfont.eot');
    src: url('../../../../fonts/seasideresortnf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../fonts/seasideresortnf-webfont.woff2') format('woff2'),
         url('../../../../fonts/seasideresortnf-webfont.woff') format('woff'),
         url('../../../../fonts/seasideresortnf-webfont.ttf') format('truetype'),
         url('../../../../fonts/seasideresortnf-webfont.svg#seaside_resort_nfregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.agencyb{
    font-family: 'AGENCYB' !important;
}

.agencyr{
    font-family: 'AGENCYR' !important;
}

.dansingscript{
    font-family: 'DancingScript' !important;
}

.seasideresort{
    font-family: 'SeasideResortNF' !important; 
}

:root{
    --maincolorBS:#022336;
}

body.keep-header .boxe-top2 .h-logo img{
    max-height:70%;
}

.boxe-top2 .h-logo img{
    max-height:60px !important;
}

#htmlboxheader .ApColumn .block{
    background:var(--maincolorBS);
    margin-bottom:0px;
}

#htmlboxheader .ApColumn .block p{
    color:white;
    line-height: 1.8em;
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 0px;
}

.beauty p{
    font-family: 'Conv_BeautyDemo' !important;
}

@media (min-width: 992px){
    body.keep-header #page {
        padding-top:173px !important;
    }
}

body#product, body#product p, body#product button, body#product h1, body#product h2, body#product h3, body#product h4, body#product h5, body#product h6, body#product span, body#product a:not(.fa-angle-double-up){
    font-family: 'Titillium Web' !important;
}

body#product .product-actions .add-to-cart{
    background: var(--maincolorBS);
    color:white;
    font-weight:600;
    font-size:16px;    
    border:3px solid var(--maincolorBS);
    line-height:12px;
}

body#product .product-actions .add-to-cart:hover{
    background: transparent;
    color:#022336;
}

body#product .product-tabs.tabs .nav-tabs .nav-link.active{
    color:var(--maincolorBS);
}

body#product .product-tabs.tabs .nav-tabs .nav-item .nav-link.active:after{
    background:var(--maincolorBS);
}

.bottomnav .wrapper{
    background:var(--maincolorBS) !important;
}

.header-top .wrapper .row.boxe-top2.box-h3.ApRow{
    padding-top:15px !important;
    padding-bottom:15px;
}

#header{
    border-bottom:0px !important;
}

.footer-bottom, .footer-bottom a{
    background:var(--maincolorBS) !important;
    color:white;
    transition:0.3s;
}

.footer-bottom a:hover{
    color:white !important;
    text-decoration:underline;
}

#socialfooterbs .block-social ul{
    text-align: center !important;
    margin: 30px auto -20px !important;
}

.columnsfooterbs .row{
    display:flex;
    justify-content: center;
}

.columnsfooterbs .row .col-sm-3{
    width:20% !important
}

.columnsfooterbs .row .col-sm-3:first-child, .columnsfooterbs .row .col-sm-3:nth-child(2){
    text-align: right;
}

@media screen and (max-width:468px){
    .footercolmob100{
        width:100%
    }
    
    .footerbarnstormer100{
        display:flex;
        flex-direction:column;
        text-align:center;
    }
    
    .footer-container .ApLink li a{
        padding:0 !important;
    }
}

.thumbnail-container .product-price-and-shipping .price{
    color:black;
}


.leo-megamenu .dropdown-menu li a:hover, a:hover{
    color:var(--maincolorBS);
}

.product-prices .tax-shipping-delivery-label{
    display:none;
}

ul.nav-tabs #block-reassurance{
    box-shadow:none !important;
    border:0 !important;
}

ul.nav-tabs #block-reassurance li span.h6{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    color:black;
}

.boxe-top2 #cart-block .header .cart-title{
    display:none !important;
}

.boxe-top2 #cart-block .header .cart-products-count, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:hover, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:focus, .continue.btn:hover, .continue.btn:focus, button.btn.btn-primary.center-block:hover, button.btn.btn-primary.center-block:focus, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout, #back-top, .input-group .input-group-btn > .btn:hover, .input-group .input-group-btn > .btn:focus, .input-group .input-group-btn > .btn:active, .input-group .input-group-btn > .btn, .leo-fly-cart-total{
    background:var(--maincolorBS) !important;
}

.footer-center{
    border-top:0 !important;
}

.cocardeBS{
    margin-top: -47px;
}

.footerleftBS{
    text-align: right;
}

.bdnfanionBS{
    margin-bottom:-4px !important;
}

.textbsfooter{
    text-align: center;
}

.textbsfooter h4{
    text-transform:uppercase;
    font-size: 20px;
}

.textbsfooter h4{
    text-transform: uppercase;
    font-size: 20px;
    width: 252px;
    background:white;
    margin: 0 auto;
    color:#022336;
}

.textbsfooter #bgh4footer, .reassurancebsbg{
    background:url(https://barnstormer.fr/upload/bdn-fanion-long.jpg) repeat-x;
    background-size:1150px;
    background-position:center;
}

.textbsfooter div p{
    color:#022336;
    font-size:16px;
    letter-spacing: 2px;
    margin: 40px !important;
    line-height: 30px;
}

#reassurancebs{
    display:flex;
    justify-content: center;
    width:80%;
    background:white;
    margin:auto;
    border: 2px solid #eee;
    padding: 10px 0 10px 0;
    margin-bottom:70px;
}

#reassurancebs div{
    width:25%;
    text-align: center
}

#reassurancebs div p:first-child{
    text-transform: uppercase;
    color: #022336;
    font-size: 15px;
    font-weight: 600;
}

#reassurancebs div p:last-child{
    text-transform: uppercase;
    color: #022336;
    font-size: 13px;
    font-weight: 300;
}



#subscriptionbs{
    width: 80%;
    margin: auto;
}


#subscriptionbs .ApHtml{
    text-align: right;
    color: #022336;
}

#subscriptionbs .ApHtml p{
    text-align: right;
    color: #022336;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

#subscriptionbs .ApHtml p span.greybs{
    color: #A0A0A0;
}

#subscriptionbs .block_newsletter h3{
    display:none;
}


#product-availability{
    font-size:18px !important;
    font-weight:700 !important;
}

.footerbarnstormer{
    display: flex; 
    justify-content: space-between; 
    width: 80%; 
    margin: 20px auto;
}

.sidebar .block{
    padding:10px 30px !important
}

#search_filters_wrapper{
    padding:25px 30px 10px !important;
    border:1px solid #efefef !important;
    border-top:0 !important;
}

#search_filters .facet .collapse{
    max-height:100% !important;
}

.newsletterbs{
    background:#022336;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 40px;
}

.newsletterbs h4{
    color:white;
}


.newsletterbs form{
    display: flex;
    flex-direction: column;
}

.newsletterbs form input[type=text]{
    margin-top:10px;
}

.newsletterbs form input[type=text], .newsletterbs form input[type=submit]{
    font-size: 14px;
    padding: 10px;
    border-radius: 0px;
    border: 0px;    
    font-family: 'Titillium Web';
}

.newsletterbs form input[type=submit]{
    
}

.footer-container .ApColumn .title_block{
    color:white;
    font-family: 'Titillium Web';
}

.product-features>dl.data-sheet dd.value{
    word-break: break-word;
}

.listbs ul{
    list-style:circle !important;
    margin-left:20px;
}

label[for="delivery_message"]{
    text-align:center !important;
}

body#checkout section.checkout-step .content{
    max-width:800px !important;
}

.order-confirmation-table .order-line .row .col-xs-4:last-child{
    text-align: right !important;
    padding-right:18px;
}

.cart-summary-subtotals-container{
    padding:0 !important;
}

.product-flags .product-flag.new{
    background:var(--maincolorBS) !important;
}

.product-flags .product-flag.new:before{
    border-left-color:var(--maincolorBS) !important;
}

/*----- RESPONSIVE -----*/
.navbar-header .navbar-toggler{
    border:0 !important;
}

.navbar-header .navbar-toggler:focus, .navbar-header .navbar-toggler:hover{
    background:var(--main-colorBS) !important;
}

@media screen and (max-width:992px){
    .boxe-top2.box-h3 #search_widget{
        display:none;
    }
    
    .boxe-top2 .col-cart{
        margin-top: -80px !important;
        width: 100%;
    }
    
    .col-xl-8.col-lg-7.col-md-4.col-sm-4.col-xs-4.col-sp-4.col-menu.ApColumn{
        margin-top: -80px !important;
    }
    
    .col-logo.ApColumn{
        position:relative !important;
        z-index:999 !important;
    }
}

@media screen and (max-width:468px){
    .footerbarn .block-content div{
        display:flex;
        flex-direction:column !important;
        
    }
    
    .footerbarn .block-content div #rsbs{
        display:flex;
        justify-content: center;
        margin-top:20px;
    }
    
    #menumobileBS .ApColumn{
        display:flex !important;
    }
    
    #menumobileBS .ApColumn .ApMegamenu{
        width:20% !important;
    }
    
    #menumobileBS .ApColumn .h-logo{
        width:60% !important;
    }
    
    #menumobileBS .ApColumn .h-logo a img{
        width: 74% !important;
        display: block !important;
        margin: 10px auto 0px !important;
    }
    
    #menumobileBS .ApColumn #cart-block{
        width:20% !important;
    }
    
    #menumobileBS .ApColumn #cart-block span.cart-title{
        display:none !important;
    }
    
    #menumobileBS .ApColumn #cart-block .cart-preview .header{
        height: 80px !important;
        line-height: 80px !important;
        position: relative !important;
        padding: 0px 10px 0px 30px !important;
    }
        
    #menumobileBS .ApColumn #cart-block span.cart-products-count{
        position: absolute !important;
        line-height: 16px !important;
        font-size: 12px !important;
        min-width: 16px !important;
        text-align: center !important;
        color: rgb(255, 255, 255) !important;
        top: 50% !important;
        right: 20px !important;
        padding: 0px 5px !important;
        background: #022336 !important;
        border-radius: 10px !important;
    }
    
    #reassurancebs {
        flex-direction:column;
    }
    
    #reassurancebs div{
        margin-bottom:20px;
        width:100%;
    }
    
    .columnsfooterbs .row{
        display:flex;
        justify-content: center;
        flex-direction:column
    }

    .columnsfooterbs .row .col-sm-3, 
.columnsfooterbs .row .col-sm-3:first-child, .columnsfooterbs .row .col-sm-3:nth-child(2){
        width:90% !important;
        text-align: center !important;
        display:block !important;
        margin:auto !important
            
    }
    
    .copyrightbs{
        text-align:center !important;
    }

}

.ajax-error{
    display:none !important;
}

#search_filters .facet .facet-label a{
  width: calc(100% - 50px) !important;
}

#leo-paneltool{
    display:none !important;
}

.product-id-211 .current-price{
    display:none !important;
}

.cms-id-12 h1, 
.cms-id-12 #main .page-header,
.cms-id-6 h1, 
.cms-id-6 #main .page-header,
.cms-id-14 h1, 
.cms-id-14 #main .page-header,
.cms-id-15 h1, 
.cms-id-15 #main .page-header{
    display:none !important;
}

/* Home Page v2 */

.sliderbarnstormer .elementor-widget-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sliderbarnstormer .elementor-widget-wrap .elementor-section{
    height:50%;
    display:flex;
}

.sliderbarnstormer .colslider, .bgcoffret .colcoffret{
    display: flex;
    align-items:end;
}

.Carrousel .slick-slide{
    padding-left:0 !important;
    padding-right:0 !important;
}

/*.Carrousel .slick-slide::before{
    content:"";
    width:100%;
    height:100%;
    background:linear-gradient(to left, #022336 1%, transparent 15%);
    position:absolute;
} */

#product-availability{
    color: var(--maincolorBS);
    background: white;
    padding: 15px;
    margin-top: 10px;
}

@media screen and (max-width:468px){
    .Carrousel .slick-slide::before{
        background:transparent !important; 
    } 
}

.bgcoffret {
    background: linear-gradient(transparent 55%, white 55%), url("https://barnstormer.fr/img/cms/Home Page/bg-carreaux.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.bgcoffret .colcoffret{
    padding-bottom:80px;
}

.bgpolo .colpolo .elementor-column-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bgvignettes{
    background: linear-gradient(transparent 50%, white 50%), url("https://barnstormer.fr/img/cms/Home Page/bg-vignettes.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width:468px){
    .bgvignettes{
        background: linear-gradient(transparent 10%, white 10%), url("https://barnstormer.fr/img/cms/Home Page/bg-vignettes.jpg");
        background-size:auto;
    }


}

.vignettes{
    width:15%;
    padding:10px;
}

.vignettes p{
    color:black;
    text-align:center;
    padding-top:15px;
    font-size:25px;
}

.titlebarre p::before, .titlebarre p::after{
    content: "";
    background: #022336;
    width: 35%;
    height: 3px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.titlebarre p::before{
    right: 0.5em;
    margin-left: -50%;
    width:20%
}

.titlebarre p::after{
    left: 0.5em;
    margin-right: -50%;
    width:20%
}

.texthp{
    font-size:30px !important;
}

@media screen and (max-width:768px){
    .texthp{
        font-size:25px !important;
    }
}

@media screen and (max-width:468px){
    .texthp{
        font-size:18px !important;
    }
    
    body#category .product_list.grid .ajax_block_product{
        padding: 0 10px !important;
    }
    
    .product_list .row{
        margin-left: -5px;
        padding-right: 5px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    
    .product_list .button-container .add-to-cart{
        padding:8px 22px !important;
    }
}

.product_list .button-container .add-to-cart{
    width:100% !important
}



#password #main svg{
    display:none !important;
}

/* addon notification stock alert 
.js-mailalert{
    background: #ececec;
    padding: 20px;
}

.js-mailalert::before{
    content: "Cet article n'est plus en stock ! \A Entrez votre email pour être notifié quand il sera à nouveau dans nos rayons ! \A";
    display: block;
    color: black;
    font-size: 14px;
    white-space: pre;
    padding-bottom: 10px;
}

.js-mailalert button{
    font-size:0px; 
}

.js-mailalert button::before{
    content: "M'alerter quand ce sera disponible";
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    padding-right: 0px;
    margin-right: 0px;
    width: auto;
    display: flex;
    height: 3px;
}*/


#payment-option-2-container{
    display: flex;
    align-items: center;
}

label[for="payment-option-2"]{
    margin-bottom:-3px;
    margin-right:5px;
}