html, body,#limites {margin: 0;padding: 0;font-family: sans-serif;}
html{scroll-behavior: smooth;}
div,p,b,i,h1,h2,h3,h4,h5 {margin: 0;padding: 0}
#limites{height: auto;overflow: hidden;}
/*######################### BLOCOS ############################*/
#limites .blocos{width: 100%;min-height: 100vh;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-color: unset;display: table;background-size: cover;padding-top: 55px;}
/*######################### MENU HORIZONTAL ############################*/
#menuTop{background: #0000009e;position: fixed;width: 100%;height: 12vh;z-index: 9999;-webkit-transition: all 300ms linear;transition: all 300ms linear;}
#menuTop #comandoMenu {display:none}
#menuTop #miniLogo{aspect-ratio: 1/1;height: inherit;float: left;margin-left: 2vw;background:url('../img/logoFerEJu_W.png');background-size: cover;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
#menuTop ul{display: table;float: right;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
#menuTop ul li {float: left;margin: 0px 10px;list-style: none;height: 30px;line-height: 36px;}
#menuTop ul li a {text-decoration: none;color: #fff;font-size: 1em;}
#menuTop ul li a .barHover {display: block;background: #fff;width: 0;height: 2px;margin: -10px auto;}
#menuTop ul li a:hover .barHover {width:100%}
#menuTop ul li.socialLink {width: 40px;text-align: center;}
#menuTop ul li.socialLink a i {font-size: 2em;}
#menuTop ul li.socialLink a i:hover {font-size: 2.5em;}
#limites .menor {background: #fff;height: 8vh;}
#limites .menor #miniLogo{background-image: url('../img/logoFerEJu_B.png');}
#limites .menor ul li a {color: #000;}
#limites .menor ul li a .barHover{background:#f33;}
/*######################### TOPO/HOME ############################*/
#limites #topo {padding: 0 !important;}
#topo img{display: none;position: relative;z-index: 3;margin: 0 auto;top: -5vh;opacity: 0.5;}
#topo #slogan{font-family:fereju3;font-size: 4em;position: absolute;top: 90%;text-align: center;color: #fff;text-shadow: -2px 1px 1px #0000007d;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;width: 100%;}
#limites #topo #boxVideoBG {width: 100%;overflow: hidden;padding: 0;margin: 0;height: 100vh;background: #000;display: block;position: absolute;top: 0;}
#topo .bg_video {position: absolute;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 1; /*background: url('../img/bgTOPO.jpg') no-repeat;background-size: cover;*/}
#topo button {position: absolute;z-index: 5;top: 65%;width: 20%;height: 8vh;background: none;border-radius: 10px;color: #ffffff75;font-weight: bold;border: 1px solid #ffffff29;left: 50%;margin-left: -10%;cursor: pointer;}
#topo button:hover {background: #ffffff85;color: #222;}
.blocos h2 {font-size: 4em;text-align: center;color: #fff;min-width: 60%;margin: 0 auto;margin-bottom: 1%;display: table;}
.blocos h2 hr {box-shadow: 0px 1px 1px #0006;margin: 0;width: 100%;}
/*######################### SOBRE ############################*/
#sobre{background-image:url('../img/bgSOBRE.jpg');background-position: center !important;}
#sobre #texto {width: 50vw;float: right;margin-right: 3%;color: #ffffff;text-shadow: 0px 1px 2px #000;}
#sobre#texto h4 {margin: 15px auto;width: 80%;}
#sobre #texto #slogan{text-align: right;}
#sobre #texto p {text-align: justify;margin: 5px auto;width: 90%;line-height: 1.5em;font-size: 1.2em;}
/*######################### AGENDA ############################*/
#agenda{background-image:url('../img/bgAGENDA.jpg');}
#agenda h2 {}
#agenda ul {display: table;margin: 0 auto;width: 75vw;}
#agenda ul li {float: left;width: 20vw;margin-left: 5%;height: 30vh;}
#agenda ul li span {display: block;margin: 0;padding: 0;text-align: center;}
#agenda ul li .datas {color: #f33;font-size: 3em;text-align: center;font-family: serif;}
#agenda ul li hr {margin: 0 0 10px 0;padding: 0;opacity: 0.3;}
#agenda ul li .titulo {color: #fff;text-transform: uppercase;font-size: 1.3em;min-height: 50px;}
#agenda ul li .cidadeUF {color:#fff;text-transform: uppercase;font-size: 1em;margin: 1vh auto;}
#agenda ul li a {color: #fff;text-decoration: none; cursor:pointer}
#agenda ul li a:hover {font-size: 1.3em;}
/*######################### FOTOS ############################*/
#fotos{background-image:url('../img/bgFOTOS.jpg');background-size: cover;}
#fotos #gallery {width: 70vw !important;margin: 0 auto;}
#fotos #gallery .ug-thumb-wrapper {border-radius: 10px;}
html bod.ug-lightbox-overlay {background-color: #000000e3 !important;}
html body .ug-textpanel-textwrapper {display: none !important;}
html body .ug-lightbox-top-panel-overlay {display: none;}
html body .ug-item-wrapper img {border-radius: 10px;max-height: 90vh !important;width: auto !important;margin: 0 auto;position: relative;}
/*######################### VÃÂDEOS ############################*/
#videos{background-image:url('../img/bgVIDEOS.jpg');background-size: cover;}
#videos iframe{width: 80vw;aspect-ratio: 16/9;margin-left: -40vw;position: relative;left: 50%;}
/*######################### CONTRATE AQUI ############################*/
#contrateaqui{background-image:url('../img/bgCONTRATEAQUI.jpg'); min-height: 90vh;}
#contrateaqui h2 {float: none;width: 40%;min-width: unset;font-size: 3em;margin-left: 0;margin-top: 15px;}
#contrateaqui #contatos {display: table;margin-top: 2%;margin-left: 5%;float: left;width: 20%;}
#contrateaqui #contatos ul {padding: 0;margin: 0;}
#contrateaqui #contatos ul li {float: unset;margin: 10px auto;}
#contrateaqui #contatos ul li a {color: #fff;text-decoration: none;}
#contrateaqui #logos {float: right;width: 50%;height: inherit;}
#contrateaqui #logos li {float: left;width: 30%;margin-left: 3%;}
#contrateaqui #logos li img {width: 100%;}
#contrateaqui #logos ul {width: inherit;display: block;padding: 0;margin: 0;float: right;margin-right: 30%;}
#contrateaqui #logos li #logo_savanarep {margin-top: 30%;}
#contrateaqui #logos li #classea {width: 80%;margin: 7% auto;display: block;}
/*######################### EFEITOS COMUNS ############################*/
.animado{-webkit-transition: all 300ms linear;transition: all 300ms linear;}
/*######################### TELAS PEQUENAS ############################*/
@media (max-width: 700px) and (orientation: portrait){
#menuTop{height: auto;width: auto;float: right;right: 0px;z-index: 10;background: unset;}
#menuTop #comandoMenu {color: #ffffff9c;font-size: 3em;position: absolute;aspect-ratio: 1/1;width: 40%;left: -60px; }
#menuTop #comandoMenu i {}
#menuTop #miniLogo{display:none;}
#limites #menuTop ul{width: 0vw;display: block;background: url('../img/bgMenuRight.png');position: relative;right: 0px;padding: 0;margin: 0;padding-right: 10%;overflow: hidden;height: 100vh;background-position: right;background-size: contain;}
#menuTop ul li{float: unset;text-align: right;height: unset;width: 100%;margin: 0;}
#menuTop ul li a{height: 50px;display:block;line-height: 50px;}
#menuTop ul li.socialLink{margin: 25px 0;width: 45%;float: right;}
#menuTop ul li.socialLink a i {font-size:3em;}
.blocos h2 hr {margin: 0;box-shadow: 0px 1px 1px #0006;margin-top: 5px;padding: 0;}
#limites #topo{background-image: none;background-size: cover;background-color: #000;background-position: bottom;margin-top: 0;}#limites #topo img{display: block;top: 0;}
#limites #topo .bg_video{top: 0;bottom: unset;right: unset;}
#limites #topo #slogan{top: 70%;letter-spacing: 2px;z-index: 2;line-height: 6vh;}
#limites #topo button{width: 70%;margin-left: -35%;background: #ffffff1f;color: #ffffff;top: 70%;}
#limites #sobre {background-image: url(../img/bgSOBRE916.jpg);background-size: contain;background-attachment: scroll !important;padding-bottom: 40vh;background-position: bottom !important;background-color: #a9aea8 !important;}
#limites #sobre #texto {width: 100%;float: right;margin-right: 0;color: #ffffff;margin-top: 3%;text-shadow: 0px 1px 2px #000;font-family: sans-serif;font-weight: normal;}
#limites #sobre #texto h4 {width: 90%;margin: 2vh auto;text-align: right;}
#limites #agenda h2 {width: 80%;}
#limites #agenda ul{width: 70%;margin: 0 auto;padding: 0;font-size: 0.8em;background: url(../img/bgDATAS.png);background-size: contain;min-height: 100vh;}
#limites #agenda ul li{float: unset;width: 100%;text-align: center;margin: 5vh auto;height: auto;}
#limites #agenda ul li#agenda ul li .titulo{height:auto}
#limites#fotos #gallery {width: 90%;}
#limites #videos iframe{width: 96%;aspect-ratio: 16/9;left: 50%;margin-left: -48vw;margin-top: 20vh;}
#limites #contrateaqui{}
#limites #contrateaqui h2{ width: 90%; margin: 0 auto;}
#limites #contrateaqui #contatos{margin: 0 auto;float: unset;font-size: 1.2em;}
#limites #contrateaqui #logos{width:100%;float: unset;height: auto;display: table;}
#limites #contrateaqui #logos ul{margin: 0;display: table;}
#limites #contrateaqui #logos ul li{float: unset;margin: 5px auto;width: 50%;}
}