@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
/* @-ms-viewport{width:device-width} */
@-o-viewport{width:device-width}
@viewport{width:device-width}

@font-face {
    font-family: 'Pluto';
    src: url("fonts/pluto-regular.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham Narrow Light';
    src: url("fonts/GothamNarrow-Light.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham Narrow Medium';
    src: url("fonts/GothamNarrow-Medium.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham Narrow Book';
    src: url("fonts/GothamNarrow-Book.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham Narrow Bold';
    src: url("fonts/GothamNarrow-Bold.otf") format("opentype");
}

[class^="icon-"]::before, [class*=" icon-"]::before { display: block;}
:root {
	/* fonts */
    /* --montserrat-font: 'Montserrat', Arial, helvetica sans-serif; */
    --pluto-font: 'Pluto', Arial, helvetica sans-serif;
    /* --pluto-font: 'Gotham Narrow Book', Arial, helvetica sans-serif; */
	--rozha-font: 'Rozha One', Arial, helvetica sans-serif;
    --gotham-font: 'Gotham Narrow Book', Arial, helvetica sans-serif;
	/* font weights */
	--gotham-light: 'Gotham Narrow Light', Arial, helvetica sans-serif;
	--gotham-medium: 'Gotham Narrow Medium', Arial, helvetica sans-serif;
	--gotham-regular: 'Gotham Narrow Book', Arial, helvetica sans-serif;
	--gotham-bold: 'Gotham Narrow Bold', Arial, helvetica sans-serif;
	/* colors */
    --main-blue: rgb(12, 34, 63);
    --submenu-blue: rgba(0,112,205,1);;
    --main-white: rgba(255,255,255,1);
    --secondary-white: rgba(241,241,241,1);
	--darker-white: #f5f5f5;
    --main-black: rgba(0,0,0,1);
    --light-blue: rgba(149,208,242,1);
	--main-grey: #48555e;
    --medium-grey: #979797;
	--light-grey: #f8f8f8;
    --soft-grey: #E6E7E8;
	--secondary-grey: #868686;
    --streetsense-yellow: rgba(255,242,0,1);
	/* Bttns */
	--bttn-bg: rgba(0,112,205,1);
	--bttn-color: rgba(255,255,255,1);
	--bttn-transparent-color: rgba(12,34,63,1);
	--bttn-bg-dark: rgba(12,34,63,1);
	
}

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, font, 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,
main, article, aside, figure, footer, header, nav, section, details, summary, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
  -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
sup { font-size: .6em; line-height: 1em; vertical-align: super; }
sub { font-size: .6em; line-height: 1em; vertical-align: sub; }

main, article, aside, figure, footer, header, nav, section, details, summary, figcaption {
  display: block;
  -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

textarea,
select,
input,
option,
button {
	background: none;
	font-family: var(--gotham-font);
	font-weight: 500;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	padding: 0;
}
select::-ms-expand,
::-ms-clear { display: none; } /* X en campos */

html { /* Se resetea el texto para que este en 10px */
	color: var(--main-blue);
	font: 400 62.5% / 1 var(--gotham-font);
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased;
	/*overflow-wrap: break-word;  Probar
	word-wrap: break-word;
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;*/
}
ol, ul { list-style: none; }
ol li { list-style: decimal inside none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
*::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* remember to define focus styles! */
:focus { outline: 0; border: 0px none; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: rgba(159,213,209,1); }
* { -webkit-tap-highlight-color: transparent; }