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;
}

.bg-blue{
    background: #0683CA;
}

.c-blue{
    color:#0683CA;
}

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

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

.btn.bg-blue {
    border-color: #0683CA;
}

.btn.bg-blue:hover {
    background: #056399;
}

.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: #0683CA;
}
.blocks a, .home a{
    color:#047faf
}
.blocks a:hover, .home a:hover{
    text-decoration: none;
}

.navbar {
    height: 80px;
}

.navbar a.logo {
    position: absolute;
    top: -30px;
    left: 0;
    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;
}

ul li::marker{
    color:#0683CA
}


/* MANSORY */

 .masonry:after {
     content: "";
     display: table;
     clear: both;
 }

 .masonry .grid-sizer,
 .masonry_block {
     width: 100%;
 }

 .masonry_block {
     float: left;
     padding: 20px 20px;
     border-radius: 25px;
 }

 .masonry-folio {
     position: relative;
     overflow: hidden;
     box-shadow: 1px 4px 15px 1px rgba(0, 0, 0, 0.2);
     border-radius: 1rem;
 }

 .masonry_thum img {
     -webkit-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     border-radius: 1rem;
 }

 .masonry_thum a {
     display: block;
 }

 .masonry_thum a::before {
     display: block;
     content: "";
     opacity: 0;
     visibility: hidden;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -webkit-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     z-index: 3;
     border-radius: 1rem;
 }

 .masonry_thum a::after {
     display: block;
     height: 30px;
     width: 30px;
     line-height: 30px;
     margin-left: -15px;
     margin-top: -15px;
     position: absolute;
     left: 50%;
     top: 50%;
     text-align: center;
     color: rgba(255, 255, 255, 0.5);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
     z-index: 1;
     border-radius: 1rem;
     border-top: 1px solid #d7dce1;
     border-left: 3px solid #d7dce1;
 }

 .masonry_text {
     position: absolute;
     background: rgba(0,0,0,0.7);
     height:100%;
     left: 0;
     bottom: 0;
     padding: 0 1.5rem;
     z-index: 2;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translate3d(0, 100%, 0);
     -ms-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .masonry_title {
     font-size: 1.4rem;
     font-weight: 400;
     line-height: 1;
     padding-top:20px;
     color: #ffffff;
     text-transform: uppercase;
     letter-spacing: 0.2rem;
     margin: 0 0 0.3rem 0;
 }

 .masonry_cat {
     color: rgba(255, 255, 255, 0.5);
     font-size: 1rem;
     font-weight: 200;
     line-height: 1.714;
     margin-bottom: 0;
 }

 .masonry_caption {
     display: none;
 }

 .masonry_project-link {
     display: block;
     color: #ffffff;
     text-align: center;
     z-index: 500;
     top: 3rem;
     left: 2rem;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translate3d(0, -100%, 0);
     -ms-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
 }

 .masonry_project-link::before {
     display: in-line;
     position: relative;
     top: -2.5rem;
     left: 50%;
 }

 .masonry_project-link:hover,
 .masonry_project-link:focus,
 .masonry_project-link:active {
     font-size: 1.1rem;
     color: #ffffff;
     -webkit-transform: translate3d(0, 100%, 0);
     -ms-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     display: block;
     background-color: transparent;
 }

 /* on hover 
 * ----------------------------------------------- */
 .masonry-folio:hover .masonry_thum a::before {
     opacity: 1;
     visibility: visible;
 }

 .masonry-folio:hover .masonry_thum a::after {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }

 .masonry-folio:hover .masonry_thum img {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
 }

 .masonry-folio:hover .masonry_project-link,
 .masonry-folio:hover .masonry_text {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 .masonry_project-link:hover a {
     text-decoration: underline;
 }

 @media only screen and (max-width: 992px) {
     .s-works {
         padding-top: 15rem;
         padding-bottom: 15rem;
     }
 }

 @media only screen and (max-width: 768px) {

     .masonry_title,
     .masonry_cat {
         font-size: 1.3rem;
     }
 }

 @media only screen and (max-width: 576px) {
     .s-works {
         padding-top: 12rem;
     }

     .masonry-wrap {
         padding: 0 35px;
     }

     .masonry_block {
         float: none;
         width: 100%;
     }

     .masonry_title,
     .masonry_cat {
         font-size: 1.4rem;
     }
 }

/* END MANSORY */



@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; */
        margin-left:70px;
    }
        /*
    .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: #0683CA;
            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) {}