* {
    font-family: 'Saira Condensed', sans-serif;
}

img {
    max-width: 100%;
}

ul {
    padding-left: 20px;
}

header {
    height: 600px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.hidden-desktop {
    display: none;
}

.topo {
    color: white;
    padding-top: 15px;
}

.wrapper-icones {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wrapper-icones .instagram {
    margin: 0px 20px;
    border-right: 1px solid white;
    padding-right: 20px;
}

.wrapper-icones .telefone {
    margin-right: 20px;
}

.wrapper-icones .whatsapp {
    margin-right: 20px;
    margin-left: 20px;
}

.wrapper-icones span {
    font-size: 24px;
}

#navbarNavAltMarkup {
    width: 700px;
    margin-left: 25px;
}

.navbar {
    justify-content: center;
}

.navbar-nav > a {
    background-color: white;
    padding: 20px 25px !important;
}

.navbar-nav > a:hover {
    background-color: #0B7FFD;
    color: white !important;
    transition: 1s all ease;
}

.dropdown-menu {
    padding: 0;
    left: auto;
}

.dropdown-item {
    background-color: white;
    padding: 5px 15px !important;
}

.dropdown-item:hover {
    background-color: #0B7FFD;
    color: white !important;
    transition: 1s all ease;
}

.dropdown-divider {
    margin: 0;
}

#dropdown-menu-1 {
    /*left: 871px;*/
    margin-left: 102px;
    top: 95px;
}

#sub-menu-1, #sub-menu-2, #sub-menu-3 {
    display: none;
    top: 95px;
    /*left: 1028px;*/
    margin-left: 260px;
}

#sub-menu-4 {
    display: none;
    top: 162px;
    margin-left: 260px;
}

.navbar-nav a:not(:last-child) {
    border-right: 1px solid #cccccc;
}

/* Section: Carousel */

.linhas {
    margin-top: -100px;
    padding-bottom: 75px;
}

.wrapper-linha {
    border: 1px solid #e7e7e7;
    padding: 25px 0px;
    background-color: white;
}

.wrapper-linha h2 {
    height: 75px;
    font-weight: bold;
    padding: 0px 20px;
}

.wrapper-linha span {
    font-size: 14px;
    padding: 0px 20px;
}

.wrapper-linha p {
    height: 125px;
    margin-top: 25px;
    padding: 0px 20px;
}

.imagem-linha {
    height: 200px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: flex;
    justify-content: center;
}

.linha-pisos h2 {
    color: #056A95;
}

.linha-cozinhas h2 {
    color: #026657;
}

.linha-lavanderia h2 {
    color: #B49666;
}

.linha-automotiva h2 {
    color: #606062;
}

.wrapper-linha .saiba-mais {
    color: white;
    width: 75%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    padding: 7px 0px;
}

#carousel-linhas {
    position: relative;
}

#carousel-linhas .owl-nav {
    display: flex;
}

#carousel-linhas .owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: -85px;
    display: flex;
    align-items: center;
}

#carousel-linhas .owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: -85px;
    display: flex;
    align-items: center;
}

.wrapper-linha .arrow {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid white;
}

/* Section: Blocos */

.blocos {
    background-color: #EFEFEF;
    padding: 75px 0px;
}

.wrapper-iso-9001 a, .wrapper-abrinq a, .wrapper-seja-representante a, .wrapper-onde-comprar a {
    text-decoration: none;
}

.wrapper-iso-9001, .wrapper-abrinq, .wrapper-seja-representante, .wrapper-onde-comprar {
    display: flex;
    height: 250px;
}

.anchor-onde-comprar:hover, .anchor-seja-representante:hover {
    text-decoration: none;
}

.wrapper-iso-9001 h2, .wrapper-iso-9001 p, .wrapper-abrinq h2, .wrapper-abrinq p, .wrapper-seja-representante h2, .wrapper-seja-representante p, .wrapper-onde-comprar h2, .wrapper-onde-comprar p {
    color: white;
}

.wrapper-iso-9001 h2, .wrapper-abrinq h2, .wrapper-seja-representante h2, .wrapper-onde-comprar h2 {
    margin-bottom: 15px;
}

.wrapper-iso-9001 p, .wrapper-abrinq p, .wrapper-seja-representante p, .wrapper-onde-comprar p {
    font-size: 12px;
}

.wrapper-iso-9001 .half-left img, .wrapper-abrinq .half-left img, .wrapper-seja-representante img, .wrapper-onde-comprar img {
    height: 175px;
}

.wrapper-iso-9001 .half-left {
    background-color: #4F96B5;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wrapper-iso-9001 .half-right {
    background-color: #056A95;
    padding: 25px 35px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper-iso-9001 .half-left .arrow {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid #4F96B5;
    position: absolute;
    right: -20px;
}

.wrapper-abrinq .half-left {
    background-color: #4D694A;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wrapper-abrinq .half-right {
    background-color: #026657;
    padding: 25px 35px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper-abrinq .half-left .arrow {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid #4D694A;
    position: absolute;
    right: -20px;
}

.wrapper-seja-representante .half-left {
    background-color: #B49666;
    padding: 25px 35px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper-seja-representante .half-right {
    background-image: url("../img/middle/seja-representante.jpg");
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 50%;
}

.wrapper-onde-comprar .half-left {
    background-color: #666666;
    padding: 25px 35px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper-onde-comprar .half-right {
    background-image: url("../img/middle/onde-comprar.jpg");
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 50%;
}

.wrapper-seja-representante, .wrapper-onde-comprar {
    margin-top: 25px;
}

/* Section: Newsletter */

.newsletter {
    background-color: #333333;
    color: white;
    padding: 25px 0px;
}

.wrapper-newsletter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.wrapper-newsletter span {
    font-size: 18px;
    width: 25%;
}

.wrapper-newsletter form {
    width: 75%;
}

.wrapper-newsletter input {
    height: 40px;
    width: 80%;
    float: left;
}

.wrapper-newsletter button {
    background-color: #0B7FFD;
    color: white;
    border: none;
    height: 40px;
    width: 20%;
    cursor: pointer;
}

/* Footer */

footer {
    height: 370px;
}

.wrapper-mapa {
    height: 370px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.footer-logo {
    height: 90px;
    margin-bottom: 25px;
}

.p-endereco, .p-telefone {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}

.footer-social {
    display: flex;
    align-items: center;
}

.wrapper-social {
    margin-left: 140px;
}

.wrapper-social a:first-child {
    margin-right: 15px;
}

/* Página: A Ki Limpo */

.a-kilimpo h1 {
    background-color: #666666;
    color: white;
    padding: 25px 0px;
}

.a-kilimpo h2 {
    font-weight: bold;
    font-size: 24px;
}

.col-vmm p {
    font-size: 18px;
}

.col-vmm p:not(:last-child) {
    margin-bottom: 55px;
}

.wrapper-a-kilimpo {
    background-size: cover !important;
    background-position: center !important;
    height: 850px;
}

/* Página: Onde Encontrar */

.onde-encontrar h1 {
    background-color: #666666;
    color: white;
    padding: 25px 0px;
}

.wrapper-empresa h2 {
    background-color: #056A95;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    padding: 15px 15px;
    height: 80px;
    font-size: 25px;
}

.wrapper-empresa div {
    display: flex;
    flex-direction: column;
    background-color: #E4E4E4;
    padding: 25px 15px;
    height: 220px;
    font-size: 18px;
}

.wrapper-empresa div span:last-child {
    font-weight: bold;
}

.wrapper-empresa div span:not(:last-child) {
    margin-bottom: 10px;
}

.col-empresa-meio {
    position: relative;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}

.col-empresa-meio p {
    font-size: 20px;
}

/* Página: Linha de produto */

.produtos-index h1 {
    background-color: #666666;
    color: white;
    padding: 25px 0px;
}

.produtos-index h2 {
    font-weight: bold;
    font-size: 24px;
}

.wrapper-produto {
    border: 1px solid #E7E7E7;
}

.imagem-produto {
    height: 200px;
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E7E7E7;
}

.imagem-produto img {
    max-height: 100%;
}

.descricao-produto {
    position: relative;
    padding: 25px 15px;
    height: 200px;
}

.descricao-produto span {
    font-size: 12px;
}

.descricao-produto h2 {
    color: #056A95;
    margin-bottom: 10px;
    height: 70px;
}

.descricao-produto a {
    background-color: #056A95;
    color: white;
    padding: 7px 0px;
    display: flex;
    justify-content: center;
    width: 175px;
    margin: 0 auto;
}

.descricao-produto .arrow {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 20px solid white;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -20px;
}

.descricao-produto a {
    text-decoration: none;
}

/* Página: Seja Representante */

.seja-representante h1 {
    background-color: #666666;
    color: white;
    padding: 25px 0px;
}

.seja-representante h2 {
    font-weight: bold;
    font-size: 24px;
}

.wrapper-form-telefone {
    width: 48%;
    float: left;
}

.wrapper-form-cep {
    width: 48%;
    float: right;
}

.wrapper-form-endereco {
    width: 68%;
    float: left;
}

.wrapper-form-numero {
    width: 28%;
    float: right;
}

.wrapper-form-cidade {
    width: 48%;
    float: left;
}

.wrapper-form-estado {
    width: 48%;
    float: right;
}

.wrapper-form input, .wrapper-form select, .wrapper-form textarea {
    margin-bottom: 35px;
    border-radius: 0;
    background-color: #E7E7E7;
    border: 0;
}

.wrapper-form input:focus, .wrapper-form select:focus, .wrapper-form textarea:focus {
    background-color: #E7E7E7;
}

.wrapper-form .enviar {
    background-color: #0B7FFD;
    color: white;
    border: 0;
    padding: 10px 75px;
    margin-left: 25px;
    text-decoration: none;
}

.wrapper-form .wrapper-captcha {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

/* Página: Fale Conosco */

.fale-conosco h1 {
    background-color: #666666;
    color: white;
    padding: 25px 0px;
}

.fale-conosco h2 {
    font-weight: bold;
    font-size: 24px;
}

/* Página: Trabalhe Conosco */

.trabalhe-conosco h1 {
    background-color: #666666;
    color: white;
    padding: 25px 0px;
}

.trabalhe-conosco h2 {
    font-weight: bold;
    font-size: 24px;
}

/* Página: Interna de Produtos */

.produtos-interna h1 {
    background-color: #666666;
    color: white;
    padding: 25px 0px;
}

.produtos-interna h2 {
    font-weight: bold;
    font-size: 24px;
    background-color: #056A95;
    color: white;
    padding: 10px 0px;
    position: relative;
}

.produtos-interna h2 .arrow-left {
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-right: 25px solid #056A95;
    position: absolute;
    left: -25px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.pdf {
    background-color: #e4e4e4;
    padding: 35px 15px;
}

.ficha-tecnica {
    display: flex;
    align-items: center;
    background-color: #056A95;
    color: white;
    justify-content: center;
    padding: 5px 0px;
}

.ficha-tecnica img {
    margin-right: 5px;
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
    #carousel-linhas .owl-prev {
        left: -35px;
    }

    #carousel-linhas .owl-next {
        right: -35px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-brand img {
        height: 75px;
    }

    #dropdown-menu-1, #sub-menu-1, #sub-menu-2, #sub-menu-3 {
        top: 80px;
    }

    #sub-menu-4 {
        top: 148px;
    }

    header {
        height: 500px;
    }

    #carousel-linhas .owl-prev {
        left: -15px;
    }

    #carousel-linhas .owl-next {
        right: -15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .hidden-desktop {
        display: block;
    }

    .navbar-brand {
        width: 50%;
    }

    .navbar {
        justify-content: initial;
    }

    header {
        height: 500px;
        background-position: -300px 0px !important;
    }

    .fa-bars {
        color: white;
    }

    .navbar-toggler-icon {
        display: none;
    }

    .navbar-toggler {
        margin-top: 30px;
    }

    .navbar-collapse {
        z-index: 2;
    }

    #navbarNavAltMarkup {
        position: relative;
    }

    #dropdown-menu-1 {
        margin-left: 0px;
        border: none;
        margin-top: 0px;
    }

    #sub-menu-1 {
        position: absolute;
        top: 125px;
        right: -1px;
        width: 50%;
    }

    #sub-menu-2 {
        position: absolute;
        top: 160px;
        right: -1px;
        width: 50%;
    }

    #sub-menu-3 {
        position: absolute;
        top: 195px;
        right: -1px;
        width: 50%;
    }

    #sub-menu-4 {
        position: absolute;
        top: 230px;
        right: -1px;
        width: 50%;
    }

    #dropdown-menu-1 a {
        border-right: none;
    }

    .wrapper-seja-representante {
        margin-bottom: 25px;
    }

    .wrapper-newsletter span {
        width: 45%
    }

    .wrapper-footer {
        padding-left: 0px !important;
    }

    #carousel-linhas .owl-prev {
        left: -15px;
    }

    #carousel-linhas .owl-next {
        right: -15px;
    }

    /* Página: A Kilimpo */
    .col-imagens {
        text-align: center;
        margin-bottom: 25px;
    }

    .a-kilimpo ul {
        margin-bottom: 50px;
    }

    /* Página: Onde Encontrar */
    .col-empresa-meio {
        order: 3;
        margin-top: 3rem;
    }

    .col-empresa-meio .wrapper-empresa {
        order: 1;
        width: 330px;
        margin-bottom: 3rem;

    }

    .col-empresa-meio p {
        order: 2;
        margin-bottom: 3rem;
    }

    .col-empresa-meio img {
        order: 3;
        width: 50%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .navbar-toggler-icon {
        display: none;
    }

    .fa-bars {
        color: white;
    }

    .navbar {
        justify-content: initial;
    }

    .navbar-toggler {
        margin-top: 30px;
    }

    .navbar-brand {
        width: 75%;
    }

    #navbarNavAltMarkup {
        width: auto;
        margin-left: 0;
        position: relative;
    }

    .navbar-collapse {
        position: relative;
        z-index: 2;
    }

    #dropdown-menu-1 {
        margin-left: 0px;
        border: none;
        margin-top: 0px;
    }

    #sub-menu-1 {
        position: absolute;
        top: 125px;
        right: -1px;
        width: 50%;
    }

    #sub-menu-2 {
        position: absolute;
        top: 160px;
        right: -1px;
        width: 50%;
    }

    #sub-menu-3 {
        position: absolute;
        top: 195px;
        right: -1px;
        width: 50%;
    }

    #sub-menu-4 {
        position: absolute;
        top: 230px;
        right: -1px;
        width: 50%;
    }

    #dropdown-menu-1 a {
        border-right: none;
    }

    .wrapper-seja-representante {
        margin-bottom: 25px;
    }

    header {
        background-position: -380px 0px !important;
    }

    .wrapper-linha {
        width: 75%;
        margin: 0 auto;
    }

    .linhas {
        margin-top: -75px;
    }

    #carousel-linhas .owl-prev {
        left: -15px;
    }

    #carousel-linhas .owl-next {
        right: -15px;
    }

    .col-footer-mapa {
        padding-right: 0px;

    }

    /* Página: A Kilimpo */
    .col-imagens {
        text-align: center;
        margin-bottom: 35px;
    }

    .a-kilimpo ul {
        margin-bottom: 50px;
    }

    footer {
        height: auto;
    }

    /* Página: Onde Encontrar */
    .col-empresa-meio {
        order: 3;
        margin-top: 3rem;
    }

    .col-empresa-meio .wrapper-empresa {
        order: 1;
        width: 100%;
        margin-bottom: 3rem;
    }

    .col-empresa-meio p {
        order: 2;
        margin-bottom: 3rem;
    }

    .col-empresa-meio img {
        order: 3;
        width: 75%;
        margin: 0 auto;
    }

    .col-empresa-direita {
        margin-top: 3rem;
    }

    .wrapper-captcha {
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
    }

    .wrapper-captcha .enviar {
        margin-left: 0 !important;
        margin-top: 25px;
    }
}

@media screen and (max-width: 575px) {
    .navbar-toggler-icon {
        display: none
    }

    .fa-bars {
        color: white
    }

    .wrapper-icones img {
        height: 25px;
    }

    .wrapper-icones span {
        font-size: 20px;
    }

    .navbar-brand img {
        height: 70px;
    }

    .navbar-brand {
        width: 75%;
    }

    .navbar {
        justify-content: initial;
    }

    .navbar-toggler {
        margin-top: 15px;
    }

    #navbarNavAltMarkup {
        width: 100%;
        margin-left: 0px;
        position: relative;
    }

    #dropdown-menu-1 {
        margin-left: 0px;
        border: none;
        margin-top: 0px;
    }

    #sub-menu-1 {
        position: absolute;
        top: 125px;
        right: -1px;
        width: 50%;
    }

    #sub-menu-2 {
        position: absolute;
        top: 160px;
        right: -1px;
        width: 50%;
    }

    #sub-menu-3 {
        position: absolute;
        top: 195px;
        right: -1px;
        width: 50%;
    }

    #sub-menu-4 {
        position: absolute;
        top: 230px;
        right: -1px;
        width: 50%;
    }

    .navbar.navbar-toggleable-md.navbar-light {
        z-index: 1000;
    }

    header {
        height: 400px;
        background-position: -250px 0px !important;
    }

    .linhas {
        margin-top: -50px;
    }

    .wrapper-linha {
        max-width: 350px;
        margin: 0 auto
    }

    .wrapper-seja-representante {
        margin-bottom: 25px;
    }

    .wrapper-seja-representante .half-left, .wrapper-onde-comprar .half-left {
        order: 2
    }

    .wrapper-iso-9001, .wrapper-seja-representante, .wrapper-abrinq, .wrapper-onde-comprar {
        flex-direction: column;
        height: 450px;
        max-width: 350px;
        margin: 0 auto;
    }

    .wrapper-iso-9001, .wrapper-seja-representante, .wrapper-abrinq {
        margin-bottom: 25px;
    }

    .wrapper-iso-9001 .half-left, .wrapper-iso-9001 .half-right, .wrapper-seja-representante .half-left, .wrapper-seja-representante .half-right, .wrapper-abrinq .half-left, .wrapper-abrinq .half-right, .wrapper-onde-comprar .half-left, .wrapper-onde-comprar .half-right {
        width: 100%;
        height: 50%;
    }

    .wrapper-iso-9001 h2, .wrapper-seja-representante h2, .wrapper-abrinq h2, .wrapper-onde-comprar h2 {
        font-size: 1.5rem;
    }

    .wrapper-newsletter span {
        width: 100%;
        margin-bottom: 25px;
    }

    .wrapper-newsletter form {
        width: 100%;
    }

    .wrapper-newsletter {
        flex-direction: column;
    }

    .wrapper-newsletter button {
        width: 30%;
    }

    .wrapper-newsletter input {
        width: 70%;
    }

    .wrapper-footer {
        padding-left: 1rem !important;
    }

    .wrapper-mapa {
        height: 300px;
    }

    .footer-social {
        flex-direction: column;
        align-items: flex-start;
    }

    .wrapper-social {
        margin-left: 0px;
    }

    .blocos .arrow {
        display: none;
    }

    #carousel-linhas .owl-prev {
        left: -15px;
    }

    #carousel-linhas .owl-next {
        right: -15px;
    }

    .col-footer-mapa {
        padding-right: 0px;
    }

    /* Página: A Kilimpo */
    .col-imagens {
        text-align: center;
        margin-bottom: 35px;
    }

    .a-kilimpo h2 {
        margin-bottom: 25px;
    }

    .a-kilimpo ul {
        margin-bottom: 50px;
    }

    footer {
        height: auto;
    }

    /* Página: Linhas de Produtos */
    .wrapper-produto {
        max-width: 350px;
        margin: 0 auto;
    }

    /* Página: Onde Encontrar */
    .col-empresa-meio {
        order: 3;
        margin-top: 3rem;
    }

    .col-empresa-meio .wrapper-empresa {
        order: 1;
        width: 100%;
        margin-bottom: 3rem;
    }

    .col-empresa-meio p {
        order: 2;
        margin-bottom: 3rem;
        text-align: center;
    }

    .col-empresa-meio img {
        order: 3;
        width: 75%;
        margin: 0 auto;
    }

    .col-empresa-direita {
        margin-top: 3rem;
    }

    /* Página: Seja Representante */
    .wrapper-form-telefone, .wrapper-form-cep, .wrapper-form-endereco, .wrapper-form-cidade, .wrapper-form-estado, .wrapper-form-numero {
        width: 100%;
        float: none
    }

    .wrapper-captcha {
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
    }

    .wrapper-captcha .enviar {
        margin-left: 0 !important;
        margin-top: 25px;
    }

    .g-recaptcha {
        transform: scale(0.85);
    }
}