.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
/*
input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
}
*/
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  color:#666;
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}




















































/* Estilo para el documento  rem  en este caso es px x 0,06  */
BODY {
/*	font-family: Arial, Helvetica, sans-serif; */
	font-family: 'Quicksand', sans-serif;
	background-color: #000E17;
	color: #FFF;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: larger;
}


h1 {font-size: 2rem;}
h2 {font-size: 1.3rem; margin-top: 0.5rem; margin-bottom: 0.5rem;}
h3 {font-size: 1.1rem; margin-top: 0.5rem; margin-bottom: 0.5rem;}





/* MENÚ WC3 --------------------------------------------*/
.topnav { /* Add a black background color to the top navigation */
    background-color: #1D3838;
    overflow: hidden;
	font-size: small;
}
.topnav a { /* Style the links inside the navigation bar */
    float: left;
    display: block;
    color: #B0D7D7;
    text-align: center;
    padding: 1rem 1rem;
    text-decoration: none;
}
.topnav a:hover { /* Change the color of links on hover */
    background-color: #152B2B;
    color: white;
}
.active { /* Add an active class to highlight the current page */
    background-color: #152B2B;
    color: white;
}
.topnav .icon { /* Hide the link that should open and close the topnav on small screens */
    display: none;
}
/* FIN MENÚ WC3 ----------------------------------------------------------*/


/* VENTANA MODAL -------------------------------------- */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 2rem; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* NO Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
}
.modalvisible {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding: 0.2rem; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	position:relative;
	border:solid; 
	border-width:2; 
	border-color:#6A8193; 
	box-shadow: 3px 3px 5px #000;
	font-size: medium;
 	text-align:center;
	padding:1rem; 
	padding-top:0.5rem; 
	padding-bottom:2rem;
	border-radius:5px; 
	background-color:#003A62;
	box-sizing:border-box;
	overflow: hidden;
    margin: auto; /* 15% from the top and centered  */
  	max-width: 45rem; /* Could be more or less, depending on screen size */
}

/* Modal Content/Box Experimental 
.modal-content-fadeable {
	position:relative;
	border:solid; 
	border-width:2; 
	border-color:#6A8193; 
	box-shadow: 3px 3px 5px #000;
	font-size: medium;
 	text-align:center;
	padding:1rem; 
	padding-top:0.5rem; 
	padding-bottom:2rem;
	border-radius:5px; 
	box-sizing:border-box;
	overflow: hidden;
    margin: auto; /* 15% from the top and centered  
  	max-width: 45rem; /* Could be more or less, depending on screen size 
	
	background-color:red;
	transition: background-color 5s;
/*	transition-delay: 1s;
	transition: opacity 5s linear;
	opacity: 1; 
} */

/* The Close Button */
#closeX {
  float: right;
  width:1.5rem;
  height:1.5rem;
}

#closeX:hover{
  cursor: pointer;
}
/* The Close Button */
#closeX2 {
  float: right;
  width:1.5rem;
  height:1.5rem;
}

#closeX2:hover{
  cursor: pointer;
}
/* FIN VENTANA MODAL -------------------------------------- */












#menudesplegable {
	width: 15rem;
	background-color:#1D3838;
	display:none;
	z-index:900;
	position:fixed;
	right:0;
	box-shadow: -3px -3px 5px #000;
}
.filaMenudesplegable {
	font-size:small;
	background-color:#1D3838;
	transition: background-color 0.2s linear;
}
.filaMenudesplegable:hover {
	background: #152B2B;
}
.punteroindice {
	cursor: pointer;
	cursor: hand;
}

#cabeceraPPrincipal {
	display: table;	
	text-align:center;
    width: 100%;
    height: 12rem;
	background-color:#1D3838;
	background:linear-gradient(to bottom, #1D3838,#2C5656);
}
#CABimagencentrada {
  text-align:center;
  width: 100%;
  height: 12rem;
  vertical-align: middle;
  display: table-cell;
}

.menuPPrincipal {
	text-align:center;
    width: 100%;
    height: 3rem;
	background-color:#1D3838;
	float: left;
	padding: 0.3rem;
	box-sizing:border-box;
	clear:both;
}

.botonmenuPPrincipal {
	 border: 0px;
	 background: #1D3838;
	 font-family: 'Quicksand', sans-serif;
	 color: #B0D7D7;
	 width: 90%;
	 height: 100%;
	 border-radius: 5px;
}

#cuerpoPPrincipal {
/*	text-align:center; */
/*	border:solid;
	border-width:thin; /* --------------------- */
	background-color:#2C5656;
	color: #B0D7D7;
    width: 100%;
	padding: 0rem;
	box-sizing:border-box;
	clear:both;
	overflow: hidden; /* para que encierre a los float */
}

#cuerpoPSecundaria {
/*	text-align:center; */
/*	border:solid;
	border-width:thin; /* --------------------- */
	background-color:#2C5656;
	color: #B0D7D7;
    width: 100%;
	padding: 0.3rem;
	box-sizing:border-box;
	clear:both;
	overflow: hidden; /* para que encierre a los float */
}



.noticia{
	color: #B0D7D7;
	background-color:#1D3838;
	box-sizing:border-box;
	overflow: hidden; /* para que encierre a los float */
	box-shadow: 2px 2px 5px #000;
}

#marcoNoticiaIzqPPrincipal {
/*	border:solid;
	border-width:thin; /* --------------------- */
	padding: 1rem;
    width: 50%;
	height: 24rem;
	box-sizing:border-box;
	float:left;
}
#noticiaIzqPPrincipal {
/*	border:solid;
	border-width:thin; /* --------------------- */
    width: 100%;
	height: 100%;
	background-image: url(escritorionoticia700.jpg);
	background-size:cover;
}
#VacioNoticiaIzqPPrincipal {
	width: 100%;
	height: 60%;
}
#TextoNoticiaIzqPPrincipal {
	width: 100%;
	height: 40%;
	padding: 1rem;
	padding-top: 0.1rem;
	box-sizing:border-box;
	font-size:medium;
	text-align:left;
	line-height: 1.4rem;
	/*
	background-color:#0E1B1B;
	opacity:0.4; /* Opacidad 60% */
	background-color:rgba(29,56,56,0.9);
}


#marcoNoticiaDer1PPrincipal{
/*	border:solid;
	border-width:thin; /* --------------------- */
	padding: 1rem;
    width: 50%;
	height: 12rem;
	box-sizing:border-box;
	float:right;
}
#noticiaDer1PPrincipal {
/*	border:solid;
	border-width:thin; /* --------------------- */
    width: 100%;
}
#ImagenNoticiaDer1PPrincipal {
/*	border:solid;
	border-width:thin; /* --------------------- */
    width: 30%;
	height: 100%; 
	background-image: url(biker360.jpg);
	background-size:cover;
	float:left;
}
#TextoNoticiaDer1PPrincipal {
/*	border:solid;
	border-width:thin; /* --------------------- */	
	width: 68%;
	height: 100%;
	padding: 1rem;
	box-sizing:border-box;
	font-size:medium;
	text-align:left;
	line-height: 1.4rem;
	float:right;
}

#marcoNoticiaDer2PPrincipal{
/*	border:solid;
	border-width:thin; /* --------------------- */
	padding: 1rem;
    width: 50%;
	height: 12rem;
	box-sizing:border-box;
	float:right;
}
#noticiaDer2PPrincipal {
/*	border:solid;
	border-width:thin; /* --------------------- */
    width: 100%;
}
#ImagenNoticiaDer2PPrincipal {
/*	border:solid;
	border-width:thin; /* --------------------- */
    width: 30%;
	height: 100%; 
	background-image: url(panalnoticia300.jpg);
	background-size:cover;
	float:left;
}
#TextoNoticiaDer2PPrincipal {
/*	border:solid;
	border-width:thin; /* --------------------- */	
	width: 68%;
	height: 100%;
	padding: 1rem;
	box-sizing:border-box;
	font-size:medium;
	text-align:left;
	line-height: 1.4rem;
	float:right;
}

.marcobanner1PPrincipal{
/*	border:solid;
	border-width:thin; /* --------------------- */
	padding: 1rem;
    width: 100%;
	height: auto;
	box-sizing:border-box;
	clear:both;
}


.divMensajeAzul{
	width:50%; 
	border:solid; 
	border-width:2; 
	border-color:#6A8193; 
	font-size: medium;
 	text-align:center;
	padding:1rem; 
	padding-top:2rem; 
	padding-bottom:2rem;
	border-radius:5px; 
	background-color:#003A62;
	box-sizing:border-box;
	overflow: hidden;
}


.divStickAmarillo {
	width: 70%;
	height:auto;
	color:#0F0F0F;
	display:inline-block;
	background-color:#FDF07F;
	text-align:left;
	padding:2rem; 
	clear:both; 
	box-sizing:border-box; 
	overflow: hidden;
}

.divRegistroAmarillo {
	width: 70%;
	height:auto;
	color:#0F0F0F;
	border-top-style: solid;
	border-top-width:thin;
	border-top-color:#B0A548;
	display:inline-block;
	background-color:#FDF07F;
	text-align:left;
	font-size:medium;
	padding:2rem;
	padding-top:0.2rem;
	padding-bottom:0.2rem;
	clear:both; 
	box-sizing:border-box; 
	overflow: hidden;
}

.divcentrado1reminimo {
/*	border:solid;
	border-width:thin; /* --------------------- */	
	text-align:center;
	padding:1rem; 
	clear:both; 
	box-sizing:border-box; 
	overflow: hidden;
}
.divcentrado2rem {
/*	border:solid;
	border-width:thin; /* --------------------- */	
	text-align:center; 
	padding:2rem; 
	clear:both; 
	box-sizing:border-box;
	overflow: hidden;
}
.divcentradoForm20-20rem {
/*	border:solid;
	border-width:thin; /* --------------------- */	
	width:20rem;
	text-align:left;
	align:left;
	position: relative;
	overflow:hidden;
	display:inline-block;
}
.divcentradoForm30-30rem {
/*	border:solid;
	border-width:thin; /* --------------------- */	
	width:30rem;
	text-align:left;
	align:left;
	overflow:hidden;
	display:inline-block;
}
.divcentradoForm50-50rem {
/*	border:solid;
	border-width:thin; /* --------------------- */	
	width:50rem;
	text-align:left;
	align:left;
	overflow:hidden;
	display:inline-block;
}
.inputform{
	width:100%;
	border:1px;
	border-radius:5px;
	font-size:large;
	font-family: 'Quicksand', sans-serif;
	padding:0.4rem;
}

.divcentrado2-2rem {
/*	border:solid;
	border-width:thin;
	border-color: #BC0D10;
	 /* --------------------- */	
	overflow: hidden; /* para que encierre a los float */
	box-sizing:border-box; /* para que el padding nio incremente su ancho */
	display:inline-block;
}
.divcentrado2-2x100rem { /* cuando necesito 2 columnas centrado en pc */
/*	border:solid;
	border-width:thin;
	border-color: #BC0D10;
	 /* --------------------- */	
	overflow: hidden; /* para que encierre a los float */
	box-sizing:border-box; /* para que el padding nio incremente su ancho */
	display:inline-block;
	width: 100%;
}
.divcentrado2-2-2rem {
/*	border:solid;
	border-width:thin; 
	border-color: aqua;/* --------------------- */	
	padding:1rem;
	float:left;
	overflow: hidden; /* para que encierre a los float */
	box-sizing:border-box; /* para que el padding nio incremente su ancho */
}

.divcentrado2-2-2xrem { /* cuando necesito 2 columnas centrado en pc */
/*	border:solid;
	border-width:thin; 
	border-color: aqua;/* --------------------- */	
	padding:0.5rem;
	max-width: 45%;
	overflow: hidden; /* para que encierre a los float */
	box-sizing:border-box; /* para que el padding nio incremente su ancho */	
	display: inline-block;
}

.divcentrado2-2-2x45rem { /* cuando necesito 2 columnas centrado en pc */
/*	border:solid;
	border-width:thin; 
	border-color: aqua;/* --------------------- */	
	padding:0.5rem;
	width: 45%;
	display: inline-block;
	overflow: hidden; /* para que encierre a los float */
	box-sizing:border-box; /* para que el padding nio incremente su ancho */
	vertical-align:top;
}

.banner1PPrincipal{
	width: 100%;
	height: auto;
	padding: 2rem;
	padding-top: 4rem;
	padding-bottom: 4rem;
	color:#FFF;
	background-color:#1D3838;
	box-sizing:border-box;
	font-size: 2.5rem;
	text-align:right;
	overflow: hidden; /* para que encierre a los float */
	box-shadow: 2px 2px 5px #000;
}


#div60diasgratis {
/*	border:solid;
	border-width:thin; /* --------------------- */	
	width: 100%;
	height: auto;
	padding: 3rem;
	text-align: center;
	color:#FFF;
	overflow: hidden; /* para que encierre a los float */
	box-sizing:border-box;
}
.botonComunGrande{
	 border: 2px;
	 background: #1D3838;
	 font-family: 'Quicksand', sans-serif;
	 font-size:large;
	 color: #FFFFFF;
	 padding: 1rem;
	 border-radius: 5px;
}
.botonComunGrande:hover {
	background: #152B2B;
	color: #FFF;
}

.botoncomun {
 border: 2px solid #2D5555;
 background: #152B2B;
 font-family: 'Quicksand', sans-serif;
 font-size:large;
 color: #B0D7D7;
 border-radius: 5px;
 padding: 0.3rem;
}

.fileuploadcomun {
 border: 2px solid #2D5555;
 background: #152B2B;
 font-family: 'Quicksand', sans-serif;
 font-size:medium;
 color: #B0D7D7;
 border-radius: 5px;
 padding: 0.8rem;
}


.footer{
/*	border:solid;
	border-width:thin; /* --------------------- */
    width: 100%;
	background-color:none;
	color:#999;
	padding: 1.3rem;
	font-size:medium;
	line-height: 1.5rem;
	box-sizing:border-box;
	clear:both;
	overflow: hidden; /* para que encierre a los float */	
}
.footer a{
	color:#999;	
}

.Titulo1{
/*	border:solid;
	border-width:thin; /* --------------------- */
    width: 100%;
	height:auto;
	padding: 0.3rem;
	background-color:#1D3838;
	color:#FFF;
	text-align:center;
	box-sizing:border-box;
	clear:both;
	overflow: hidden; /* para que encierre a los float */	
}

	.divocultarMovil {
		display:block;
		float:right;
		text-align:right; 
		width:49%; 
	}
	.divMovilWidthAuto {
		display:block;
		float:left;
		text-align:left;
		width:49%;
	}




/*@media (max-width:320px){*/
@media (orientation:portrait), (max-width:800px){   /*  VERTICAL ----------------------------------------------- */
	
	/* MENÚ WC3 --------------------------------------------*/
	/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
	  .topnav a:not(:first-child) {display: none;}
	  .topnav a.icon {
		float: right;
		display: block;
		font-size: 1rem;
	  }
	/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
	  .topnav.responsive {position: relative;}
	  .topnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	  }
	  .topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		font-size: 1rem;
	  }
	/* FIN MENÚ WC3 --------------------------------------------*/	
	
	#menudesplegable {
		width: 20rem;
	}
	.filaMenudesplegable {
		font-size:x-large;
	}


/* VENTANA MODAL -------------------------------------- */
/* The Modal (background) */
/* Modal Content/Box */
.modal-content {
  	width: 85%; /* Could be more or less, depending on screen size */
}

/* FIN VENTANA MODAL -------------------------------------- */








	#cabeceraPPrincipal {
		height: 6rem;
	}
	#CABimagencentrada {
	  height: 6rem;
	}
	#LogoX80 { /* logo viejo, creo que ya queda descartado*/
		height: 2.4rem;
		width: 2.4rem;
	}
	#LogoXX80 {
		height: 2.4rem;
		width: 3.7rem;
	}
	#LogoT80 {
		height: 2.4rem;
		width: 9.06rem;
	}

	.botonmenuPPrincipal {
	 font-size:large;
	 height: 3rem;
	 margin: 0.3rem;
	}
	.divBotonPPrincipal {
		width: 100%;
		background-color:#2C5656;
		/*background-color:#CF0*/
	}
	.menuPPrincipal {
		height:auto;
		background-color:#2C5656;
	}

	#noticiaIzqPPrincipal {
		height: auto;
	}
	#marcoNoticiaIzqPPrincipal {
		width: 100%;
		height: auto;
		float:none;
		clear:both;
	}
	#VacioNoticiaIzqPPrincipal {
		width: 100%;
		height: 8rem;
	}
	#TextoNoticiaIzqPPrincipal {
		width: 100%;
		height:auto;
	}

	#marcoNoticiaDer1PPrincipal{
		width: 100%;
		height: auto;
		float:none;
		clear:both;
	}
	#ImagenNoticiaDer1PPrincipal {
	/*	border:solid;
		border-width:thin; /* --------------------- */
		width: 100%;
		height: 4rem; 
		float:none;
		clear:both;
	}
	#TextoNoticiaDer1PPrincipal {
	/*	border:solid;
		border-width:thin; /* --------------------- */	
		width: 100%;
		height: auto;
		float:none;
		clear:both;
	}
		
	#marcoNoticiaDer2PPrincipal{
		width: 100%;
		height: auto;
		float:none;
		clear:both;
	}
	#ImagenNoticiaDer2PPrincipal {
	/*	border:solid;
		border-width:thin; /* --------------------- */
		width: 100%;
		height: 4rem; 
		float:none;
		clear:both;
	}
	#TextoNoticiaDer2PPrincipal {
	/*	border:solid;
		border-width:thin; /* --------------------- */	
		width: 100%;
		height: auto;
		float:none;
		clear:both;
	}
	.divcentrado1reminimo {
		padding:0.3rem; 
	}
	.divcentrado2rem {
		padding:0.5rem; 
	}
	.divcentradoForm20-20rem {
		width:100%;
	}		
	.divcentradoForm30-30rem {
		width:100%;
	}		
	.divcentradoForm50-50rem {
		width:100%;
	}		

	.divcentrado2-2-2rem {
		float:none;
		clear:both;
		max-width:none;
	}
	.divcentrado2-2-2xrem { /* para centrar imagenes vertical movil, lado a lado pc, mobile first joya*/	
		clear:both;
		max-width:none;
	}
	.divcentrado2-2-2x45rem { /* para centrar imagenes vertical movil, lado a lado pc, mobile first joya*/	
		clear:both;
		width:100%;
	}	
	.banner1PPrincipal{
		font-size: 1.5rem;
		text-align: center;
	}

	#div60diasgratis {
		padding-left:0;
		padding-right:0;
	}	
	
	.divMensajeAzul{
		width:95%; 	
	}
	
	.divStickAmarillo {
		width: 100%;
		padding:0.3rem; 
	}

	.divRegistroAmarillo {
	width: 100%;
	padding:0.3rem; 
	font-size:small;
	}
	
	.divocultarMovil {
		display:none;
		visibility:hidden;
	}
	.divMovilWidthAuto {
		width:97%;
	}
			
}


/*@media (min-width:321px){*/
@media (orientation :landscape) and (min-width:801px) { 	/*  HORIZONTAL -------------------------------------------------------- */
	.botonmenuPPrincipal:hover {
		background: #152B2B;
		color: #FFF;
	}
	.divBotonPPrincipal {
		width: 33%;
		float: left;		
		/*background-color:#C00*/
	}
	
	#cuerpoPPrincipal {
		padding-top: 0.5rem;
	}		
}

.blancosombra {
color: #FFF;
text-shadow: 1px 1px 2px #000E17;
}
.blancosombra:link {
TEXT-DECORATION: none;
cursor: pointer;
cursor: hand;
}

.nounderline:link {
TEXT-DECORATION: none; 
cursor: pointer;
cursor: hand;
}

.blancosombramas {
color: #FFF;
text-shadow: 2px 2px 2px #000E17;
}

.veroscsombra {
	color: #316464;
	text-shadow: 1px 1px 1px #050C0C;
}

.vinculobuscar {
	font-size: medium;
	color:#E1E1E1;
	text-decoration:none;
}

#OpcionesMenu A {
	font-family: Calibri, Arial;
	font-size: 14px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}
#OpcionesMenu A:link {
	font-family: Calibri, Arial;
	font-size: 14px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}
#OpcionesMenu A:visited {
	font-family: Calibri, Arial;
	font-size: 14px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}
#OpcionesMenu A:hover {
	font-family: Calibri, Arial;
	font-size: 14px;
	COLOR: #000000;
	TEXT-DECORATION: underline;
}

label.checkbox-label input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

.TextoGrandeblanco1 {
	font-size:x-large;
	color:#FFF;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxx  FUENTES xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
       url('../fonts/quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}
/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/quicksand-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Medium'), local('Quicksand-Medium'),
       url('../fonts/quicksand-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
}
/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Bold'), local('Quicksand-Bold'),
       url('../fonts/quicksand-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}