:root{

}

body{
    color: #1a1a1a;
}

body > header{
    background-color: rgb(11, 76, 255);
}

#mainLogo > svg *{
    fill: white;
}





.btn-primary,
.btn-primary:visited{
    color: #f2f2f2;
    background-color: #43a8b4;
    border: none !important;
    transition-property: color, background-color, border;
    transition-duration: 333ms;
    transition-timing-function: ease-in-out;
}

.btn-primary:hover{
    color: #fff;
}

.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active{
    background-color: hsl(187, 46%, 36%);
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(50, 92, 92, 0.5);
}

.section-title{
    display: inline-block;
    padding: 0.7rem 1rem;
    background-color: #43a8b4;
    border-radius: 100vw;
    color: #fff;
}







body > *{
    position: relative;
    z-index: 1;
}

body > section,
/*body > header,*/
body > footer{
    background-color: #fff;
}



section.banner{
    background-color: rgb(11, 76, 255);
    color: #cadeff;
}

section.banner .carousel{
    border: 1px solid #cccccc;
}

section.banner .prints-caroucel{
    position: relative;
}

section.banner .prints-caroucel:before{
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: -.5rem;
    left: calc(50% - .5rem);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000;
}

section.banner .prints-caroucel:after{
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: -.5rem;
    left: calc(50% + .5rem);
    width: 10px;
    height: 3px;
    border-radius: 3px;
    background-color: #333;
}

section.banner .prints-item{
    padding-top: calc(100% * (9 / 16));

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}






body > footer{
    background-image: url(https://public.vimu.com.br/vimu/share/footer-bg.png);
}

body > footer{
    position: sticky;
    bottom: 0;
    z-index: 0;
}