@charset "UTF-8";

@font-face {font-family: "hmcom-1-2";src:url("../fonts/hmcom-1-2.eot");src:url("../fonts/hmcom-1-2.eot?#iefix") format("embedded-opentype"),url("../fonts/hmcom-1-2.woff") format("woff"),url("../fonts/hmcom-1-2.ttf") format("truetype"),url("../fonts/hmcom-1-2.svg#hmcom-1-2") format("svg");font-weight:normal;font-style:normal}

[data-icon]:before {font-family: "hmcom-1-2" !important;content: attr(data-icon);font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class^="icon-"]:before,[class*=" icon-"]:before {font-family: "hmcom-1-2" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.fa-spin {-webkit-animation: fa-spin 1s infinite linear;animation: fa-spin 1s infinite linear;}
@-webkit-keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
@keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}

.icon-x:before{content:"a"}
.icon-help:before{content:"b"}
.icon-reload:before{content:"c"}
.icon-bed:before{content:"d"}
.icon-users:before{content:"e"}
.icon-target:before{content:"f"}
.icon-tag:before{content:"g"}
.icon-arrow-left:before{content:"h"}
.icon-arrow-right:before{content:"i"}
.icon-search:before{content:"j"}
.icon-hotelmap-w:before{content:"k"}
.icon-hotelmap:before{content:"l"}

html{word-spacing:0px;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border:none}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
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}
html,button,input,select,textarea {color:#000}
section,.section {/*float:left;*/clear:left;width:100%;position:relative}
::selection,::-moz-selection {background:#fff85f;color:#000}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
audio,canvas,img,video {vertical-align:middle}
fieldset {border:0;margin:0;padding:0}
textarea {resize:vertical}
html, body, main {height:100%}
::-moz-selection {color:#404040;background:#e3e2df}
::selection      {color:#404040;background:#e3e2df} 
.clr,.clrl,.clrr {overflow:hidden;height:0;display:block}.clr {clear:both}.clrl {clear:left}.clrr {clear:right}
::-webkit-input-placeholder { text-align:center;color:#fff;opacity:0.3;font-weight:300 }
::-moz-placeholder { text-align:center;color:#fff;opacity:0.3;font-weight:300}
:-ms-input-placeholder { text-align:center;color:#fff;opacity:0.3;font-weight:300 }
input:-moz-placeholder { text-align:center;color:#fff;opacity:0.3;font-weight:300 }

body {overflow-x:hidden;
-webkit-transition: background-color 1000ms linear;
-moz-transition: background-color 1000ms linear;
-o-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear}

.fixed {position:fixed !important}
.hidden {display:none}
.posr {position:relative}
.table {display:table}
.table .table-cell {display:table-cell}
.table.mid {width:100%}
.table.mid > div,.table.mid .table-cell {vertical-align:middle;height:100%}
.hpc {height:100%}

.row {width:100%;margin:0 auto;position:relative}
.row .row {min-width:0px}
.columns {float:left;min-height:1px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

body,input,select,textarea {font-family:"Gotham SSm A", "Gotham SSm B";font-style:normal;font-weight:400}

.beige,.beige:hover		 		{color:#EFEEEB}
.black,.black:hover		  		{color:#000000}
.forty,.forty:hover	 			{color:#404040}
.slategrey,.slategrey:hover    	{color:#374a58}
.tingrey,.tingrey:hover 	   	{color:#8996a9}
.green,.green:hover 			{color:#6CCACD}
.lightgreen,.lightgreen:hover	{color:#9bd3ca}
.blue,.blue:hover    			{color:#1CA1C8}
.royalblue,.royalblue:hover		{color:#428eff}
.red,.red:hover   				{color:#e25a5a}
.gold,.gold:hover    			{color:#F3C920}
.white,.white:hover  			{color:#FFFFFF}

.bg_beige  		{background-color:#EFEEEB}

h1, h2 {font-weight:400;text-rendering:optimizeLegibility;line-height:1.15538em;padding-bottom:0.273em}
h1 { font-size: 4.2em; letter-spacing:-5px; font-weight:400; text-align:center }
h2 { font-size: 1.1em; line-height:1.325em }

p { font-size:1em;margin-bottom:2em;line-height:1.325em }

a { color:#1CA1C8;text-decoration:none;outline:0;line-height:inherit }
a:hover { color:#1991B4; }

.logo {text-transform:uppercase;letter-spacing:3px;z-index:20;width:228px;background-size:270px;height:26px;background-repeat:no-repeat;background-position:-22px -13px}
.logo span {display:none}
.logo .icon {font-size:228px;position:absolute;top:-104px;left:0px}

#header,#footer {padding-top:2em;width:100%;padding-bottom:0.5em}

#header h1 {padding:0.75em 2em;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;}
#header .logo {position:absolute;z-index:1;background:transparent;top:2em;left:2em;padding-bottom:4em;display:block}

#content {width:100%;border-top:1px solid #ccc;padding-top:2em;text-align:center}
#content #inner {width:780px;margin:0 auto;padding:0 10px}

.browser {float:left;background-color:#fff;margin-right:2%;width:21.5%}
.browser a {display:block;padding:10px 15px;font-size:0.9em;border:1px solid #eee;border-bottom:3px solid #ccc}
.browser a:hover {background-color:#f9f9f9}
.browser img {float:left;width:45px;margin-right:15px}
.browser .o {overflow:hidden;padding-top:2px}
.oldie .browser .o {float:left}
.browser span {display:block;text-align:left}
.browser span span {font-size:0.8em;color:#374a58}
.browser.last {margin-right:0;width:29.5%}

/* < 1000px */
@media only screen
and (max-width : 780px)
{

	h1 {letter-spacing:-2px;font-size:2.2em;padding-top:1.5em}
	#header .logo {position:relative;left:50%;margin-left:-125px;top:0;padding-bottom:0;margin-bottom:0;width:250px;overflow:hidden}
	.logo .icon {font-size:250px;top:-112px;height:145px}
	.logo {width:150px}
	#header h1 {padding:1em 0.5em 0.5em}
	#content #inner {width:initial;padding:0 20px}
	.browser,.browser.last {width:49%}
	.browser.two {margin-right:0}
	.browser img {width:60px;margin-right:0;float:none}
	.browser span {text-align:center}
	.browser .o {overflow:initial}

}