<?php
/*
Template Name: Confirmação Contato
*/ 
get_header();
?>

<style>
	header{
		display: none;
	}
    #page {
        background-image: none !important;
    }

	#footer-exent{
			position: fixed;
			width: 100%;
			bottom:0;
	}

    #container-header {
        display: none !important;
    }

	#colophon {
		position: relative;
		bottom: -48px !important;
	}


	body,
	#main-content {
		background: #f6f4ef !important;
	}

	#main-content .container:before {
		position: absolute;
		top: 0;
		width: 1px;
		height: 100%;
		background-color: transparent;
		content: "";
	}

	.logo_helper {
		display: none !important;
	}

	.logo_container {
		min-height: 100px;
	}

	.logo_container img {
		max-width: 250px;
		margin-left: calc(50% - 125px) !important;
	}


	.et_header_style_left .logo_container a {
		min-width: 100%;
	}

	.et_header_style_left .logo_container a img {
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	#et-top-navigation {
		display: none !important;
	}

	#main-footer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.multichannel {
		display: none;
	}

	#main-footer {
		margin-bottom: 0;
	}

	#colophon {
		bottom: -20px !important;
	}
	.confirmacao{
            padding: 290px 0 300px;
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
			margin: 0px auto;
        }
        .title-confirmacao{
			font-family: montserrat;
            color: #000
    		font-size: 30px;
			width: 90%;
    		font-weight: 700;
    		margin-bottom: 20px;
    		text-align: center
        }
        .txt-confirmacao{
			font-family: montserrat;
			width: 90%;
            color: #000;
    		font-size: 17px;
    		margin-bottom: 30px;
    		text-align: center;
        }
        .btn-confirmacao{
			font-family: montserrat;
            text-decoration:none;
			padding:20px 0px;
			background-color: #000;
			width: 240px;
			color: #f6f4ef !important;
			text-align:center;
			border-radius:16px;
			font-size: 18px;
            margin-top:20px;
            font-weight:700;
			border: 1px solid transparent;
			transition: .3s ease-in-out
			
        }
        .btn-confirmacao:hover{
			    color: #000!important;
    			background-color: transparent;
				border: 1px solid #000 ;

		}
		.btn-confirmacao:visited{
			color:#fff;
		}

	@media only screen and (max-width: 996px) {


		.et_header_style_left .logo_container a {
			width: 100%;
			min-width: 100%;
			max-width: 100%;
		}

		.et_header_style_left #logo,
		.et_header_style_split #logo {
			width: 100%;
			min-width: 100%;
			max-width: 100%;
		}


		#footer-bottom {
			padding: 30px 0px 10px 0px;
		}

	}
	  @media only screen and (max-width: 980px) {
		#colophon{
			bottom:120px;
		}
	  }

	@media screen and (max-width: 1024px) {
		.confirmacao{
            padding: 100px 0 100px;
	  }
	}
</style>
<div id="main-content">
    <div class="container">
        <div id="content-area" class="clearfix">
            <div class="confirmacao">
                <h1 class="title-confirmacao">Sua mensagem foi enviada com sucesso!</h1>
                <span class="txt-confirmacao">Em breve um de nossos consultores entrará em contato com você.</span>
                <a href="<?= site_url() ?>" class="btn-confirmacao">Continuar navegando</a>
            </div>
        </div> <!-- #content-area -->
    </div> <!-- .container -->

</div> <!-- #main-content -->

<?php get_footer(); ?>