/*FONTE*/
/*@font-face {
    font-family: 'skia';
    src: url('../ttf/Skia.eot');
    src: url('../ttf/Skia.eot?#iefix') format('embedded-opentype'),
         url('../ttf/Skia.woff') format('woff'),
         url('../ttf/Skia.ttf') format('truetype'),
         url('../ttf/Skia.svg#Skia') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
    font-family: 'sansationbold';
    src: url('../ttf/sansation_bold-webfont.eot');
    src: url('../ttf/sansation_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/sansation_bold-webfont.woff2') format('woff2'),
         url('../ttf/sansation_bold-webfont.woff') format('woff'),
         url('../ttf/sansation_bold-webfont.ttf') format('truetype'),
         url('../ttf/sansation_bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansationbold_italic';
    src: url('../ttf/sansation_bold_italic-webfont.eot');
    src: url('../ttf/sansation_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/sansation_bold_italic-webfont.woff2') format('woff2'),
         url('../ttf/sansation_bold_italic-webfont.woff') format('woff'),
         url('../ttf/sansation_bold_italic-webfont.ttf') format('truetype'),
         url('../ttf/sansation_bold_italic-webfont.svg#sansationbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansationitalic';
    src: url('../ttf/sansation_italic-webfont.eot');
    src: url('../ttf/sansation_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/sansation_italic-webfont.woff2') format('woff2'),
         url('../ttf/sansation_italic-webfont.woff') format('woff'),
         url('../ttf/sansation_italic-webfont.ttf') format('truetype'),
         url('../ttf/sansation_italic-webfont.svg#sansationitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansation_lightlight';
    src: url('../ttf/sansation_light-webfont.eot');
    src: url('../ttf/sansation_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/sansation_light-webfont.woff2') format('woff2'),
         url('../ttf/sansation_light-webfont.woff') format('woff'),
         url('../ttf/sansation_light-webfont.ttf') format('truetype'),
         url('../ttf/sansation_light-webfont.svg#sansation_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansation_lightlight_italic';
    src: url('../ttf/sansation_light_italic-webfont.eot');
    src: url('../ttf/sansation_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/sansation_light_italic-webfont.woff2') format('woff2'),
         url('../ttf/sansation_light_italic-webfont.woff') format('woff'),
         url('../ttf/sansation_light_italic-webfont.ttf') format('truetype'),
         url('../ttf/sansation_light_italic-webfont.svg#sansation_lightlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansationregular';
    src: url('../ttf/sansation_regular-webfont.eot');
    src: url('../ttf/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/sansation_regular-webfont.woff2') format('woff2'),
         url('../ttf/sansation_regular-webfont.woff') format('woff'),
         url('../ttf/sansation_regular-webfont.ttf') format('truetype'),
         url('../ttf/sansation_regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*FONTE*/
.developed,
.developed a{
	color:#fff;
	padding:10px 0;
}
.developed a{
	text-decoration:none;
}
.developed a:hover{
	text-decoration:underline;
}
/* ==========================================================================
   Fabio Eilert
   ========================================================================== */

html,
body {
    height: 100%;
	font-family:sansationregular;
	line-height:1;
}
.sig-img{
	margin-top:25px;
}
.perfil-box{
	margin-top:20px;
}
.perfil-box p{
	font-size:16px;
}
.insta{
	margin-bottom:40px;
}
#box-tags-childs{
	display:none;
}
.carousel,
.item,
.active {
    height: 100%;
}
#home-bottom-carousel{
	padding:20px 0;
}
.ban-title{
	color:#fff;
	text-decoration:none;
}
.carousel-inner {
    height: 100%;
}
#myCarousel{
	cursor:pointer;
}
.hide-bullets {
	list-style:none;
	margin-left: -40px;
	margin-top:20px;
}
.return-footer,
.open-footer{
	position:absolute;
	cursor:pointer;
	right:1%;
	z-index:99;
}
.return-footer{
	bottom:425px;
	display:none;
}
.open-footer{
	bottom:25px;
	display:none;
}
/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  color:#fff;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.form-input,
.form-area{
	color:#fff;
	background-color:#181e18;
	border:none;
	margin:5px 0;
}
.form-area{
	height:175px !important;
}
.footer-form-btn{
	background-color:#3d6e71;
	color:#181e18;
	border:none !important;
	width:150px;
	height:40px;
	margin-left:0;
	margin-bottom:50px;
}
.contact-top-email,
.contact-top-email:hover{
	color:#fff;
	text-decoration:none;
	margin-right:25px;
}
.icon-bar{
	background-color:#fff;
}
.box-tags{
	padding:15px;
}
.btn-tag{
	color:#181e18;
	background-color:#fff;
}
/* Background images are set within the HTML using inline CSS, not here */
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.mark{
	position: absolute;
    bottom: 10px;
    right: 10px;
    background: transparent;
}
.phone{
	cursor:normal;
	color:#fff;
	text-decoration:none;
	padding:20px 0;
}
.phone:hover{
	color:#fff;
	text-decoration:underline;
}
.logo{
	width:80px;
	height:auto;
}
.navbar,
.footer-home{
	background:url('../img/bg-all.png')repeat top center;
	margin:0;
}
#navbar{
	background:url('../img/bg-all.png')repeat top center;
	margin-top:30px;
	font-size:14px;
}
#carousel-text p{
	padding-bottom:30px !important;
}
.visit{
	background-color:#3d6e71;
	color:#181e18;
	border:none !important;
	padding:10px 50px;
	font-size:16px;
	text-decoration:none;
}
.visit:hover{
	background:transparent;
	border:solid 1px #3d6e71 !important;
	color:#3d6e71;
}
#slider{
	padding:50px 0;
}
.navbar{
	height:80px;
	z-index:99;
}
.menu{
	margin-top:15px;
	list-style:none;
	padding:0;
}
.menu-item{
	display:block;
	text-align:center;
	margin:15px 0;
	border:none;
}
.social-top-item{
	display:inline-block;
}
.first-social{
	margin-left:60px !important;
}
.menu-item a{
	color:#fff;
	padding:5px;
	text-transform:uppercase;
	border:none;
}	
.menu-item a:hover{
	border-bottom:solid 5px #3d6e71;
	text-decoration:none;
}
.header-contacts{
	color:#fff;
	float:right;
	margin-top:15px;
	text-align:center !important;
	width: 94%;
    text-align: right;
	line-height:2;
}
.social-top-item{
	padding:0 5px;
}
.bg-page-title{
	background:url('../img/black-bg.png')repeat top center;
	width:100%;
	height:295px;
	color:#fff;
}
.bg-page{
	background:url('../img/black-bg.png')repeat top center;
	width:100%;
	color:#fff;
	min-height:768px;
}
.wrapper{
	overflow: auto;
}
.project-box{
	padding:50px 0;
}
.risc{
	width:100px;
	height:10px;
	background-color:#3d6e71;
	margin:0 auto;
}
.risc-int{
	width:200px;
	height:10px;
	background-color:#3d6e71;
	margin:30px 0;
}
.risc-parc{
	width:320px;
	height:10px;
	background-color:#3d6e71;
	margin:30px 0;
}
.contact-bg{
	background:url('../img/bg-interno.jpg')no-repeat top center;
}
.perfil-bg{
	background:url('../img/bg-interno.jpg')no-repeat top center;
	min-height:768px;
}
.perfil-box{
	padding:30px 0 50px 0;
}
.photo-perfil{
	width:100%;
	height:auto;
}
.contact-area,
.orcamento-area{
	position:relative;
	height:200px;
}
#contactform { 
	padding: 10px;
	background: url('../img/bg.png')repeat top center;
	color: #fff;
}
#googlemaps,
#orcamento-bg{ 
	display:none;
}
#orcamentoform{
	padding: 10px;
	background: url('../img/bg.png')repeat top center;
	color: #fff;
}
.description p{
	margin:5px 0;
}
.box-number{
	/*background-color:#fff;
	color:#3d6e71;*/
	font-size:64px;
	padding:5px 25px;
	margin:15px 0;
}
#instafeed{
	list-style:none;
	padding:0;
}
.card__copy .carousel-inner{
	height:600px !important;
}
.orc-int-title{
	font-size:20px; 
	font-weight:600;
}
.orc-int-paragraph p, 
.orc-int-paragraph span{
	display:inline-block;	
}
.orc-int-paragraph p{
	width:70%;
}
.sig-proj{
	padding:20px 0 ;
}
/*MODAL DE AGRADECIMENTO E DE FORM*/
.modalDialog{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
  max-width: 600px;
  min-height: 168px;
  position: relative;
  margin: 15% auto;
  padding: 5px 20px 13px 20px;
  background-color:#3d6e71;
}
#enviado .close{
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
}
.title-page-modal{
  font-size: 28px;
  font-weight: 700;
  margin: 15px 0 15px 0;
}
#enviado .title-page-modal-other{
  color:#FFF;
  font-family: 'Roboto', sans-serif;
  font-weight:900;
  text-align:center;
  font-size:28px;
}
#enviado .title-page-modal{
  margin-top: 250px;
}
#enviado .title-page-modal-other{
  margin-top: 50px;
  margin-bottom:20px
}
#enviado .text-page-modal{
  color:#fff;
  font-family: 'Lato', sans-serif;
  font-size:14px;
  text-align:center;
}
#mask {position:absolute;
z-index:9000;  
background-color:#000; 
display:none;
}

#boxes .window {
  position:absolute;
  width:600px;
  height:608px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #form-envia {
  width:600px;
  height:608px;
}
#form-envia form{
  margin-top:100px;
  padding: 0 90px;
  width: 100%;
}
#form-envia label, 
#form-envia input,
#form-envia textarea{
  margin:5px;
}
/*MODAL DE AGRADECIMENTO E DE FORM*/

#nome-error,
#email-error,
#fone-error,
#msg-error{
	position:absolute;
	top:10px;
	left:70px;
	color:#ff0000;
}
.thumbnail{
	background-color:transparent;
	border-color:#3d6e71;
}
.form-orc-box{
	padding-top:15px;
}

@media (min-width: 992px){
	.first-social{
		margin-left:0 !important;
	}
	.phone{
		padding:0;
	}
	#instafeed li{
		display:inline-block;
		width:20%;
		margin:0;
	}
	.logo{
		width:350px;
		height:auto;
	}
	.return-footer{
		display:block;
    right: 25%;
	}
	#navbar{
		background:transparent;
		margin-top:0;
	}
	.navbar{
		height:165px;
	}
	.footer-home{
		height:235px;
	}
	.footer-home{
		width:100%;
		position:absolute;
		bottom:0;
		left:0;
	}
	.footer-int{
		background-color:#3d6e71;
	}
	.header-contacts{
		width: 70%;
		margin-top:80px;
		text-align:right !important;
		line-height:1;
	}
	.menu{
		margin-left:250px;
		margin-top:0;
		list-style:none;
		float:right;
	}
	.menu-item{
		display:inline-block;
		text-align:center;
		margin:10px 0;
	}
	.social-top-item{
		display:inline-block;
	}
	.menu-item a{
		color:#fff;
		padding:5px 15px 15px 15px;
	}	
	.menu-item a:hover{
		border-bottom:solid 5px #3d6e71;
		padding:0 15px 35px 15px;
		text-decoration:none;
	}
	.perfil, 
	.projetos,
	.midia{
		margin-top:15px;
		border:1px solid #fff;
		height:140px;
	}
	.perfil{
		background:url('../img/perfil.jpg')no-repeat center center;
		width:100%;
	}
	.projetos{
		background:url('../img/projetos.jpg')no-repeat center center;
		width:100%;
	}
	.midia{
		background:url('../img/midia.jpg')no-repeat center center;
		width:100%;
	}
	.ft-lnk{
		color:#3d6e71;
		border:solid 2px #3d6e71;
		padding:5px;
		text-align:center;
		position:absolute;
		top:45%;
		left:40%;
		text-shadow: 10px 10px 10px #050505;
	}
	.bg-page-title{
		background:url('../img/black-bg.png')repeat top center;
		width:100%;
		height:200px;
		color:#fff;
	}
	.bg-page{
		background:url('../img/black-bg.png')repeat top center;
		width:100%;
		color:#fff;
	}
	.risc{
		width:100px;
		height:10px;
		background-color:#3d6e71;
		margin:0 auto 30px auto;
	}
	.contact-bg{
		height:365px;
	}
	.perfil-bg{
		background:url('../img/bg-interno.jpg')no-repeat top center;
		min-height:768px;
	}
	/*MAPA*/
	.contact-area,
	.orcamento-area{
		height:600px;
	}
	#orcamento-bg{
		background:url('../img/bg_orc.jpg')no-repeat center center;
	}
	#googlemaps,
	#orcamento-bg{ 
		display:block;
		height: 100%; 
		width:100%; 
		position:relative; 
		top: 0; 
		left: 0; 
		z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
	}
	/*Fim do Mapa*/
	#contactform { 
		position: absolute; 
		top:100px;
		right:3%;
		z-index: 1; /* The z-index should be higher than Google Maps */
		width: 600px;
	}
	#orcamentoform{
		position: absolute; 
		top:50px;
		right:50%;
		margin-right:-480px;
		z-index: 1; /* The z-index should be higher than Google Maps */
		width: 960px;
	}	
	.description,
	.orc-form{
		width:45%;
		float:left;
		padding:10px;
	}
	.footer-form-btn{
		margin-bottom:0;
	}
	.description img{
		width:100%;
		height:auto;
	}
	.form-footer{
		position: relative;
	}
	.form-orc-footer{
		position: absolute;
		bottom: 0;
		right: 0;
		background: url('../img/bg-all.png')repeat top center;
		height:250px;	
		padding:20px;
		width:100%;
	}
}
@media (min-width: 1440px){
	.menu-item a{
		font-size:16px;
		text-transform:uppercase;
	}
	.menu-item a:hover{
		padding: 5px 15px 29px 15px;
	}
	.form-orc-footer{
		height:105px;
		padding:10px 20px 20px 20px;
	}
	#orcamentoform .inner-addon,
	#contactform .inner-addon{
		width:100%;
		display:inline-block;
	}
	.inner-addon{
		width:49%;
		display:inline-block;
	}
}
@media (min-width: 1600px){
	#contactform { 
		right:10%;
	}
}