/*	--------------------------------------------------
	::Global Reset & Standards
	-------------------------------------------------- */
	
	/* 
		Eric Meyer's CSS Reset
		http://meyerweb.com/eric/tools/css/reset/ 
		v2.0 | 20110126
   		License:none (public domain)
	*/
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		font:inherit;
		vertical-align:baseline;
	}
	html {
		font-size:62.5%; 
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display:block;
	}
	body {
		line-height: 1;
	}
	img {
		vertical-align:top;
	}	
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	table {
		border-collapse:collapse;
		border-spacing:0;
	}

	sub {vertical-align:sub;}
	sup {vertical-align:super;}



	/* Webfonts
	------------------------------------------- */

@font-face {
  font-family: 'home';
  src: url('fonts/home.eot?4671221');
  src: url('fonts/home.eot?4671221#iefix') format('embedded-opentype'),
       url('fonts/home.woff2?4671221') format('woff2'),
       url('fonts/home.woff?4671221') format('woff'),
       url('fonts/home.ttf?4671221') format('truetype'),
       url('fonts/home.svg?4671221#home') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'home';
    src: url('../font/home.svg?4671221#home') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "home";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 10px;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-facebook:before { content: '\e800'; } /* '' */
.icon-twitter:before { content: '\e801'; } /* '' */
.icon-right-open-big:before { content: '\e802'; } /* '' */
.icon-left-open-big:before { content: '\e803'; } /* '' */
.icon-up-open-big:before { content: '\e804'; } /* '' */
.icon-down-open-big:before { content: '\e805'; } /* '' */
.icon-gplus:before { content: '\e806'; } /* '' */
.icon-home:before { content: '\e807'; } /* '' */
.icon-zoom-in-outline:before { content: '\e808'; } /* '' */
.icon-resize-full-alt:before { content: '\e809'; } /* '' */
.icon-article-alt:before { content: '\e80a'; } /* '' */
.icon-th:before { content: '\e80b'; } /* '' */
.icon-zoom-in:before { content: '\e80c'; } /* '' */
.icon-mail:before { content: '\e80d'; } /* '' */
.icon-phone:before { content: '\e80e'; } /* '' */
.icon-doc-text:before { content: '\e810'; } /* '' */
.icon-calculator:before { content: '\e811'; } /* '' */
.icon-user-male:before { content: '\e812'; } /* '' */
.icon-youtube:before { content: '\e813'; } /* '' */
	

	/* Global Reset & Standards
	------------------------------------------- */
	*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing:border-box; }
	body { 
		position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; line-height:1; color:#fff; background:#000;
		-webkit-text-size-adjust:none; text-size-adjust:none;
		-webkit-font-smoothing:antialiased; -webkit-touch-callout: none -webkit-overflow-scrolling: touch;
	    -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
	}

	/* Links
	------------------------------------------- */
	a img { border:none; }
	a { 
		color:#fff; text-decoration: none; line-height: inherit; 
		-webkit-transition: color .1s linear; 
		-moz-transition: color .1s linear; 
		transition: color .1s linear;
	}
	a:hover { color:#fff; }
	a:focus { color:#fff; outline: none; }
	a:visited { color:#fff; }
	p a, p a:visited { line-height: inherit; }

	/* Misc
	------------------------------------------- */
	img, object, embed { 
		max-width: 100%; height: auto;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}
	object, embed { height: 100%; }
	img { -ms-interpolation-mode: bicubic; }

	/* Reset for strange margins by default on <figure> elements */
	figure { margin: 0; }


	/* Base Type Styles Using Modular Scale
	------------------------------------------- */
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin:0; padding:0; font-size:13px; direction: ltr; }

	p { font-family:'Dosis', Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; line-height: 1.2; margin-bottom:5px; }

	h1, h2, h3, h4, h5, h6 { font-family:'Dosis', Georgia, serif; font-weight:normal; font-style:normal; line-height:1.2; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font:inherit; color:inherit; text-decoration:none; }

	hr { border:0; border-top:1px solid #c9c9c9; border-bottom:1px solid #fff; clear: both; margin:0; height: 0; }

	em, i { font-style: italic; line-height: inherit; }
	strong, b { font-weight: bold; line-height: inherit; }
	small { font-size: 60%; line-height: inherit; }
	code { font-weight: bold; background: #ffff99; }


	/* Lists
	------------------------------------------- */
	ul { list-style:none outside; }
	ol { list-style:none outside; }


	/* Grid
	------------------------------------------- */
	.row { width:100%; margin:0 auto; max-width:960px; }

	.column, .columns { float: left; min-height:1px; padding:0; position: relative; }
	.column.centered, .columns.centered { float: none; margin: 0 auto; }

	.one, .row .one       { width: 8.33333%; }
	.two, .row .two       { width: 16.66667%; }
	.three, .row .three   { width: 25%; }
	.four, .row .four     { width: 33.33333%; }
	.five, .row .five     { width: 41.66667%; }
	.six, .row .six       { width: 50%; }
	.seven, .row .seven   { width: 58.33333%; }
	.eight, .row .eight   { width: 66.66667%; }
	.nine, .row .nine     { width: 75%; }
	.ten, .row .ten       { width: 83.33333%; }
	.eleven, .row .eleven { width: 91.66667%; }
	.twelve, .row .twelve { width: 100%; }

	/* Nicolas Gallagher's micro clearfix */
	.row { *zoom: 1; }
	.row:before, .row:after { content:""; display: table; }
	.row:after { clear: both; }

	.row .row { max-width:none; min-width:0; width:auto; overflow:visible; }


/*	--------------------------------------------------
	Forms
	-------------------------------------------------- */
	/* Placeholders */
	::-webkit-input-placeholder { color:#fff; opacity: .7}
	::-moz-placeholder { color:#fff; opacity: .7}
	:-ms-input-placeholder { color:#fff; opacity: .7}
	input:-moz-placeholder { color:#fff; opacity: .7}

	input[type=search]::-webkit-search-decoration,
	input[type=search]::-webkit-search-cancel-button,
	input[type=search]::-webkit-search-results-button,
	input[type=search]::-webkit-search-results-decoration { display: none; }
	input[type="search"] { -webkit-appearance: textfield; }	 /* the webkit overrides need to stay at the top */

	/* fix date input width */
	input::-webkit-outer-spin-button,  
	input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

	input, textarea { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }	
	
	input[type=date]::-webkit-calendar-picker-indicator { -webkit-appearance: none;  }	

	::-ms-clear { display: none; }
	::-ms-reveal { display: none; }


	label { position:relative; display:block; font-family:'Dosis', Arial, Helvetica, sans-serif; font-size:167%; font-weight:normal; color:#337253; margin:5px 0 10px; }

	form { margin:0; }

	.form .row { margin:0 -20px; }
	.form .columns { padding:0 20px; }

	input[type="text"], 
	input[type="password"], 
	input[type="email"], 
	input[type="date"], 
	input[type="tel"], 
	input[type="number"], 
	textarea { 
		display:block; font-family:'Dosis', Arial, Helvetica, sans-serif; font-size:170%; font-weight:300; color:#fff; background:transparent; 
		width:100%; border:0; margin:0; -webkit-appearance: none; border-bottom:1px solid #fff; overflow: auto; opacity: .8; background-color: rgba(255,255,255,.2;);
	}
	input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="tel"], input[type="number"] { height:50px; padding:4px 0; }
	textarea { padding:4px 0; resize:none; /*height:100px;*/ margin-top:15px; }
	
	input[type="text"]:focus, 
	input[type="password"]:focus, 
	input[type="email"]:focus, 
	input[type="date"]:focus, 
	input[type="tel"]:focus, 
	input[type="number"]:focus, 
	textarea:focus { opacity:1; outline: none !important; }
	
	input[type="text"][disabled], 
	input[type="password"][disabled], 
	input[type="email"][disabled], 
	input[type="date"][disabled], 
	input[type="date"][disabled], 
	input[type="tel"][disabled], 
	input[type="number"][disabled], 
	textarea[disabled] { opacity:0.5; }

	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
	  -webkit-appearance: none; 
	  margin: 0; 
	}
	input[type=number] {
	    -moz-appearance:textfield;
	}

	.error label { color:#C1272D; }
	.error input[type="text"], 
	.error input[type="password"],
	.error input[type="email"], 
	.error input[type="date"], 
	.error input[type="tel"], 
	.error input[type="number"], 
	.error textarea { border-bottom:2px solid #bc3032; }


/*	--------------------------------------------------
	Buttons
	-------------------------------------------------- */
	.button {
		position:relative; margin:0 auto; outline:none; display:block; width:230px; height:50px; line-height:50px; background:rgba(250,250,250,.2); overflow: hidden;
		text-decoration:none; text-transform:uppercase; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;
		text-align: center; font-family: 'Dosis', Arial; font-weight: 400; font-size:150%; color:#fff;
		 text-shadow: 1px 1px 6px rgba(0, 0, 0, 1); -webkit-text-shadow: 1px 1px 6px rgba(0, 0, 0, 1); -moz-text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
		-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
	}
	.button span {position: relative; z-index: 10;}
	.button:hover{
		background:rgba(250,250,250,.4);
	}

	.button:hover,
	.button:visited { color:#fff; }
	.button.enviar {margin-top: 36px;}

	.button:hover{ color:#fff; }
	.button:before{
		content: '';
		position: absolute; width: 100%; height: 100%; background-color: rgba(151,183,53,.2);z-index: 1; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;
		-webkit-transition: all 0.8s ease .2s; -moz-transition: all 0.8s ease .2s; transition: all 0.8s ease .2s;
		-webkit-filter: blur(20px);
		-moz-filter: blur(20px);
		-o-filter: blur(20px);
		-ms-filter: blur(20px);
		filter: blur(20px);
		left: -100%; 
	}
	.button:hover:before{
		left: 100%; background-color: rgba(151,183,53,.5);
	}
	.button:after{
		content: '';
		position: absolute; width: 100%; height: 100%; background-color: rgba(237,190,70,.2);z-index: 1; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;
		-webkit-transition: all 0.8s ease .2s; -moz-transition: all 0.8s ease .2s; transition: all 0.8s ease .2s;
		-webkit-filter: blur(20px);
		-moz-filter: blur(20px);
		-o-filter: blur(20px);
		-ms-filter: blur(20px);
		filter: blur(20px);
		left: 100%; 
	}
	.button:hover:after{
		left: -100%; background-color: rgba(237,190,70,.5)
	}


	.mensaje.ok{background-color: #32c300;}
	.mensaje.error{background-color: #bc3032;}
	.mensaje{
		position: fixed; left: 0; top: -200px; width: 100%; padding: 15px 20px; color: #fff;  z-index: 100; text-align: center;
		-webkit-transition: all 0.8s ease .2s; -moz-transition: all 0.8s ease .2s; transition: all 0.8s ease .2s;
	}
	.mensaje.active{top: 75px; }

/*overley*/
	.overley{
		position: fixed;  top: 0; display: table; width: 100%; height: 100%; z-index: 400;
		-webkit-transition: all 0.8s ease .2s; -moz-transition: all 0.8s ease .2s; transition: all 0.8s ease .2s;
	}
	.overley > .bg{background-color: rgba(0,0,0,.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
	.overley .content{position: relative; display: table-cell; vertical-align: middle;}
	.cerrar{width: 40px; height: 40px; position: absolute; top: 20px; right: 20px; z-index: 10;}
	.cerrar span{
		width: 100%; height: 1px; position: absolute; top: 20px; right: 0;left: 0; bottom: 0; background-color: #fff;
		
	}
	.cerrar span{
		-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
		-webkit-transform: rotate(45deg); transform: rotate(45deg);-webkit-transform: rotate(45deg);
	}
	.cerrar span + span{
		-webkit-transition: all 0.4s ease .2s; -moz-transition: all 0.4s ease .2s; transition: all 0.4s ease .2s;
		-webkit-transform: rotate(-45deg); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);
	}
	.cerrar:hover span{-webkit-transform: rotate(135deg); transform: rotate(135deg);-webkit-transform: rotate(135deg);}
	.cerrar:hover span + span{-webkit-transform: rotat45(0deg); transform: rotate(45deg);-webkit-transform: rotate(0d45g);}
	/*logica*/
		.overley{
			left: -100%;
			-webkit-transition: all 0.8s ease .4s; -moz-transition: all 0.8s ease .4s; transition: all 0.8s ease .4s;
		}
		.overley.active{
			left: 0;
			-webkit-transition: all .1s ease 0s; -moz-transition: all .1s ease 0s; transition: all .1s ease 0s;
		}
		.overley > .bg{
			opacity: 0;
			-webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s;
		}
		.overley.active > .bg{
			opacity: 1; 
			-webkit-transition: all .5s ease .1s; -moz-transition: all .5s ease .1s; transition: all .5s ease .1s;
		}
	.overley .content{opacity: 0;}
	.overley.active .content{
		-webkit-transition: all .2s ease .4s; -moz-transition: all .2s ease .4s; transition: all .2s ease .4s;
		opacity: 1;
	}
	.overley .cerrar{
		-webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; transition: all .4s ease 0s;
		width: 0;
	}
	.overley.active .cerrar{
		-webkit-transition: all .2s ease .6s; -moz-transition: all .2s ease .6s; transition: all .2s ease .6s;
		width: 40px
	}

	/*End logica*/
/* end overley */


	@media (max-width: 1023px) {

		input[type="text"], 
		input[type="password"], 
		input[type="email"], 
		input[type="date"], 
		input[type="tel"], 
		input[type="number"], 
		textarea {font-size:100%;}

		.button {width:150px; height:30px; line-height:30px;
			-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
			font-size:107%;
		}
		.mensaje.active{top: 50px; }

		.cerrar{right: 0px; top: 0px; background-color: rgba(0,0,0,.3);}
		.cerrar span{width: 70%; right: 0; left: 0; top: 0; bottom: 0; margin: auto;}
	}