/******************************************************** Codezeel Custom Styles ********************************************************/

a,
b,
strong {
    color: #416847;
}

.cz-carousel {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper:after {
    content: ". ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-carousel .owl-item .manu_image a {
    display: inline-block;
}

.owl-carousel .owl-item .manu_image a img {
    max-width: 100%;
}

.owl-carousel .owl-item:hover a img {
    border-color: blue;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    /* fix */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    text-align: center;
}

/* mouse grab icon */
.grabbing {
    cursor: url("../img/codezeel/grabbing.png") 8 8, move;
}

.customNavigation {
    position: absolute;
    width: 100%;
    top: 35%;
    direction: ltr !important;
}

.customNavigation a {
    font-size: 0;
    position: absolute;
    font-weight: 400;
    height: 34px;
    width: 34px;
    line-height: 35px;
    padding: 0px;
    color: #ffffff;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    border: 0;
    background: #bbb;
    text-transform: capitalize;
}

.customNavigation a:before {
    content: " ";
    font-size: 25px;
    font-family: "FontAwesome ";
    color: #ffffff;
    font-weight: 300;
    position: absolute;
    height: 34px;
    width: 34px;
    left: 0;
    right: 0;
    text-align: center;
}

.customNavigation a.prev:before {
    content: ' \f0d9 ';
}

.customNavigation a.next:before {
    content: ' \f0da ';
    padding-left: 4px;
}

.customNavigation a:hover:before {
    color: #000000;
}

.customNavigation a.prev {
    left: -40px;
}

.customNavigation a.next {
    right: -40px;
}

.customNavigation a:hover {
    background-color: #adc7b1;
}

.nivo-directionNav a {
    width: 50px;
    height: 50px;
}

.czhomeslider .nivo-directionNav .nivo-prevNav {
    background-position: 0px 0px;
}

.czhomeslider .nivo-directionNav .nivo-nextNav {
    background-position: right 0px;
}

.czhomeslider .nivo-directionNav .nivo-prevNav:hover {
    background-position: 0px -98px;
}

.czhomeslider .nivo-directionNav .nivo-nextNav:hover {
    background-position: right -97px;
}

@media (max-width:1500px) {
    .customNavigation a.prev {
        left: -15px;
    }

    .customNavigation a.next {
        right: -15px;
    }
}

@media (max-width:991px) {
    .customNavigation a.prev {
        left: 0;
    }

    .customNavigation a.next {
        right: 0;
    }
}

@media (max-width:1199px) and (min-width:401px) {
    .customNavigation {
        top: 30%;
    }
}

#czleftbanner img,
#czrightbanner img {
    max-width: 100%;
}

#czleftbanner li,
#czrightbanner li {
    display: inline-block;
}

#czleftbanner li a,
#czrightbanner li a {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

#czleftbanner li a:before,
#czrightbanner li a:before {
    background: rgba(255, 255, 255, .5) none repeat scroll 0 0;
    bottom: 20px;
    content: " ";
    left: 20px;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#czleftbanner li:hover a:before,
#czrightbanner li:hover a:before {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.top_button {
    background: url(../img/codezeel/top-arrow.png) no-repeat scroll center center transparent;
    right: 30px;
    bottom: 30px;
    display: none;
    position: fixed;
    z-index: 999;
    width: 50px;
    height: 50px;
    font-size: 0;
    display: block;
}

/* Flexslider */
#index .spinner {
    background: url(../img/codezeel/loading.gif) no-repeat center center #f0f4f3;
    width: 100%;
    background-size: 7%;
    min-height: 792px;
}

@media (max-width:1459px) {
    #index .spinner {
        min-height: 700px;
    }
}

@media (max-width:1199px) {
    #index .spinner {
        min-height: 550px;
    }
}

@media (max-width:991px) {
    #index .spinner {
        min-height: 400px;
    }
}

@media (max-width:480px) {
    #index .spinner {
        min-height: 250px;
    }
}

@media (max-width:380px) {
    #index .spinner {
        min-height: 200px;
    }
}

/* ANIMA NET */
@media (min-width:992px) and (max-width:1199px) {
    ._ {}

    .hidden-md {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    ._ {}

    .hidden-sm {
        display: none
    }
}

@media (max-width:767px) {
    ._ {}

    .hidden-xs {
        display: none
    }
}

.text-red {
    color: red
}

.pointer {
    cursor: pointer !important
}

.btn-primary,
.btn-secondary,
.btn-tertiary {
    text-transform: none !important;
}

#header {}

#header .header-top {
    background-color: #e3e8e4;
}

#header .header-top .container {
    padding-top: 15px;
    padding-bottom: 15px;
}

#header .header_logo {
    padding: 0 !important;
    float: none !important;
    position: relative !important;
    padding: 0;
    left: 0 !important;
    top: 0 !important;
    max-width: 100%;
    max-height: 100%;
}

#header .logo {
    height: 100% !important;
    max-height: 120px !important;
}

#header .header-nav {
    text-transform: none;
}

#header .user-info {
    display: block;
    text-align: right;
    margin: 0 0 15px 0 !important;
    padding: 0 !important
}

#header .user-info .user-info-title {
    float: none !important;
    width: 100%;
    text-align: right;
}

.header-top .menu {
    padding: 0 !important;
    width: 100% !important;
    background: #4c6450;
}

#_desktop_top_menu {}

#_desktop_top_menu {}

#_desktop_top_menu a {
    margin: 0 !important;
    padding: 0 30px !important;
    color: white;
    text-transform: none !important;
}



@media (max-width: 575px) {
    ._ {}

    .header_logo {
        text-align: center !important;
    }
}

@media (max-width: 992px) {
    ._ {}

    .mobile-menu .my-btn-menu {
        margin-top: -100px
    }

    #left-column {
        display: none !important;
    }

}



/* cznavcmsblock */
#cznavcmsblock {
    font-size: 1.4rem;
    padding-top: 7%;
}

/* products */
/* category_filter */
body#category .block-category h1 {
    margin-bottom: 0 !important;
}

body#category #category_filter {
    /* display: none !important; */
}

/* product-miniature */
.products {}

.products .thumbnail-container {
    position: relative;
    padding-top: 75%
}

.products li .product-miniature:before {
    bottom: 0px;
}

.products li .quick-view {
    display: none !important
}

.products .thumbnail-container a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.products .thumbnail-container .fliper_image {
    position: absolute;
    top: 0;
    left: 0;
    /*transform:translatey(-20%);*/
}

.products .product-title {
    height: 50px;
    display: block;
    margin-bottom: 8px;
    font-weight: 400;
    overflow: hidden;
    white-space: normal;
    width: 100%
}

.products .product-title a {
    text-transform: none;
    color: #416847;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    line-height: 1.4;
}

.products ul.product-flags li.new {
    right: auto;
    bottom: auto;
    background: #00ae42;
    color: #fff;
    top: 0;
    left: 0
}

.products .available_sizes {
    position: absolute;
    left: 5%;
    bottom: 25px;
    width: 90%;
    z-index: 3;
    line-height: 1;
}

.products .available_sizes ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    background: rgba(0, 0, 0, .2);
    font-size: 0
}

.products .available_sizes li {
    padding: 0px 3px;
    margin: 3px 0;
    display: inline-block;
    color: white !important;
    border-right: 1px solid white;
    font-size: 11px
}

.products .available_sizes li:last-child {
    border: none
}

.flag-french-made {
    position: absolute;
    top: 5px;
    right: 5px
}

.flag-french-made img {
    height: 34px;
}

/* product */
.product-leftside {}

.product-leftside .product-cover {
    width: 100%;
    float: none;
    border: 1px solid #999
}

.product-leftside .product-cover img {
    position: relative
}

.product-leftside .js-modal-mask {
    white-space: nowrap;
    margin: 0 35px;
    width: calc(100% - 70px);
    overflow: hidden;
}

.product-leftside .product-images li {
    display: inline-block;
    width: 20%;
}

.product-leftside .product-images li a {
    display: block;
}

.product-leftside .product-images li img {
    margin-bottom: 0 !important;
}

.product-leftside .image-block_slider {
    float: none;
}

.product-leftside .image-block_slider .arrows {
    display: block;
    background: #eee;
}

.product-leftside .image-block_slider .arrows i {
    display: block;
    background: #eee;
    padding: 15px 0;
    font-weight: bold;
    text-align: center;
    height: 100%;
    width: 35px;
}

.product-leftside .image-block_slider i.arrow-left {
    float: left;
}

.product-leftside .image-block_slider i.arrow-right {
    float: right;
}

.french-made {
    font-weight: bold;
}

.french-made img {
    height: 18px;
    margin-right: 7px;
    position: relative;
    top: -2px
}

.product-information {
    padding-bottom: 80px
}

/* homepage czcategorytabs */
#czcategorytabs {
    float: none !important
}

#czcategorytabs p.all {
    text-align: center;
}

#czcategorytabs p.all a {
    display: inline-block;
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 0 15px;
    border: 1px solid #adc7b1;
}

/*  homepage custom-text-bloc */
.custom-text-bloc {
    position: relative
}

.custom-text-bloc>div {
    text-align: justify;
    padding: 0 25px;
}

.custom-text-bloc img {
    width: 100%;
}

.custom-text-bloc h2 {
    margin: 0 0 25px;
    color: #333;
    text-align: left;
}

@media screen and (min-width: 992px) {
    #custom-text div.custom-text-bloc {
        display: flex;
        justify-content: center;

    }

    #custom-text div.custom-text-bloc>div {
        width: 50%;
    }

    #custom-text div.custom-text-bloc>div:first-child {
        float: left;
    }

    #custom-text div.custom-text-bloc img {
        margin: 0 25px 0 0;
    }
}

@media screen and (max-width: 991px) {
    #custom-text div.custom-text-bloc img {
        margin: 0 0 25px;

    }
}

#custom-text div.custom-text-bloc p {
    margin: 0 0 15px
}

/* qui sommes nous ? */
.about-us img {
    margin: 0 25px 15px 0;
    max-width: 100%;
}


/* foooter */
footer-container .links {
    width: 17%;
}


@media screen and (min-width: 992px) {


    ul.top-menu {}

    ul.top-menu li {
        margin: 0 !important;
    }

    ul.top-menu li.category {
        position: relative;
    }

    div.sub-menu {

        top: 100%;
        background: #adc7b1;
    }

    #_desktop_top_menu div.sub-menu a {
        display: block;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        color: white;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    }

    #_desktop_top_menu div.sub-menu li {
        float: none !important;
    }

    #_desktop_top_menu div.sub-menu li:last-child a {
        border-bottom: none;
    }
}

/* listings */
body.page-category {}

body.page-category #subcategories {}

body.page-category #subcategories {}

body.page-category #subcategories .subcategory-image {
    margin-bottom: 0;
}

body.page-category #subcategories a.subcategory-name {
    width: 100%;
    padding: 5px 0 !important;
    letter-spacing: 0px !important;
}

#category_filter {
    padding: 0;
    border: none;
}

#sizes_filter {}

#sizes_filter h5 {
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    margin: 0 0 7px 0;
}

#sizes_filter input {
    display: none;
}

#sizes_filter label {
    display: inline-block;
    line-height: 34px;
    width: 34px;
    text-align: center;
    border: 1px solid #e3e8e4;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
}

#sizes_filter label.selected {
    border-color: #adc7b1;
    background-color: #e3e8e4;
}