@font-face {
    font-family: 'AmsiPro-Black';
    src: url('fonts/AmsiPro-Black.ttf');
    src: url('fonts/AmsiPro-Black.ttf?#iefix') format('embedded-opentype'),
    url('fonts/AmsiPro-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmsiPro-Italic';
    src: url('fonts/AmsiPro-Italic.ttf');
    src: url('fonts/AmsiPro-Italic.ttf?#iefix') format('embedded-opentype'),
    url('fonts/AmsiPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmsiPro-Regular';
    src: url('fonts/AmsiPro-Regular.ttf');
    src: url('fonts/AmsiPro-Regular.ttf?#iefix') format('embedded-opentype'),
    url('fonts/AmsiPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmsiPro-SemiBold';
    src: url('fonts/AmsiPro-SemiBold.ttf');
    src: url('fonts/AmsiPro-SemiBold.ttf?#iefix') format('embedded-opentype'),
    url('fonts/AmsiPro-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmsiPro-Ultra';
    src: url('fonts/AmsiPro-Ultra.ttf');
    src: url('fonts/AmsiPro-Ultra.ttf?#iefix') format('embedded-opentype'),
    url('fonts/AmsiPro-Ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmsiPro-XLight';
    src: url('fonts/AmsiPro-XLight.ttf');
    src: url('fonts/AmsiPro-XLight.ttf?#iefix') format('embedded-opentype'),
    url('fonts/AmsiPro-XLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmsiPro-XLightItalic';
    src: url('fonts/AmsiPro-XLightItalic.ttf');
    src: url('fonts/AmsiPro-XLightItalic.ttf?#iefix') format('embedded-opentype'),
    url('fonts/AmsiPro-XLightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('fonts/Poppins-Regular.ttf');
    src: url('fonts/Poppins-Regular.ttf?#iefix') format('embedded-opentype'),
    url('fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('fonts/Poppins-Medium.ttf');
    src: url('fonts/Poppins-Medium.ttf?#iefix') format('embedded-opentype'),
    url('fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Light';
    src: url('fonts/Poppins-Light.ttf');
    src: url('fonts/Poppins-Light.ttf?#iefix') format('embedded-opentype'),
    url('fonts/Poppins-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('fonts/Poppins-Bold.ttf');
    src: url('fonts/Poppins-Bold.ttf?#iefix') format('embedded-opentype'),
    url('fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('fonts/Poppins-ExtraBold.ttf');
    src: url('fonts/Poppins-ExtraBold.ttf?#iefix') format('embedded-opentype'),
    url('fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body,html{
    font-family: 'Poppins-Regular', 'Arial', Sans-Serif;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    color: #343333;
}

@media print{

}

a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: none;
    color: #000000;
    opacity: 0.7;
}
a:active {
    text-decoration: none;
    color: #000000;
}

a.link_imagem:link {
    text-decoration: none;
}
a.link_imagem:visited {
    color: #ffffff;
}
a.link_imagem:hover {
    color: #ffffff;
    opacity: 1;
}
a.link_imagem:active {
    text-decoration: none;
}

a:hover img{
    /*opacity: 0.9;*/
}

input,textarea{
    outline: none;
}

div img{

    width: 100%;
    height:100%;
}


*{
    font-size: 0;
}

section{
    text-align: center;
}
    section .conteudo{
        width: 100%;
        display: inline-block;
        max-width: 1080px;
        padding: 20px;
        box-sizing: border-box;
    }

section.topo{
    border-top: 50px solid #faba07;
    background-color: #384588;
}
    section.topo .conteudo {
        text-align: left;
        padding-bottom: 20px;
    }
        section.topo .conteudo .logo{
            width: 300px;
            height:105px;
            margin-top: 20px;
            display: inline-block;
        }
        .ico_menu{
            display: none;
        }
        section.topo .conteudo ul.menu{
            float: right;
            vertical-align: top;
            padding-top: 40px;
        }
            section.topo .conteudo ul.menu li{
                display: inline-block;
                vertical-align: top;
            }
                section.topo .conteudo ul.menu li div{
                    font-size: 20px;
                    color: #ffffff;

                    padding: 20px;
                }
                section.topo .conteudo ul.menu li div.active{
                    font-family: 'AmsiPro-BoldItalic', 'Arial', Sans-Serif;
                    padding-top: 22px;
                }

section.banner{
    background-color: #384588;
    border-bottom: 25px solid #faba07;
}
    section.banner .conteudo{
        padding-top: 20px;
    }
        section.banner .conteudo .titulo{
            font-size: 45px;
            color: #ffffff;
            font-family: 'Poppins-Light', 'Arial', Sans-Serif;
        }
        section.banner .conteudo .subtitulo{
            font-size: 50px;
            color: #faba07;
            font-family: 'AmsiPro-Black', 'Arial', Sans-Serif;
        }
        section.banner .conteudo .item{
            display: inline-block;
            margin:12px;
            margin-top: 30px;
            margin-bottom: 70px;
            overflow: hidden;
            border-radius: 20px;
            background-color: #faba07;
            width: 300px;
            vertical-align: top;
        }
            section.banner .conteudo .item .texto{
                color: #384588;
                font-size: 20px;
                padding: 5px;
                font-family: 'AmsiPro-Black', 'Arial', Sans-Serif;
            }
            section.banner .conteudo .item .imagem{
                width: 300px;
                height:200px;
                border-radius: 20px;
                background-size: cover;
                background-position: center;
                background-color: #f6f6f6;
            }


section.sobre{

}
    section.sobre .conteudo{
        padding: 80px 20px;
    }
        section.sobre .conteudo .logo{
            width: 410px;
            height:105px;
            margin-bottom: 40px;
        }
        section.sobre .conteudo .texto{

        }
            section.sobre .conteudo .texto p{
                color: #505050;
                font-size: 30px;
                font-family: 'Poppins-Light', 'Arial', Sans-Serif;
            }
                section.sobre .conteudo .texto p strong{
                    font-size: 30px;
                    font-family: 'Poppins-Bold', 'Arial', Sans-Serif;
                }
        section.sobre .conteudo .seta{
            width: 40px;
            height:40px;
        }

section.produtos{

}
    section.produtos .conteudo{

    }
        section.produtos .conteudo .titulo{

        }
            section.produtos .conteudo .titulo .t1 {
                box-sizing: border-box;
                font-size: 35px;
                padding: 2px;
                display: inline-block;
                width: 280px;
                font-family: 'Poppins-Light', 'Arial', Sans-Serif;
                letter-spacing: 8px;
                vertical-align: middle;
            }
            section.produtos .conteudo .titulo .t2{
                box-sizing: border-box;
                background: rgb(0,0,0);
                background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,0,0,1) 100%);
                height: 45px;
                display: inline-block;
                width: calc(100% - 280px);
                vertical-align: middle;
            }

        section.produtos .conteudo .itens{
            padding-top: 60px;
            text-align: left;
        }
            section.produtos .conteudo .itens .item{
                display: inline-block;
                width: 50%;
                text-align: left;
                padding-bottom: 50px;
                padding-right: 30px;
                box-sizing: border-box;
            }
                section.produtos .conteudo .itens .item .imagem{
                    width: 200px;
                    height:300px;
                    background-size: cover;
                    background-position: center;
                    border-radius: 20px;
                    float: left;
                    margin-right: 20px;
                    background-color: #f6f6f6;
                }
                section.produtos .conteudo .itens .item .titulo {
                    font-size: 35px;
                    font-family: 'AmsiPro-Black', 'Arial', Sans-Serif;
                }
                section.produtos .conteudo .itens .item .linha {
                    width: 40px;
                    height:4px;
                    background-color: #ff0000;
                    float: left;
                }
                section.produtos .conteudo .itens .item .texto{
                    font-size: 16px;
                    font-family: 'AmsiPro-LightItalic', 'Arial', Sans-Serif;
                    margin-top: 5px;
                }
    .barra{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,0,0,1) 100%);
        height: 10px;
        margin-top: 30px;
    }
    .barra-compre {
        text-align: center;
        margin-bottom: 45px;
    }
        .barra-compre .bt {
            display: inline-block;
            background: rgb(0, 0, 0);
            background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
            background-image: url(../images/botao.png);
            background-position: center;
            background-size: contain;
            border-radius: 35px;
            width: 400px;
            height: 65px;
            padding: 10px;
            padding-bottom: 15px;
            padding-left: 103px;
            margin-top: -35px;
            text-align: left;
            box-sizing: border-box;
        }
        .barra-compre .bt div{
            font-size: 33px;
            color: #ffffff;
            font-family: 'AmsiPro-Black', 'Arial', Sans-Serif;
        }

section.rodape{
    /*background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,0,0,1) 100%);*/
    background-color: #faba07;
}
    section.rodape .conteudo{

    }
        section.rodape .conteudo .e{
            width: 50%;
            display: inline-block;
            vertical-align: top;
        }
            section.rodape .conteudo .logo{
                width: 300px;
                height:105px;
                margin-top: 30px;
                margin-bottom: 10px;
            }
                section.rodape .conteudo .item{
                    color:#343333;/*color: #ffffff;*/
                    display: inline-block;
                    float: left;
                    width: 50%;
                    text-align: left;
                    padding-right: 30px;
                    box-sizing: border-box;
                    padding-top: 10px;
                }
                section.rodape .conteudo .item:first-child{
                    width: 50%;
                    float: right;
                }
                    section.rodape .conteudo .item .titulo{
                        font-family: 'AmsiPro-Black', 'Arial', Sans-Serif;
                        font-size: 16px;
                    }
                    section.rodape .conteudo .item .texto{
                        font-family: 'AmsiPro-Light', 'Arial', Sans-Serif;
                        font-size: 14px;
                    }
                    section.rodape .conteudo .item a{
                        color:#343333;/*color: #ffffff;*/
                    }
        section.rodape .conteudo .local{
            width: 50%;
            display: inline-block;
            vertical-align: top;
            padding-top: 50px;
        }
            section.rodape .conteudo .local .titulo{
                font-family: 'AmsiPro-Black', 'Arial', Sans-Serif;
                font-size: 22px;
                color:#343333;/*color: #ffffff;*/
            }
            section.rodape .conteudo .local iframe{
                width: 100%;
                height: 180px;
            }
        section.rodape .conteudo .copy{
            color:#343333;/*color: #ffffff;*/
            text-align: center;
            font-size: 12px;
            padding: 30px;
            padding-bottom: 0;
            opacity: 0.8;
        }
            section.rodape .conteudo .copy a{
                font-size: 12px;
                color:#343333;/*color: #ffffff;*/
                font-family: 'AmsiPro-Black', 'Arial', Sans-Serif;
            }

section.padrao{

}
    section.padrao .conteudo{
        padding-top: 60px;
    }
        section.padrao .conteudo .titulo{
            margin-bottom: 60px;
        }
            section.padrao .conteudo .titulo .t1{
                font-size: 80px;
                font-family: 'AmsiPro-Black', 'Arial', Sans-Serif;
            }
            section.padrao .conteudo .titulo .t2{
                width: 110px;
                height:7px;
                background-color: #ff0000;
                margin-top: 5px;
                display: inline-block;
            }

section.nossos-produtos .conteudo .itens{
    text-align: left;
}
    section.nossos-produtos .conteudo .itens .item{
        display: inline-block;
        width: 50%;
        text-align: left;
        padding-bottom: 50px;
        padding-right: 30px;
        box-sizing: border-box;
    }
        section.nossos-produtos .conteudo .itens .item .imagem{
            width: 200px;
            height:200px;
            border-top-left-radius: 20px;
            border-bottom-right-radius: 20px;
            background-size: cover;
            background-position: center;
            float: left;
            margin-right: 20px;
            background-color: #f6f6f6;
        }
        section.nossos-produtos .conteudo .itens .item .titulo {
            font-size: 35px;
            margin-bottom: 0;
            font-family: 'AmsiPro-Black', 'Arial', Sans-Serif;
        }
        section.nossos-produtos .conteudo .itens .item .linha {
            width: 40px;
            height:4px;
            background-color: #ff0000;
            float: left;
        }
        section.nossos-produtos .conteudo .itens .item .texto{
            font-size: 16px;
            font-family: 'AmsiPro-LightItalic', 'Arial', Sans-Serif;
            margin-top: 5px;
            padding-top: 3px;
        }

.nossos-servicos .conteudo .itens{}
    .nossos-servicos .conteudo .itens .item{
        overflow: hidden;
        margin-bottom: 50px;
        margin-top: 15px;
    }
        .nossos-servicos .conteudo .itens .item.e{}
        .nossos-servicos .conteudo .itens .item.d{}
        .nossos-servicos .conteudo .itens .item img{
            background-color: #f6f6f6;
        }
        .nossos-servicos .conteudo .itens .item .titulo{
            background-color: #343333;
            color: #ffffff;
            font-size: 40px;
            padding: 5px 10px;
            font-family: 'AmsiPro-Light', 'Arial', Sans-Serif;
            display: inline-block;
            width: 350px;
            vertical-align: top;
            display: inline-block;
            border-bottom-right-radius: 20px;

        }
        .nossos-servicos .conteudo .itens .item .texto{
            font-size: 23px;
            width: 50%;
            vertical-align: top;
            display: inline-block;
            font-family: 'AmsiPro-LightItalic', 'Arial', Sans-Serif;
        }
        .nossos-servicos .conteudo .itens .item.e img{
            float: left;
            width: 50%;
            border-bottom-right-radius: 50px;
        }
        .nossos-servicos .conteudo .itens .item.d img{
            float: right;
            width: 50%;
            border-top-left-radius: 50px;
        }
        .nossos-servicos .conteudo .itens .item.e .titulo,
        .nossos-servicos .conteudo .itens .item.d .titulo{
            float: left;
        }
        .nossos-servicos .conteudo .itens .item.e .texto{
            float: left;
            margin-bottom: 10px;
            padding-left: 20px;
            box-sizing: border-box;
            text-align: left;
        }
        .nossos-servicos .conteudo .itens .item.d .texto{
            float: right;
            margin-bottom: 10px;
            padding-right: 20px;
            box-sizing: border-box;
            text-align: left;
        }
        .nossos-servicos .barra-compre .bt {
            display: inline-block;
            background-image: none;
            background: rgb(0, 0, 0);
            background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
            padding-left: 10px;
            padding-top: 11px;
            text-align: center;
        }
        .nossos-servicos .barra-compre .bt div{
            font-size: 30px;
        }

@media screen and (max-width: 1024px) {
    section.topo {
        border-top: 28px solid #faba07;
    }
    section.topo .conteudo .logo {
        width: 185px;
        height:65px;
        margin-top: 0;
    }
    .topo .conteudo .ico_menu{
        width: 40px;
        display: inline-block;
        float: right;
        margin: 10px;
        margin-bottom: 1px;
        cursor: pointer;
        z-index: 2;
        position: relative;
    }
    section.topo .conteudo ul.menu{
        display: none;
        padding-top: 50px;
        margin-right: -64px;
        position: relative;
        z-index: 1;
    }
    section.topo .conteudo ul.menu li{
        display: block;
        text-align: right;
    }

    section.banner .conteudo .titulo {
        font-size: 25px;
    }
    section.banner .conteudo .subtitulo {
        font-size: 30px;
    }
    section.banner .conteudo .item {
        margin-bottom: 10px;
    }

    section.sobre .conteudo {
        padding: 40px 20px;
    }
    section.sobre .conteudo .logo {
        width: 250px;
        height:64px;
        margin-bottom: 20px;
    }
    section.sobre .conteudo .texto p {
        font-size: 18px;
    }

    section.produtos .conteudo .itens .item {
        width: 100%;
    }

    .barra-compre .bt div {
        font-size: 23px;
    }
    .barra-compre .bt {
        width: 297px;
        height: 49px;
        padding: 8px;
        padding-left: 87px;
    }

    section.rodape .conteudo .e {
        width: 100%;
    }
    section.rodape .conteudo .logo {
        width: 200px;
        height:70px;
        display: inline-block;
    }
    section.rodape .conteudo .item .texto {
        font-size: 12px;
    }
    section.rodape .conteudo .local {
        width: 100%;
    }

    section.rodape .conteudo .copy {
        font-size: 10px;
    }

    section.padrao .conteudo {
        padding-top: 30px;
    }
    section.padrao .conteudo .titulo {
        margin-bottom: 40px;
    }
    section.padrao .conteudo .titulo .t1 {
        font-size: 50px;
    }
    section.nossos-produtos .conteudo .itens .item {
        width: 100%;
    }

    .nossos-servicos .conteudo .itens .item.e img,
    .nossos-servicos .conteudo .itens .item.d img{
        width: 100%;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 0;
    }
    .nossos-servicos .conteudo .itens .item .titulo {
        width: 100%;
        box-sizing: border-box;
        border-bottom-left-radius: 20px;
        font-size: 30px;
    }
    .nossos-servicos .conteudo .itens .item .texto {
        font-size: 22px;
        padding: 0;
        width: 100%;
    }
    .nossos-servicos .conteudo .itens .item.e .texto,
    .nossos-servicos .conteudo .itens .item.d .texto{
        padding: 0;
    }

    .nossos-servicos .barra-compre .bt div {
        font-size: 20px;
    }


}

