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

[class^="icon-"]::before, [class*=" icon-"]::before { display: block;}
:root {
	/*fonts*/
    --bilo-font: bilo, Arial, helvetica sans-serif;
    --main-font: freight-sans-pro, Arial, helvetica sans-serif;
	/*colors text*/
	--title-light: rgba(200,213,219,1);
	--text-grey: rgba(165,184,178,1);
	--footer-li: rgba(154,178,184,1);
	--footer-text: rgba(138,147,149,1);
	--footer-hover: rgba(165,184,178,.4);
	--timeline-title: rgba(154,178,184,1);
	--timeline-text: rgba(138,147,149,1);
	--green-text: rgba(51,51,64,1);
	--posts-headings: rgba(77,94,87,1);
	--snav-color: rgba(76,76,83,1);
	--logo-dark: rgba(10,32,63,1);
	/*colors bttn*/
	--light-grey: rgba(229,229,229,1);
	--light-grey-2: rgba(228,228,228,1);
	--dark-grey: rgba(138,147,149,1);
	--green: rgba(112,147,143,1);
	--dark-green: rgba(154,178,184,1);
	--dark-black: rgba(34,34,46,1);
	/*colors bg*/
	--bg-transparent: rgba(23,23,39,0);
	--bg-white: rgba(255,255,255,1);
	--bg-softwhite: rgba(200,213,219,1);
	--bg-dark: rgba(23,23,39,1);
	--bg-dark-br: rgba(138,147,149,1);
	--bg-dark-border: rgba(138,147,149,.2);
	--bg-visit: rgba(51,51,64,1);
	--bg-visit-0: rgba(51,51,64,0);
	--bg-stay: rgba(170,108,62,1);
	--bg-green: rgba(165,184,178,1);
	--bg-card: rgba(245,245,245,1);
	--bg-card-0: rgba(245,245,245,0);
	--bg-bar: rgba(154,178,184,1);
	--bg-error: rgba(220,50,50,.56);
	--bg-blog-header: rgba(77,94,87,1);
	--bg-light: rgba(234,239,240,1);
	/*calender*/
	--calendar-title: rgba(106,154,172,1);
	--calendar-shadow: rgba(68,93,108,.48);
	--calendar-bgcolor: rgba(100,100,142,.3);
	--calendar-bgcolorOff: rgba(100,100,142,.2);
	--calendar-bgcolorOn: rgba(106,154,172,1);
	--calendar-color: rgba(237,219,194,1);
	--calendar-colorOff: rgba(237,219,194,.3);
	--calendar-colorOn: rgba(250,239,208,1);
	/*form*/
	--place-color: rgba(138,147,149,1);
	--txt-color: rgba(66,247,212,1);
	--bg-color: rgba(245,245,245,1);
	--br-color: rgba(188,186,186,1);
	/*fake select*/
	--color-fakeSelect: rgba(200,213,219,1);
	--colorOn-fakeSelect: rgba(154,178,184,1);
	--br-fakeSelect: rgba(154,178,184,1);
	--shadow-fakeSelect: rgba(68,93,108,.48);
	--brON-fakeSelect: rgba(213,213,253,1);
	--brOFF-fakeSelect: rgba(220,50,50,.32);
	--colorOFF-fakeSelect: rgba(220,50,50,.62);
}


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: 400 inherit var(--bilo-font);
	-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: 3.2rem;
	-moz-border-radius: 3.2rem;
	border-radius: 3.2rem;
	border: none;
	padding: 0;
}
button {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
select::-ms-expand,
::-ms-clear { display: none; } /* X en campos */

html { /* Se resetea el texto para que este en 10px */
	color: #343434;
  	font: 400 62.5%  var(--main-font);
	line-height: 1;
	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; }