/* #Site Styles
================================================== */

/* Page Styles */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

.edgeLine {
	height:10px;
	background-color:#1c1c1c;	
}

.sepBorder {
	clear:both;
	display:block;
	height:8px;
	width:100%;
	background:url(../images/sepBorder.png) repeat-x left top;
}

.clearfix {
	clear:both;
	visibility: hidden
	line-height: 0;
	height: 0;	
}

figure {
	background-color:#FFF;
	line-height:0;
	padding:2px;
	border:3px solid #efefef;
	position:relative;
}

	figure img {
		width:100%;
	}

.no-margin-top {
	margin-top:0px !important;	
}

.empty_column {
	height:10px;
	width:100%;	
}

div.status {
	padding-left:24px;
	font-family:'Droid Serif', Arial, sans-serif;
	margin-top:10px;
	font-size:13px;
}
	
	div.status.error {
		color:#F00;
		background:url(../images/status_error.png) no-repeat left center;
	}
	
	div.status.success {
		color:#093;
		background:url(../images/status_success.png) no-repeat left center;
	}
	
/* Site Element Styles */

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

.responsive {
	display: none;
	width:100%;
	padding:10px;
	margin:5px 0px 10px 0px;
}

/* Text Styles */

.smooth {
	color:#8e8e8e;	
}
	
.sharp {
	color:#444444;
}

.uppercase {
	text-transform:uppercase;	
}

.lowercase {
	text-transform:lowercase;	
}

.font-required {
	color:#f2472d;
}

/* Table */

table tr td, table tr th {
	border:1px solid #EBEBEB;
	padding:5px 10px;
	text-align:left;
}

table tr th {
	font-weight:bold;
	background-color:#F6F6F6;
	text-align:center;
}

table tfoot tr td {
	background-color:#FAFAFA;	
}

/* Highlight */

.highlight {
	padding:0.125em 0.25em 0.125em 0.25em;
	background-color:#272727;
	color:#FFF;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;	
}

/* #Top
================================================== */

.top {
	background:url(../images/baseTop.png) #f0f0f0 repeat;
}

/* #Logo
================================================== */

.top .logo {
	margin:10px 0 0 0;
}
	
	.top .logo h1 {
		font-size:3em;
		color:#f2472d;
		text-transform:uppercase;
		margin:0px;
		line-height:1em;
	}
	
	.top .logo h5 {
		font-family: 'Droid Sans', Arial, sans-serif;
		color:#8d8d8d;
		font-weight:bold;
		margin:0px;
	}
	
	.top .social {
		margin:25px 0 0 0;	
	}
	
	.top .social .social_text {
		float:right;
		margin-right:15px;
	}
		
	.top .social ul {
		float:right;
		display:inline;
	}
	
		.top .social ul li {
			display:inline;
			margin:0px 2px;
		}
	
			.top .social ul li img {
				width:20px;
				margin-right: 5px;
				margin-bottom: -5px;
			}
			
			.top .social ul li a img {
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;	
			}
				
				.top .social ul li a img:hover {	
					opacity:0.7;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
					filter:alpha(opacity=70);
				}
		
/* #Navigation
================================================== */

.nav_menu {
	padding:18px 0px 16px 0px;
	
	background: #333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#294de1), to(#02135b));
	background: -moz-linear-gradient(top,  #294de1,  #02135b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#294de1', endColorstr='#02135b');
}
	.nav_menu ul {
		margin:0px;
		text-align:center;
		font-family:'Droid Serif', Arial, sans-serif;
		text-transform:uppercase;
	}

		.nav_menu  ul li {
			display:inline;
			padding:0px 40px;
			border-right:1px solid #444;
		}
		
		.nav_menu ul li:last-child {
			border-right:0px;	
		}
		
			.nav_menu ul li a {
				color:#D6D6D6;
			}
			
			.nav_menu ul li a:hover {
				color:#FFF;
				text-decoration: underline;
			}

	.nav_menu.fixed {
		position: fixed;
		top: 0;
		left:0;
		right:0;
		z-index: 9999;
		border-bottom:1px solid #000;
	}
			
/* #Main
================================================== */

.main {
	margin: 0 auto 60px auto;
	background: #fff;
	padding: 0 10px 30px 10px;
}
@media only screen and (max-width: 600px){
	.main {
		padding: 0;
	}
	.top .social ul li {
		display: block;
		margin: 5px;
		width: 100%;
	}
}
	.main .header {
		background-color:#294de1;
		position:relative;
		text-align:center;
		height:16px;
		margin-bottom:50px;
		max-width: 940px;
	}
	
		.main .header h4 {
			text-transform:uppercase;
			background-color:#294de1;
			position: relative;
			display:inline;
			padding:10px 30px;
			top:8px;
			color:#FFF;
		}

/* #Slider
================================================== */

.slider {
	text-align:center;	
}

	.slider > h2 {
		margin-bottom:20px;
	}

	.slider.flexslider ul.slides {
		margin:0px;
	}
	
		.slider.flexslider ul.slides li {
			position:relative;	
		}
			
			.slider.flexslider ul.slides li .text {
				position:absolute;
				bottom:5px;
				left:5px;
				right:5px;
				padding:15px;
				background:url(../images/baseSlider.png) repeat;
				color:#C1C1C1;
			}
			
				.slider.flexslider ul.slides li .text h4 {
					margin-bottom:5px;
					color:#FFF;
					font-size:1.25em;
					text-transform:uppercase;
				}
				
				.slider.flexslider ul.slides li .text p {
					margin-bottom:10px;	
				}
				
				.slider.flexslider ul.slides li .button {
					margin-bottom:5px;
				}
				
				.slider.flexslider ul.slides li .text a {
					color:#FFF;	
				}
				
				.slider.flexslider ul.slides li .text a:hover {
					color:#C1C1C1;	
				}
				
			
				.slider.flexslider ul.slides li .text2 h4 {
					background-color:#2E2E2E;
					color:#FFF;
					text-transform:uppercase;
					font-family:'Droid Serif', serif;
					padding:10px;
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
					border-radius:3px;
					margin-bottom:10px;
					display:inline-block;
					margin-top:1px;
				}
				
				.slider.flexslider ul.slides li .text2 p {
					margin-bottom:10px;	
				}
				
/* #Features
================================================== */

.features {
	display:inline-block;
	text-align:center;	
}

	.features img {
		margin-bottom:20px;	
	}
	
	.features h4 {
		margin-bottom:10px;
		text-transform:uppercase;
	}
	
	.features p {
		margin-bottom:10px;	
	}

/* #Latest Projects
================================================== */

.latest_projects {
	display:inline-block;
	/*margin-top:10px;*/
}

	.latest_projects .intro h4 {
		text-transform:uppercase !important;
	}
	
	.latest_projects p {
		font-size:16px;
		margin-bottom:10px;
	}
	
	.latest_projects ul, .latest_projects ul li {
		margin:0px;	
	}
	
		.latest_projects ul li {
			float:left;
			margin:0px 3px;
			height:130px !important;
			width:228px !important;
		}

/* #Our Teams
================================================== */

.our_teams {
	display:inline-block;
	margin-top:40px;
	text-align:left;	
}

	.our_teams div.profile {
		margin-bottom:50px;
		position:relative;
	}
	
		.our_teams .photo {
			width:40%;
			float:left;
			line-height:0;
			margin-right:4%;
			position:relative;
			text-align:center;
		}
		
		.our_teams .desc {
			float:left;
			width:55%;	
		}
		
			.our_teams .desc h5 {
				color:#595959;
				font-size:1.125em;
				text-transform:uppercase;
			}
			
			.our_teams .desc h6 {
				color:#294de1;
				margin-bottom:10px;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
			}
		
			.our_teams .desc p {
				line-height:1.5em;
				margin-bottom:10px;
				/*font-size:0.925em;*/
			}
			
		.our_teams .social {
			position:absolute;
			left:0;
			bottom:-40px;
			width:100%;
		}
			
			.our_teams .social ul {
				margin:0px;
				text-align:center;
				width:100%;
			}
			
				.our_teams .social ul li {
					margin:0px;
					display:inline;
				}
				
					.our_teams .social ul li img {
						width:24px;	
					}
					
						.our_teams .social ul li a img {
							-webkit-transition: opacity 0.2s ease-in-out;
							-moz-transition: opacity 0.2s ease-in-out;
							transition: opacity 0.2s ease-in-out;	
						}
							
						.our_teams .social ul li a img:hover {	
							opacity:0.7;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
							filter:alpha(opacity=70);
						}
							
/* #Testimonials
================================================== */

.testimonials {
	margin-top:60px;
	display:inline-block;
}
	
	.testimonials p {
		margin:0px;	
	}
	
	.testimonials .flexslider {
		margin-bottom:20px;	
	}

		.testimonials .flexslider .base_text {
			background-color:#e8e8e8;
			color:#5e5e5e;
			padding:10px;
			text-align:center;	
		}
		
		.testimonials .flexslider .arrow_down {
			height:29px;
			background: url(../images/arrowDown.png) no-repeat top center;
			margin-bottom:10px;
		}
		
		.testimonials .flexslider .name {
			font-family:'Droid Serif', Arial, sans-serif;
			color:#595959;
			text-decoration:underline;
			text-align:center;		
		}
		
		.testimonials .flexslider .flex-control-nav {
			bottom:-20px;
		}
		
			.testimonials .flexslider .flex-control-paging li a {
				width: 15px; 
				height: 15px;
			}

/* #Client Lists
================================================== */

.client_lists {
	display:inline-block;
	margin-top:60px;
	width:100%;
	position: relative;
}

	.client_lists ul {
		margin:0px;
		text-align:center;
		border:1px solid #e1e5e9;
		background: #F9F9F9;
	}
	
		.client_lists ul li {
			margin:0px;
			display:inline-block;
			margin:20px 25px;
			position: relative;
		}
		
			.client_lists ul li img {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 180px;
			}
			
			.client_lists .back-hover {
				-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
				filter: alpha(opacity=60);
				opacity: .6;
				-webkit-backface-visibility: hidden;
				
				-webkit-transition: opacity .2s ease-in-out;
				-moz-transition: opacity .2s ease-in-out;
				-ms-transition: opacity .2s ease-in-oute;
				-o-transition: opacity .2s ease-in-out;
				transition: opacity .2s ease-in-out;
			}
			
			.client_lists .back-hover:hover {
				-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				opacity: 1;
			}
			
/* #Contact
================================================== */

.contact {
	display:inline-block;
	margin-top:40px;
	text-align:left;
}

	.contact p {
		margin-bottom:10px;	
	}

	.contact .intro {
		margin-bottom:20px;	
	}
		
		.contact .form form input[type="text"] {
			width:80%;
		}
		
		.contact .form form textarea {
			width:100%;
		}
			
		.contact .details .additional {
			margin:5px 0px 15px 0px;
			display:inline-block;
			width:100%;
		}
	
			.contact .details .additional img {
				margin-right:10px;
				width:48px;
				float:left;
			}
			
				.contact .details .additional .desc p {
					margin-bottom:5px;	
				}
			
/* ========================= #Footer ====================== */

.footer {
	background:url(../images/stitch_large.png) left top repeat-x, url(../images/bg_bottom_1.png) repeat, #232324;
	padding-top:40px;
	color:#C1C1C1;
	font-size:0.925em;
}

	.footer p {
		margin:0px;	
	}
	
	.footer div {
		padding-bottom:20px;
	}

	.footer a {
		color:#FFF;	
	}
	
	.footer a:hover {
		color:#C1C1C1;	
	}
	
	.footer .header {
		background-color:#191919;
		margin:10px 0px 36px;
		padding:0px;
		height:1.125em;
		line-height:0;
	}
	
		.footer .header h4 {
			background: url(../images/bg_bottom_1.png) repeat;
			color:#e0e0e0;
			text-transform:uppercase;
			display: inline;
			padding: 2px 10px;
			margin-left:15px;
			letter-spacing:0.1em;
			line-height:1.125em;
		}

/* #About
================================================== */

.about p {
	margin-bottom:20px;	
}

/* #Tweets
================================================== */
		
.footer .tweets {
	padding:0px 0px 20px 0px !important;
}
		
	.footer .tweets .tweetText {
		margin-bottom: 10px;
		padding-bottom: 10px;
		background: url(../images/stitch_staggered.png) repeat-x left bottom;
	}
		
		.footer .tweets .tweetText .text {
			display: block;
			margin-bottom: 5px;
		}
			
		.footer .tweets .tweetText .date {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			color: #777;
			font-size: 0.925em;
			display: block;
		}

/* #Uptodate
================================================== */
			
.footer .uptodate {
	padding:0px 0px 20px 0px !important;
}
	
	.footer .uptodate p {
		margin-bottom:10px;
	}
	
		.footer .uptodate b {
			font-weight:bold;
		}
		
	.footer .uptodate input[type="text"] {
		width:100%;
			padding:10px;
			margin-top:10px;
		}

/* ========================= #Bottom ========================= */

.bottom {
	background:url(../images/stitch_staggered.png) left top repeat-x, url(../images/bg_bottom_2.png) repeat, #1a1a1a;
	padding:20px 0px 15px 0px;
	color:#C1C1C1;
	font-size:0.925em;
	font-family: 'Droid Serif', Arial, sans-serif;
}

	.bottom a {
		color:#FFF;	
	}
	
	.bottom a:hover {
		color:#C1C1C1;	
	}

	.bottom .copyright {
		line-height:24px;
		float:left;
	}
	
	.bottom ul {
		margin:0px;
		display:inline;
	}
		
		.bottom ul li {
			display:inline;
			margin:0px 2px;
		}
	
	.bottom  ul.social {
		float:right;
	}
	
		.bottom ul.social li img {
			width:24px;	
		}
		
		.bottom a img {
			-webkit-transition: opacity 0.2s ease-in-out;
			-moz-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;	
		}
			
			.bottom a img:hover {	
				opacity:0.7;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
				filter:alpha(opacity=70);
			}
		
/* ========================= #Hacks ========================= 
	
/*ie multiple background image fallbacks*/
	
.ie .footer {
	background: url(../images/bg_bottom_1.png) repeat left 2px #343434;
}

.ie .bottom {
	background: url(../images/bg_bottom_2.png) repeat #343434;
}

/* ========================= #Additionals ========================= 

/* #Image Overlay
================================================== */

.overlay.zoom-hover {
	background: url(../images/icon/overlay-zoom.png) black center no-repeat;
}

.overlay.photo-hover {
	background: url(../images/icon/overlay-photo.png) black center no-repeat;
}

.overlay.movie-hover {
	background: url(../images/icon/overlay-video.png) black center no-repeat;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
		body {
			font-size:13px;	
		}
		
		.top .logo {
			margin:30px 0px 20px 0px;
		}
		
		.top .social {
			margin:35px 0px 20px 0px;	
		}
		
		.top .social .social_text {
			margin-right:10px;
		}
		
		.nav_menu  ul li {
			padding:0px 25px;
		}
		
		.da-slide h2 {
			font-size:1.25em !important;
		}
		
		.client_lists ul li {
			margin:12px 0px;
		}
		
		.footer div .header {
			height:1em;
			margin-bottom:30px;
		}
	
			.footer div .header h4 {
				font-size:1em;
				line-height:1em;
				margin-left:10px;
			}
			
		.footer .logo {
			padding-bottom:10px;	
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		.top, .bottom, .main {
			text-align:center;	
		}
		
		.top .logo {
			margin-bottom:20px;
		}
		
		.top .social {
			margin:0px 0px 20px 0px;	
		}
		
		.top .social .social_text {
			margin-right:10px;
		}
		
		.nav_menu .container ul {
			display:none;
		}
		
		.nav_menu .responsive {
			display:inline-block;
		}
		
		.slider.flexslider ul.slides li .text p {
			display:none;	
		}
		
		.slider.flexslider ul.slides li .button {
			margin:10px 0px 5px 0px;
		}
		
		.da-slide .da-img {
			display:none;	
		}
		
		.da-slide h2 {
			font-size:1em !important;
			text-align:center;
			width:100%;
		}
		
		.da-slide p {
			width: 100% !important;
			font-size:12px;
			text-align:center;
		}
		
		.latest_projects div.columns{
			margin-bottom:10px;	
		}
		
		.client_lists ul li {
			margin:12px 0px;
		}
		
		.contact .form form input[type="text"] {
			width:100%;	
		}
		
		.bottom .copyright {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		.bottom  ul.social {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		.bottom ul.social li img {
			width:32px;	
		}
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		.top, .bottom, .main {
			text-align:center;	
		}
		
		.top .logo {
			margin-bottom:20px;
		}
		
		.top .social {
			margin:0px 0px 20px 0px;	
		}
		
		.top .social .social_text {
			display:none;
		}
		
		.top .social ul {
			float:none;	
		}
		
		.nav_menu .container ul {
			display:none;
		}
		
		.nav_menu .responsive {
			display:inline-block;
		}
		
		.features {
			margin-top:0px;	
		}
		
		.latest_projects div.columns {
			margin-bottom:10px;	
		}
		
		.client_lists ul li {
			margin:12px 0px;
		}
		
		.contact .form form input[type="text"] {
			width:100%;	
		}
		
		.bottom .copyright {
			float:none;
			display:block;
			margin-bottom:10px;
		}
			
		.bottom  ul.social {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		.bottom ul.social li img {
			width:32px;	
		}	
		
	}
/* Não obrigatorio */
div.container a img{
    width: 100%;
    padding: 10px;
}
.additional i {
	float: left;
    margin-right: 10px;
	font-size: 52px;
	color: #294de1;
}
.iframe-map{
	width: 100%;
    max-width: 930px;
}

.whatsapp-ico {
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 11111111;
}

.whatsapp-ico img {
    width: 70px;
}