/* General */
@import url('font-awesome.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

@font-face {font-family: 'trajanpro'; src: url('TrajanPro-Regular.ttf');}
@font-face {font-family: 'aileron'; src: url('Aileron-Light.otf');}

html{overflow-y:scroll; overflow-x:hidden;}
html, body{margin:0; padding:0; font-size:0.935em; line-height:1.6em;}
.centered{display:block; margin:0 auto;}
.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word;}
.emb{display:block; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word;}

.button{display:inline-block; padding:9px 16px 9px; text-transform:uppercase; border:1px solid;}
.button {color:#FFFFFF; background-color:#262626; border-color:#A1C6D9;}
.button:hover {color:inherit; background-color:transparent; border-color:inherit;}
a{outline:none; text-decoration:none;}
a:active, a:focus{background:transparent;}
img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
body{color:#C1C1C1; background-color:white;}
body, input, textarea{font-family:Verdana, Geneva, sans-serif;}
h1, h2, h3, h4, h5, h6, .heading{margin:0 0 20px 0; font-family:Georgia, "Times New Roman", serif; font-size: 1.375em; font-weight:normal; line-height: normal;}
.justify {text-align: justify;}

/* Header */

#header #logo{margin:20px 0;}
#header #logo a{color:inherit;}
.right{float:right;}
.left {float: left;}

/* Navigation */

nav ul {margin:0; padding:0; list-style:none;}
#nav ul{text-transform:uppercase;}
#nav ul ul{z-index:9999; position:absolute; width:180px; text-transform:none;}
#nav li{display:inline-block; position:relative; margin:25px 15px 0 0; padding:0;}
#nav li:last-child{margin-right:0;}
#nav li a{display:block; padding:30px 0;}

/* Navigation - Color */
#nav .current {color:#a0a0a0; background-color:inherit;}
#nav li a{color:#595959;}
#nav a:hover {color:#a0a0a0; background-color:inherit;}

div.box {position:relative; background: white;}

div.box:before, div.box:after{
content:"";
  width:100%;
  height:50px;
  background:#ccc;
  position:absolute;
  top:35px;
  left:2px;
  box-shadow:0px 20px 10px #666;
  z-index:-1;}

/* Page Intro */

.bkg{background-position:top center; background-repeat:no-repeat; background-size:cover; z-index: -3}
.tinted-image {position: relative; z-index: -2}
.tinted-image::before {position: absolute; content: "";top: 0; left: 0; width: 100%; height: 100%; display: block; z-index:-2 ; background-color: rgba(0,0,0,0.5)}

#pageintro{padding:250px 0 220px;}
#pageintro article{display:block; max-width:50%;}
#pageintro article *{margin:0;}
#pageintro article .heading{display:block; position:relative; margin-bottom:20px; padding:15px 0 0px 20px; font-size:42px; color: white;}
#pageintro article p{font-size:16px; line-height:1.4; margin-left: 25px; font-style: italic;color: white;}
#pageintro article footer{margin:30px;}
#pageintro article .heading::before, #pageintro article .heading::after{background-color:rgba(255,255,255,.5);}

/* Scroll down */

@keyframes animation-mouse {
    0% {opacity: 1;
        top: 30%;}
    15% {opacity: 1;
        top: 50%;}
    50% {opacity: 0;
        top: 50%;}
    100% {opacity: 0;
        top: 30%;}
}
@keyframes animation-mouse {
    0% {opacity: 1;
        top: 30%;}
    15% {opacity: 1;
        top: 50%;}
    50% {opacity: 0;
        top: 50%;}
    100% {opacity: 0;
        top: 30%;}
}
@keyframes animation-mouse {
    0% {opacity: 1;
        top: 30%;}
    15% {opacity: 1;
        top: 50%;}
    50% {opacity: 0;
        top: 50%;}
    100% {opacity: 0;
        top: 30%;}
}
    
.scroll-button {display: block; position: absolute; right: 0;  left: 0; text-align:center;}

.scroll-button .mouse {position: relative; display: block; width: 25px; height: 40px; margin:150px auto 10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #d6d6d6; border-radius: 23px; opacity: 0.8;}

.scroll-button .mouse > * {position: absolute; display: block; top: 29%; left: 50%; width: 5px; height: 5px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: ani-mouse 2.5s linear infinite; -moz-animation: ani-mouse 2.5s linear infinite; animation: animation-mouse 2.5s linear infinite;}

.scroll-button .mouse:hover {opacity: 1;}


/* Containers, Squares and Circles */

.Description{margin-bottom:40px;}

.container{padding-top:80px; padding-bottom: 70px; text-align: center;}
.container2{padding-top: 50px;padding-bottom:30px;}
.container3{padding-top:40px; padding-bottom: 90px;}
.container4{padding-top:80px; padding-bottom: 70px; text-align: center;}
.bigger {font-size:2em;}

.pad {display:block;}
.pad::before, .pad::after {display:table; content:"";}
.pad, .pad::after {clear:both;}

.container2, .container3 {display: block;}
.container2::before, .container2::after, .container3::before, .container3::after{display: table; content: "";}
.container2::after, .container2, .container3::after, .container3 {clear: both;}

.square{margin-bottom:30px;}
.squared{display:inline-block; float:left; margin:0 0 0 3.06748466257669%; list-style:none; width:31.28834355828221%; text-align: justify;}
.title_square {font-family: aileron; color:#404040}
.one-fourth {display:inline-block; float:left; margin:0 0 0 5.56583%; list-style:none; width:20.799923076923077%;}
.one{margin-left:0; clear:left;}
.last{margin-right: 0; clear: right;}
.center-img {display: inline-block; margin-top: 20%; }
.center-img2 {display: inline-block; margin-top: 25%;}
.marginb{margin-bottom:5em;;}

.center-circle {text-align: center; margin: 0 auto;}
.button2 {display: inline-block;background-color: #44ada8; border-radius:50%;height:12em;width: 12em; margin-bottom: 2em; text-align: center;}
.button2:hover {color:#262626; background-color:#66c6c1; border-color:inherit;}
.button5 {display: inline-block;background-color: #ff9f7f; border-radius:50%;height:12em;width: 12em; margin-bottom: 2em; text-align: center;}
.button5:hover {color:#262626; background-color:#febca6; border-color:inherit;}
.button3 {display: inline-block;background-color: #9de0ad; border-radius:50%;height:12em;width: 12em; margin-bottom: 2em; text-align: center;}
.button3:hover {color:#262626; background-color:#b4debe; border-color:inherit;}
.button4 {display: inline-block;background-color: #ffc48c; border-radius:50%;height:12em;width: 12em; margin-bottom: 2em; text-align: center;}
.button4:hover {color:#262626; background-color:#ffd5ae; border-color:inherit;}
#narrow h2 {font-family: aileron,'times new roman'; text-transform: uppercase;text-align: center; color:#636363 }
#narrow p {font-weight: lighter;text-align: justify; font-size: 1.1em ;font-family:aileron open sans,sans-serif;}


/* a.circled{padding: 65px 15px; background-color: black; width: 120px; border-radius: 50%; float: right; color: #FF8D81;} */

/* Rows */

.row1{color:#797979; background-color:#FFFFFF; border-color:#A1C6D9;}
.row2{color:#797979; background-color:#FFFFFF;}
.row3{color:#797979; background-color:#FFFFFF;}
.row4{color:#C1C1C1; background-color:#292B2C;}

/* Budget */

.split .box{display:block; position:relative; float:right; width:50%; padding:130px 0 125px 30px;}
.split .box::after{display:block; position:absolute; top:0; right:-100%; bottom:0; left:100%;}
.split .box, .split .box::after{color:white; background-color:#262728;}
.headingb{margin:0 0 20px 0; font-family: aileron,Georgia, "Times New Roman", serif; font-size: 1.5em; font-weight:normal; line-height: normal;}

/* Fade Buttons */

*, *::before, *::after{transition:all .3s ease-in-out;}
#nav form *{transition:none !important;}

/* Media Queries */

@-ms-viewport{width:device-width;}
@media screen and (min-width:992px){.centered{max-width:992px;}}


/* ALL OTHER PAGES */

#banner {position: relative; padding-top: 15px;}

.breadcrumb {padding: 10px 16px; list-style: none; background-color: #d72728;}
.breadcrumb li {display: inline; font-size: 18px;}
.breadcrumb li+li:before {padding: 8px; color: white; content: "/\00a0";}
.breadcrumb li a {color: white; text-decoration: none; z-index: 100;}

#top-banner {background:#f5f5f5; position:relative; color:white; z-index: -2; height: 8em;}
.banner-text {color: black; text-align: center; padding-top: 0.6em; padding-bottom: 0em; font-family: aileron, Georgia, "Times New Roman", serif; font-size: 2.5em; font-style: italic;}
#inner-headline .inner-heading h2 {color:white; margin:10px 0 0 0;
}
#inner-headline ul.breadcrumb {margin:0px 0px 0; float:left;}
#inner-headline ul.breadcrumb li {margin-bottom:0; padding-bottom:0;}
#inner-headline ul.breadcrumb li {font-size:1em; color:white;}
#inner-headline ul.breadcrumb li i{color:white; z-index: 100;}

.container5 {
	padding:1.5em 0 4.5em 0;
	position:relative;
}

.body {color: black; text-align: justify;}
.body h1 {text-align: center; padding-top: 2.2em; padding-bottom: 0.2em; font-family:Georgia, "Times New Roman", serif; font-size: 2.5em; font-style: italic; border-bottom:1px solid grey; line-height: 2.2em;}
.body br {line-height: 300%}
#spacing {padding-bottom: 2em;}
#intro {font-size:1
    .06em; padding-bottom: 2em;}


/* SERVIÇOS */

#space_containers {margin:10em 0 0 0;}
.parallax-container {height: auto; background-color: #f5f5f5; position: relative; box-shadow:inset 0px 12px 20px -20px black,  0px 12px 20px -20px black ; z-index: 1}
.parallax-container2 {height: 23em; background-color: white; position: relative; margin: 2em 0;}
.parallax-container3 {height: 27em; background-color: #f5f5f5; position: relative; box-shadow:inset 0px 12px 20px -20px black,  0px 12px 20px -20px black ; z-index: 1}
.parallax-container4 {height: 35em; background-color: white; position: relative; margin: 2em 0;}
.parallax-container5 {height: auto; background-color: #f5f5f5; position: relative; box-shadow:inset 0px 12px 20px -20px black,  0px 12px 20px -20px black ; z-index: 1}
.opacity {opacity: 1; z-index: 10;}
.container6 {padding-top:80px; padding-bottom: 70px;}
.container6 p {margin-top: 3em;text-align: justify; opacity: 1;}
.container6 ul {text-align: left; list-style-type: none; opacity: 1;}
.list-white {color: white; margin-right: 0.5em;}
.list {color: black; margin-right: 0.5em;}
.black-text h2, .black-text p , .black-text ul {color: black;}
.white-text h2, .white-text p , .white-text ul {color: white;}


/* CONTACTOS */

#map {height: 35em; width: 100%; border: none; margin: 0; padding: 0;}
.space_footer {margin:20em 0 0 0;}
#space_containers2 {margin:11em 0 0 0;}

.container7 {padding-top:4.5em; padding-bottom: 70px; text-align: Left;}
.container7 h2 {font-size: 1.7em; font-family: open sans,sans-serif; font-weight: 600; margin-bottom: 0; color: #404040;}
.container7 p {margin-top: 0.5em; font-size: 1.2em; ;font-family: open sans,sans-serif; font-weight: 400; color: #636363;}
.contactos {padding-top: 20px;}

.column {float: left; width: 50%; padding-left: 8em;}
.row:after {content: ""; display: table; clear: both;}

/* ORÇAMENTO */

.container8 {padding-top:0; padding-bottom: 70px; text-align: justify;}
.container8 h2 {font-size: 1.7em; font-family: open sans,sans-serif; font-weight: 600; margin-bottom: 0; color: #404040; padding-left: 2em;}
.container8 p {margin-top: 0.5em; font-size: 1.2em; ;font-family: open sans,sans-serif; font-weight: 400; color: #636363; padding-left: 2.85em;}

#form-orcamento {margin: 0 3em 3em 3em;}
.iziform {width: 100%; background-color: #fff1e; padding: 0 3em 8em 3em;} 
.iziform fieldset {border: 0; margin: 0; padding: 0;}
.form-required {vertical-align: super}
.form-high {vertical-align: super; font-size: 0.7em;}
#form-orcamento label {font-family: aileron, arial, sans-serif; font-weight: 300; font-size: 1.1em; color: #999;}
.iziform p {font-family: aileron, arial, sans-serif; font-weight: 300; font-size: 1em; color: #999; text-align: right; padding-right: 1em;}
#space-form {padding-top: 1em; margin: 1em;}
.space-fields {padding-top: 3em; margin: 2.2em;}
.space-fields2 {padding-top: 5em; margin: 2.2em;}
.top1 {padding-top: 0em}
.top {padding-top: 2em;}
.form-heading h3 {font-size: 1.5em; font-family: aileron, arial, sans-serif; margin-top: 0em; color: #404040}

.full-width input {font-size: 18px; font-family: aileron, arial, sans-serif; color: #333; box-sizing: border-box; height: auto; line-height: normal; width: 100%; padding: 0.4em; border:0; border-bottom: 1px solid #636363; background-color: #f5f5f5;}
.full-width label {font-family: aileron, arial, sans-serif; font-weight: 300; font-size: 1.1em; color: #999;}

.half-width-left {float: left; width: 65%}
.half-width-left input {font-size: 18px; font-family: aileron, arial, sans-serif; color: #333; box-sizing: border-box; height: auto; line-height: normal; padding: 0.4em; border:0; border-bottom: 1px solid #636363; background-color: #f5f5f5; width: 90%}

.half-width-right {float: left; width: 35%}
.half-width-right input {font-size: 18px; font-family: aileron, arial, sans-serif; color: #333; box-sizing: border-box; height: auto; line-height: normal; padding: 0.4em; border:0; border-bottom: 1px solid #636363; background-color: #f5f5f5; width: 100%}

.third-right {float: left; width: 33%;}
.third-center {float: left; width: 33%}
.third-left {float: left; width: 33%}
.third-width input {font-size: 18px; font-family: aileron, arial, sans-serif; color: #333; box-sizing: border-box; height: auto; line-height: normal; padding: 0.4em; margin-left: 1.7em; border:0; border-bottom: 1px solid #636363; background-color: #f5f5f5; width: 80%}
.third-width label {margin-left: 2.2em;}
.third-width input::placeholder {color: #afafaf; font-style: italic; font-size: 0.7em;}

.fourth-right {float: left; width: 50%;}
.fourth-left {float: left; width: 22%;}
.fourth-left2 {float: left; width: 24.8%;}
.fourth-width input {text-align: center;font-size: 18px; font-family: aileron, arial, sans-serif; color: #333; box-sizing: border-box; height: auto; line-height: normal; padding: 0.4em; margin-left: 1em; border:0; border-bottom: 1px solid #636363; background-color: #f5f5f5; width: 10%}
.fourth-right select {font-size: 1.1em; font-family: aileron, arial, sans-serif; color: #333; box-sizing: border-box; height: auto; line-height: normal; padding: 0.2em; margin-left: 1em; border:0; margin-right: 0; border-bottom: 1px solid #636363; background-color: #f5f5f5; width: 25%}
.fourth-width2 input {text-align: center;font-size: 18px; font-family: aileron, arial, sans-serif; color: #333; box-sizing: border-box; height: auto; line-height: normal; padding: 0.4em; margin-left: 1em; border:0; border-bottom: 1px solid #636363; background-color: #f5f5f5; width: 15%}
.fourth-width2 label {margin-left: 2.2em;}
.fourth-width label {margin-left: 2.2em;}

.full-width2 textarea {resize: none;font-size: 18px; font-family: aileron, arial, sans-serif; color: #333; box-sizing: border-box; height: auto; line-height: normal; width: 92%; padding: 0.4em; border:0; border-bottom: 1px solid #636363; background-color: #f5f5f5; margin-left: 2em; height: 8em;}

.full-width2 label {margin-left: 2.2em;}
.middle-sub {text-align: center; padding-top: 2.5em;}
#form_button {cursor: pointer}
#freq {display:none;}
#horario {display:none;}


/* SOBRE NÓS */

.pagetop h2 {color:#5b5b5b ; text-align: left; padding-top: 0.6em; padding-bottom: 0.5em; font-family: aileron, Georgia, "Times New Roman", serif; font-size: 2.5em; border-bottom: 1px solid grey;}
.pagetop p {text-align: justify; padding-bottom: 0.2em;;}
.pagetop br {margin-bottom: 2em;}
.quotes {font-size: 2em; vertical-align: bottom; padding-right: 0.4em; display: inline-block;}
.pagetop h3 {font-size: 1.7em;}
#divider {border-bottom: 1px solid #eee}

#values {text-align: center; vertical-align: middle;}
.column1 {float: left; width: 50%; padding-left: 0em; padding-top: 3em;}
.column1 p {font-size: 1.2em; ;font-family: open sans,sans-serif; font-weight: 400;}
#valores1 {list-style-type: none; display: inline-block; float:left; padding: 0; margin-left: 5em;}
#valores2 {list-style-type: none; display: inline-block; margin-left: 5em; padding: 0;}
#values li {padding-bottom: 2em; text-align: center;}
.valores-text p {text-align: center; margin-top: 0.9em; color: #d72728; font-weight: lighter;}

.container9 h4 {font-size: 1.7em; font-family: open sans,sans-serif; font-weight: 600; margin-bottom: 0; color: #404040;}
.container9 {padding-top:4.5em; padding-bottom: 2em;}

.column2 {float: left; width: 50%; padding-left: 0em;}
.button-space {padding-top: 2em;}