/* reset */
	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,dl,dt,dd,ol,nav ul,nav 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-size:100%;font:inherit;vertical-align:baseline;} 
	article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
	ol,ul{list-style:none;margin:0px;padding:0px;}
	blockquote,q{quotes:none;}
	blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
	table{border-collapse:collapse;border-spacing:0;}
	/* start editing from here */
	a{text-decoration:none;}
	.txt-rt{text-align:right;}/* text align right */
	.txt-lt{text-align:left;}/* text align left */
	.txt-center{text-align:center;}/* text align center */
	.float-rt{float:right;}/* float right */
	.float-lt{float:left;}/* float left */
	.clear{clear:both;}/* clear float */
	.pos-relative{position:relative;}/* Position Relative */
	.pos-absolute{position:absolute;}/* Position Absolute */
	.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
	.vertical-top{	vertical-align:top;}/* vertical align top */
	nav.vertical ul li{	display:block;}/* vertical menu */
	nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
	img{max-width:100%;}
/****end reset*****/
/*
<link href="https://fonts.googleapis.com/css?family=Amiko|Arvo:400,400i|Gruppo|Iceland|Mandali|Markazi+Text:500|Mina:400,700|Nova+Square|Orbitron:400,700,900|Red+Hat+Display|Red+Hat+Text|Russo+One|Saira+Semi+Condensed|Sarpanch:600,800|Suravaram|Ubuntu&display=swap" rel="stylesheet">
@import url(fonts/DAGGERSQUARE.ttf);
*/

@import url('https://fonts.googleapis.com/css?family=Amiko|Arvo:400,400i|Gruppo|Iceland|Mandali|Markazi+Text:500|Mina:400,700|Nova+Square|Orbitron:400,700,900|Red+Hat+Display|Red+Hat+Text|Russo+One|Saira+Semi+Condensed|Sarpanch:600,800|Suravaram|Ubuntu&display=swap');

:root{
	--bg:rgba(0,0,0,0.1);
	--grey: #474747;
	--blue:#2a9ed6;
	--blue1:;
	--blue2:#0071a7;
	--lightblue:#bbe9ff;
	--hotpink: #e94057;
	--orange: #f27121;
	--peach:#FFAF50;
	--plain:#EDEAE6;
	--grad: linear-gradient(35deg , var(--hotpink) , var(--peach) );

	/*TITLES*/
  	--Orbitron: 'Orbitron' ,  sans-serif;
	--Russo: 'Russo One', sans-serif;
	--Sarpanch: 'Sarpanch', sans-serif;
	--Dagger:'DAGGERSQUARE', sans-serif;

	/*SUBTITLES*/
	--Iceland: 'Iceland', cursive;
	--Ubuntu: 'Ubuntu', sans-serif;
	--Saira: 'Saira Semi Condensed', sans-serif;
	--Amiko: 'Amiko', sans-serif;
	--Mina: 'Mina', sans-serif;
	--Nova: 'Nova Square', cursive;

	/*TABLES*/
	--Markazi: 'Markazi Text', serif;
	--Teko: 'Teko';
	--Suravaram: 'Suravaram', serif;
	/*TEXT PARAGRAPHS*/

	--Gruppo: 'Gruppo' , sans-serif;
	--Mandali: 'Mandali', sans-serif;
	--Redhat1: 'Red Hat Display', sans-serif;
	--Redhat2: 'Red Hat Text', sans-serif;
	--Arvo: 'Arvo', sans-serif; 
}
/* PRINCIPAL*/
	html{text-align: center; background-color: var(--lightblue);}
	body{font-family: var(--Gruppo); }
	main{background-color: var(--blue);margin: auto; max-width: 1279px;}
	.ocultar{ display: none; }
	.wrap{
		width:85%;
		margin:0 auto;
		transition:all .2s linear;
		-moz-transition:all .2s linear;/* firefox */
		-webkit-transition:all .2s linear; /* safari and chrome */
		-o-transition:all .2s linear; /* opera */
		-ms-transition:all .2s linear;
	}
	/*Animations*/
			.bar{
			height: 2px;
			background-color: var(--hotpink);
			width: 0%;
			transition: width 2s ease;
			-o-transition: width 2s ease;
			-webkit-transition: width 2s ease;
			}
			.bar2{
			height: 2px;
			background: linear-gradient(35deg , var(--blue2) , var(--blue) );
			width: 0%;
			transition: width 1s ease-out;
			-o-transition: width 1s ease-out;
			-webkit-transition: width 1s ease-out;
			}
/*HEADER*/ 
	.header{
		background:var(--grey);
		border-bottom:2px solid var(--blue);
		position: fixed;
		width: 100%;
		max-height: 55px;
		z-index: 100;
	}
	.logo{
	float: left;
	padding:10px 0;
	display: none;
	}
	.logo480{
	float: left;
	padding:15px 0;
	display: block;
	}
	.header img{
		max-height: 35px;
	}
	.top-nav{
	float:right;
	}
	.lanzamenu{
		font-family: var(--Orbitron);
		color: #d6d6d6;
		float: right;
		display: block;
		padding: 20px 25px;
		position: relative;
		text-transform: uppercase;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		font-size: 0.875em;
		vertical-align: baseline;
	}
	.sub-nav{display: none;}
	.top-nav ul li{
	display:inline-block;
	float:left;
	}
	.sub-nav-mini {display: none;}
	.top-nav ul li a{
	font-family: var(--Orbitron);
	color: #d6d6d6;
	padding: 15px 5px;
	display: none;
	position: relative;
	text-transform: uppercase;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	font-size: 0.875em;
	}
	.top-nav li a:hover{
	color:#FFF;
	background: var(--blue);
	font-size: 0.9em;
	}
	.admin-nav{
		display: inline-block;
		position: fixed;
		left: 0px;
		margin-bottom: 2em;
		}
	.admin-nav ul li{
		float: left;
		}
	.admin-nav ul li a{
		font-family: var(--Gruppo);
		color: var(--blue2);
		padding: 7px 15px 10px 15px;
		display: block;
		position: relative;
		text-transform: uppercase;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		font-size: 0.875em;
		position:relative;
		border-bottom-left-radius: 1.75em;
		border-bottom-right-radius: 1.75em;

		}
	.admin-nav li.active a{
		color:#FFF;
		background: var(--grey);
		}
	.admin-nav li a:hover, .admin-nav li a:focus {
		color:#FFF;
		background: var(--grey);
		font-weight: 900;
		padding-top: 15px;
		}
/*HEADER ENDS*/
/*SLIDER*/
/*TOPS*/

	 .tops{
	 	background-color: var(--blue2);
	 	padding: 50px 0px;
	 	font-family: var(--Gruppo);
	 	position: relative;
	 }
	 .tops h1{
	 	font-size: 2em;
	 	color: var(--lightblue);
	 	padding: 0em auto 1em auto;
	 	text-align: left;
	 	margin-left: -0.875em;
	 }
	 .tops p {
	 	font-size:1.2em;
		line-height: 1em;
		color: #fff;
		text-align: left;
		margin: 1em 0em;
	 }
	.tops:after{
		content: '';
		position:relative;
		width: 0;
		height: 0;
		border:20px solid var(--blue);
		border-top: 0 solid rgba(0, 0, 0, 0)!important;
		border-right: 15px solid rgba(0, 0, 0, 0)!important;
		border-left: 15px solid rgba(0, 0, 0, 0)!important;
		left:00%;
		top: 30px;
		margin-left: -10px;
		}

/*GRIDS*/
	.grids{
	padding:50px 0;
	background:transparent;
	}
	.one-grid{
	display: inline-block;
	width: 60%;
	background: #fff;
	border: 1px solid #EBEBEB;
	padding: 19px 18px 25px;
	color: black;
	text-align: center;
	overflow: hidden;
	-webkit-box-shadow: 0px 56px 36px -60px #121D12;
	-moz-box-shadow: 0px 56px 36px -60px #121D12;
	-o-box-shadow: 0px 56px 36px -60px #121D12;
	}
	.three-grid{
	display: inline-block;
	width: 85%;
	background: #fff;
	border: 1px solid #EBEBEB;
	padding: 19px 18px 25px;
	margin-bottom: 2%;
	color: black;
	text-align: center;
	overflow: hidden;
	-webkit-box-shadow: 0px 56px 36px -60px #121D12;
	-moz-box-shadow: 0px 56px 36px -60px #121D12;
	-o-box-shadow: 0px 56px 36px -60px #121D12;
	}

	.grids h3{
	text-transform: capitalize;
	padding: 8px 0;
	margin-bottom: 8px;
	font-size: 1em;
	color:var(--blue);
	border-bottom: 1px solid #dedede;
	font-family: var(--Orbitron);
	font-weight: 500;
	}
	.grids p{
	font-size: 0.875em;
	color: rgba(0, 0, 0, 1);
	font-family: var(--Gruppo);
	padding: 0em 1em 1em 1em;
	line-height: 1.5em;
	text-align: justify-all;
	text-align: left;
	}
/*-----RESULTS STARTS-----*/
	.results{
	background:var(--plain);
	padding:50px 0;
	position:relative;
	}
	.results:after{
	content: '';
	position:absolute;
	width: 0;
	height: 0;
	border:20px solid var(--blue);
	border-bottom: 0 solid rgba(0, 0, 0, 0)!important;
	border-right: 15px solid rgba(0, 0, 0, 0)!important;
	border-left: 15px solid rgba(0, 0, 0, 0)!important;
	left:50%;
	top:0px;
	margin-left: -10px;
	}
	.results-heading{
	font-family: var(--Orbitron);
	font-weight: 600;
	font-size: 1.5em;
	color:#6C6C6D;
	text-align: center;
	text-transform: capitalize;
	}


	/*----result-grid------*/

	.result-grid {
	float: left;
	width: 32%;
	margin-right: 2%;
	text-align: center;
	}
	.result-grid img{
	width:100%;
	}
	.result-grid a{
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: 'Orbitron', sans-serif;
	color:#5F5F5F;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 0.3em 0;
	display: block;
	}
	.result-grid a:hover{
	color: #0071a7;
	}
	.result-grid p{
	font-size: 0.950em;
	color: #000;
	font-family: 'Gruppo', sans-serif;
	padding: 0em 1em 1em 1em;
	line-height: 1.5em;
	}
	.spe-grid{
	margin: 0px;
	}
	.result-grids {
	padding: 50px 0;
	}
	.intable{
		width: 100%;
	}
	.intable tr{
		background-color: transparent;
		padding:0.4em 0.7em;
	}
	.intable tr:nth-child(even){
		background-color: var(--bg);
	}
	.intable td{
		width: 50%;
		text-align: right; 
		padding:0.4em 0.7em;
		font-family: var(--Gruppo);

	}
	.intable td:nth-child(even){
		text-align: left;
	}
/* RESULTS ENDS  

/*  Contact Form  */
	
	.button{
	font-family: var(--Orbitron);
	color: #ffffff;
	background-color:var(--blue2);
	display: inline-block;
	text-transform: uppercase;
	padding: 10px 10px;
	font-size: 0.65em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	border-radius: 0.75em;
	}
	.button:hover{
	background-color: #474747;
	font-weight: 900;
	}
	
	.contact-form{
		position:relative;
		padding-bottom:30px;
	}
	.contact-form div{
		padding:5px 0;
	}

	.contact-form input[type="text"],.contact-form input[type="password"],.contact-form input[type="email"]{
			padding: 8px;
			display: inline-block;
			width: 50%;
			border: none;
			outline: none;
			color: #464646;
			font-size: 0.6em;
			font-family: var(--Gruppo);
			border: 1px solid rgba(85, 85, 85, 0.25);
	}
	.contact-form textarea{
			resize:none;
			height:120px;	
			padding: 8px;
			display: inline-block;
			width: 80%;
			border: none;
			outline: none;
			color: #464646;
			font-size: 0.65em;
			font-family: var(--Gruppo);
			border: 1px solid rgba(85, 85, 85, 0.25);	
	}
	.contact-form label{
		font-family: var(--Gruppo);

	}
	.formulario{
		padding: 15px 20px;
		margin: 0% 2% 2% 0%;
		display: inline-grid;
		text-align: right;
		width: 25%;

	}
	.formulario:nth-child(even){
		text-align: left;
		width: 70%;
	}
/* FOOTER */
	
	.footer{
	background:var(--blue2);
	padding: 50px 0;
	position:relative;
	}
	.footer:after{
	content: '';
	position:absolute;
	width: 0;
	height: 0;
	border:20px solid var(--blue2);
	border-top: 0 solid rgba(0, 0, 0, 0)!important;
	border-right: 15px solid rgba(0, 0, 0, 0)!important;
	border-left: 15px solid rgba(0, 0, 0, 0)!important;
	left:50%;
	top:-20px;
	margin-left: -10px;
	}
	.footer-grid{
	display: inline-block;
	width:23%;
	margin-right:2%;
	}
	.footer-grid h3{
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;
	font-family: var(--Orbitron);
	margin-bottom: 1em;
	}
	.footer-grid p{
	font-size: 0.75em;
	color:#FFF;
	font-family: var(--Gruppo);
	line-height: 1em;
	}
	.footer-grid ul li a{
	display:block;
	padding:10px 0px;
	border-bottom: 1px solid var(--blue1);
	font-size: 0.75em;
	color:#FFF;
	font-family: var(--Gruppo);
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform:uppercase;
	}
	.footer-grid ul li a:hover{
	color:#005F4D;
	}
	.footer-lastgrid{
	margin:0;
	}
	.email-link{
	color:#FFF;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform:lowercase;
	}
	.email-link:hover{
	color:#FFF;
	}

	.copy-right{
		text-align:center;
		padding:0.5em;
		background:#474747;
	}
	.copy-right p{
		font-size: 0.5em;
		color: #fff;
		text-transform: capitalize;
		font-family: var(--Orbitron);
		font-weight: 400;
	}
	.copy-right p a{
		color: #898989;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
	}
		.copy-right p a:hover{
		color:#FFF;
	}


@media only screen and (min-width: 1025px) {
	/*HEADER*/ 	
		.logo{ display: block;}
		.logo480{ display: none;}
		.lanzamenu{display: none;}
		.sub-nav{display: block;}
		.top-nav ul li{
			display:inline-block;
			float:left;
			}
		.top-nav ul li a{
			padding: 20px 10px;
			display: block;
			position: relative;
			text-transform: uppercase;
			transition: 0.5s ease;
			-o-transition: 0.5s ease;
			-webkit-transition: 0.5s ease;
			font-size: 0.8em;
			}
		.top-nav li a:hover, .top-nav li.active a {
			color:#FFF;
			background: var(--blue);
			font-size: 0.85em;
			}
	/* GRIDS*/
		.one-grid{width: 80%;}
		.grids h3{ font-size: 1.5em;}
		.grid p{min-height: 10em;}
		.three-grid{
			width: 27%;
			margin-bottom: 2%;
			margin-right: 2%;
			}
		.last-grid{margin-right: 0%;}

	/*CONTACT FORM */
	.contact-form input[type="text"],.contact-form input[type="password"],.contact-form input[type="email"],.button , .contact-form textarea{
		font-size: 0.875em;
	}
	/*FOOTER*/
		.copy-right{
				padding:1em;
			}
		.copy-right p{
				font-size: 1em;
			}

}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
	/*HEADER*/ 	
		.wrap{width: 95%;}
		.logo{ display: block;}
		.logo480{ display: none;}
		.lanzamenu{display: none;}
		.sub-nav-mini{display: none;}
		.sub-nav{display: block;}
		.header img{max-height: 20px;}
		.top-nav ul li{
			display:inline-block;
			float:left;
			}
			.top-nav ul li a{
			padding: 20px 10px;
			display: block;
			position: relative;
			text-transform: uppercase;
			font-size: 0.7em;
			}

		.top-nav li a:hover, .top-nav li.active a {
			color:#FFF;
			background: var(--blue);
			font-size: 0.75em;
			}

	/*GRIDS*/
		.tops h1{
	 	font-size: 1.75em;

	 	margin-left: -0.6em;
		}

		.one-grid{width: 80%;}
		.grids h3{ font-size: 1.2em; }
		.grids p{min-height: 10.5em;}
		.three-grid{
			width: 28%;
			margin-bottom: 2%;
			margin-right: 2%;
			}
		.last-grid{margin-right: 0%;}



	/*FOOTER*/

		.copy-right{
				padding:0.9em;
			}
		.copy-right p{
				font-size: 0.9em;
			}

}

@media only screen and (max-width: 768px) and (min-width: 480px) {
		
		.sub-nav{display: none;}
		.lanzamenu{display: block;}
		.sub-nav-mini{display: none;}
		.top-nav ul li a{
			padding: 20px 10px;
			display: none;
			position: relative;
			text-transform: uppercase;
			font-size: 0.7em;
			}
		.top-nav li a:hover, .top-nav li.active a {
			color:#FFF;
			background: var(--blue);
			font-size: 0.75em;
			}
		.sub-nav-mini{
			font-family: var(--Orbitron);
			color: #d6d6d6;
			padding: 15px 5px;
			display: block;
			text-transform: uppercase;
			transition: 0.5s ease;
			-o-transition: 0.5s ease;
			-webkit-transition: 0.5s ease;
			font-size: 0.75em;
		}
		.sub-nav-mini ul li a{
			color:#FFF;
			background: var(--blue);
			font-size: 0.77em;


	/*CONTACT FORM */
	.contact-form input[type="text"],.contact-form input[type="password"],.contact-form input[type="email"],.button , .contact-form textarea{
		font-size: 0.75em;
	}

			/*FOOTER*/


		.copy-right{
				padding:0.7em;
			}
		.copy-right p{
				font-size: 0.7em;
			}
}