body {
    font-family: "Poppins", sans-serif;
    padding-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
}

.featurette h2 {
    margin-top:0;
    margin-bottom:30px
}

.dosis {
    font-family: "Dosis", sans-serif;
}

.bg-blue {
    background: #047faf;
}

.c-blue {
    color: #047faf;
}

.c-red {
    color: #c1003c;
}

.bg-red {
    background: #c1003c;
}

.btn.bg-red {
    border-color: #c1003c;
}

.btn.bg-red:hover {
    background: #96002f;
}

.bg-orange {
    background: #e58800;
}

.btn.bg-orange {
    border-color: #e58800;
}

.btn.bg-orange:hover {
    background: #c87903;
}

.c-turquoise{
    color:#2ac3c3;
}

.bg-turquoise {
    background: #44CCCC;
}

.blocks strong{
    color: #c1003c;
}
.blocks a, .home a{
    color:#047faf
}
.blocks a:hover, .home a:hover{
    text-decoration: none;
}

.navbar {
    height: 80px;
}

.navbar a.logo {
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    background-color: #fff;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.8);
}

.navbar a.logo img {
    height: 100px;
    width: auto;
}

.navbar-nav li {
    margin: 0 10px;
}

.navbar-nav .nav-link {
    font-size: 1.2rem;
    /* color: #fff; */
}

#homeCarousel .slideImg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
}

#homeCarousel .bg-overlay {
    position: absolute;
    top: 0;
    z-index: 9;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.55);
}

#homeCarousel .carousel-item {
    /* height: 40rem; */
    height: calc(100vh / 2);
}

#homeCarousel .carousel-caption {
    position:relative;
    bottom: inherit;
    top:inherit;
    right: inherit;
    left: inherit;
    padding:0;
    padding-top:50px
}

#homeCarousel h1 {
    font-size: 4rem;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 1);
}
#homeCarousel h1 span {
    font-size: 50%;
    display: block;
}
ul.page-breadcrumb{
    padding:0;
    margin-top:40px
}
ul.page-breadcrumb li {
    color: #fff;
    display: inline-block;
    list-style: none;
}
ul.page-breadcrumb li a {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
}
ul.page-breadcrumb li i {
    font-size: 14px;
    padding: 0 7px;
}
ul.page-breadcrumb li span {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
}

main {
    margin-top: 32px;
    padding-bottom:40px;
}

/* .featurette .col-md-5 {
    position: relative;
}

.featurette .col-md-5:before {
    content: " ";
    position: absolute;
    top: -14px;
    right: 0;
    z-index: 1;
    width: 100px;
    height: 100px;
    background: #c1003c;
}

.featurette .col-md-5:after {
    content: " ";
    position: absolute;
    bottom: -14px;
    left: -4px;
    z-index: 1;
    width: 100px;
    height: 100px;
    background: #047faf;
}

.featurette .col-md-5 img,
.featurette .col-md-5 svg {
    position: relative;
    z-index: 2;
} */

.parent-img-hover-zoom {
    height: 500px;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    z-index:2;
}


.img-hover-zoom {
    width: 100%;
    height: 100%;
    background-color: black;
    /* fallback color */
    background-image: url("../img/bgCadeaux.jpg");
    background-position: center;
    background-size: cover;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 1;
    position: absolute;
    top: 0;
    border-radius: 15px;
}

.parent-img-hover-zoom:hover .img-hover-zoom,
.parent-img-hover-zoom:focus .img-hover-zoom {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

section.page-section{
    padding:10px 0 0;
}
main > section.page-section:first-child {
    padding-top: 120px;
}

section.page-section h2.featurette-heading {
    margin-top:0
}


footer {
    padding: 40px 0 60px 0;
    color: #fff;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #dddd;
}




@media (min-width: 40em) {
    .carousel-caption h2 {
        margin-bottom: 1.25rem;
        font-size: 1.15rem;
        line-height: 1.4;
    }

    .featurette-heading span {
        font-size: 36px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav{
        justify-content: space-between;
    }
    .navbar-nav li:nth-child(2){
        margin-right:25%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    
}


/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .navbar a.logo {
            width: 170px;
            height: 120px;
    }
    .navbar a.logo img {
            height: 100%;
            width: 100%;
        }

        .navbar-collapse {
            width: 100%;
            flex-basis: 100%;
            flex-grow: 1;
            background: #c1003c;
            align-items: center;
            z-index: 99;
            margin-top: 10px;
        }
        
    .featurette .col-md-5:before {
        right: 16px;
    }

    #homeCarousel h1 {
        font-size: calc(1.3rem + .9vw);
        text-shadow: 0 2px 0 #000;
    }

    #homeCarousel h2 {
        font-size: calc(0.925rem + .9vw);
    }

    #homeCarousel .carousel-item {
        height: 20rem;
    }

    #homeCarousel .carousel-caption {
        bottom: 0;
    }

    #homeCarousel .carousel-caption a {
        font-size: 1.15rem
    }

    .blocks .order-md-last, .blocks .order-first {
        order: 2 !important;
    }

    .blocks .w-75{
        width:100% !important
    }

    .blocks .parent-img-hover-zoom{
        height: 450px !important
    }

    .blocks .lead {
        text-align: justify !important;
    }
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}