.relat {
position: relative;
width: 100%;
float: left;
min-height: 39px;
}
section.m-topo {
display: block;
position: fixed;
right: -260px;
top: 0px;
width: 240px;
height: 100vh;
z-index: 9999999;
box-shadow: 3px 0px 18px 2px #000;
}
.dads-md {
position: absolute;
bottom: 0px;
padding: 30px 165px 30px 74px;
background: rgba(58, 58, 58, 0.87);
}
.dads-md h3 {
color: #e8e8e8;
font-size: 41px;
font-weight: 100;
text-shadow: 0px 3px 10px #000;
margin: 0px;
}
.arrows {
position: absolute;
bottom: 50%;
left: 0;
width: 100%;
}
.arrows span {
font-size: 38px;
color: #e8e8e8;
padding: 7px 7px;
}
span#left {
position: absolute;
left: 12px;
font-size: 32px;
background: rgba(0, 0, 0, 0.65);
text-align: center;
border-radius: 50%;
padding: 6px 19px 9px 13px;
cursor: pointer;
}
span#right {
position: absolute;
right: 12px;
font-size: 32px;
background: rgba(0, 0, 0, 0.65);
text-align: center;
border-radius: 50%;
padding: 7px 14px 9px 19px;
cursor: pointer;
}
section.m-topo button {
margin-top: 0px;
margin-bottom: 0;
padding: 6px 7px;
background: #FFF;
border: 0px;
margin-left: 0;
width: 100%;
}
section.m-topo ul {
float: left;
width: 100%;
}
section.m-topo ul li {
float: left;
width: 100%;
text-align: left;
padding: 15px 15px;
color: #FFF;
font-size: 16px;
font-weight: 100;
border-bottom: 1px #ffffff8c solid;
}
section.m-topo ul li:hover {
background: rgba(0, 0, 0, 0.08);
}
section.top-hd {
float: left;
width: 97%;
background: rgba(0, 0, 0, 0.75);
max-height: 137px;
padding: 2px 30px;
position: absolute;
z-index: 999999;
}
section.top-hd .hd-left {
float: left;
}
section.top-hd .type-log {
float: left;
margin-top: -2px;
}
section.top-hd .hd-left img {
float: left;
}
section.top-hd nav {
float: left;
margin-top: 55px;
}
section.top-hd nav ul a {
float: left;
}
section.top-hd nav ul li {
float: left;
color: #FFF;
font-weight: 400;
font-size: 17px;
margin-left: 32px;
text-shadow: 1px 1px 1px #313131;
}
section.top-hd .hd-right {
float: right;
}
section.top-hd .hd-right nav ul li {
float: left;
text-align: right;
}

@media screen and (max-width: 1450px){
#video-bg-bg {
height: 880px !important;
}
}
@media screen and (max-width: 1390px){
#video-bg-bg {
height: 910px !important;
}
}
@media screen and (max-width: 1280px){
.some-pc {
display: none;
}

}
@media screen and (max-width: 1040px){
.some-tab {
display: none;
}
section.top-hd .hd-right {
margin-right: 15px;
}
.dads-md h3 {
font-size: 35px;
}
#video-bg-bg {
height: 537px !important;
}

section.slider-home { 
height: 89vh;
top: 0;
display: block;
background-position: right;
background-size: cover;
margin-top: 0;
float: left;

}

}

@media screen and (max-width: 951px){
.dads-md h3 {
font-size: 29px;
}
#video-bg-bg {
height: 366px !important;
display: none;
}
}
@media screen and (max-width: 884px){
.dads-md h3 {
color: #e8e8e8;
font-size: 29px;
}
}
@media screen and (max-width: 768px){
.bg-car {
height: 88vh !important;
}
header.topo-site {
height: 91vh !important;
}
.slider-home .owl-carousel .owl-item {
width:1300px !important;
float: left;
max-height: 89vh;
}
}
@media screen and (max-width: 720px){
.dads-md {
display: none;
}
}
@media screen and (max-width: 681px){
section.top-hd {
float: left;
width: 100%;
background: rgba(0, 0, 0, 0.75);
max-height: 102px;
padding: 2px 0px;
position: fixed;
z-index: 999999;
}
}
@media screen and (max-width: 672px){
.some-cel {
display: none;
}
.bg-car {
height: 75vh !important;
}
section.slider-home {
height: 76vh;
margin-top: 26px;
}
.busca-banner {
position: relative;
left: 0;
top: 0;
z-index: 99;
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.arrows {
display: none;
}
section.top-hd .hd-right {
margin-right: 33px;
}
section.top-hd .hd-left {
width: 60%;
}
section.top-hd .hd-left img {
max-width: 100%;
}
section.top-hd nav {
margin-top: 21px;
}
.col-form-val {
padding-top: 0px;
min-height: 88px;
margin-left: 8%;
text-align: center;
width:80.888%;
float: left;
margin-right: 0%;
margin-top: 11px;
}
.col-form-val-1 {
padding-top: 0px;
min-height: 88px;
margin-left: 8%;
text-align: center;
width: 78.444%;
float: left;
margin-right: 0%;
}
.col-form-bs {
width:84.888%;
float: left;
position: relative;
margin-left: 4%;
min-height: 73px;
margin-top: 0;
}
h2.oq-ph {
margin: 0px;
font-weight: 300;
color: #ffffff;
font-size: 23px;
margin-left: 10px;
width: 96%;
text-align: center;
}




@media screen and (max-width: 600px){
section.top-hd .hd-left {
width: 60%;
}
section.top-hd {
padding: 9px 0px;
width: 100%;
max-height: 82px;
}
section.top-hd nav {
margin-top: 14px;
}
.some-ultra {
display: none;
}

section.top-hd .hd-left {
width: 100%;
}

section.top-hd .type-log {
float: none;
margin-top: 0;
max-width: 250px;
margin: 0 auto;
}
header.topo-site {
height: 85vh !important;
}

}
@media screen and (max-width: 532px){
section.top-hd .hd-left {
width: 60%;
}
}
@media screen and (max-width: 500px) {
  .bg-car {
    background-size: cover!important;
    height: 100vh!important;
    width: 100vw;
    background-position: center!important;
  }
}
@media screen and (max-width: 470px){
section.top-hd .hd-left {
width: 100%;
}
section.top-hd nav {
margin-top: 15px;
}
}
@media screen and (max-width: 350px){
section.top-hd {
padding: 3px 0px;
}
section.top-hd nav {
margin-top: 11px;
}
section.top-hd .hd-left {
width: 100%;
}
}
