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

@font-face {
     font-family: Fra;
     src: url('../font/FG.ttf');
}@font-face {
     font-family: BungeeR;
     src: url('../font/Bungee-Regular.otf');
}@font-face {
     font-family: BungeeH;
     src: url('../font/Bungee-Hairline.otf');
}@font-face {
     font-family: BungeeLO;
     src: url('../font/BungeeLayers-Outline.otf');
}


::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    /* border-radius: 10px; */
    background: #e3ff00;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 2px solid #e2fd00;
    /* -webkit-box-shadow: inset 0 0 6px rgb(255, 255, 255); */
    background: #9f09ef;
}





.fora::-webkit-scrollbar {
    height: 15px !important;
}
 
.fora::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
    border-radius: 10px;
    background: #44cea7;
}
 
.fora::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(255, 255, 255);
    background: #9f09ef;
}




		*{margin: 0;padding: 0; font-weight: 100 !important;}
		body{font-family: Fra;text-align: center; color: #fff;}

h1,h2,h3,h4,h5{font-family: BungeeR;line-height: 1; }
section{width: 96%;padding: 2%;overflow: hidden; text-align: -webkit-center; text-align:center;}
section h1{font-size:2em; margin:0 auto;}
header, footer{ width: 100%; }
button{ outline: none; cursor: pointer;}

.scrltop{ position:fixed; z-index: 99; bottom:1%; right: 1%; display: none; cursor:pointer;}

.opn{ opacity: 0;}
.llo:hover{ -webkit-filter: opacity(0.4) sepia(1) contrast(1.7); }

.llo{ transition-duration: 0.5s;}

.left{ float: left;}
.right{float: right;}

#principal{background: #e3ff00;padding-bottom: 0;}
#services{background: #ff0076;}
#outdoor{text-align: -webkit-center;background: #00ffb8;}
#about{ background: #9f09ef;}
#orc{ background: #f0ff00;}
#contato{ background: #0afdc1;}
#end{ background: #00e7ae;}


.logo {
    position: relative;
    margin: 8% 0 -16% -28%;
}

.bigtxt {
    position: relative;
    margin: 0 0 0 23%;
}

.bigtxt h1{color: #ff0076;font-size: 5em;}
.bigtxt h2{color: #9d00ff;font-size: 4em;}

.boxleft{width: 50%;float: left;}

.boxorc{width: 40%;float: left;margin-top: 20%;margin-left: 4%;}
.boxorc h4{color: #888605;margin: 3% 0;}
.boxorc button{width: 100%;padding: 3% 0;background: #2ae381;color: #058642;border: 2px solid #05fbbd;border-radius: 0px 10px 0px 10px;box-shadow: 6px 6px 0px 0px #1fd371;transition-duration: 0.2s;}
.boxorc button:hover{background: #59f5a2;}
.boxorc button:active{background: #35d67e;box-shadow: 4px 4px 0px 0px #1fd371;}


.sidebox{width: 80%;float: right;margin: 0 1% 0 0;text-align: right;color: #fff;}
.stit h2{text-align: center;display: inline-block;padding: 2% 5%;margin: 0 0 2.3% 0;background: #9d00ff;border-radius: 20px 20px 0 0;box-shadow: 6px 6px 0px 0px #c354ff;font-weight: 100;}
.sdesc{width: 98%;padding: 4% 3% 5% 0;position: relative;margin: 0 0 -4% 0;background: #ff0076;border-radius: 15px 0 35px 15px;/* border: 5px solid #e7e505; */box-shadow: 6px 6px 0px 0px #e7e505;z-index: 11;}

.stit {
    width: 100%;
    /* font-weight: 100; */
}

.sdesc span {
    color: rgb(247, 245, 0);
    /* padding: 0 4% 0 0; */
    font-size: 1.2em;
    letter-spacing: 1px;
}

/*.sdesc:after {
    content: "";
    display: block;
    height: 30px;
    background-image: url(../img/shadow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}*/

.shadow{width: 108%;position: relative;margin-left: -5%;height: 40px;margin-bottom: 7%;background-position-y: 86%;background-image: url(../img/shadow.png);z-index: 0;}
.sidebox img {
    /* margin-top: 14%; */
    margin: -7% 0 0 -2%;
    position: relative;
    z-index: 1;
}




/*SERVIÇOS ---------------*/

.servbox {padding: 1%;transition-duration: 0.2s;border-radius: 10px;border: 3px solid #ff0076;overflow: hidden;}
.servbox:hover{background: #cc196c;border: 3px solid #cc196c;}

.sleftbox{ width: 28%; float: left;}
.smidbox{width: 44%;float: left;text-align: left;margin: 0 0 0 2%;}
.srightbox{width: 24%;float: left;margin: 0 0 0 2%;}


.spicmold{padding: 2%;width: 44%;background: #d2ef0f;box-shadow: 6px 6px 0px 0px #c3af00;border-radius: 10px;}

.spicmold img{ width: 100%; }

.smidtitle{padding: 0 0 2% 0;font-size: 1.3em;}
.smidesc{padding: 0 0 2% 0;font-size: 1.2em;padding: 0 9% 3% 0;}
.smidbtn {background: #e3ff00;color: #cd05d4;border: none;border-radius: 10px;padding: 2% 4%;box-shadow: 6px 6px 0px 0px #c3af00;transition-duration:0.2s;}
.smidbtn:hover{background: #c0ff00;}
.smidbtn:active{box-shadow: 4px 4px 0px 0px #c3af00;}

.servarea {
    width: 98%;
    border: 2px solid #ff0076;
    background: #cc196c;
    padding: 1%;
    border-radius: 20px 0 20px 0;
    color: #fff;
    box-shadow: 6px 6px 0px 0px #d2ef0f;
}
.servarea h4 {
    background: #bd095c;
    font-size: 0.95em;
    padding: 3% 0;
    border-radius: 15px 0;
    color: #d2ef0f;
}

.servarea ul{
	padding: 3% 4%;
}

.servarea ul > li{
	
	display: inline-table;
	list-style: none;
	font-size: 1.1em;
	color: #ffd7e9;
	padding: 1% 2%;
	border-radius: 8px;
	margin: 1% 0;
	background: #bd095c;
	transition-duration:0.3s;
}

.servarea ul > li:hover{ color:#cd05d4; background:#d2ef0f;}


/* OUTDOOR SECTION */

.fora{width: 100%;padding: 2% 0 1%;/* min-height: 200px; */border-bottom: 10px solid rgb(163, 14, 249);border-radius: 10px;/* overflow-x: scroll; */}
#outdoor h1{width: 40%;padding: 1.5% 0;border-radius: 30px 0;background: #a30ef9;color: #00ffb8;box-shadow: 5px 5px 0px 0px #c062fc;/* text-align: center; */}

.outgall{width: 144%;padding: 1%;overflow: hidden;display: inline-block;}
.outdoor h1{ color: #0efc8f;}

.ogallobj{width: 11.6%;float: left;min-height: 249px;height: 200px;/* text-align: center; *//* margin: 0 auto; */cursor: pointer;position: relative;display: grid;padding: 0.2%;background: #a30ef9;margin-right: 2.2%;border-radius: 30px 0px;box-shadow: 6px 6px 0px 0px #c062fc;transition-duration:0.2s;}
.ogallobj:hover{background: #8300ce;box-shadow: 6px 6px 0px 0px #00bb87;}
.ogallobj h3{padding: 4% 0 1%;text-align: center;color: #0efc8f;}
.ogallobj img{/* width: inherit; */max-width: 90%;/* height: 100%; */min-width: 40%;position: initial;max-height: 155%;padding: 5%;border-radius: 30px 0;}

.outdownmsg{text-align: center;width: 88%;padding: 4% 0 2%;display: inline-block;color: #a30ef9;}
.outdownmsg h2{/* width: 76%; *//* position: absolute; *//* float: left; */display: block;}
.outdownmsg h2 > span{/* margin: -1.2% 0 0; */color:#a30ef9;cursor:pointer;text-decoration: none;border: 6px solid #a30ef9;border-radius: 5px;padding: 0.5%;/* line-height: 2; *//* float: left; */display: inline-block;border-left:none;border-right:none;/* position: absolute; *//* height: 23px !important; */}

/* SOBRE ABOUT SECTION */

#about h1{width: 40%;padding: 1.5% 0;border-radius: 30px 0;background: #eaff00;color: #a30ef9;box-shadow: 5px 5px 0px 0px #b5ce03;/* text-align: center; */}
.allabout{width:98%;padding: 1%;overflow: hidden;margin: 2% 0 0;}
.aboutobj{width: 12%;margin: 0 4% 0 3.5%;float: left;}
.allabout img{width: 85%;margin: 0 0 0 13%;border: 4px solid #00ff78;box-shadow: 5px 5px 0px 0px #e9fc03;border-radius: 50%;}
.aboutdesc{width: 100%; padding: 10%; margin: 12% 0 0 0; border-radius: 20px 0;background: #eaff00;color: #a30ef9;box-shadow: 5px 5px 0px 0px #b5ce03;/* text-align: center; */}
.aboutdesc > span{
    font-size: 1.1em;
}

/* ORC SECTION */
.orcform{ width: 100%;}
.orcform > form{width: 96%;padding: 2%;font-family: BungeeR;border-radius: 30px 0;background: #a30ef9;color: #0efc8f;box-shadow: 5px 5px 0px 0px #c062fc;/* text-align: center; */}
.orcform > form > input{border-radius:10px;color: #7e00c2;padding: 1% 2%;font-family: BungeeR;background: #7e00c2;color: #fff;border: none;box-shadow: 4px 4px 0px 0px #7403b2;}

.orcform > form > input::-webkit-input-placeholder{ color: #0bfdc1;}
.orcform > form > textarea::-webkit-input-placeholder{ color: #0bfdc1;}

.opl{margin-top: 11%;color: #7e00c2;padding: 5% 3%;border-radius: 10px;background:#0ae2ef;box-shadow: 8px 6px 0px 0px #a30ef9;}
.opla{}
.oplb{ margin-left: 11%; }

.inptright{width: 45% !important;margin-right:0 !important;}
.inptleft{width: 45%;float: left;margin: 0 2% 2% 0;}
input[type="email"]{width: 96%;}
textarea{width: 96%;margin:2% 0;max-width: 96%;max-height: 600px;text-align: center;font-family: BungeeR;border-radius:10px;padding: 1% 2%;background: #7e00c2;border: none;color: #FFF;box-shadow: 4px 4px 0px 0px #7403b2;}
input[type="submit"]{background: #0bfdc1 !important; cursor:pointer; min-width:60%; width:66%; font-size:1.1em; outline:none;color: #7e00c2;box-shadow: 3px 3px 0px 0px #02cc9c !important;padding: 1% 15% !important;color: #7e00c2 !important; transition-duration:0.2s;}
input[type="submit"]:hover{background: #89ffe2 !important;}
input[type="submit"]:active{box-shadow: 1px 1px 0px 0px #02cc9c !important; background: #00d29e !important; }

.cinfobox{width: 25%; float: left; margin:0 3%; padding:1%; border-radius:10px; border:2px solid #0af7bc; box-shadow: 5px 5px 0px 0px #09f5bb; cursor:pointer; transition-duration:0.3s;}
.cinfobox:hover{ background:rgb(0, 231, 174); border:2px solid #ba02f4; box-shadow: 5px 5px 0px 0px rgb(186, 2, 244);}
.cinfobox img{width: 15%;display: inline;margin-bottom: 2%;/* padding: 2%; */}
.cinfobox a{color: #9608e2;text-decoration: none;font-size: 1.3em;}

#end{ vertical-align: middle;}
.etxt, .emid{width:33%;color: #9608e2;}
.emid{height: 74px;}
.emid img{margin-top: -4%;width: 55%;position:relative;}
.etxt > h3 { margin: 7% 0 0 0;}


 .linetop{ position:absolute; width: 44%;}
.linetop img{ float: right; margin: 4% 0 0;}
.pn img{ float: right; width: 6%;}
 .pn{ position:absolute; width: 46%;}
.line{ width:80%; margin: 2% 000; float: left;}




/* GALERIA <<<<<<<<<<<<<<<<<<<<<*/

.inside{width: 98%;position: fixed;display:none;background: rgba(0, 8, 2, 0.6);height: 100%;top:0;:0 */left: auto;left: 0;padding: 1%;z-index: 99;}

.show{ display:block !important; }

.imgleft{width: 66%;/* background: rgba(0,0,0, 0.3); */margin: 0 1%;position: absolute;height: 91%;/* overflow: auto; */top: 2%;left: 0;float: left;}

.infobox{width: 27%;color: #9f0aef;right: 1%;padding: 1%;border: 2px solid #84ffc7;position: relative;min-height: 90%;float: right;border-radius: 60px 0px;background: #0efc8f;box-shadow: 5px 5px 0px 0px #00c86c;}

		.imgleft img{/* width:100%; */max-width: 100%;left: 0;/* float: left; */border-radius:50px;/* position: relative; */vertical-align: bottom;max-height: 100%;}
		
.idiv{margin: 7% auto !important;}

		.closebtn{float: right;padding: 0 4%;line-height: 1.6;font-size: 1.5em;background: #9f0aef;border-radius: 10px;outline: none;color: #fff;font-family: BungeeR;border: none;box-shadow: 5px 5px 0px 0px #2fc4a5;}
		.itop{width: 91%;/* padding: 3% 0; */margin: 0 auto;}
		.itop h1{/* float: left; */display: inline-block;padding: 1% 0;color: #fff;text-shadow: 2px 2px 0px #9f0aef;text-align: center;}
		.iname{ width:96%; margin: 1% auto; } 
		.iserv{width:96%;margin: 1% auto;position: absolute;bottom: 35%;}
		.idesc{ width:96%; margin: 1% auto;}
		.idata{width:96%;position: absolute;bottom: 13%;margin: 1% auto;}
		.lnav{width:96%;position: absolute;bottom: 4%;margin: 1% auto;}
		.lnav button{padding: 0 6%;background: #9f0aef;border:none;line-height: 2;font-size: 1.1em;font-family: BungeeR;border-radius: 10px;margin: 2%;outline:none;color: #fff;box-shadow: 3px 3px 0px 0px #2fc4a5;}
		.idiv h5{ font-size:1.1em; padding:0 0 1%; text-shadow:1px 1px 0px #9f0aef; color:#00c96d;}
		.idiv span{ font-size:1.4em; text-shadow:1px 1px 2px #00c96d;}

.valign {
    text-align: center;
    /* margin: 0 auto; */
    position: relative;
    align-content: center;
    /* transform: translateX(-50%); */
    /* transform: translateY(-46%) /* Adicionar os prefixos dos navegadores;;; */ */
}

.imgvalign {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-wrapper{cursor:grab;}