body {
margin:0;
font-family:'Titillium Web';
overflow:hidden;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.content {
background:gray;
min-width:1000px;
min-height:100%;
width:100%;
height:100%;
position:absolute;
overflow-x:hidden;
}
.cab {
position:absolute;
background:#1d5fa3;
height:180px;
width:100%;
z-index:2;
}
.cab_center {
width:240px;
height:210px;
left:calc(50% - 120px);
background:white;
position:absolute;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
box-shadow:0px 0px 20px;
}
.cab_left {
width:calc(50% - 120px);
left:0px;
height:180px;
position:absolute;
overflow:hidden;
box-shadow:0px 0px 20px;
}
.cab_right {
width:calc(50% - 120px);
left:calc(50% + 120px);
height:180px;
position:absolute;
overflow:hidden;
box-shadow:0px 0px 20px;
}
.menu_bar {
position:absolute;
left:0px;
top:140px;
width:100%;
height:35px;
background:white;
opacity:0.7;
}
.menu_button {
position:absolute;
height:100%;
width:calc(100% / 3);
color:#0a2642;
line-height:35px;
font-size:20px;
text-align:center;
cursor:pointer;
}
.menu_button:hover {
font-weight:bold;
}
.carrossel {
position:absolute;
left:0%;
width:400%;
top:180px;
height:400px;
overflow:visible;
transition:0.5s ease-in;
}
.carrossel_frame {
position:absolute;
width:25%;
left:0%;
height:100%;
top:0px;
}
.cab_wpp {
position:absolute;
left:calc(100% - 195px);
width:175px;
height:30px;
top:20px;
border-radius:5px;
background:white;
font-size:16px;
line-height:30px;
cursor:pointer;
}
.cab_wpp:hover {
font-weight:bold;
}
.social_button {
position:absolute;
top:18px;
height:30px;
cursor:pointer;
}
.car_title {
color:white;
font-size:40px;
left:30px;
position:absolute;
top:273px;
width:calc(100% - 60px);
}
.car_desc{
color:white;
font-size:25px;
left:30px;
position:absolute;
top:333px;
width:calc(100% - 60px);
}
.img_seta {
position:absolute;
top:346px;
left:30px;
height:30px;
opacity:0.5;
transition:0.3s ease-in;
cursor:pointer;
}
.img_seta:hover {
opacity:1;
}
.compra_passagem {
position:absolute;
top:580px;
background:white;
width:100%;
height:50px;
box-shadow:0px 0px 20px;
border-top:2px solid #1d60a2;
}
.funcao_titulo {
background:#1d60a3;
position:absolute;
left:0px;
top:0px;
width:227px;
height:35px;
line-height:35px;
left:20px;
text-align:center;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
color:white;
font-weight:bold;
}
.inputs {
position:absolute;
height:35px;
border-radius:3px;
border: 1px solid #bbb;
font-size:13px;
line-height:35px;
outline:none;
transition:0.2s ease-in;
font-weight:bold;
font-family:'Titillium Web';
}
.inputs:hover {
background:#eee;
}
.inputs:focus {
border:1px solid #1d5fa3;
}
.input_icon {
position:absolute;
font-family:icons;
color:#1d5fa3;
font-size:19px;
}
.icon_button {
position:absolute;
font-family:icons;
width:48px;
height:48px;
border-radius:100%;
border:0px;
background:#1d60a3;
color:white;
font-size:16px;
cursor:pointer;
outline:none;
}
.icon_button:hover {
background:#275289;
}
.waiting_div {
position:absolute;
width:100%;
height:500%;
opacity:0.75;
left:0px;
top:0px;
background:white;
z-index:10;
display:none;
}
.msg_div {
width:240px;
z-index:2;
height:100px;
border-radius:12px;
background:white;
position:absolute;
left:calc(50% - 130px);
top:calc(50% - 50px);
box-shadow:rgba(102, 102, 102, 0.25) 0px 0px 10px 4px;
font-size:13px;
display:none;
padding-left:10px;
padding-right:10px;
text-align:center;
font-family:'Titillium Web';
}
.button {
position:absolute;
font-family:'Titillium Web';
border-radius:8px;
border:0px;
background:#1d60a3;
color:white;
font-size:13px;
height:30px;
cursor:pointer;
line-height:28px;
outline:none;
}
.button:hover {
background:#275289;
}
.button_api {
position:absolute;
font-family:'Titillium Web';
font-size:20px;
border-radius:3px;
border:0px;
background:#1d60a3;
color:white;
height:38px;
cursor:pointer;
line-height:28px;
outline:none;
font-weight:bold;
}
.button_api:hover {
background:#275289;
}
.rodape {
position:absolute;
background:lightgray;
left:0px;
top:792px;
height:300px;
width:100%;
border-top:2px solid #1d60a2;
}
.link_rodape {
text-decoration:none;
}
.link_rodape:hover {
text-decoration:underline;
}
.inner_content {
position:absolute;
background:white;
top:180px;
width:100%;
height:500px;
}
.title {
position:absolute;
top:50px;
width:900px;
height:50px;
line-height:50px;
left:calc(50% - 450px);
border-bottom:2px solid #1d60a2;
text-align:center;
color:#173049;
font-weight:bold;
font-size:45px;
}
.cargas_icon {
font-family:icons;
color:#173049;
cursor:pointer;
font-size:75px;
transition:0.15s ease-in;
}
.cargas_icon:hover {
color:#1d60a2;
}
.link {
text-decoration:none;
color:#173049;
cursor:pointer;
}
.link:hover {
text-decoration:underline;
color:#1d60a2;
}