/* reset rafael monroe */
* { margin:0px; padding:0px; border:0px; font-weight:normal; font-size:100%; list-style:none; line-height:1; outline:0px; background:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; -o-font-smoothing:antialiased; font-smoothing:antialiased; webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

/* global class */
.on { display:block; }
.off { display:none; }
.cl { clear:both; }
.container { display:block; width:1200px; height:auto; margin:0px auto; }

/* base */
a { text-decoration:none; transition:all .5s ease; }
body { background:#fff url('../images/content-bg.jpg') repeat-y; background-size:cover; font:normal 12px 'Brandon Grotesque', sans-serif; }
input, textarea { font:normal 12px 'Brandon Grotesque', sans-serif; }

/* header */
#header { position:relative; float:left; width:100%; height:auto; min-height:500px; background:#313131 url('../images/header-bg.jpg') repeat; background-size:cover; overflow:hidden; }
#header h1 { position:absolute; z-index:2; top:50%; left:50%; width:400px; height:260px; margin:-130px 0px 0px -200px; background:transparent url('../images/header-logo.png') no-repeat; text-indent:-9999em; transition:all .5s ease; }
#header h1 a { display:block; width:100%; height:100%; }
#header.animated h1 { position:fixed; z-index:10; top:0px; left:0px; width:250px; height:180px; margin:0px; background-color:#353535; background-position:center center; background-size:contain; }
#header sub { position:absolute; bottom:40px; left:0px; width:100%; height:auto; padding-top:60px; text-align:center; text-transform:uppercase; color:#fff; font-size:11px; font-weight:bold; letter-spacing:2px; background:transparent url('../images/header-arrow.png') no-repeat center top; cursor:pointer; transition:all .5s ease; }
#header sub:hover { padding-top:50px;  animation-iteration-count: infinite; }
#header::before { position:absolute; top:0px; right:0px; width:690px; height:720px; background:transparent url('../images/header-image-circle.png') no-repeat; content:''; }
#header::after { position:absolute; top:0px; right:0px; width:690px; height:720px; background:transparent url('../images/header-image.png') no-repeat; mix-blend-mode:darken; content:''; }

   /* header -> about */
   .about { min-height:400px !important; height:400px !important; }
   .about h2 { position:absolute; z-index:3; bottom:30px; left:0px; width:100%; height:auto; font-size:100px; font-weight:900; color:#f39200; letter-spacing:-5px; text-transform:uppercase; text-align:center; }

/* n1 */
#n1 { float:left; width:100%; height:auto; }
#n1 article { position:relative; float:left; width:100%; height:2126px; background:transparent url('../images/n1.png') no-repeat center top; }
#n1 article main { position:absolute; top:90px; left:54%; width:540px; height:auto; }
#n1 article main h1 { float:left; width:100%; height:auto; margin-left:-139px; text-transform:uppercase; font-size:240px; font-weight:900; color:#353535; letter-spacing:-12px; }
#n1 article main h1 big { display:block; margin-top:-40px; font-size:280px; font-weight:900; color:#353535; letter-spacing:0px; }
#n1 article main span { position:absolute; top:380px; right:0px; width:auto; text-transform:uppercase; font-size:15px; }
#n1 article main span a { display:block; width:auto; padding:20px 70px 20px 40px; border-radius:50px; background:#353535 url('../images/content-arrow.png') no-repeat 90% center; color:#fff; font-weight:600; }
#n1 article main span a:hover { background-color:#f39200; background-position:92% center; }
#n1 article main em { float:left; width:100%; margin:40px 0px; font-size:62px; font-family:'Nexa Rust Script L0', cursive; font-style:normal; line-height:56px; }
#n1 article main p { float:left; width:100%; margin-bottom:60px; font-size:30px; font-family:'Nexa Rust Script L0', cursive; line-height:36px; }
#n1 article main ul { float:left; width:100%; height:auto; text-align:center; }
#n1 article main ul li { display:inline-block; width:32%; height:auto; margin-bottom:30px; padding:80px 4% 0px 4%; background-position:center top; background-repeat:no-repeat; vertical-align:top; font-size:14px; line-height:24px; text-transform:uppercase; font-weight:600; }
#n1 article main ul li.i-localizacao { background-image:url('../images/content-localizacao.png'); }
#n1 article main ul li.i-apartamentos { background-image:url('../images/content-apartamentos.png'); }
#n1 article main ul li.i-espaco { background-image:url('../images/content-espaco.png'); }
#n1 article main ul li.i-gerador { background-image:url('../images/content-gerador.png'); }
#n1 article main ul li.i-piscina { background-image:url('../images/content-piscina.png'); }
#n1 article main ul li.i-garagem { background-image:url('../images/content-garagem.png'); }
#n1 article small { position:absolute; left:50%; width:250px; height:auto; text-align:center; }
#n1 article small a { display:block; width:100%; height:100%; }
#n1 article small figure { position:relative; float:left; width:250px; height:250px; border-radius:250px; box-shadow:0px 60px 100px rgba(0,0,0,.7); background-color:#eb9600; overflow:hidden; transition:all .5s ease; }
#n1 article small figure img { width:100%; height:100%; object-fit:cover; object-position:center; transition:all .2s ease; }
#n1 article small:hover figure { margin-top:-30px; transform:scale(1.1); }
#n1 article small:hover figure img { opacity:.7; }
#n1 article small::before { position:absolute; top:0%; left:50%; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-bottom:250px solid rgba(255,255,255,.3); content:''; }
/* #n1 article small figure::after { position:absolute; top:50%; left:50%; width:220px; height:220px; margin:-110px 0px 0px -110px; border-radius:250px; border:30px solid rgba(255,255,255,.3); overflow:hidden; content:''; } */
#n1 article small figcaption { position:relative; z-index:2; display:inline-block; width:auto; margin-top:30px; padding:5px 10px; background-color:#eb9600; color:#fff; text-transform:uppercase; font-weight:600; }
#n1 article small.left::before { transform:rotate(-130deg) translate(0%, -50%); }
#n1 article small.right::before { transform:rotate(130deg) translate(0%, -50%); }
#n1 article small.b1 { top:440px; margin-left:-480px; }
#n1 article small.b2 { top:920px; margin-left:-380px; }
#n1 article small.b3 { top:1420px; margin-left:-420px; }
#n1 article small.b4 { top:1500px; margin-left:300px; }

/* contato */
#contato { float:left; width:100%; height:auto; margin-top:70px; }
#contato header { float:right; width:50%; height:auto; }
#contato header h1 { float:left; width:100%; height:auto; margin-left:-139px; text-transform:uppercase; font-size:240px; font-weight:900; color:#353535; letter-spacing:-12px; }
#contato article { float:left; width:100%; height:auto; margin-top:30px; }
#contato article fieldset { float:left; width:100%; height:auto; padding:0px 15%; }
#contato article fieldset label { float:left; width:100%; height:auto; margin-bottom:20px; }
#contato article fieldset label input.txt { float:left; width:100%; height:55px; padding:0px 15px; border:2px solid #353535; line-height:55px; font-size:14px; text-transform:uppercase; font-weight:500; }
#contato article fieldset label input.txt:focus, #contato article fieldset label input.txt:active, #contato article fieldset label textarea:focus, #contato article fieldset label textarea:active { border:2px solid #f39200; }
#contato article fieldset label textarea { float:left; width:100%; height:200px; padding:15px; border:2px solid #353535; font-size:14px; text-transform:uppercase; font-weight:500; }
#contato article fieldset label input.sbt { float:left; width:100%; height:55px; background-color:#353535; border:2px solid #353535; color:#fff; line-height:55px; font-size:14px; text-transform:uppercase; font-weight:600; text-align:center; letter-spacing:2px; cursor:pointer; transition:all .3s ease; }
#contato article fieldset label input.sbt:hover { border:2px solid #f39200; background-color:#f39200; }

/* galeria */
.galeria { float:left; width:100%; height:0px; overflow:hidden; }

/* footer */
#footer { float:left; width:100%; height:auto; margin:70px 0px; }
#footer strong { display:block; width:100px; height:64px; margin:0px auto; background:transparent url('../images/footer-groupmy.png') no-repeat; text-indent:-9999em; }
#footer strong a { display:block; width:100px; height:64px; }

/* responsive */
@media (max-width:1200px){

   /* global class */
   .container { width:100%; }

   /* n1 */
   #n1 { overflow:hidden; }
   #n1 article { height:auto; background-image:none; }
   #n1 article main { left:0px; position:relative; float:left; width:100%; margin-bottom:100px; text-align:center; }
   #n1 article main h1 { margin-left:0px; text-align:center; font-size:130px; }
   #n1 article main h1 big { margin-top:-30px; font-size:145px; }
   #n1 article main span { position:relative; top:0px; display:inline-block; }
   #n1 article main ul li { width:49%; }
   #n1 article small { position:relative; top:0px !important; left:0px !important; display:inline-block; width:49%; margin-left:-0px !important; margin-bottom:60px; }
   #n1 article small figure { float:none; display:inline-block; }
   #n1 article small figcaption { width:100%; background:none; color:#fff; font-size:14px; font-weight:600; }

   /* contato */
   #contato { margin-top:0px; }
   #contato header { width:100%; }
   #contato header h1 { margin-left:0px; text-align:center; font-size:130px; }
   #contato article { margin-top:30px; }
   #contato article fieldset { padding:0px 5%; }

}

@media (max-width:600px){

   /* header */
   #header::before, #header::after { transform:scale(.4); transform-origin:top right; }
   #header h1 { transform:scale(.6); }
   #header.animated h1 { transform-origin:top left; }

   /* n1 */
   #n1 article small { width:100%; }

}