*{padding:0; margin: 0; text-decoration: none; list-style-type: none; font-family: "Montserrat";}

.conteudo{width: calc(100% - 20px); max-width: 980px; padding: 0 10px; margin: 0 auto;}

#topo{background: url(../img/bg-topo.jpg); background-position:  center bottom; background-size: cover; overflow: hidden;}

#topo .info-contato-topo{background: rgba(255, 255, 255, 0.6); min-height: 67px;}
#topo .info-contato-topo a{color:#19222a; line-height: 67px; display: inline-block; width: 50%; font-size: 14px;}
#topo .info-contato-topo a:last-child{ text-align: right; background-image: url(../img/icone_whatsapp_topo.png); background-repeat: no-repeat; background-position: center right; width: calc(50% - 35px); padding-right: 35px; }

#topo .menu-contato-topo{height: 100px; background: #fff;}
#topo .menu-contato-topo h1{height: 100px; max-width: 100%; width: 300px; display: inline-block; background: url(../img/logo.jpg); background-position: center left; background-repeat: no-repeat; overflow: hidden; text-indent: -3000px;}

#topo .menu-contato-topo ul{display: inline-block; width: calc(100% - 499px); text-align: right; height: 100px; vertical-align: top;}
#topo .menu-contato-topo ul a{display: inline-block; color:#19222a; font-size: 14px; padding-right: 20px; letter-spacing: 1.3px; vertical-align: top; line-height: 100px;}
#topo .menu-contato-topo ul a:hover{color:#004de7; transition: 0.8s;}
#topo .menu-contato-topo ul a:last-child{padding-right: 30px;}

#topo .menu-contato-topo .buscar-projeto{width: 199px; display: inline-block; vertical-align: top; background: #011742;}
#topo .menu-contato-topo .buscar-projeto form{width: 199px;}
#topo .menu-contato-topo .buscar-projeto form fieldset{border:none;}
#topo .menu-contato-topo .buscar-projeto form fieldset input{color:#fff; outline: none; border:none; width: 119px; height: 100px; background-color: #011742; background-image:url(../img/icone-busca.png); background-position: center left 20px; background-repeat: no-repeat; padding-left: 60px; padding-right: 20px;}
#topo .menu-contato-topo .buscar-projeto form fieldset input::placeholder{color:#fff;}

#topo .texto-banner{text-align: center; padding-top: 70px; min-height: 239.6px;}
#topo .texto-banner .texto-banner-principal{font-size: 50px; letter-spacing: 15px; font-weight: 900; color:#fff; text-transform: uppercase;}
#topo .texto-banner .texto-banner-secundario{color:#ffffff; letter-spacing: 1.2px; font-size: 18px; margin-top: 25px;}
#topo .texto-banner a{color: #fff; background:#004de7; width: 300px; height: 40px; display: inline-block; border-radius: 0px 5px 5px 5px; line-height: 40px; margin-top: 30px; font-size: 14px; letter-spacing: 2px; display: none; font-weight: 900; text-transform: uppercase;}

#topo .servicos-banner{margin-top: 35px; opacity: 0;}
#topo .servicos-banner .titulo-servicos{color:#fff; font-size: 18px; letter-spacing: 1.3px; margin-bottom: 5px;}
#topo .servicos-banner .item{display: inline-block; width: calc( 100% ); background: #fff; height: 100px; padding: 0; vertical-align: top; border-radius: 0px 5px 0 0; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); font-size: 16px; margin-bottom: 3px; background-image: url(../img/icone-coberturas.png); background-repeat: no-repeat; background-position: top 0px right 20px;}
#topo .servicos-banner .item:hover{background-color: #004de7; color:#fff; transition: 0.5s;  background-position: bottom 0 right 20px; cursor: pointer;}

#topo .servicos-banner a{display: inline-block; margin-right: 20px; color:#011742; width: calc( (100% - 60px) / 4 );}

#topo .servicos-banner .item .base-texto{display: table-cell; vertical-align: middle; height: 100px; width: 100%; padding-left: 20px; margin-top: 5px;}
#topo .servicos-banner .item p{font-size: 16px;}

#topo .servicos-banner a:last-child{margin-right: 0;}
#topo .servicos-banner .item:last-child{margin-right: 0;}

#facilidade-pagamento{background: #19c07a;  margin-top: 20px; position: relative;}
#facilidade-pagamento .bg-textura{position: absolute; z-index: 0; left: 0; height: 100%; width: 50%; top: 0; background: #33c07b url(../img/textura-pagamento.png); background-position: left top; background-size: contain; background-repeat: repeat-x;}
#facilidade-pagamento .conteudo{position: relative; z-index: 0;}

#facilidade-pagamento .direita{width: calc(50%); display: inline-block;}
#facilidade-pagamento .direita .base-texto{ display: table-cell; height: 300px; width: 50%; text-align: center; vertical-align: middle;text-align: center; }
#facilidade-pagamento .direita .base-texto p{font-size: 40px; font-weight: 900; letter-spacing: 10px; color:#fff;text-transform: uppercase; text-shadow: 2px 2px #066839;}
#facilidade-pagamento .info-pagamento{width: 50%; vertical-align: top; display: inline-block;}
#facilidade-pagamento .info-pagamento p{ font-size: 16px; padding-top: 40px; padding-left: 20px; line-height: 28px; color:#fff; }
#facilidade-pagamento .info-pagamento p b{ letter-spacing: 5px; font-size: 20px; }
#facilidade-pagamento .logos-banco{ background: #fff; height: 60px; width: 100%; margin-top: 30px; background-image: url(../img/logo-bnds.png); background-repeat: no-repeat; background-position: center;  }
#facilidade-pagamento a{ color:#06683a; font-size: 16px; letter-spacing: 1.3px; height: 50px; line-height: 50px; padding-left: 20px; }

.titulo-interno{background: #011742;}
.titulo-interno .portifolio-titulo{font-size: 30px; color:#fff; padding: 20px 0; text-transform: uppercase;padding-left: 20px; margin-bottom: 20px;}
 
#portifolio{margin-top: 20px;}
#portifolio .portifolio-titulo{font-size: 30px; color:#011742; text-transform: uppercase;padding-left: 20px; margin-bottom: 20px;}

#portifolio .portifolio-base .item{display: inline-block; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.45); width: calc( (100% - 60px) / 4 ); height: 300px; border-radius: 0 5px 5px 5px; position: relative; margin-right: 20px; background-image: url(../img/portifolio-industrial.png); background-size: cover; overflow: hidden; background-repeat: no-repeat;}
#portifolio .portifolio-base .item p{background: rgba(255,255,255,0.8); color:#011742; font-size: 20px; text-transform: uppercase; padding: 15px 0; text-align: center; display: table-cell; vertical-align: middle; width: 100%; position: absolute;left: 0; bottom: 32px;}

#portifolio .portifolio-base .item:nth-child(4n){margin-right: 0px;}


#formulario{background-image: url(../img/bg-rodape.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 70px;}
#formulario .titulo-rodape{ color:#011742; font-size: 30px; text-transform: uppercase; padding: 40px 0 20px 0; padding-left: 20px; }
#formulario .descritivo-rodape{color:#011742; font-size: 20px; padding-left: 20px; line-height: 36px; padding-bottom: 35px; text-align: left; }
#formulario form{ background:#fff; position: relative; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
#formulario form fieldset{border:none;}
#formulario form fieldset .item-form{display: inline-block; width: calc( (100% - 2px) / 3 ); height: 90px; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; transition: 0.8s;}
#formulario form fieldset .item-form:first-child{border-left: none;}

#formulario form fieldset .item-form-full{width: 100%; border-bottom: none;}
#formulario form fieldset .item-form-full textarea{border:none; color:#8e8e8e; width: calc(100% - 60px); margin-left: 30px; margin-top: 5px;  height: 265px; resize: none; font-size: 16px; outline: none; margin-bottom: 50px;}


#formulario form fieldset .item-form label{ color:#000; font-size: 12px; font-weight: 700; display: block; padding-left: 30px; font-style: italic; text-transform: uppercase; padding-top: 25px; transition: 0.8s;}
#formulario form fieldset .item-form input{ margin-left: 30px; font-size: 16px; color:#8e8e8e; border:none; margin-top: 5px; width: calc(100% - 60px); outline: none; background: transparent; }
#formulario form fieldset .btn-enviar{color:#fff; background:#373737; height: 80px; line-height: 80px; width: 200px; display: block; border-radius: 5px 50px 50px 5px; padding-left: 20px; text-transform: uppercase; position: absolute; bottom: -40px; left: 30px; cursor: pointer;}

.desktop-off{display: none !important;}
.mobile-off{display: block !important;}

.warning{background: #ffefef;}
.warning label{color:#b20b0b !important;}

.portifolio-clique{cursor: pointer;}

.resultado-interno p{text-transform: none !important; font-size: 18px !important; vertical-align: unset !important; bottom: 0 !important; min-height: 65px !important; padding:  10px !important;  text-align: left !important; width: calc(100% - 20px) !important;}


@media (max-width: 960px){

	#formulario form fieldset .item-form{width: 100% !important; border-left: none !important;}
	#formulario form fieldset .item-form-full textarea{margin-bottom: 50px !important;}

    .menu-contato-topo ul{display: none !important;}
    h1{width: 100% !important; background-position: center !important;}
    .base-servicos .item {width: 100% !important;}
    .buscar-projeto{display: none !important;}
    .bg-textura{display: none !important;}

    #facilidade-pagamento .direita{display: none !important;}

    #facilidade-pagamento .info-pagamento{width: 100% !important;}
    #portifolio .portifolio-base .item{width: calc(50% - 10px) !important; margin-bottom: 10px !important; margin-right: 0 !important;}
    #portifolio .portifolio-base .item:nth-child(5n){margin-right: 20px !important;}
    #portifolio .portifolio-base .item:nth-child(2n+2){margin-left: 20px !important;}

    .servicos-banner{ display:none; }

}


.base-animacao{float: right; width: 80px; height: 80px; margin-right: 10px; position: relative;}

.transition {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	-webkit-transition-timing-function: cubic-bezier(.4,0,.5,1);
	-moz-transition-timing-function: cubic-bezier(.4,0,.5,1);
	transition-timing-function: cubic-bezier(.4,0,.5,1);
}

.button {
    width: 80px;
    height: 80px;
    position: absolute;
    background: rgb(55, 55, 55);
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%)translateY(50%);
    -moz-transform: translateX(-50%)translateY(50%);
    transform: translateX(-50%)translateY(50%);
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}


.plane {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: url(../img/plane.png) no-repeat center / 40px;
    display: block;
}

.plane.active {
	top: -100px;
	right: -100px;
}

.check {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
}

.check.active {
	display: block;
}

.check:before, .check:after {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	-webkit-transition-timing-function: cubic-bezier(.4,0,.5,1);
	-moz-transition-timing-function: cubic-bezier(.4,0,.5,1);
	transition-timing-function: cubic-bezier(.4,0,.5,1);
}

.check:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 8px;
    background: white;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 54px;
    left: 28px;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left;
}

.check:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 8px;
    background: white;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 60px;
    left: 33px;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left;
}

.check.active:before {
	width: 40px;
}

.check.active:after {
	width: 20px;
}