/* Add custom CSS styles below */ 

/*headr*/
header#site-header-outer {
    background-image: linear-gradient(196deg, #24519b, #28a1b4);
}
/*banner*/

section:nth-of-type(2).home-block.home-block--fixed-banner {
    padding:0 !important;}


section.home-block.home-block--fixed-banner .container {
    width: 100%;
    max-width: 100% !important;
    padding:0 !important;
    margin:0 !important;
}

section:nth-of-type(3).home-block.home-block--fixed-banner .container {
    width: 14%;
    max-width: 100% !important;
    padding:0 !important;
    margin:auto !important;
}
section:nth-of-type(6).home-block.home-block--fixed-banner .container {
    width: 100%;
    max-width: 80% !important;
    padding:0 !important;
    margin:auto !important;
}
section:nth-of-type(7).home-block.home-block--fixed-banner .container {
    width: 70%;
    max-width: 100% !important;
    padding:0 !important;
    margin:auto !important;
}

/*categery*/
figure.banner-effect-1 {
    padding-top: 0 !important;
    height: 400px;
    background-color: transparent !important;
}
.banner--square {
    background-color: transparent !important;
    padding: 0;
    margin: 0 0 30px;
    border-radius: 8px;
    overflow: hidden;
}

/*PROUDCT*/
section.home-block.home-block--bg.home-block--slide-products {
    BACKGROUND-COLOR: TRANSPARENT !IMPORTANT;
}
button.btn.btn--oval.btn--padded.btn--grey.active {
    COLOR: #082d72 !important;
    background-color: transparent !important;
    font-size: 37px;
    font-weight: bold;
}
/*footer*/
footer.footer,
.footer__bottom {
    background-color: #335A9A;
    color: #fff !important;
}
.footer .footer-list li a {
    color: #fff !important;
}
.title--primary {
    font-weight: bold;
    color: #082D72 !important;
}



@media(max-width: 768px){

section.home-block.home-block--square-images .row {
    flex-wrap: nowrap;
}


figure.banner-effect-1 {
    padding-top: 0 !important;
    height: 151px;
    background-color: transparent !important;
}

}