/* 
Theme Name:		 amsup-new
Theme URI:		 https://www.agenciasense.com.br/
Description:	 Tema customizado baseado no template original, criado por Raphael Freitas
Author:			 Miguel Porto
Author URI:		 https://www.agenciasense.com.br/
Template:		 amsup
Version:		 1.0.0
Text Domain:	 amsup-new
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.nav-logo {
    max-width: 320px;
}

body {
font-family: 'Montserrat', sans-serif!important;
color: #666;
}
#topo-cinza {
    background-color: #404040!important;
    text-transform: unset!important;
    text-shadow: none!important;
    font-weight: 300!important;
    padding: 0.5rem 0em!important;
}

.nav-link:hover {
    color: #e4a812!important;
    font-weight: 600!important;
    border-top: none!important;
    border-bottom: none!important;
}

.nav-link {
    font-size: 20px!important;
    font-weight: 600!important;
    color: #8e8e8e!important;
    border-top: none!important;
    border-bottom: none!important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
#carouselExampleControls .card h3{
    font-size: 3rem!important;
    font-weight: 700!important;
}

#carouselExampleControls .card p{
    font-size: 2.8rem!important;
    font-weight: 300!important;
}

#carouselExampleControls .card a button{
    background-color: #e3a711;
    font-size: 2.5rem;
    font-weight: 600;
    text-transform: capitalize;
    width: unset;
    height: unset;
    border: 2px solid #e3a711;
    border-radius: 1rem;
    padding: 0 50px;
}

#carouselExampleControls .card a button:hover{
    background-color: #fff;
    border: 2px solid #e3a711;
    color: #e3a711;
}

#carouselExampleControls .card{
    background-color: transparent!important;
    box-shadow: none!important;
    width: unset;
    top: 15%!important;
    left: 0;
}

#baixo-banner {
    background: #fff!important;
}

#baixo-banner p{
    color: #666;
}

#produtos .col-md-4.col-sm-6{
    aspect-ratio: 1 / 1;
    padding: 15px;
}

.produto{
    border: 3px solid #ccc;
    border-bottom: 3px transparent;
    max-height: 70%;
    background-size: contain!important;
}
.desc-prod{
    height: 30%;
    color: #fff!important;
    background-color: #fdba14;
    font-size: 1.3rem;
    padding: 1rem 3rem;
}

#produtos .btn.btn-primary{
    color: #fff!important;
    background-color: #00a5e5;
    font-size: 1.3rem;
    padding: .5rem 3rem;
    font-weight: bolder;
    margin-top: 50px;
    border: 2px solid #00a5e5;
    transition: all .75s;
}

#produtos .btn.btn-primary:hover{
    color: #00a5e5!important;
    background-color: #fff;
    border: 2px solid #00a5e5;
}
#sub-banner{
    background-color: #f9f9f9;
    height: 40vh;
    box-shadow: 0px 5px 30px 0px rgba(0,0,0,.15);
}

#sub-banner .container{
    background: url(imagens/bkgcta.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

#sub-banner .row{
    align-content: center;
    height: inherit;
}

#sub-banner .btn.btn-primary{
    max-width:100%;
color: #fff!important;
background-color: #fdba14;
font-size: 1.7rem;
padding: .5rem 3rem;
font-weight: bolder;
border: 2px solid #fdba14;
transition: all .75s;
}

#sub-banner .btn.btn-primary:hover{
    color: #fdba14!important;
    background-color: #fff;
    border: 2px solid #fdba14;
}
#sobre{
    background-image: none!important;
}

#sobre h2{
    font-weight: 600;
    padding-bottom: 10px;
}

#sobre hr{
    border: none;
    width: 140%;
    margin-left: -20%;
    height: 4px;
    background-color: #e3a711;
}

#sobre .btn.btn-primary{
    max-width:100%;
    color: #fff!important;
    background-color: #00a5e5;
    font-size: 1.3rem;
    padding: .5rem 3rem;
    font-weight: bolder;
    margin-top: 50px;
    border: 2px solid #00a5e5;
    transition: all .75s;
}

#sobre .btn.btn-primary:hover{
    color: #00a5e5!important;
    background-color: #fff;
    border: 2px solid #00a5e5;
}

#twin-banner{
    height: 30vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, rgba(252,187,21,.75) 50%, rgba(1,165,228,.75) 50%), url(imagens/twinbkg.png);
}

@media (min-width: 1px) and (max-width: 991px){
    #twin-banner{
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: linear-gradient(0deg, rgba(252,187,21,1) 50%, rgba(1,165,228,1) 50%);
    }

   #twin-banner .col-md-6.text-center {
        min-height: 200px;
    }
}

#twin-banner .row{
    height: inherit;
    align-items: center;
}

#twin-banner h2{
    font-size: 3rem;
    font-weight: 600;
}

#form-contato h2{
    font-weight: 600;
    padding-bottom: 10px;
}

#form-contato hr{
    border: none;
    width: 140%;
    margin-left: -20%;
    height: 4px;
    background-color: #e3a711;
}

#form-contato p{
    font-size: 1.3rem;
}

#form-contato i{
    color:#e3a711;
}

.form-group .produto{
    border:none;
}

#form-contato .bto-padrao{
    color: #fff!important;
    background-color: #00a5e5;
    font-size: 1.3rem;
    padding: .5rem 3rem;
    font-weight: bolder;
    border: 2px solid #00a5e5;
    transition: all .75s;
}

#form-contato .bto-padrao:hover{
    color: #00a5e5!important;
    background-color: #fff;
    border: 2px solid #00a5e5;
}

.bto-cat-prod{
    background-color: #00a5e5!important;
    transition: all .75s;
}

.produto.prod-6{
	background-image: url(imagens/produtos/6-new.jpg);
}
.produto.prod-2{
	background-image: url(imagens/produtos/crachas-acessorios.png);
}
.produto.prod-3{
	background-image: url(imagens/produtos/maquinas-producao-cartoes.png);
}
.produto.prod-4{
	background-image: url(imagens/produtos/impressora-cracha.png);
}
.bto-cat{
    background-color: #00a5e5!important;
    border: 2px solid #00a5e5!important;
    transition: all .75s;
}

.bto-cat:hover {
    background-color: white!important;
    color: #00a5e5!important;
    border: 2px solid #00a5e5!important;
}

#separador {
    background-color: #404040!important;
}

ul li::marker {
    color: #fdba14;
    font-size: 2rem;
}
/*
    Add your custom styles here
*/