body {
    font-family : 'Lato', sans-serif;
}


.bg-tiercary {
    background-color : #31aadc;
}

.input-field .suffix ~ input {
    width : 82% !important;
}

i.material-icons.suffix {
    position: absolute;
    top: .5em;
    right: 20px;
}

.mb-2 {
    margin-bottom : 20px;
}

.w-80 {
    width : 80%;
}

.mt-2 {
    margin-top : 20px;
}
.mb-5 {
    margin-bottom : 50px;
}
#header {
    padding-top : 1px;
    width : 100%;
    padding-bottom: 50px;
    /*height : 550px;*/
}

@media (max-width : 1600px) {
    /*#header {
        height : 470px;
    }*/
}
@media (max-width : 1400px) {
    /*#header {
        height : 420px;
    }*/
}
@media (max-width:1100px) {
    /*#header {
        height : 350px;
    }*/
}
@media (max-width:890px) {
    #sentence {
        font-size : 6vw;
        margin-bottom : 15px;
    }
}
#sentence {
    font-size : 3vw;
    line-height : normal;
}
@media (max-width: 700px) {
    #sentence {
        font-size : 6vw;
    }
    /*#header {
        height : 450px;
    }*/
}
@media (max-width: 600px) {
    #logo-nav {
        margin-top : 15px;
    }
}
#header > .container {
    margin-top: 20px;
}
.zi-2 {
    z-index:20000;
}
.gradient-header {
    background: #b3e5fc;
    background: -webkit-linear-gradient(45deg, #98e6d3 0%, #31aadc 100%);
    background: linear-gradient(45deg, #98e6d3 0%, #31aadc 100%);
}

.gradient-header-2 {
    padding-top : 15px;
    padding-bottom : 15px;
    position : relative;
    z-index:10;
    background: #b3e5fc;
    background: -o-linear-gradient(45deg, #31aadc 0%, #98e6d3 100%);
    background: -moz-linear-gradient(45deg, #31aadc 0%, #98e6d3 100%);
    background: -webkit-linear-gradient(45deg, #31aadc 0%, #98e6d3 100%);
    background: linear-gradient(45deg, #31aadc 0%, #98e6d3 100%);
}
#header {
    position: relative;
}

.filter-img {
    width : 33.33%;
    height : auto;
}

.justify-align {
    text-align:justify;
}

.bulle {
    position : absolute;
    bottom : 30px;
    left : 0;
    display: none;
    z-index: 30000;
}

.bloc-time div {
    z-index : 10;
}

.parallax-container {
    position: relative;
    overflow: hidden;
    height: 300px;
    z-index: 10;
}

.buttons {
    margin : auto;
    text-align : center;
    position:absolute;
    bottom : 20px;
    left : 0;
    right : 0;
    width : 80%;
}
.btn {
    border-radius: 3px;
}
.primary {
    background-color : #eb5a83;
}

.size-10 {
    font-size : 10px !important;
}

.secondary {
    background-color : #355664;
}
.button-hover:hover {
    background-color : white;
    color : black;
}

#hand {
    position : absolute;
    bottom:0;
    right: 50px;
    display : none;
}

#slider-card {
    margin-top: 0;
}

.pb-7 {
    padding-bottom : 70px;
}

@media (max-width: 530px) {
    #hand {
        width : 24%;
        height : auto;
        right : 15px;
    }
    #sentence > img {
        margin-bottom : 20px;
    }

    .bulle {
        width : 17%;
    }
}

.mr-1 {
    margin-right : 5px;
}
.ml-1 {
    margin-left : 5px;
}

.slick-prev {
    left : 10px;
    z-index:1;
}

.slick-next {
    right : 10px;
}

.bg-title {
    padding: 10px !important;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
    transition : 0.4s;
    font-size : 1.4rem !important;
    margin:auto;
    left : 0;
    right : 0;
}

.shadowhover:hover .card-image > .card-title {
    background-color: rgba(75,152,183,0.7) !important;
}

.card.resize > .card-content > p {
    position :absolute;
    font-size : 1.4rem;
}

.resize {
    transition : 0.4s;
    background-color : #4b98b7 !important;
}

.resize:hover {
    background-color : #DCEEEF !important;
}

.resize:hover > .card-content > p {
    color : black !important;
}

.shadowhover.card > .card-content > p {
    font-size : 13px;
}

.multiple-items .slick-track {
    display: flex !important;
}

.img-head-title {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 2px;
}

.img-bap-nab {
    height : 30px;
    width : auto;
}

@media (max-width : 400px) {
    .img-bap-nab {
        width : 100%;
        height : auto;
    }
}

.parallax {

    /* Set a specific height */
    min-height: 23rem;

    z-index: 10;
    position: relative;

    /* Create the parallax scrolling effect */
    -webkit-background-size: cover;
    background-size: cover;
}

.clothes-cols {
      height: inherit !important;
      display: flex !important;
      justify-content: center;
      align-items: center;
}
.clothes-cols > .clothes-card {
    height: 100%;
    width : 100%;
}

p.infos {
    margin-right : 25px !important;
    font-size : 17px !important;
}

p.infos > span.big-info {
    font-size : 2rem !important;
    line-height : normal;
}

.w-47 {
    width : 40%;
}

.pl-20 {
    padding-left : 15px;
}

.slick-track {
    margin-top: 20px !important;
}

.card-bg {
    background-color : #D6E3E5;
}

.pt-22 {
    padding-top : 22px;
}

.mr-2 {
    margin-right : 20px;
}

.copy-text {
    font-size : 12px;
    margin-top : 25px;
}
footer.grey-bg {
    /*margin-top : -35px;*/
}
.grey-bg {
    background-color : #89a0ad;
}

.rem2 {
    font-size : 1.6rem;
}

.buttons > a {
    font-size : 10px;
}

@media (min-width : 890px) {
    .buttons > a {
        font-size : 1rem;
    }
}

.buttons > a.w-47 {
    font-size : 10px;
}
.preloader-background {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;

    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.preloader-background > p {
    padding-top:120px;
    margin-left: -70px;
    opacity: 0.8;
}

@media (min-width : 993px) {
    .d-flex {
        display : flex;
    }
}

.avatar-img {
    margin-right: .25em;
    display: inline-block;
    width: 60%;
    height: auto;
    border-radius: 500rem;
    margin-top : 30px;
    margin-bottom : 30px;
}

.middle-align {
    vertical-align: -webkit-baseline-middle;
    vertical-align: baseline-middle;
}
@media (min-width : 601px) {
    .d-flex-b {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width : 600px) {
    .avatar-img {
        width : 70%;
        height : auto;
    }
    .mb-3-s {
        padding-right: 23px;
        margin-bottom : 30px;
    }
}

.tiercary {
    background-color : #0c5965;
}

.section-title {
    color: white;
    font-size: 1.8rem;
    transition: 0.4s;
    padding : 15px;
    margin: 30px auto 30px auto;
    cursor : pointer;
    /*background: #eb5a83;
    background: -webkit-linear-gradient(45deg, #eb5a83 0%, #31aadc 100%);
    background: linear-gradient(45deg, #eb5a83 0%, #31aadc 100%);*/
    background: -webkit-linear-gradient(70deg, #31aadc  5%, rgba(0,0,0,0) 30%), -webkit-linear-gradient(30deg, rgba(0,0,0,0.0) 60%, #eb5a83 85%);
    background: -o-linear-gradient(70deg, #31aadc  5%, rgba(0,0,0,0) 30%), -o-linear-gradient(30deg, rgba(0,0,0,0.0) 60%, #eb5a83 85%);
    background: -moz-linear-gradient(70deg, #31aadc  5%, rgba(0,0,0,0) 30%), -moz-linear-gradient(30deg, rgba(0,0,0,0.0) 60%, #eb5a83 85%);
    background: linear-gradient(70deg, #31aadc  5%, rgba(0,0,0,0) 30%), linear-gradient(30deg, rgba(0,0,0,0.0) 60%, #eb5a83 85%);
    border : 1px solid grey;
    border-radius : 10px;
}

.pb-3 {
    padding-bottom : 30px;
}

.blinking {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0; }
}

#img-preloader {
    position : absolute;
    margin-top : 115px;
}

.mt-2 {
    margin-top : 20px;
}

.hoverscale {
    transition : 0.4s;
}

.pr35 {
    padding-right : 40px !important;
}

.hoverscale:hover {
    transform:scale(1.4);
}

#login {
    z-index:99999 !important;
}

.modal-overlay {
    z-index:99998 !important;
}

.rem13 {
    font-size : 1.3rem;
}