/* General Styles
==================================================*/

	html,body {height:100%}	
	.footerput {min-height:100%; height:auto !important; height:100%; margin:0 auto -260px} 
	.footerclr {height:260px; clear:both}
	
	body {font-family:'museo_sans', Arial, sans-serif; font-size:100%; font-weight:300;}
	h1, h2,	h3, h4, h5, h6 {font-family:'museo_sans', Arial, sans-serif; font-weight:100}
	h1 {font-size:2.65em; margin:0.75em 0 0.80em 0; color:#00aeef;}
	h2 {font-size:1.80em; margin:0.83em 0;}
	h3 {font-size:1.30em; margin:1.00em 0 0.50em;}
	h4 {font-size:1.00em; margin:1.33em 0}
	h5 {font-size:0.83em; margin:1.67em 0}
	h6 {font-size:0.75em; margin:2.33em 0}

	a {color:#000; outline:0; text-decoration:underline; cursor:pointer;}
	a:visited {color:#000}
	a:hover, a:focus {color:#666;text-decoration:underline;}
	a:active, a.active {color:#666}
	p a, p a:visited {line-height:inherit}
	small {font-size:.85em}
	
	a.button, button, input, select, textarea {line-height:1em; font-family:'museo_sans', Arial, sans-serif; font-weight:300}
	
	input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select
		{display:block; width:Calc(100% - 22px); max-width:100%; height:40px; padding:0 10px; margin:5px 0 15px; color:#333; outline:none; border:1px solid #CCC; font-size:1em; -webkit-border-radius:5px; border-radius:5px; background:white;}
	
	input:focus, textarea:focus, select:focus, textarea:focus 
		{border:1px solid #00aeef; -webkit-box-shadow:0px 0px 1px #CCC; box-shadow:0px 0px 1px #CCC}

	textarea {padding-top:8px; min-height:100px;}

	a.button, button, a.btn, .btn { box-sizing:border-box;
		display:inline-block; margin:0; font-size:1em; font-weight:700; color:#FFF;
		text-decoration:none; cursor:pointer; text-align:right;
		border:0; background:#00aeef; padding:15px 45px; min-width:200px; 
	}
	a.button:hover, button:hover, a.btn:hover, .btn:hover { color:#000;} /* button {width:280px} */
	a.button:active, button:active, a.btn:active, .btn:active { background:#bd006f; color:#FFF}

	button.btn, a.btn, .btn {padding:8px 20px; font-size:0.9em; display:inline-block; margin:5px 0; -webkit-border-radius:10px; border-radius:10px;}

	label, .label {display:block; position:relative; color:#333; float:left; width:100%;}
	legend, .legend {display:block; width:100%; margin:15px 0; font-size:1.4em; line-height:1em; float:left;}
	label.error, .label.error {position:absolute; right:0; top:3px; font-size:.8em; color:#F00; padding:0; margin:0; width:auto !important;}
	input.error, select.error, textarea.error {border-color:#FF0000}
	
	#CliEmail {text-transform:lowercase} 
	#CliNome, #CliEnd, #CliBairro, #CliCidade, #CliUf {text-transform:capitalize;}
	
	hr {display:block; height:1px; border:0; margin:2em 0; padding:0; border-top:1px solid #222;}
	hr.bg-laco {height:33px; background:url(../img/bg-bar-laco.png) center no-repeat; border:0; margin:0; position:relative; top:-14px; z-index:999}
	strong,b {font-weight:bold} .flf {float:left} .flr {float:right} .nfl{float:none} .off {display:none} .oonm {display:none} .rel {position:relative}
	
	::selection {background:#000; color:#FFF}
	::-moz-selection {background:#ff3399; color:#FFF}
	img::selection {background-color:transparent}
	img::-moz-selection {background-color:transparent}

	/*li:target {font-weight:bold; color:red} TESTAR PARA HIGHLIGHT DA ÁREA QUE FOI CLICADA*/
	 
	.chromeframe {display:block; background:#FFF; color:#000; padding:15px; margin:5px 0; font-size:16px; font-weight:bold; line-height:1.4em; text-align:center}


/* Site Styles
==================================================*/
	header.overflow { overflow:visible; width:100%; z-index:19; background:#FFF; }
	header {position:fixed; top:0; left:0; right:0; z-index:20; height:80px; -webkit-transition:all 300ms; transition:all 300ms; background:rgba(255, 255, 255, 0.2)}

		#logo a { display:block; position:absolute; top:0; width:180px; height:80px; background:url(../img/logo.png) no-repeat center; background-size:contain; 
			-webkit-transition:all 300ms; transition:all 300ms;}
			header.stick {background:#FFF; height:70px; margin-top:-10px; border-bottom:1px solid #CCC;}
			.stick #logo a {background:url(../img/logo-dex-small.png) no-repeat left; width:30px; height:40px; margin-top:20px; background-size:contain;}
		
		.nav-header {float:right;margin:30px 0 0;text-shadow:0 0 10px white;text-transform:uppercase;font-size:0.85em; }
			.nav-header li {float:left; cursor:pointer; margin-left:30px; line-height:20px;}
			.nav-header li a {text-decoration:none;}
			.nav-header li.m-menu {background:url(../img/ico-menu.png) right no-repeat; width:80px; background-size:contain;}
			.nav-header li.m-cart {background:url(../img/ico-topo-bag-.png) center no-repeat; background-size:contain; width:35px; height:30px; border:5px solid #FFF;}

		.nav-mobile {position:fixed;width:200px;top:80px;right:-300px;bottom:0;background:#FFF;text-align:right;}
			.nav-mobile li {line-height:3em;padding:0 30px;cursor:pointer;}
			.nav-mobile li:hover {background-color:#f1f1f1}
			.nav-mobile li a {}


		.location {text-align:center;}
			.location p {text-align:center;}
			.location .social {margin:0 auto; max-width:170px; display:inline-block; max-height:20px; overflow:hidden;}
		
		.gmaps-container {position:relative; padding-top:30px; height:0; overflow:hidden; padding-bottom:40.1%; }
			.gmaps-container iframe, .gmaps-container object, .gmaps-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

		.brandline { background:#000; margin-top:50px; text-align:center;}
			.brand img {margin:25px; max-width:50px;}


		.slider-controls a { display:none; content:' '; z-index:999; text-indent:-9999px; width:34px; height:74px; background:url(../img/gallery-nav.png) 0 0 no-repeat; 
				position:absolute; top:50%; margin-top:-37px; opacity:0.5; -webkit-transition:all 400ms; transition:all 400ms;
				-webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
			.slider-controls a:hover {opacity:1;}
			.slider-controls .prev {left:0; background-position:0;}
			.slider-controls .next {right:0; background-position:-34px;}

		.slider-pagination {position:absolute;bottom:0;width:100%;z-index:9;text-align:center;opacity:0.7;}
			.slider-pagination span {text-indent:-9999px; background:#999; webkit-border-radius:100%; border-radius:100%; width:7px; height:7px; display:inline-block; margin:1px; border:2px solid }
			.slider-pagination .selected span {background:#FFF}

		.slide-inner { float:left; width:100%; /*padding-bottom:47%;*/ padding-bottom:43.75%; margin:0; position:relative;}
		.inner-inner { display:block; position:absolute; overflow:hidden; top:0; right:0; bottom:0; left:0;}



		.banner-lead-right {position:absolute;right:0;width:29%;top:35%;margin-top:-100px;margin-right:50px;}
		.banner-lead-left {position:absolute;left:0;width:29%;top:35%;margin-top:-100px;margin-left:50px;}





	.banner-top { position:relative; z-index:15; text-shadow:0px 0px 1px rgba(0,0,0,0.5); margin:80px auto 0; }

		.slider-wrapper li { float:left; position:relative; width:100%; text-align:center; }
		.slider-wrapper img {max-width:100%;max-height:100%;height:100%;}


		.ecommerce-lead { left: 0; right: 0; background: rgba(0, 0, 0, 0.8); z-index:9;}
			.ecommerce-lead_wrap {text-align: center; color: white; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
			.ecommerce-lead_wrap h1 { margin-bottom:0; font-size:1.8em; font-weight:300;}
			.ecommerce-lead_wrap p { font-size:1.2em; text-align:center; line-height:1.2em;}
			.ecommerce-lead_form {margin: 20px auto; text-align: center;}
			.ecommerce-lead_form input {width: 18%; display: inline-block; margin: 0.5%; box-sizing: border-box; height: 35px;}
			.ecommerce-lead_form button { margin: 0.5%; webkit-border-radius:5px; border-radius:5px; display: inline-block; text-shadow:0px 0px 10px rgba(0,0,0,0.5); padding:0 20px; height:35px; font-size:0.9em;}


		.responsivos-lead { color:#333; }
			.responsivos-lead h1 {text-align:left; font-size:2em; color:#000}
			.responsivos-lead span {color:#FFF; background:#333;}
			.responsivos-lead p {}







	.section-services {padding:10px 0 50px 0;}






	.section-ecommerce {background-color:#FFF; padding:0 0 50px 0; position:relative; z-index:9;}
		.ecommerce-slider-wrapper li { float:left; position:relative; width:100%;}
		.ecommerce-slider-wrapper img {max-width:100%;max-height:100%;}



	.section-ecommerce-text {padding:0 0 50px; background:#FFF}
		.features {}
		.features > div {margin-top:20px;margin-bottom:20px;}






	/*.section-panel {background-color:#FFF; padding:0 0 50px 0; }

		.panel-slider {height:330px; overflow:hidden;}

		.section-panel li {height:400px; float:left; background-position:center center !important; width:100%;}

		.section-panel .slider_01 {background:url(../img/slider-section-mobile-01.jpg) no-repeat; background-size:cover; }

		.section-panel .slider_modaeur {background:url(../img/slider-section-mobile-02.jpg) no-repeat; background-size:cover; }

		.section-panel .slider_panel {background:url(../img/slider-section-mobile-03.jpg) no-repeat; background-size:contain; }

		.section-panel .slider_panelm {background:url(../img/slider-section-mobile-04.jpg) no-repeat; background-size:contain; }

		.qualquer-lugar__text {width:300px;text-shadow:0 0 10px #FFF;padding-top:200px;padding-left:50px;}
		.qualquer-lugar__text h2 {}
		.qualquer-lugar__text p {}

		.comodidade__text {width:350px;text-shadow:0 0 10px #FFF;padding-right:0;float:right;margin-top:100px;}
		.comodidade__text h2 {}
		.comodidade__text p {}

		.painel__text {}
		.painel__text h2 {text-align:center;margin-top:0;}*/
	

	






	.section-partners { background:url(../img/section-partners-01.png) no-repeat center center; background-size:contain; height:200px; background-color:#1c356a;; }


	.section-office-01 { background:url(../img/section-theoffice-01.jpg) no-repeat center center fixed; background-size:cover; height:calc(30vh); background-color:#FFF;}


	.section-office-02 { background:url(../img/section-theoffice-02.jpg) no-repeat center center fixed; background-size:cover; height:calc(30vh); background-color:#FFF;}
	





	.section-portfolio { overflow:hidden; background-color:#FFF; padding-bottom:50px}



	.section-gallery { overflow:hidden; background:#FFF; padding:0 0 100px;}
		.gallery-overflow { overflow:hidden; position:relative; z-index:1}
		ul.gallery-items { padding:0}
		ul.gallery-items li { float:left; margin:0 5px; height:auto; width:300px;}
		ul.gallery-items li img { display:block; float:left; max-width:100%;}



	.section-contactus { margin-bottom:60px}






/* Shared Styles
==================================================*/
	body.home {background:#f5f5f5}
	p { margin:10px 0; text-align:justify; line-height:1.8em; font-weight:300}
	textarea { min-height:100px}
	.add-bottom {margin-bottom:20px}

	.main-content {margin-bottom:50px}

	.messagereturn {background-color:#599df0; color:#FFF; webkit-border-radius:10px; border-radius:10px; padding:15px; margin:10px 0 20px}

	.center-info, .center-info p, .center-info .btn, .center-info button {text-align:center;}

	.tabela { width:100%; border:1px; }
		.tabela thead th { border-bottom:1px solid #222; }
		.tabela tbody td { border-bottom:1px solid #222; vertical-align:middle; padding:4px 0; text-align:center; }
		.tabela a {color:#333} .tabela h2 {margin:0}



	.portfolio-grid { }
		.portfolio-grid li {display:block; float:left; width:220px; margin:0 10px 40px 10px; background-color:#FFF; position:relative}
		.portfolio-grid li a {text-decoration:none;display:block;} 
		.portfolio-grid li img {display:block}
		.portfolio-grid .portfolio-info { font-size:0.7em; padding:0; letter-spacing:-0.4px; right:10px; margin-top:10px; border-bottom:1px solid #000;}
					.portfolio-info .portfolio-nome {text-transform:uppercase; white-space:nowrap; text-overflow:ellipsis; font-weight:bold;  margin-bottom:0;}
					.portfolio-info .portfolio-data {margin:0;display:none;}
					.portfolio-info .portfolio-website {margin-top:0;}

		.portfolio-grid li > span {color:#FFF; padding:2px 5px; position:absolute; left:0; font-size:.8em; font-weight:500;}
		.portfolio-grid li > span.responsive {background:cornflowerblue; top:190px}
		.portfolio-grid li > span.sale {background:red; top:204px; left:auto; right:0; text-align:center;}
		.portfolio-grid li > span.new {background:#EEE; top:5px; text-align:center; color:#000;}


	.imgw {width:220px; height:220px; overflow:hidden;}
	.imgw img {opacity:0; -webkit-transition:opacity 900ms; transition:opacity 900ms}
	.imgw.loaded img {opacity:1}


	.grid-services {display: flex; width: 100%; justify-content: center;}
		.grid-services .grid_4 {width:205px;padding:6px;background:white; -webkit-border-radius:5px; border-radius:5px; border:1px solid #DDD;}
		.grid-services h2 {font-size:1.2em;font-weight:300;border-bottom:1px solid #DDD;padding-bottom:15px;margin-bottom:0;}







	
	
	.off { display:none}

/* #Media Queries
================================================== */
	/* Default width to fix top nav */
	@media only screen and (min-width:959px) {
		body{min-width:960px}

		.slider-controls .prev {left:10px;}
		.slider-controls .next {right:10px;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */ 
	@media only screen and (min-width:768px) and (max-width:959px) {
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width:767px) {
		body {font-size:.90em}
		p {font-size:1.05em;line-height:1.6em;}
		h1 {font-size:2.00em; }
		h2 {font-size:1.50em; }

		a.button, .button, button {line-height:2em;}


		.center-info, .center-info p, .center-info a {text-align:left;}

		header.overflow {position:relative;}
			header .nav-container {position:fixed; height:80px; left:0; right:0; background:#FFF; margin:0;}
			header.stick .nav-container {position:fixed; height:70px; left:0; right:0; background:#FFF; margin:0; border-bottom:1px solid #CCC; opacity:0.5;}

			#logo {float:left;} 
			#logo a {position:relative;left:15px;width:140px}

			.nav-header {margin-right:15px;margin-top:28px;}
			.nav-header li.m-menu {line-height:25px;}

			.nav-mobile { width:calc(100% - 20px); padding:0; top:90px; z-index:-1; bottom:auto; text-align:center; background-color:#FFF; 
					-webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1); box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);}
				.nav-mobile li { border-bottom:1px solid #ddd;}
				.nav-mobile li:last-child { border-bottom:0}
				.nav-mobile li a {margin:0 15px; padding:5px; display:inline-block;}
		

		.slider-pagination {bottom:-25px;}
		
		.slide-inner {padding-bottom:94%}

		.banner-lead-content { position:relative; width:Calc(100% - 20px); margin:0 10px; float:left; top:auto; right:auto; bottom:auto; left:auto; z-index:9;}



		.banner-top {margin-top:0;height:auto;}

			.ecommerce-lead {background: rgba(0, 0, 0, 0.8); position:relative; top:auto; right:auto; bottom:auto; left:auto; }
				.ecommerce-lead_wrap {text-align: center; color: white; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
				.ecommerce-lead_wrap p {font-size: 1.2em; text-align:center;}
				.ecommerce-lead_form {margin: 20px auto; text-align: center;}
				.ecommerce-lead_form input {width: 90% !important; display: inline-block; margin: 0.5%; box-sizing: border-box; padding: 25px;}
				.ecommerce-lead_form button {height: 52px; width:90% !important;}






		.section-ecommerce-text {}
			.features {}
			.features > div {width:48% !important;font-size:0.9em;margin:1%;min-height:230px;;}






		.section-partners {height:100px}
		.section-office-01 { background:url(../img/section-theoffice-01.jpg) no-repeat center center; background-size:cover; height:160px;}
		.section-office-02 { background:url(../img/section-theoffice-02.jpg) no-repeat center center; background-size:cover; height:160px;}



		.section-gallery {padding:50px 0 70px}
			.section-gallery .gallery-items li {width:220px;}



		.section-contactus form {padding:0 10px;}




		.portfolio-grid {width:auto}
			.portfolio-grid li {width:100%; margin:10px 0;}
			.portfolio-grid .portfolio-info {margin-top:0;}
			.portfolio-grid .imgw { float:left; height:100px; width:100%;}
		
			.portfolio-grid li > span.responsive {top:85px;}

		.grid-services {display: block}
			.grid-services .grid_4 {width:100%;margin-bottom:10px;}






		.oonm {display:block} .offm {display:none}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width:480px) and (max-width:767px) {}
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width:479px) {}


/* Fonts
================================================== */
@font-face {
	font-family:'museo_sans';
	src: url('../fonts/museosans_900-webfont.eot');
	src: url('../fonts/museosans_900-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/museosans_900-webfont.woff') format('woff'),
		url('../fonts/museosans_900-webfont.ttf') format('truetype'),
		url('../fonts/museosans_900-webfont.svg#museo_sans') format('svg');
	font-weight: 900;
	font-style: normal;

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

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

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

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

}