@charset "utf-8";
/* CSS Document */

* {margin: 0;padding: 0;border: 0;outline: 0;}

img, embed, object, video { height: auto; max-width: 100%;}

strong {font-weight: bold;}

body {transition: all 200ms; background-color:#f2f2f2;}

a {text-decoration: none;}

#container {max-width:1200px; height:auto; margin:0 auto; }

.body_inicial {
	margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.top_inicial {
	position: absolute;
    top: 70px;	
    left: 50%;
  	width: 180px;
  	height: 180px;
  	margin-left: -90px; 
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px #000;
    z-index: 999;
    border-radius: 100px;
}

.logo_inicial {
	margin: 10px auto;
	width: 160px;
	height: auto;
}

.inicial {
	width: 100%;
    height: 100%; /* Oculta o risco de herança errada de altura */
    display: flex; /* Alinha as divs filhas lado a lado automaticamente */
}

	.inicial_assessoria {
	    width: 50%;
	    height: 120%; /* Ocupa 100% da altura da div .inicial (que já é 100vh) */
	    background-repeat: no-repeat;
	    background-position: center -100px;
	    background-image: url(imagens/bg_assessoria.jpg);
	    background-size: cover;
	    position: relative;	
	    margin-right: 1px;
	    transition: all 1s;
	}

	.inicial_transporte {
	    width: 50%;
	    height: 120%; /* Ocupa 100% da altura da div .inicial */
	    background-repeat: no-repeat;
	    background-position: 75% -100px;
	    background-image: url(imagens/bg_transporte2.jpg);
	    background-size: cover;
	    position: relative;
	    margin-left: 1px;
	    transition: all 1s;
	}

	.inicial_fundo {
		width: 100%;
   		height: 100%; 
		background-color: rgba(20, 20, 20, 0.75); 
		transition: all 500ms;
	}

	.inicial_titulo_dir {
		float: left;
		margin-left: 5%;
		margin-top: 300px;
	}

	.inicial_titulo_esq {
		float: right;
		margin-right: 5%;
		margin-top: 300px;
	}

		.inicial .p1 {
			font-family: 'Montserrat', sans-serif;
			font-size:30px;
			color:#ffffff;	
			font-weight: 600;
			text-shadow: 0px 0px 3px #000;
			width: 100%;
			transition: margin-left 0.4s ease-in-out;
		}

		.inicial .p2 {
			font-family: 'Montserrat', sans-serif;
			font-size:20px;
			color:#ffffff;	
			font-weight: 300;
			text-shadow: 0px 0px 3px #000;
			width: 100%;
			transition: margin-left 0.4s ease-in-out;
		}

		
		.inicial_titulo_esq .p1 {margin-left: 20px}
		.inicial_titulo_esq .p2 {margin-left: 115px}

		.inicial_titulo_dir .p1 {margin-left: 0px}
		.inicial_titulo_dir .p2 {margin-left: 0px}
		

.line {
	max-width: 420px;
	height: 1px;
	background-color: #ccc;
	margin: 10px 0px;
}

.btn {
	font-family: 'Montserrat', sans-serif !important;
	font-size:12px !important;
	text-align:center !important;
	width: 80px !important;
	padding: 12px 18px !important;
	color: #fff;
	text-decoration:none;
	transition: all .2s !important;
	background-color: none;
	border: 1px solid #ffffff;
	font-weight: 600 !important;
	border-radius: 8px;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease-in-out, visibility 0.4s, background-color 0.2s, color 0.2s !important;
}

.btn:hover {
	color: #333;
	background-color: #ffffff;
}

.inicial_titulo_dir .btn {margin-left: 300px}

.inicial_assessoria:hover {height: 125%;}
.inicial_transporte:hover {height: 125%;}

.inicial_assessoria:hover .btn {opacity: 1; visibility: visible;}
.inicial_transporte:hover .btn {opacity: 1; visibility: visible;}

.inicial_assessoria:hover .inicial_titulo_esq .p1 {margin-left: 0px;}
.inicial_assessoria:hover .inicial_titulo_esq .p2 {margin-left: 0px;}

.inicial_transporte:hover .inicial_titulo_dir .p1 {margin-left: 20px;}
.inicial_transporte:hover .inicial_titulo_dir .p2 {margin-left: 75px;}

.inicial_assessoria:hover .inicial_fundo {background-color: rgba(20, 20, 20, 0.25);}
.inicial_transporte:hover .inicial_fundo {background-color: rgba(20, 20, 20, 0.25);}