.container { *zoom: 1; max-width: 69.8633em; _width: 69.8633em; padding-left: 1.063em; padding-right: 1.063em; margin-left: auto; margin-right: auto; max-width: 70.5353em } .container:after { content: ""; display: table; clear: both } .grid-bg { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjYuMzQ4NTQlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjYuMzQ4NTQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOC41MTM3NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4LjUxMzc3JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxNC44NjIzMSUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTQuODYyMzElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTcuMDI3NTQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTcuMDI3NTQlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjIzLjM3NjA4JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIyMy4zNzYwOCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIyNS41NDEzMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIyNS41NDEzMSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMzEuODg5ODUlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjMxLjg4OTg1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM0LjA1NTA4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM0LjA1NTA4JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0MC40MDM2MiUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNDAuNDAzNjIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDIuNTY4ODUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDIuNTY4ODUlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjQ4LjkxNzM5JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0OC45MTczOSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MS4wODI2MSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MS4wODI2MSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNTcuNDMxMTUlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjU3LjQzMTE1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjU5LjU5NjM4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjU5LjU5NjM4JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI2NS45NDQ5MiUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNjUuOTQ0OTIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjguMTEwMTUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjguMTEwMTUlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9Ijc0LjQ1ODY5JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI3NC40NTg2OSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3Ni42MjM5MiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3Ni42MjM5MiUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iODIuOTcyNDYlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjgyLjk3MjQ2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjEzNzY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjEzNzY5JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI5MS40ODYyMyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iOTEuNDg2MjMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTMuNjUxNDYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTMuNjUxNDYlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(121, 121, 229, 0.25)), color-stop(6.34854%, rgba(79, 79, 221, 0.25)), color-stop(6.34854%, rgba(0, 0, 0, 0)), color-stop(8.51377%, rgba(0, 0, 0, 0)), color-stop(8.51377%, rgba(121, 121, 229, 0.25)), color-stop(14.86231%, rgba(79, 79, 221, 0.25)), color-stop(14.86231%, rgba(0, 0, 0, 0)), color-stop(17.02754%, rgba(0, 0, 0, 0)), color-stop(17.02754%, rgba(121, 121, 229, 0.25)), color-stop(23.37608%, rgba(79, 79, 221, 0.25)), color-stop(23.37608%, rgba(0, 0, 0, 0)), color-stop(25.54131%, rgba(0, 0, 0, 0)), color-stop(25.54131%, rgba(121, 121, 229, 0.25)), color-stop(31.88985%, rgba(79, 79, 221, 0.25)), color-stop(31.88985%, rgba(0, 0, 0, 0)), color-stop(34.05508%, rgba(0, 0, 0, 0)), color-stop(34.05508%, rgba(121, 121, 229, 0.25)), color-stop(40.40362%, rgba(79, 79, 221, 0.25)), color-stop(40.40362%, rgba(0, 0, 0, 0)), color-stop(42.56885%, rgba(0, 0, 0, 0)), color-stop(42.56885%, rgba(121, 121, 229, 0.25)), color-stop(48.91739%, rgba(79, 79, 221, 0.25)), color-stop(48.91739%, rgba(0, 0, 0, 0)), color-stop(51.08261%, rgba(0, 0, 0, 0)), color-stop(51.08261%, rgba(121, 121, 229, 0.25)), color-stop(57.43115%, rgba(79, 79, 221, 0.25)), color-stop(57.43115%, rgba(0, 0, 0, 0)), color-stop(59.59638%, rgba(0, 0, 0, 0)), color-stop(59.59638%, rgba(121, 121, 229, 0.25)), color-stop(65.94492%, rgba(79, 79, 221, 0.25)), color-stop(65.94492%, rgba(0, 0, 0, 0)), color-stop(68.11015%, rgba(0, 0, 0, 0)), color-stop(68.11015%, rgba(121, 121, 229, 0.25)), color-stop(74.45869%, rgba(79, 79, 221, 0.25)), color-stop(74.45869%, rgba(0, 0, 0, 0)), color-stop(76.62392%, rgba(0, 0, 0, 0)), color-stop(76.62392%, rgba(121, 121, 229, 0.25)), color-stop(82.97246%, rgba(79, 79, 221, 0.25)), color-stop(82.97246%, rgba(0, 0, 0, 0)), color-stop(85.13769%, rgba(0, 0, 0, 0)), color-stop(85.13769%, rgba(121, 121, 229, 0.25)), color-stop(91.48623%, rgba(79, 79, 221, 0.25)), color-stop(91.48623%, rgba(0, 0, 0, 0)), color-stop(93.65146%, rgba(0, 0, 0, 0)), color-stop(93.65146%, rgba(121, 121, 229, 0.25)), color-stop(100%, rgba(79, 79, 221, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(121, 121, 229, 0.25) 0%, rgba(79, 79, 221, 0.25) 6.34854%, rgba(0, 0, 0, 0) 6.34854%, rgba(0, 0, 0, 0) 8.51377%, rgba(121, 121, 229, 0.25) 8.51377%, rgba(79, 79, 221, 0.25) 14.86231%, rgba(0, 0, 0, 0) 14.86231%, rgba(0, 0, 0, 0) 17.02754%, rgba(121, 121, 229, 0.25) 17.02754%, rgba(79, 79, 221, 0.25) 23.37608%, rgba(0, 0, 0, 0) 23.37608%, rgba(0, 0, 0, 0) 25.54131%, rgba(121, 121, 229, 0.25) 25.54131%, rgba(79, 79, 221, 0.25) 31.88985%, rgba(0, 0, 0, 0) 31.88985%, rgba(0, 0, 0, 0) 34.05508%, rgba(121, 121, 229, 0.25) 34.05508%, rgba(79, 79, 221, 0.25) 40.40362%, rgba(0, 0, 0, 0) 40.40362%, rgba(0, 0, 0, 0) 42.56885%, rgba(121, 121, 229, 0.25) 42.56885%, rgba(79, 79, 221, 0.25) 48.91739%, rgba(0, 0, 0, 0) 48.91739%, rgba(0, 0, 0, 0) 51.08261%, rgba(121, 121, 229, 0.25) 51.08261%, rgba(79, 79, 221, 0.25) 57.43115%, rgba(0, 0, 0, 0) 57.43115%, rgba(0, 0, 0, 0) 59.59638%, rgba(121, 121, 229, 0.25) 59.59638%, rgba(79, 79, 221, 0.25) 65.94492%, rgba(0, 0, 0, 0) 65.94492%, rgba(0, 0, 0, 0) 68.11015%, rgba(121, 121, 229, 0.25) 68.11015%, rgba(79, 79, 221, 0.25) 74.45869%, rgba(0, 0, 0, 0) 74.45869%, rgba(0, 0, 0, 0) 76.62392%, rgba(121, 121, 229, 0.25) 76.62392%, rgba(79, 79, 221, 0.25) 82.97246%, rgba(0, 0, 0, 0) 82.97246%, rgba(0, 0, 0, 0) 85.13769%, rgba(121, 121, 229, 0.25) 85.13769%, rgba(79, 79, 221, 0.25) 91.48623%, rgba(0, 0, 0, 0) 91.48623%, rgba(0, 0, 0, 0) 93.65146%, rgba(121, 121, 229, 0.25) 93.65146%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(121, 121, 229, 0.25) 0%, rgba(79, 79, 221, 0.25) 6.34854%, rgba(0, 0, 0, 0) 6.34854%, rgba(0, 0, 0, 0) 8.51377%, rgba(121, 121, 229, 0.25) 8.51377%, rgba(79, 79, 221, 0.25) 14.86231%, rgba(0, 0, 0, 0) 14.86231%, rgba(0, 0, 0, 0) 17.02754%, rgba(121, 121, 229, 0.25) 17.02754%, rgba(79, 79, 221, 0.25) 23.37608%, rgba(0, 0, 0, 0) 23.37608%, rgba(0, 0, 0, 0) 25.54131%, rgba(121, 121, 229, 0.25) 25.54131%, rgba(79, 79, 221, 0.25) 31.88985%, rgba(0, 0, 0, 0) 31.88985%, rgba(0, 0, 0, 0) 34.05508%, rgba(121, 121, 229, 0.25) 34.05508%, rgba(79, 79, 221, 0.25) 40.40362%, rgba(0, 0, 0, 0) 40.40362%, rgba(0, 0, 0, 0) 42.56885%, rgba(121, 121, 229, 0.25) 42.56885%, rgba(79, 79, 221, 0.25) 48.91739%, rgba(0, 0, 0, 0) 48.91739%, rgba(0, 0, 0, 0) 51.08261%, rgba(121, 121, 229, 0.25) 51.08261%, rgba(79, 79, 221, 0.25) 57.43115%, rgba(0, 0, 0, 0) 57.43115%, rgba(0, 0, 0, 0) 59.59638%, rgba(121, 121, 229, 0.25) 59.59638%, rgba(79, 79, 221, 0.25) 65.94492%, rgba(0, 0, 0, 0) 65.94492%, rgba(0, 0, 0, 0) 68.11015%, rgba(121, 121, 229, 0.25) 68.11015%, rgba(79, 79, 221, 0.25) 74.45869%, rgba(0, 0, 0, 0) 74.45869%, rgba(0, 0, 0, 0) 76.62392%, rgba(121, 121, 229, 0.25) 76.62392%, rgba(79, 79, 221, 0.25) 82.97246%, rgba(0, 0, 0, 0) 82.97246%, rgba(0, 0, 0, 0) 85.13769%, rgba(121, 121, 229, 0.25) 85.13769%, rgba(79, 79, 221, 0.25) 91.48623%, rgba(0, 0, 0, 0) 91.48623%, rgba(0, 0, 0, 0) 93.65146%, rgba(121, 121, 229, 0.25) 93.65146%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(121, 121, 229, 0.25) 0%, rgba(79, 79, 221, 0.25) 6.34854%, rgba(0, 0, 0, 0) 6.34854%, rgba(0, 0, 0, 0) 8.51377%, rgba(121, 121, 229, 0.25) 8.51377%, rgba(79, 79, 221, 0.25) 14.86231%, rgba(0, 0, 0, 0) 14.86231%, rgba(0, 0, 0, 0) 17.02754%, rgba(121, 121, 229, 0.25) 17.02754%, rgba(79, 79, 221, 0.25) 23.37608%, rgba(0, 0, 0, 0) 23.37608%, rgba(0, 0, 0, 0) 25.54131%, rgba(121, 121, 229, 0.25) 25.54131%, rgba(79, 79, 221, 0.25) 31.88985%, rgba(0, 0, 0, 0) 31.88985%, rgba(0, 0, 0, 0) 34.05508%, rgba(121, 121, 229, 0.25) 34.05508%, rgba(79, 79, 221, 0.25) 40.40362%, rgba(0, 0, 0, 0) 40.40362%, rgba(0, 0, 0, 0) 42.56885%, rgba(121, 121, 229, 0.25) 42.56885%, rgba(79, 79, 221, 0.25) 48.91739%, rgba(0, 0, 0, 0) 48.91739%, rgba(0, 0, 0, 0) 51.08261%, rgba(121, 121, 229, 0.25) 51.08261%, rgba(79, 79, 221, 0.25) 57.43115%, rgba(0, 0, 0, 0) 57.43115%, rgba(0, 0, 0, 0) 59.59638%, rgba(121, 121, 229, 0.25) 59.59638%, rgba(79, 79, 221, 0.25) 65.94492%, rgba(0, 0, 0, 0) 65.94492%, rgba(0, 0, 0, 0) 68.11015%, rgba(121, 121, 229, 0.25) 68.11015%, rgba(79, 79, 221, 0.25) 74.45869%, rgba(0, 0, 0, 0) 74.45869%, rgba(0, 0, 0, 0) 76.62392%, rgba(121, 121, 229, 0.25) 76.62392%, rgba(79, 79, 221, 0.25) 82.97246%, rgba(0, 0, 0, 0) 82.97246%, rgba(0, 0, 0, 0) 85.13769%, rgba(121, 121, 229, 0.25) 85.13769%, rgba(79, 79, 221, 0.25) 91.48623%, rgba(0, 0, 0, 0) 91.48623%, rgba(0, 0, 0, 0) 93.65146%, rgba(121, 121, 229, 0.25) 93.65146%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); background-position: left top; -moz-background-origin: content; -o-background-origin: content-box; -webkit-background-origin: content; background-origin: content-box; -moz-background-clip: content; -o-background-clip: content-box; -webkit-background-clip: content; background-clip: content-box } 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; 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 } body { font-size: 16px; line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } .mobile { display: inline } .mobile-tablet { display: inline } .tablet { display: none } .tablet-desktop { display: none } .desktop { display: none } @media only screen and (min-width: 600px) { .mobile { display: none } .mobile-tablet { display: inline } .tablet { display: inline } .tablet-desktop { display: inline } .desktop { display: none } } @media only screen and (min-width: 950px) { .mobile { display: none } .mobile-tablet { display: none } .tablet { display: none } .tablet-desktop { display: inline } .desktop { display: inline } } @font-face { font-family: 'Albert'; src: url("fonts/FSAlbertWeb-Light.eot?mj23et"); src: url("fonts/FSAlbertWeb-Light.eot?#iefixmj23et") format("embedded-opentype"), url("fonts/FSAlbertWeb-Light.woff?mj23et") format("woff"); font-weight: normal; font-style: normal } @font-face { font-family: 'Albert'; src: url("fonts/FSAlbertWeb-Bold.eot?mj23et"); src: url("fonts/FSAlbertWeb-Bold.eot?#iefixmj23et") format("embedded-opentype"), url("fonts/FSAlbertWeb-Bold.woff?mj23et") format("woff"); font-weight: bold; font-style: bold } @font-face { font-family: 'AlbertBold'; src: url("fonts/FSAlbertWeb-Bold.eot?mj23et"); src: url("fonts/FSAlbertWeb-Bold.eot?#iefixmj23et") format("embedded-opentype"), url("fonts/FSAlbertWeb-Bold.woff?mj23et") format("woff"); font-weight: normal; font-style: normal } @font-face { font-family: 'maldron'; src: url("fonts/maldron.eot?mj23et"); src: url("fonts/maldron.eot?#iefixmj23et") format("embedded-opentype"), url("fonts/maldron.woff?mj23et") format("woff"), url("fonts/maldron.ttf?mj23et") format("truetype"), url("fonts/maldron.svg?mj23et#maldron") format("svg"); font-weight: normal; font-style: normal } [class^="icon-"], [class*=" icon-"] { font-family: 'maldron'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-clayton-picto:before { content: "\e651" } .icon-email2:before { content: "\e650" } .icon-pdf:before { content: "\e649" } .icon-website:before { content: "\e64a" } .icon-room:before { content: "\e646" } .icon-time:before { content: "\e647" } .icon-nosmoke:before { content: "\e645" } .icon-loyalty:before { content: "\e644" } .icon-door:before { content: "\e639" } .icon-rotatingtv:before { content: "\e63a" } .icon-toileteries:before { content: "\e63b" } .icon-babybottle:before { content: "\e63c" } .icon-bell:before { content: "\e63d" } .icon-shower:before { content: "\e63e" } .icon-kingbed:before { content: "\e63f" } .icon-baby:before { content: "\e640" } .icon-pillow:before { content: "\e641" } .icon-floorplan:before { content: "\e642" } .icon-spa:before { content: "\e638" } .icon-balcony:before { content: "\e62e" } .icon-phone:before { content: "\e62f" } .icon-pool:before { content: "\e630" } .icon-bathrobe:before { content: "\e631" } .icon-sofa:before { content: "\e632" } .icon-champagne:before { content: "\e633" } .icon-parking:before { content: "\e634" } .icon-temperature:before { content: "\e635" } .icon-spa_outlined:before { content: "\e636" } .icon-wedding:before { content: "\e637" } .icon-man:before { content: "\e62d" } .icon-download:before { content: "\e629" } .icon-gallery:before { content: "\e62a" } .icon-line-left:before { content: "\e62b" } .icon-line-right:before { content: "\e62c" } .icon-close:before { content: "\e600" } .icon-dining:before { content: "\e601" } .icon-open:before { content: "\e602" } .icon-rooms-alarm:before { content: "\e603" } .icon-rooms-bath:before { content: "\e604" } .icon-rooms-coffee:before { content: "\e605" } .icon-rooms-cot:before { content: "\e606" } .icon-rooms-fax:before { content: "\e607" } .icon-rooms-hairdryer:before { content: "\e608" } .icon-rooms-laptop:before { content: "\e609" } .icon-rooms-trouser-press:before { content: "\e60a" } .icon-rooms-tv:before { content: "\e60b" } .icon-rooms-voicemail:before { content: "\e60c" } .icon-shareemail:before { content: "\e60d" } .icon-slider-left:before { content: "\e60e" } .icon-slider-right:before { content: "\e60f" } .icon-chat:before { content: "\e610" } .icon-down:before { content: "\e611" } .icon-expand-left:before { content: "\e612" } .icon-gps:before { content: "\e613" } .icon-large-link-arrow:before { content: "\e614" } .icon-rooms-iron:before { content: "\e615" } .icon-rooms-wifi:before { content: "\e616" } .icon-share:before { content: "\e617" } .icon-smalllinkarrow:before { content: "\e618" } .icon-smalllink:before { content: "\e619" } .icon-star-outline:before { content: "\e61a" } .icon-star-solid:before { content: "\e61b" } .icon-tick:before { content: "\e61c" } .icon-up:before { content: "\e61d" } .icon-call:before { content: "\e61e" } .icon-date:before { content: "\e61f" } .icon-email:before { content: "\e620" } .icon-expand-down:before { content: "\e621" } .icon-expand-right:before { content: "\e622" } .icon-expand-up:before { content: "\e623" } .icon-gift:before { content: "\e624" } .icon-grid:before { content: "\e625" } .icon-map:before { content: "\e626" } .icon-menu:before { content: "\e627" } .icon-play:before { content: "\e628" } .icon-home:before { content: "\e643" } strong { font-weight: 700 } [class^="icon-"], [class*=" icon-"] { font-family: "Albert", sans-serif } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "maldron"; color: #fdb913 } .icon { font-family: "maldron"; display: inline } img { width: 100% } ul { list-style-type: none } ul li { position: relative } body, * { font-family: "Albert", sans-serif; font-weight: 300; font-size: 16px; line-height: 22px; color: #5F6369 } body { background: #fff } h1 { font-size: 30px; line-height: 36px; color: #5F6369; font-weight: 300; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } h2 { font-size: 22px; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #D6D1C7 } h3 { font-size: 22px; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fdb913 } h4 { color: #a6a7a9; font-size: 18px; line-height: 22px; text-transform: capitalize; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } h5 { font-size: 13px; font-weight: 400; color: #fdb913; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } h6 { font-size: 24px; font-family: "Albert", sans-serif; font-weight: 300; color: #fdb913; line-height: 40px } p, p.intro { font-size: 16px; line-height: 22px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } p span, p strong, p bold, p.intro span, p.intro strong, p.intro bold { font-weight: 700 } p.small { font-size: 14px; line-height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } p.terms { font-size: 14px; line-height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #9C9EA1 } .table, table { font-size: 14px; line-height: 16px; color: #5F6369 } .bold { font-weight: 700 } a { font-size: 14px; line-height: 20px; color: #00a9ce; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer } a.selected { color: #5F6369 } a.small { font-size: 16px; line-height: 22px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } a:hover { color: #fdb913 } hr { height: 1px; width: 100%; float: left; margin-right: 2.16523%; display: inline; margin-top: 8px; margin-bottom: 17px; border: 0px; background: #5F6369; display: block } .clearit { width: 100%; float: left; margin-right: 2.16523%; display: inline } ::-webkit-input-placeholder { color: #fdb913 } :-moz-placeholder { color: #fdb913 } ::-moz-placeholder { color: #fdb913 } :-ms-input-placeholder { color: #fdb913 } .col-text{ float: left; width: 75%; } @media only screen and (min-width: 600px) { h1 { font-size: 40px; line-height: 48px; font-weight: 300 } h2 { font-size: 35px; line-height: 35px; font-weight: 300; color: #5F6369 } h3 { font-size: 22px; line-height: 26px; color: #fdb913 } h3.white { font-size: 22px; line-height: 26px; color: #FFF } h4 { color: #a6a7a9; font-size: 16px; line-height: 20px; font-weight: 100; text-transform: capitalize; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } p, .table, table { font-size: 16px; line-height: 22px } p.intro { font-size: 20px; line-height: 24px; font-weight: 300 } p.small { font-size: 14px; line-height: 20px } a { font-size: 16px; line-height: 22px } } @media only screen and (min-width: 950px) { h1 { font-size: 50px; line-height: 60px } h1.small { font-size: 45px; line-height: 60px; color: #fdb913 } h2 { font-size: 40px; line-height: 40px; color: #5F6369 } h3 { font-size: 40px; line-height: 48px; font-weight: 300; color: #fdb913 } h4 { font-size: 20px; line-height: 22px; color: #a6a7a9 } p, .table, table { font-size: 17px; line-height: 22px } p.intro { font-size: 24px; line-height: 28px } p.small { font-size: 15px; line-height: 20px } a { font-size: 17px; line-height: 22px } a.small { font-size: 15px; line-height: 20px } } button, .button, a.button { font-size: 18px; text-transform: uppercase; text-decoration: none; color: #5F6369; display: inline-block; padding: 5px 20px 6px; margin: 0px 0px 10px 0px; border: 0px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; background: #fdb913; -webkit-appearance: none; -moz-appearance: none; cursor: pointer } button:hover, .button:hover, a.button:hover { background: #fdb913; background: -moz-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fedf91), color-stop(100%, #fdb913)); background: -webkit-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: -o-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: -ms-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: linear-gradient(to bottom, #fedf91 0%, #fdb913 100%) } .input[type="submit"] { -webkit-appearance: none !important; -moz-appearance: none !important } .framework-target { display: none } input:focus, select:focus, button:focus, textarea:focus { outline: none } .input { display: inline; padding: 10px 8px 10px 7px; margin: 0px 0px 0px 0px; background: #FFF; border: 1px solid #9C9EA1; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px } .input.select { position: relative } .input.select:after { content: ' '; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #5F6369; position: absolute; top: 18px; right: 11px } select { font-size: 14px; font-weight: 300; border: 0px; background: transparent; padding: 0px 30px 0px 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none } select::-ms-expand { display: none } .ie .months:after { border: none !important } .ie .months select { padding: 0 !important; padding-right: 40px } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none } .flexslider { margin: 0; padding: 0 } .flexslider .slides>li { display: none; -webkit-backface-visibility: hidden } .flexslider .slides img { width: 100%; display: block } .flex-pauseplay span { text-transform: capitalize } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .slides { display: block } * html .slides { height: 1% } .no-js .slides>li:first-child { display: block } .flexslider { position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1 } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease } .loading .flex-viewport { max-height: 300px } .flexslider .slides { zoom: 1 } .carousel li { margin-right: 5px } .flex-direction-nav a { display: block; position: absolute; top: 50%; cursor: pointer; -webkit-transition: all .3s ease; height: 50px; margin-top: -300px } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.6 } .flex-direction-nav .disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline } .flex-control-paging li a { width: 12px; height: 12px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3) } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7) } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .flex-control-thumbs li { width: 25%; float: left; margin: 0 } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer } .flex-control-thumbs img:hover { opacity: 1 } .flex-control-thumbs .active { opacity: 1; cursor: default } .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px } .flex-direction-nav .flex-prev { left: -36px } .flexslider a { text-decoration: none } .flexslider .flex-next { right: 0px; border-radius: 5px; z-index: 20 } .flexslider .flex-prev { left: 0px; border-radius: 5px; z-index: 20 } .flex-direction-nav li .flex-next:before { font-size: 60px; font-family: "maldron"; height: 50px; width: 50px; color: #FFF; content: '\e60f'; -webkit-font-smoothing: antialiased } .flex-direction-nav li .flex-prev:before { font-size: 60px; font-family: "maldron"; height: 50px; width: 50px; color: #FFF; content: '\e60e'; -webkit-font-smoothing: antialiased } .flex-control-nav { bottom: 0px } @media only screen and (min-width: 600px) { .flex-control-nav { bottom: 7px } } .flex-control-paging li a { text-indent: -9999px; background: #f3f3f3 } .flex-control-paging li a:active, .flex-control-paging li a.flex-active { background: -webkit-gradient(linear, left top, right top, from(#00a9ce), to(#00a9ce)); background: -webkit-linear-gradient(top, #00a9ce, #00a9ce); background: -moz-linear-gradient(top, #00a9ce, #00a9ce); background: -ms-linear-gradient(top, #00a9ce, #00a9ce); background: -o-linear-gradient(top, #00a9ce, #00a9ce) } .date_picker a.ui-state-default, .date_picker .ui-state-highlight, .date_picker .ui-widget-content .ui-state-highlight, .date_picker .ui-datepicker-title span { color: #5f6369; background-image: none !important } .date_picker .ui-datepicker-inline { width: 97%; display: block; position: absolute; background: white; z-index: 19 } @media only screen and (min-width: 600px) { .date_picker .ui-datepicker-inline { width: 320px } } .date_picker .ui-datepicker-next, .date_picker .ui-datepicker-prev { height: 35px !important; width: 30px !important; padding: 0px !important; margin: 0px !important } .date_picker .ui-datepicker-next:hover, .date_picker .ui-datepicker-prev:hover { background: transparent } .date_picker .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e, .date_picker .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-w, .date_picker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-e, .date_picker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w { height: 25px; width: 20px; position: relative; border: 0px } .date_picker .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-w, .date_picker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w { background: transparent url("../images/left_arrow.jpg") no-repeat } .date_picker .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e, .date_picker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-e { background: transparent url("../images/right_arrow.jpg") no-repeat } .date_picker .ui-datepicker-header, .date_picker .ui-datepicker-title { background-color: #F6F4E7 !important; border: 0px !important } .date_picker .ui-datepicker-title span { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold } .date_picker .ui-state-default, .date_picker span { font-family: Verdana, Geneva, sans-serif; text-align: center; padding: 6px 0px 6px 0px; margin: 1px 1px 1px 1px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 0px !important; font-size: 12px; font-weight: 400 } .date_picker .ui-widget-content.ui-state-default, .date_picker .ui-widget-header.ui-state-default { background-color: #F6F4E7 !important } .date_picker .ui-state-default { background-color: #F6F4E7 !important } .date_picker .ui-state-default:hover { background-color: #fdb913 !important } .date_picker .ui-datepicker-unselectable .ui-state-default { background-color: #FAFAFA !important } .date_picker .ui-state-active { background-color: #fdb913 !important } html, body { height: 100%; margin: 0; position: relative } .clearfix:before, .clearfix:after { content: " "; display: block !important } .clearfix:after { clear: both } .clearfix { *zoom: 1; width: 100% } body img:first-child { display: block; margin-top: -1px } .sidebar { margin-top: 24px; background: none } @media only screen and (min-width: 600px) { .sidebar { margin-top: 0px; background: #9C9EA1 } } footer { background: #fff } @media only screen and (min-width: 600px) { .main { width: 57.43115%; float: left; margin-right: 2.16523%; display: inline; margin-top: 30px } .sidebar { background: #f3f3f3 !important; width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; margin-top: 30px; padding: 20px; color: #5F6369 } .sidebar h4 { font-size: 18px !important; color: #5F6369 !important; padding-bottom: 10px !important } .sidebar hr { background: #fdb913; border: 0; height: 1px; margin: 20px 0 } } @media only screen and (min-width: 950px) { .ui-icon { text-indent: 99999px !important } } #OT_searchWrapperAll { width: 100%; height: 60px; position: relative; margin: 0; padding: 0; background: #fff } #OT_searchWrapper { border: 0; background: #fff; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; width: 100%; height: 60px; position: relative; margin: 0 } #OT_searchWrapper .OT_feedTitle { position: absolute; top: 0; left: 0; margin: 0 0 1px 5px; font-size: 12px; font-weight: normal; line-height: 1em } #OT_searchWrapper dl { position: absolute; top: 0; left: 0; padding: 0; margin: 0 } #OT_searchWrapper form { margin: 0; padding: 0 } #OT_searchWrapper input.hidden { display: none } #OT_searchWrapper #imageCal table { font-size: 12px; width: 150px; font-family: arial; font-weight: bold; background: #FFF } #OT_searchWrapper #imageCal td { padding: 0; text-align: center } #OT_searchWrapper .clickableDays { color: #000; text-decoration: none; height: 18px } #OT_searchWrapper .nonclickableDays { color: #ccc; height: 18px } #OT_searchWrapper .months { color: #fff; text-decoration: none } #OT_searchWrapper .weekdays { color: #000; text-decoration: none; color: #666; background-color: #efefef; width: 14% } #OT_restaurantLbl { position: absolute; top: 25px; left: 0; margin: 0 0 0 5px; padding: 3px 0; width: 110px; text-align: right } #OT_restaurant { position: absolute; top: 25px; left: 120px; padding: 0; margin: 0 } #OT_partySizeLbl { position: absolute; top: 55px; left: 0; margin: 0 0 0 5px; padding: 3px 0; text-align: right; width: 110px } #OT_partySize { position: absolute; top: 55px; left: 120px; margin: 0; padding: 0 } #OT_dateLbl { position: absolute; top: 55px; left: 180px; margin: 0 0 0 5px; padding: 3px 0; text-align: right; width: 55px } #OT_date { position: absolute; top: 55px; left: 245px; width: 100px; margin: 0; padding: 0 } #OT_timeLbl { position: absolute; top: 55px; left: 335px; width: 55px; padding: 3px 0; text-align: right } #OT_time { position: absolute; top: 55px; left: 398px; margin: 0 } #OT_empty { position: absolute; width: 0; height: 0; padding: 0; margin: 0; top: 100px; left: 0 } #OT_submitWrap { position: relative; top: 55px; left: 500px; margin: 0 5px 0 0; z-index: 5 } #OT_logo { position: absolute; top: 110px; left: 0; width: 100%; padding: 0; margin: 0; display: block; background: #fff } #OT_logoLink { position: absolute; top: 90px; left: 0; width: 100%; padding: 0 0 10px 0; margin: 0; font-size: 9px; font-family: Verdana, Arial, Helvetica, Sans-Serif; display: block; background: #fff } #OT_logoLink a { padding: 0 0 0 10px } #OT_imglogo { border: 0; margin: 0 0 0 10px } #OT_searchWrapper .feedFormField, #OT_searchWrapper .feedFormField option { font-size: 12px; margin: 2px 2px 2px 2px } #OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; margin: 0; width: 85px } #OT_searchWrapper #dateDisplay { font-size: 10px; color: #999; font-family: Verdana, Arial, Helvetica, Sans-Serif; float: right; margin: 0 30px 0 0; display: inline } #OT_searchWrapper .imgCal { position: absolute; display: none; z-index: 100 } .partOfCal img.partOfCal.spacer { display: block; height: 1px; margin: 0; padding: 0 } .partOfCal img { width: auto; display: inline-block } .partOfCal img:first-child { margin: 10px 0px -4px 0px } .partOfCal img:last-child { margin: 3px 0px 3px 0px } #OT_searchWrapperAll { height: 180px; width: 100%; position: relative; padding: 0; margin: 20px 0px 80px 0px; background: transparent; *zoom: 1; width: 100% } #OT_searchWrapperAll:before, #OT_searchWrapperAll:after { content: " "; display: block !important } #OT_searchWrapperAll:after { clear: both } #OT_searchWrapperAll #OT_searchWrapper { height: auto; background: transparent } #OT_searchWrapperAll .OT_feedTitle { font-size: 20px; font-weight: 100; color: #fdb913 } #OT_searchWrapperAll select, #OT_searchWrapperAll input { height: 30px; width: 100% !important; font-size: 16px !important; font-weight: 100; text-align: center } #OT_searchWrapperAll input, #OT_searchWrapperAll select, #OT_searchWrapperAll .OT_feedFormfieldCalendar { font-size: 16px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: #fff; -webkit-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 0px } #OT_searchWrapperAll dl#OT_defList { height: 200px; width: 100%; position: relative } #OT_searchWrapperAll dl#OT_defList dt { width: 30%; position: absolute } #OT_searchWrapperAll dl#OT_defList dd { width: 30%; position: absolute } #OT_searchWrapperAll dl#OT_defList dt { font-size: 16px; padding: 10px 0px 10px 0px } #OT_searchWrapperAll dl#OT_defList #OT_partySizeLbl, #OT_searchWrapperAll dl#OT_defList #OT_partySize { width: 35%; text-align: left; left: 0% } #OT_searchWrapperAll dl#OT_defList #OT_partySize { left: 35% } #OT_searchWrapperAll dl#OT_defList #OT_dateLbl, #OT_searchWrapperAll dl#OT_defList #OT_date { width: 35%; text-align: left; top: 103px; left: 0% } #OT_searchWrapperAll dl#OT_defList #OT_date { top: 103px; left: 35% } #OT_searchWrapperAll dl#OT_defList #dateDisplay { display: none } #OT_searchWrapperAll dl#OT_defList #OT_timeLbl { padding-left: 5px } #OT_searchWrapperAll dl#OT_defList #OT_timeLbl, #OT_searchWrapperAll dl#OT_defList #OT_time { width: 35%; text-align: left; top: 100px; left: 0% } #OT_searchWrapperAll dl#OT_defList #OT_time { top: 100px; left: 35% } #OT_searchWrapperAll dl#OT_defList #OT_timeLbl, #OT_searchWrapperAll dl#OT_defList #OT_time { width: 35%; text-align: left; top: 150px; left: 0% } #OT_searchWrapperAll dl#OT_defList #OT_time { top: 150px; left: 35% } #OT_searchWrapperAll dl#OT_defList #OT_submitWrap { display: none } #OT_searchWrapperAll dl#OT_defList #OT_submitWrap { height: 30px; width: 100px; display: block; position: relative; top: 200px; left: auto } #OT_searchWrapperAll dl#OT_defList #OT_submitWrap input { height: auto !important; width: auto !important; background: transparent } #OT_searchWrapperAll dl#OT_defList #OT_partySize, #OT_searchWrapperAll dl#OT_defList #OT_date, #OT_searchWrapperAll dl#OT_defList #OT_time { padding: 5px 0px 0px 0px } @media only screen and (min-width: 600px) { #OT_partySize, #OT_date, #OT_time { width: 30% !important } } @media only screen and (min-width: 950px) { #OT_partySize, #OT_date, #OT_time { width: 20% !important } } .cookies_warning { width: 100%; height: auto; background: #262626; background: #262626 \9; display: none; position: relative; top: 0px; z-index: 500; text-align: left; padding: 15px 0px } .cookies_warning p { color: #fdb913; text-transform: none; font-size: 14px; line-height: 20px; width: 91.48623%; float: left; margin-right: 2.16523%; display: inline; box-sizing: border-box } .cookies_warning p a { font-size: 14px; color: #fff; text-decoration: underline } .cookies_warning .button { height: 26px; font-size: 13px; line-height: 28px; text-align: center; cursor: pointer; padding: 0px 5px 0px 5px; margin: 6px 0px 0px 0px; background: #fdb913; min-width: 20px; width: 6.34854%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; box-sizing: border-box; color: #FFF } @media only screen and (min-width: 950px) { .cookies_warning { height: 38px; position: relative; top: 0; padding: 0px 0px } .cookies_warning p { line-height: 38px; float: left; width: 91.48623%; float: left; margin-right: 2.16523%; display: inline } .cookies_warning .button { float: right; width: 6.34854%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .cookies_warning .container { max-width: 750px } } .trust_you { *zoom: 1; width: 100%; margin: 0px 0px 0px 0px } .trust_you:before, .trust_you:after { content: " "; display: block !important } .trust_you:after { clear: both } .trust_you header { background: transparent } .trust_you .filter-travelers-mobile [data-toggle="dropdown"], .trust_you .filter-languages [data-toggle="dropdown"] { background: #D6D1C7 } .meetings_booker { text-align: center; display: block; position: relative; margin-bottom: 30px } .meetings_booker h2:before { font-size: 18px; font-family: "maldron"; color: #fdb913; content: '\e602'; position: absolute; left: 20px; top: 11px } .meetings_booker h2 { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; background: #262626; color: #FFF; font-size: 16px; line-height: 22px; position: relative; border-bottom: 1px solid #fdb913; border-top: 1px solid #fdb913; padding: 11px 0px 11px 0px; cursor: pointer } .meetings_booker h2.mobile { display: block; width: auto } .meetings_booker h2.selected:before { content: '\e600' } .meetings_booker form { display: none; text-align: left; padding: 20px 0px 20px 0px; border-bottom: 1px solid #fdb913 } .meetings_booker form label { line-height: 25px; font-size: 16px; color: #5F6369; display: block; cursor: default; position: relative } .meetings_booker form label span { color: #a6a7a9; font-size: 14px; font-weight: normal } .meetings_booker form label.required:after { display: inline-block; content: '*'; color: red; margin-left: 2px } .meetings_booker form .error { color: red; margin: -20px 0px 25px 0px; text-align: left } .meetings_booker form .input { display: block; padding: 6px 8px 6px 7px; margin: 0px 0px 25px 0px; font-size: 16px; background: #FFF } .meetings_booker form .input input, .meetings_booker form .input select, .meetings_booker form .input textarea { border: 0px; font-size: 16px; width: 100% } .meetings_booker form .input input, .meetings_booker form .input textarea { background: #FFF } .meetings_booker form .input select { position: relative; z-index: 2; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } .meetings_booker form .input.error { border-color: red } .meetings_booker form .stock { width: 100% } .meetings_booker form .input.select:after { top: 16px } .meetings_booker form p { padding-top: 20px; text-align: left } .meetings_booker form p a { font-weight: 700 } @media only screen and (min-width: 600px) { .meetings_booker h2:before { display: none } .meetings_booker h2 { cursor: default; font-size: 25px; line-height: 25px; font-weight: 300; text-transform: uppercase; text-align: left; background: transparent; color: #fdb913; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none } .meetings_booker h2.mobile { display: none } .meetings_booker form { display: block !important; text-align: center; border: none } .meetings_booker form label { text-align: left } .meetings_booker form .input.select { width: 100% } } @media only screen and (min-width: 950px) { .meetings_booker h2 { font-size: 25px; line-height: 25px } .meetings_booker form { padding: 20px 0px 10px 0px } .meetings_booker form label { font-size: 17px } .meetings_booker form label span { font-size: 15px } .meetings_booker form .input { font-size: 17px } .meetings_booker form .input input, .meetings_booker form .input select, .meetings_booker form .input textarea { font-size: 17px } } @media only screen and (min-width: 950px) { .container { padding-left: 4%; padding-right: 4% } } .center_align .but_001 { margin-right: 0 !important } .but_001 { font-size: 15px; line-height: 22px; color: #fdb913; text-decoration: none; background: transparent; padding: 7px 21px 4px 45px; border: 1px solid #fdb913; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; cursor: pointer; display: inline-block; position: relative; margin-top: 12px; margin-bottom: 24px; margin-left: auto; margin-right: 0; width: 40px !important; display: block } .but_001:before { font-family: "maldron"; content: "\e617"; font-size: 19px; color: #fdb913; position: absolute; top: 6px; left: 20px } .but_002 { height: 31px; width: 102px; background-size: 102px 31px !important; background: url("../images/footer/dalata-logo.png") no-repeat center center; cursor: pointer; width: 100%; min-height: 31px; min-width: 102px; background-position: right } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .but_002 { background-size: 102px 31px; background-image: url("../images/footer/dalata-logo@2x.png"); background-image: url("../images/footer/dalata-logo.png") \9; background-position: center center } } .but_003 { display: block; padding: 20px 0px 20px 0px } .but_003 a { font-size: 14px; color: #5F6369; display: block; text-decoration: none; padding: 0px 20px 0px 65px; position: relative } .but_003 a:before { height: 45px; width: 45px; background: #00f; content: " "; display: block; position: absolute; top: -2px; left: 0px } .but_003 a:after { font-family: "maldron"; content: "\e601"; position: absolute; top: 5px; right: 0px } @media only screen and (min-width: 600px) { .but_003 { display: none } } @media only screen and (min-width: 950px) { .but_003 { display: block; text-align: center; padding: 32px 0px 31px 0px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a } .but_003 a { font-size: 16px; color: #5F6369; display: inline; text-decoration: none; padding: 0px 20px 0px 65px; position: relative } .but_003 a:before { top: -13px } .but_003 a:after { font-size: 18px; top: 0px; right: -10px } } .but_004 a { font-size: 16px; display: block; text-decoration: none; padding: 18px 20px 18px 38px; border-top: 1px solid rgba(92, 74, 62, 0.25); position: relative; margin: 0 } .but_004 a .icon:before { font-size: 24px; color: #fdb913; display: block; position: absolute; top: 17px; left: 0px } .but_004 a span { font-weight: 400; color: #00a9ce } @media only screen and (min-width: 950px) { .but_004 a { font-size: 17px } } .but_005 { display: block; text-align: center } .but_005 a { font-weight: 16px; font-weight: 700; text-decoration: none } @media only screen and (min-width: 950px) { .but_005 { padding: 27px 0px 27px 0px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a } } .but_006 .button { text-align: center; display: block; padding: 5px 18px 4px 18px } .but_006 .button span { color: #5F6369 } @media only screen and (min-width: 600px) { .but_006 { margin: 0px; padding: 3px 0px 0px 0px; width: 23.37608%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; text-align: right } .but_006 .button { font-size: 15px; text-align: center; padding: 12px 28px 12px 20px; margin: -50px 0 0 0; width: 183px; right: 1em; position: absolute } .but_006 .button span { padding: 0px; margin: -5px 0px 0px 0px; color: #5F6369; display: block } } @media only screen and (min-width: 950px) { .but_006 { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; text-align: center } .but_006 .button { margin: -40px 0 0 0 } } .but_007a { display: inline-block; right: 0; float: right } .but_007a a { font-size: 18px; font-weight: 500 } .but_007a:after { font-family: "maldron"; content: "\e618"; color: #00a9ce; font-size: 10px } @media only screen and (min-width: 950px) { .but_007a a { font-size: 19px } } .but_007b { display: inline-block; left: 15px } .but_007b a { font-size: 18px; font-weight: 500 } .but_007b:before { font-family: "maldron"; position: absolute; content: ""; color: #00a9ce; font-size: 10px; left: -15px } @media only screen and (min-width: 950px) { .but_007b a { font-size: 19px } } .but_008 { display: none; z-index: 100 } @media only screen and (min-width: 950px) { .but_008 { width: 45px; height: 40px; font-size: 17px; font-weight: 300; line-height: 17px; text-align: center; color: #fff; background: #fdb913; background: -moz-linear-gradient(left, #fdb913 0%, #fdb913 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fdb913), color-stop(100%, #fdb913)); background: -webkit-linear-gradient(left, #fdb913 0%, #fdb913 100%); background: -o-linear-gradient(left, #fdb913 0%, #fdb913 100%); background: -ms-linear-gradient(left, #fdb913 0%, #fdb913 100%); background: linear-gradient(to right, #fdb913 0%, #fdb913 100%); display: block; padding: 10px 15px 5px 30px; margin: 0px; position: fixed; top: 261px; right: 0; margin-top: -30px; cursor: pointer; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px } .but_008:hover { background: #1e5799; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #fdb913 0%, #fed05f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fdb913), color-stop(100%, #fed05f)); background: -webkit-linear-gradient(left, #fdb913 0%, #fed05f 100%); background: -o-linear-gradient(left, #fdb913 0%, #fed05f 100%); background: -ms-linear-gradient(left, #fdb913 0%, #fed05f 100%); background: linear-gradient(to right, #fdb913 0%, #fed05f 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=1) } .but_008:before { font-size: 14px; font-family: "maldron"; content: '\e612'; position: absolute; top: 19px; left: 7px } } .but_009 { display: none } @media only screen and (min-width: 950px) { .but_009 { width: 200px; color: #FFF; text-align: center; text-transform: uppercase; display: block; background: #262626; padding: 5px 10px 5px 0px; margin: 0px 10px 0px -100px; position: absolute; z-index: 50; left: 50%; cursor: pointer; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .but_009:after { font-size: 12px; font-family: "maldron"; color: #fdb913; content: '\e611'; position: absolute; top: 5px; right: 10px } .but_009.selected { margin: 0px 10px 0px -100px } .but_009.selected:after { content: '\e61d' } .but_009.visible { margin-top: 0px } .but_009.fixed { position: fixed; top: 0px; margin-top: 0px } .but_009.hidden { display: none } } .con_001, .con_001b { padding-bottom: 20px } .con_001 h1, .con_001b h1 { text-transform: uppercase; text-align: center; color: #5F6369; padding: 20px 0px 0px 0px } .con_001 p, .con_001b p { color: #5F6369; padding-top: 7px; font-size: 16px; line-height: 22px; text-align: center } @media only screen and (min-width: 600px) { .con_001, .con_001b { padding-bottom: 30px } .con_001 h1, .con_001b h1 { display: block; padding: 25px 20px 0px 20px; position: relative; z-index: 3 } .con_001 p, .con_001b p { padding-top: 13px; font-size: 20px; line-height: 24px } } @media only screen and (min-width: 950px) { .con_001, .con_001b { padding-bottom: 35px } .con_001 h1, .con_001b h1 { font-size: 50px; line-height: 60px; padding: 33px 25px 0px 25px } .con_001 p, .con_001b p { padding-top: 13px; font-size: 23px; line-height: 28px } } .con_001b { font-weight: 300; color: red } .con_001b img { width: initial } .con_001b .branding { margin: 20px 0 } .con_001c { padding-bottom: 25px } .con_001c .title_line h1 { text-transform: uppercase; text-align: center; color: #fdb913; padding: 13px 0px 0px 0px } .con_001c .title_line .line { display: none } .con_001c p { padding-top: 7px; font-size: 16px; line-height: 22px; text-align: center } .con_001c .continue { color: #00a9ce; display: block; text-align: center; text-decoration: none; text-transform: uppercase; padding: 10px 0px 10px 0px; cursor: pointer } .con_001c .more { display: none } .con_001c .more ul { margin: 10px 0px 10px 0px } @media only screen and (min-width: 600px) { .con_001c { padding-bottom: 30px } .con_001c .title_line { text-align: center; position: relative } .con_001c .title_line h1 { background: #FFF; display: inline-block; padding: 25px 20px 0px 20px; max-width: 70%; position: relative; z-index: 3 } .con_001c .title_line .line { display: block; height: 2px; width: 100%; background: #fdb913; position: absolute; z-index: 2; top: 50%; margin-top: 12px } .con_001c p { padding-top: 15px; font-size: 16px; line-height: 22px } .con_001c .continue { display: none } .con_001c .more { display: block !important } } @media only screen and (min-width: 950px) { .con_001c { padding-bottom: 35px } .con_001c .title_line h1 { font-size: 50px; line-height: 60px; padding: 30px 25px 0px 25px; max-width: 75% } .con_001c .title_line .line { margin-top: 15px } .con_001c p { padding-top: 20px; font-size: 17px; line-height: 22px } } .con_002 { padding: 20px 0px 5px 0px; font-size: 16px; line-height: 22px } .con_002 p { margin-bottom: 17px; font-weight: 500 !important } .con_002 a { font-weight: 500; display: block; color: #5F6369; background: #f3f3f3; padding: 15px 0px 15px 2.563em; margin-bottom: -1px; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; position: relative; -webkit-font-smoothing: normal !important } .con_002 a:before { position: absolute; left: 16px } .con_002 .call:before, .con_002 .mail:before { font-family: "maldron"; position: absolute; color: #fdb913; left: 15px } .con_002 .call:before { font-family: "maldron"; content: "\e61e"; left: 15px } .con_002 .mail:before { font-family: "maldron"; content: "\e620"; left: 15px } @media only screen and (min-width: 600px) { .con_002 p { font-size: 14px; line-height: 0px; font-weight: 500; margin-bottom: 21px } .con_002 a { font-size: 14px; line-height: 20px; font-weight: 500; display: block; background: transparent; padding: 0px 0px 0px 10px; margin: 0px 0px 10px 0px; border-top: 0px solid #fdb913; border-bottom: 0px solid #fdb913; position: relative } .con_002 a:before { position: relative; left: -10px } .con_002 .call:before, .con_002 .mail:before { left: 0 } .con_002 .call:after, .con_002 .mail:after { display: none } } @media only screen and (min-width: 950px) { .con_002 p { font-size: 16px } .con_002 a { word-wrap: break-word; word-wrap: break-all } } .con_003 a { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; color: #5F6369; line-height: 22px; display: block; background: #f3f3f3; padding: 11px 0 11px 2.563em; position: relative; left: 0px } .con_003 a:before { font-family: "maldron"; content: "\e626"; position: absolute; color: #fdb913; left: 13px } .con_003 a:after { font-family: "maldron"; content: "\e614"; color: #fdb913; right: 16px; position: absolute } .con_003 a h3 { color: #802F2D; text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: 500; margin: 20px 0px 11px 0px } .con_003 #map { height: 174px } @media only screen and (min-width: 600px) { .con_003 h3 { font-size: 18px; line-height: 22px; margin: 20px 0px 11px 0px } .con_003 .map { display: block } .con_003 #map { height: 190px } .con_003 .text { padding: 18px 1em 0 1em } .con_003 p { font-size: 14px; line-height: 22px; font-weight: 500 } .con_003 a { color: #00a9ce; font-size: 14px; line-height: 20px; text-decoration: none; background: transparent; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none } .con_003 a:before, .con_003 a:after { display: none } } @media only screen and (min-width: 950px) { .con_003 h3 { font-size: 22px; line-height: 26px; margin: 20px 0px 11px 0px } .con_003 p { font-size: 15px } .con_003 #map { height: 190px } } .con_004 { padding: 38px 0px 37px 0px; position: relative; display: block } .con_004 .before, .con_004 .after { height: 12px; width: 100%; content: ''; position: absolute; display: block; top: 0px; height: 10px; width: 100%; background-size: 100% 10px !important; background: url("../images/pattern-light.png") no-repeat center center; background-size: auto auto !important; background-repeat: repeat; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .con_004 .before, .con_004 .after { background-size: 100% 10px; background-image: url("../images/pattern-light@2x.png"); background-image: url("../images/pattern-light.png") \9; background-position: center center } } .con_004 .after { top: auto; bottom: 0px } .con_004 h4 { font-size: 18px; line-height: 22px; color: #D6D1C7; text-transform: uppercase; margin-bottom: 12px } .con_004 ul { margin-left: 15px } .con_004 ul li { color: #5F6369; padding: 0px 0px 12px 0px; position: relative } .con_004 ul li:before { height: 4px; width: 4px; background: #fdb913; content: ''; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; position: absolute; top: 10px; left: -15px } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .con_004 .before, .con_004 .after { height: 10px; background-repeat: repeat; background-size: 5px 5px !important } } @media only screen and (min-width: 600px) { .con_004 { padding: 38px 18px 37px 18px } .con_004 li { font-size: 14px } .con_004 .before, .con_004 .after { display: none } } @media only screen and (min-width: 950px) { .con_004 { padding: 38px 18px 37px 18px } .con_004 li { font-size: 15px } } .con_005 { padding: 0px 0px 30px 0px; position: relative; display: block; *zoom: 1; width: 100% } .con_005:before, .con_005:after { content: " "; display: block !important } .con_005:after { clear: both } .con_005 .before, .con_005 .after { height: 12px; width: 100%; content: ''; position: absolute; display: block; top: 0px; height: "10px"; width: "100%"; background-size: "100%" "10px" !important; background: url("../images/pattern-light.png") no-repeat center center; background: #f0f } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .con_005 .before, .con_005 .after { background-size: "100%" "10px"; background-image: url("../images/pattern-light@2x.png"); background-image: url("../images/pattern-light.png") \9; background-position: center center } } .con_005 .after { top: auto; bottom: 0px } .con_005 .image { max-height: 190px; margin-bottom: 20px; overflow: hidden; margin: 0px -1.063em 12px -1.063em } .con_005 .image img { width: 100% } .con_005 .content h4 { font-size: 18px; font-weight: 300; line-height: 22px; color: #5F6369; text-transform: uppercase; margin-top: -3px } .con_005 .content p.small { margin: 2px 0px 6px 0px; font-weight: 400 } .con_005 .content p.small .icon { margin: 5px 15px 0px 0px; display: inline-block } .con_005 .content a { font-weight: 500; color: #00a9ce } @media only screen and (min-width: 600px) { .con_005 { padding: 0px; margin: 0px } .con_005 .before, .con_005 .after { display: none } .con_005 .image { margin: 0px 0px 0px 0px } .con_005 .image img { width: 100% } .con_005 .content { width: auto; display: block; margin: 0px; clear: both; float: none; padding: 16px 20px 48px 20px } .con_005 .content a { font-size: 14px; line-height: 20px } } @media only screen and (min-width: 950px) { .con_005 .content { padding: 21px 20px 55px 20px } } .con_005b { margin: 0px -1.063em 0px -1.063em; position: relative; display: block } .con_005b .before, .con_005b .after { height: 12px; width: 100%; content: ''; position: absolute; display: block; top: 0px; height: "10px"; width: "100%"; background-size: "100%" "10px" !important; background: url("../images/pattern-light.png") no-repeat center center } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .con_005b .before, .con_005b .after { background-size: "100%" "10px"; background-image: url("../images/pattern-light@2x.png"); background-image: url("../images/pattern-light.png") \9; background-position: center center } } .con_005b .after { top: auto; bottom: 0px } .con_005b .image { max-height: 190px; margin-bottom: 20px; overflow: hidden } .con_005b .image img { width: 100% } .con_005b .content h4 { font-size: 18px; font-weight: 300; line-height: 22px; color: #5F6369; text-transform: uppercase; margin-top: -3px } .con_005b .content p { font-weight: 500; padding-left: 1.063em } .con_005b .content .padder { height: 20px; width: 100%; display: block } .con_005b .content a { font-weight: 500; display: block; color: #5F6369; background: #f3f3f3; padding: 15px 0px 15px 2.563em; margin-bottom: -1px; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; position: relative; -webkit-font-smoothing: auto } .con_005b .content a:before { position: absolute; left: 16px } @media only screen and (min-width: 600px) { .con_005b { padding: 0px; margin: 0px } .con_005b .before, .con_005b .after { display: none } .con_005b .image { margin: 0px -1.063em 0px -1.063em } .con_005b .image img { width: auto; max-height: 190px } .con_005b .content { width: auto; display: block; margin: 0px; clear: both; float: none; padding: 16px 16px 48px 16px } .con_005b .content a { font-size: 14px; line-height: 20px; font-weight: 500; display: block; background: transparent; padding: 0px 0px 0px 10px; margin: 0px 0px 10px 0px; border-top: 0px solid #fdb913; border-bottom: 0px solid #fdb913; position: relative } .con_005b .content a:before { position: relative; left: -10px } .con_005b .content p { padding-left: 0 } } @media only screen and (min-width: 950px) { .con_005b .content { padding: 21px 20px 55px 20px } .con_005b .content a { word-wrap: break-word; word-wrap: break-all } } .con_006 { display: block; position: relative; padding-top: 38px; padding-bottom: 10px; *zoom: 1; width: 100%; cursor: default } .con_006:before, .con_006:after { content: " "; display: block !important } .con_006:after { clear: both } .con_006 .before { height: 12px; display: block; content: ''; position: absolute; display: block; top: 0px; height: 10px; width: 100%; background-size: 100% 10px !important; background: url("../images/pattern-light.png") no-repeat center center; background-size: auto auto !important; background-repeat: repeat; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .con_006 .before { background-size: 100% 10px; background-image: url("../images/pattern-light@2x.png"); background-image: url("../images/pattern-light.png") \9; background-position: center center } } .con_006 h4 { color: #5F6369; text-transform: uppercase; margin: 0px 0px 2px 0px; font-weight: 300 } .con_006 a.small { color: #00a9ce !important } .con_006 .hreview { padding: 9px 0px 9px 0px } .con_006 .hreview .item, .con_006 .hreview .date-author-edit, .con_006 .hreview .version { display: none } .con_006 .hreview .description { font-size: 14px; line-height: 20px; text-transform: none; margin-top: 5px } .con_006 .hreview .stars { display: block; margin: 7px 0px 6px 0px } .con_006 .hreview .stars .star { height: 20px; width: 20px; position: relative; display: inline-block; margin: 0px 15px 0px 0px } .con_006 .hreview .stars .star:before { font-family: "maldron"; color: #fdb913; position: absolute; top: 0px; left: 0px } .con_006 .hreview .stars .lv-star-on { display: inline } .con_006 .hreview .stars .lv-star-on:before { content: "\e61b" } .con_006 .hreview .stars .lv-star-off { display: inline } .con_006 .hreview .stars .lv-star-off:before { content: "\e61a" } .con_006 a { font-weight: 500; display: inline-block; margin: 17px 0px 0px 0px } .con_006 .con_025 { border-bottom: 1px solid #f3f3f3; padding: 5px 0px 10px 0px; margin: 0px 0px 15px 0px } @media only screen and (min-width: 600px) { .con_006 { padding: 15px 0px 15px 0px } .con_006 .before { display: none } .con_006 h4 { margin: 0px 19px 2px 19px } .con_006 .hreview { margin: 0px 19px 0px 19px; font-weight: 500 } .con_006 a { margin: 12px 19px 0px 19px } .con_006 .all_reviews a { font-size: 14px } .con_006 .con_025, .con_006 .con_025.api { border-bottom: 0px solid #fdb913; padding: 5px 15px 10px 15px; margin: 0px 0px 0px 0px } .con_006 .con_025 .stars, .con_006 .con_025.api .stars { margin: 5px 0px 0px 15px } } @media only screen and (min-width: 950px) { .con_006 h4 { font-weight: 300; text-transform: uppercase } } .con_007 { background: #FFF; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; padding-top: 20px; padding-bottom: 15px } .con_007 h4 { color: #fdb913; font-weight: 700; width: 47.78685%; float: left; margin-right: 4.4263%; display: inline; margin-bottom: 10px } .con_007 a { font-weight: 700; text-decoration: none; width: 47.78685%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; text-align: right } .con_007 p { font-size: 14px; line-height: 20px; font-style: italic; margin-bottom: 0px } .con_007 ul.rating { margin: 3px 0px 10px 0px } .con_007 ul.rating li { font-family: "maldron"; display: inline-block; margin-right: 4px } .con_007 ul.rating li .icon-star { color: #1a1a1a } .con_007 ul.rating li .icon-star:before { color: #1a1a1a } .con_007 ul.rating li .icon-star.star { color: #f4bf00 } .con_007 ul.rating li .icon-star.star:before { color: #f4bf00 } @media only screen and (min-width: 600px) { .con_007 { margin: 0px; padding: 0px } .con_007 h4 { color: #fdb913; width: 47.78685%; float: left; margin-right: 4.4263%; display: inline; margin-bottom: 10px } .con_007 a { font-size: 16px } .con_007 p { font-size: 16px; width: 74.17915%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; padding-top: 5px } .con_007 ul.rating { width: 22.53746%; float: left; margin-right: 3.28339%; display: inline; width: 24.07692%; margin-right: 1.5641% } .con_007 .block { *zoom: 1; width: 100% } .con_007 .block:before, .con_007 .block:after { content: " "; display: block !important } .con_007 .block:after { clear: both } } @media only screen and (min-width: 950px) { .con_007 { padding: 29px 0px 0px 0px } .con_007 a { font-size: 16px } .con_007 p { font-size: 16px; width: 70.52095%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; padding-top: 5px } .con_007 ul.rating { width: 28.40803%; float: left; margin-right: 1.07102%; display: inline } } .con_010, .con_010_alt { *zoom: 1; width: 100%; margin-bottom: 30px } .con_010:before, .con_010_alt:before, .con_010:after, .con_010_alt:after { content: " "; display: block !important } .con_010:after, .con_010_alt:after { clear: both } .con_010 .image, .con_010_alt .image { height: 85px; width: 85px; overflow: hidden; position: absolute } .con_010 .image img, .con_010_alt .image img { width: auto; height: 100% } .con_010 .content, .con_010_alt .content { display: block; position: relative; padding: 0px 0px 0px 100px } .con_010 .content h5, .con_010_alt .content h5 { font-size: 18px; font-family: "adobe-caslon-pro", serif; font-weight: 300; line-height: 22px } .con_010 .content p a, .con_010_alt .content p a { font-weight: 700; text-decoration: none } @media only screen and (min-width: 600px) { .con_010, .con_010_alt { height: 420px; background: #FFF } .con_010 .image, .con_010_alt .image { height: auto; padding: 0px; margin: 0px; position: relative; display: block; width: 100%; float: left; margin-right: 2.16523%; display: inline; margin-bottom: -5px } .con_010 .image img, .con_010_alt .image img { width: 100%; height: auto } .con_010 .content, .con_010_alt .content { padding: 0px; margin: 0px; display: block; background: #FFF; width: 100%; float: left; margin-right: 2.16523%; display: inline } .con_010 .content h5, .con_010_alt .content h5 { font-size: 22px; font-family: "adobe-caslon-pro", serif; line-height: 26px; margin: 20px 20px 0px 20px } .con_010 .content p, .con_010_alt .content p { font-size: 14px; line-height: 18px; margin: 0px 20px 20px 20px } .con_010 .content p a, .con_010_alt .content p a { font-size: 16px; display: block } } @media only screen and (min-width: 950px) { .con_010, .con_010_alt { height: 240px; background: #FFF; margin-bottom: 20px } .con_010 .image, .con_010_alt .image { width: 48.35831%; float: left; margin-right: 3.28339%; display: inline; overflow: hidden; position: relative } .con_010 .image:after, .con_010_alt .image:after { content: " "; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #FFF; position: absolute; top: 50%; right: -5px; margin-top: -23px } .con_010 .image img, .con_010_alt .image img { height: 240px; width: auto } .con_010 .content, .con_010_alt .content { width: 48.35831%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_010 .content h5, .con_010_alt .content h5 { font-size: 22px; font-family: "adobe-caslon-pro", serif; line-height: 26px; margin: 20px 30px 0px 0px } .con_010 .content p, .con_010_alt .content p { font-size: 16px; line-height: 21px; margin: 0px 30px 20px 0px } } @media only screen and (min-width: 950px) { .con_010_alt { height: 500px; background: #FFF; width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_010_alt .image { width: 100%; float: left; margin-right: 2.16523%; display: inline; position: relative } .con_010_alt .image:after { content: " "; border-left: 20px solid transparent; border-bottom: 20px solid #FFF; border-right: 20px solid transparent; position: absolute; top: auto; bottom: 0%; right: 50%; margin-right: -20px } .con_010_alt .content { width: 100%; float: left; margin-right: 2.16523%; display: inline } .con_010_alt .content h5 { font-size: 22px; font-family: "adobe-caslon-pro", serif; line-height: 26px; margin: 20px 20px 0px 20px } .con_010_alt .content p { font-size: 16px; line-height: 21px; margin: 0px 20px 20px 20px } } .con_012 { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; border-top: 1px solid #fff; background-color: #262626 } .con_012 a { display: block; position: relative; padding: 15px 0px } .con_012 a span { display: block; font-weight: bold; -webkit-font-smoothing: antialiased } .con_012 a span:first-child { font-size: 16px; line-height: 20px; margin-bottom: 2px; color: #fdb913 } .con_012 a span.chevron { color: #FFF; font-size: 14px; line-height: 18px } .con_012 a span.chevron:after { font-family: "maldron"; font-size: 12px; line-height: 30px; color: #fdb913; content: '\e622'; position: absolute; right: -5px; top: 21px } .con_012 a:hover, .con_012 a:hover span { color: #FFF } .con_012 a:hover:after, .con_012 a:hover span:after { color: #FFF } @media only screen and (min-width: 600px) { .con_012 { background-color: rgba(38, 38, 38, 0.7); margin: 0px; padding: 0px; border-top: 1px solid #fff } .con_012 a { padding: 3% 30px 3% 20px } .con_012 a span:first-child { font-size: 16px; line-height: 22px } .con_012 a span:last-child { font-size: 14px; line-height: 20px } .con_012 a span.chevron { color: #FFF; font-size: 14px; line-height: 18px } .con_012 a span.chevron:after { top: -15px } .con_012 a:after { display: none } .con_012 span { display: inline-block; position: relative } } @media only screen and (min-width: 950px) { .con_012 a { padding: 17px 25px } } .con_013 { padding: 0px 0px 0px 0px; position: relative; display: block; *zoom: 1; width: 100% } .con_013:before, .con_013:after { content: " "; display: block !important } .con_013:after { clear: both } .con_013 .image { padding: 0px 0px 25% 0px; width: 30.38247%; float: left; margin-right: 4.4263%; display: inline; background: #f0f } .con_013 .content { width: 65.19123%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_013 .content h4 { font-size: 18px; line-height: 22px; color: #5F6369; text-transform: uppercase; font-weight: 300; margin-top: -3px } .con_013 .content p.small { margin: 3px 0px 6px 0px; font-weight: 500 } .con_013 .content .link_box { margin: 18px 0px 0px 0px; *zoom: 1; width: 100% } .con_013 .content .link_box:before, .con_013 .content .link_box:after { content: " "; display: block !important } .con_013 .content .link_box:after { clear: both } .con_013 .content .link_box .button { padding: 4px 21px 4px 21px } .con_013 .content .link_box a { display: inline-block; font-weight: 400 } .con_013 .content .link_box a:first-child { margin-top: 6px; float: left } .con_013 .content .link_box a:last-child { float: right } @media only screen and (min-width: 600px) { .con_013 { padding: 0px; margin: 0px } .con_013 .before, .con_013 .after { display: none } .con_013 .image { width: auto; display: block; padding: 0px 0px 25% 0px; margin: 0px; clear: both; float: none } .con_013 .content { width: auto; display: block; margin: 0px; clear: both; float: none; padding: 16px 20px 48px 20px } .con_013 .content a { font-size: 14px; line-height: 20px } .con_013 .content p.small { padding-top: 10px } .con_013 .content .link_box .button { font-size: 17px; line-height: 20.4px; padding: 6px 21px 6px 21px } } @media only screen and (min-width: 950px) { .con_013 .content { padding: 21px 20px 55px 20px; font-size: 15px } } .con_014 { text-align: center; display: block; position: relative; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em } .con_014:last-child { margin-bottom: 20px } .con_014 .button_cover { width: 100%; color: #fff; background: transparent; display: block; content: ' '; position: absolute; left: 0px; top: 0px; cursor: pointer; z-index: 2 } .con_014 .button_area { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; background: #262626; color: #FFF; font-size: 16px; line-height: 22px; position: relative; border-top: 1px solid #fdb913; padding: 11px 0px 11px 0px; cursor: pointer } .con_014 .button_area.mobile { display: block; width: auto } .con_014 .button_area:before { font-size: 18px; font-family: "maldron"; color: #fdb913; content: '\e602'; position: absolute; left: 20px } .con_014 .button_area h2 { color: #FFF; font-size: 16px; line-height: 20px; margin: 0px 0px -1px 0px; font-weight: 300 } .con_014 .button_area .price { color: #FFF; font-size: 14px; line-height: 20px; display: block } .con_014 .button_area.selected:before { content: '\e600' } .con_014 .framework_target { color: #fff; display: none; margin: 0px 0px 0px 0px } .con_014 .framework_target h2 { display: none } .con_014 .framework_target .main { width: auto; text-align: left; padding: 23px 1.063em 27px 1.063em; margin: 0px; display: block; float: none } .con_014 .framework_target .main .booking_area { display: none } .con_014 .framework_target .sidebar { width: auto; text-align: left; padding: 26px 1.063em 21px 1.063em; margin: 0px; display: block; background: #D6D1C7; float: none } .con_014 .framework_target .sidebar ul { padding: 10px 0px 0px 0px; list-style-image: none } .con_014 .framework_target .sidebar ul li { font-size: 16px; line-height: 22px; margin: 0px 0px 7px 0px; font-weight: 300 } .con_014 .framework_target .sidebar ul li:before { content: '•'; color: #fdb913; margin: 0px 10px 0px 0px } .con_014 .framework_target .booking_area { padding: 28px 0px 0px 0px; margin-bottom: 10px } .con_014 .framework_target .booking_area .button { display: inline-block; margin: 0px 0px 0px 27px; padding: 5px 18px 5px 18px; font-size: 15px } @media only screen and (min-width: 600px) { .con_014 { margin: 0px 0px 20px 0px; padding: 0px; *zoom: 1; width: 100% } .con_014:before, .con_014:after { content: " "; display: block !important } .con_014:after { clear: both } .con_014 .button_cover { display: none } .con_014 .button_area { display: none } .con_014 .framework_target { color: #5F6369; display: block !important; margin: 0px 0px 0px 0px; background: transparent } .con_014 .framework_target h2 { font-size: 16px; line-height: 20px; text-align: left; margin: 0px 0px -1px 0px; display: block } .con_014 .framework_target .main { padding: 0px; margin: 0px; width: 48.91739%; float: left; margin-right: 2.16523%; display: inline; width: 57.91739% } .con_014 .framework_target .main h2 { font-size: 25px; line-height: 22px; text-transform: uppercase; color: #5F6369; margin: 0px 0px 14px 0px } .con_014 .framework_target .main .booking_area { display: block; padding: 16px 0px 0px 0px; font-weight: 400 } .con_014 .framework_target .main .booking_area .button { display: inline-block; margin: 0px 0px 0px 27px } .con_014 .framework_target .sidebar { padding: 17px 0px 20px 0px; margin: 0px; background: #D6D1C7; width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; width: 33.8% } .con_014 .framework_target .sidebar h4 { margin: 0px 0px 0px 17px; font-size: 18px; line-height: 22px } .con_014 .framework_target .sidebar ul { margin: 0px 0px 0px 17px } .con_014 .framework_target .booking_area { display: none } } @media only screen and (min-width: 950px) { .con_014 { *zoom: 1; width: 100%; margin: 0px 0px 20px 0px; padding: 0px } .con_014:before, .con_014:after { content: " "; display: block !important } .con_014:after { clear: both } .con_014 .button_cover { display: none } .con_014 .button_area { display: none } .con_014 .framework_target { color: #5F6369; display: block !important; margin: 0px 0px 0px 0px; background: transparent } .con_014 .framework_target h2 { font-size: 16px; line-height: 20px; text-align: left; margin: 0px 0px -1px 0px; display: block; color: #fdb913 } .con_014 .framework_target .main { width: 57.43115%; float: left; margin-right: 2.16523%; display: inline } .con_014 .framework_target .main h2 { font-size: 30px; line-height: 22px; color: #fdb913 } .con_014 .framework_target .main .booking_area { padding: 19px 0px 0px 0px } .con_014 .framework_target .sidebar { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_014 .framework_target .sidebar h4 { font-size: 19px } .con_014 .framework_target .sidebar ul { font-weight: 300 } .con_014 .framework_target .sidebar ul li { font-size: 17px; font-weight: 300 } } .con_015 { margin: 0px -1.063em 0px -1.063em } .con_015 #map { height: 240px; width: 100% } @media only screen and (min-width: 600px) { .con_015 { margin: 0px } .con_015 #map { height: 290px } } @media only screen and (min-width: 950px) { .con_015 #map { height: 450px } } .con_017 { display: block; background: #fff; position: relative } .con_017 h4 { font-size: 16px; line-height: 22px; text-align: center; text-transform: none; color: #FFF; padding: 11px 16px 11px 45px; background: #55565a; position: relative; top: 0px; margin: 0px -1.063em 0px -1.063em; border-bottom: 1px solid #5F6369 } .con_017 .mobile { display: block; cursor: pointer } .con_017 .tablet-desktop { display: none } .con_017 h4:before { color: #fdb913; font-size: 18px; font-family: "maldron"; content: '\e602'; position: absolute; top: 11px; left: 1.063em } .con_017 h4.selected:before { content: '\e600' } .con_017 .framework_target { display: none } .con_017 p { display: block; text-align: left; padding: 8px 0; margin: 0.7em 0 } .con_017 p:first-of-type { padding-bottom: 0px } .con_017 ul+p+p { padding-bottom: 0px } .con_017 ul { text-align: left; margin: 10px 0px 10px 30px } .con_017 ul li { margin: 10px 0px } .con_017 ul:last-of-type { padding-bottom: 30px } .con_017 ol { list-style: decimal; text-align: left; margin: 10px 0px 10px 30px } .con_017 ol li { margin: 10px 0px } @media only screen and (min-width: 600px) { .con_017 { text-align: left } .con_017 .mobile { display: none } .con_017 .tablet-desktop { display: block } .con_017 h4:before { display: none } .con_017 h4 { color: #fdb913; font-size: 18px; text-align: left; background: transparent; margin: 10px 0px 10px; padding: 0px 0px 0px 0px; border: none; cursor: default } .con_017 .framework_target { display: block !important } } @media only screen and (min-width: 950px) { .con_017 h4 { font-size: 19px } } .con_018 { display: block; background: #FFF; width: 100%; float: left; margin-right: 4.4263%; display: inline; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; margin-bottom: -1px } .con_018 .image { width: 30.38247%; float: left; margin-right: 4.4263%; display: inline } .con_018 .image img { width: 100% } .con_018 .content { display: block; width: 65.19123%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_018 .content h3 { color: #fdb913 } .con_018 .bottom { display: block; padding: 5px 0px 10px 0px } .con_018 .bottom a { text-decoration: none } .con_018 .bottom a span { display: none } .con_018 .bottom .button { float: right; display: inline-block; padding: 6px 18px 6px 18px } @media only screen and (min-width: 600px) { .con_018 { height: 440px; margin: 0px; margin-bottom: 25px; padding: 0px; -webkit-box-shadow: 2px 2px 0px 0px #d1ccc8; box-shadow: 2px 2px 0px 0px #d1ccc8; padding-bottom: 0px; position: relative } .con_018 .line { height: 1px; width: 100%; content: " "; background: #1a1a1a; position: absolute; bottom: 60px; left: 0px; z-index: 5px } .con_018 .image { width: 100%; height: 200px; text-align: center; overflow: hidden } .con_018 .image img { width: 100% } .con_018 .content { width: auto; padding: 20px 20px 0px 20px; margin: 0px; display: block } .con_018 .content h3 { color: #fdb913 } .con_018 .bottom { width: auto; padding: 10px 0px 20px 0px; margin: 0px 0px 0px 0px; display: block; border-top: 0px solid #1a1a1a; position: relative } .con_018 .bottom a { font-size: 16px; font-weight: 700; text-decoration: none; margin: 0px 0px 0px 0px } .con_018 .bottom a span { display: inline } .con_018 .bottom .button { position: absolute; top: 15px; right: 0px } } @media only screen and (min-width: 950px) { .con_018 { height: 440px; margin-bottom: 25px } } .con_020 { padding: 8px 0px 0px 0px; margin-top: 40px } .con_020 .custombuttons { font-size: 18px; text-transform: uppercase; text-decoration: none; color: #5F6369; position: relative; display: inline-block; padding: 14px 30px 12px 15px; margin: 0px 0px 10px 0px; border: 0px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; background: #fdb913; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; width: 160px; font-weight: 700; cursor: pointer } .con_020 .custombuttons:hover { background: #fdb913; background: -moz-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fedf91), color-stop(100%, #fdb913)); background: -webkit-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: -o-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: -ms-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: linear-gradient(to bottom, #fedf91 0%, #fdb913 100%) } .con_020 .custombuttons:after { content: "\e618"; font-family: "maldron"; position: absolute; right: 10px; font-size: 16px } .con_020:first-child { margin-top: 0px } .con_020 img { width: auto !important } .con_020 h4 { color: #5F6369; margin-bottom: 15px } .con_020 p { font-size: 16px; line-height: 22px; margin: 0.7em 0 } .con_020 a { font-size: 16px } .con_020 ul { list-style-image: url("../images/disc.png"); padding: 10px 20px } .con_020 .continue { font-size: 14px; line-height: 22px; text-decoration: none; text-transform: uppercase; color: #00a9ce; cursor: pointer; font-weight: 500 } .con_020 .continue:after { content: '\e621'; font-family: "maldron"; font-size: 10px; padding-left: 5px } .con_020 .continue.selected:after { content: '\e623' } .con_020 .framework_target { display: none; margin-top: 15px } .con_020 .framework_target a { font-size: 16px; line-height: 22px } @media only screen and (min-width: 600px) { .con_020 { padding-top: 0; padding-bottom: 15px } .con_020 p { display: block } .con_020 .continue { display: none } .con_020 .framework_target { display: inline !important } } @media only screen and (min-width: 950px) { .con_020 p, .con_020 .framework_target, .con_020 .framework_target a { font-size: 17px } .con_020 a { font-size: 17px } } .ie8 .con_020 ul li, .ie9 .con_020 ul li { list-style-type: none; float: none } .ie8 .con_020 ul li:before, .ie9 .con_020 ul li:before { content: '\2022 '; color: #fdb913; margin-left: -1em; margin-right: .65em } .con_021 { padding-top: 50px } .con_021 .image { display: block; padding: 0px 0px 0px 0px; background-position: center center; background-size: cover; background-repeat: no-repeat } .con_021 .content { padding: 12px 0px 0px 0px } .con_021 .content .date { display: block; color: #fdb913; text-align: left; font-size: 14px; font-height: 24px; font-weight: 500 } .con_021 .content sup { font-size: 8px; color: #fdb913 } .con_021 .content h3 { margin-bottom: 10px; font-size: 18px; line-height: 20px; text-transform: uppercase } .con_021 .content h3.primary { color: #fdb913 } .con_021 .content a { color: #fdb913; text-decoration: none } .con_021 .content .details { padding: 0px 0px 0px 0px } .con_021 .content .details p { font-size: 14px; line-height: 20px; font-weight: 400 } .con_021 .content .details p span { float: left; min-width: 25% } .con_021 .content>p { padding: 5px 0px 0px 0px } .con_021 .bottom { display: block; padding-top: 20px } .con_021 .bottom a { font-size: 16px; line-height: 40px; color: #00a9ce; text-decoration: none } .con_021 .bottom a span { display: none } .con_021 .bottom a:hover { color: #02d2ff } .con_021 .bottom .button { float: right } .con_021 .bottom .button.desktop { display: none } @media only screen and (min-width: 600px) { .con_021 { *zoom: 1; width: 100% } .con_021:before, .con_021:after { content: " "; display: block !important } .con_021:after { clear: both } .con_021 .image { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline } .con_021 .content { width: 65.94492%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; padding-top: 0px } .con_021 .content h3 { font-size: 25px; line-height: 28px } .con_021 .bottom { width: auto; display: block; border-top: 0px solid #1a1a1a; position: relative } .con_021 .bottom a { font-size: 16px; font-weight: 700; text-decoration: none; margin: 0px 0px 0px 0px } .con_021 .bottom a span { display: inline } .con_021 .bottom .button { float: right } } @media only screen and (min-width: 950px) { .con_021 .image { width: 28.1733%; float: left; margin-right: 2.60957%; display: inline } .con_021 .content { padding: 0px; margin: 0px; width: 69.21713%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_021 .content h3 { font-size: 30px; line-height: 32px } .con_021 .bottom .button.desktop { display: inline-block } .con_021 .bottom .button.mobile-tablet { display: none } } .con_022>div { border-top: 1px solid #fdb913; border-bottom: 1px solid #fdb913; padding: 18px 0px 18px 0px } .con_022>div ul li { font-size: 14px; line-height: 22px; color: #a6a7a9 } .con_022>div ul li .information { float: right; width: 65%; color: #5F6369 } .con_022>div>div .button { margin-top: 20px } .con_022>div>div .button.desktop { display: none } @media only screen and (min-width: 600px) { .con_022>div { width: 100%; *zoom: 1; width: 100%; padding: 27px 0px 27px 0px } .con_022>div:before, .con_022>div:after { content: " "; display: block !important } .con_022>div:after { clear: both } .con_022>div ul { width: 70%; float: left } .con_022>div>div { width: 30%; text-align: right; float: right } .con_022>div>div .button { margin: 0px 0px 0px 0px } } @media only screen and (min-width: 950px) { .con_022>div { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em } .con_022>div ul li { font-size: 15px; line-height: 22px } .con_022>div ul, .con_022>div>div { padding: 27px 0px 27px 0px } .con_022>div>div .button.desktop { display: inline-block } .con_022>div>div .button.mobile-tablet { display: none } } .con_023 { padding-bottom: 40px; margin-bottom: -1px } .con_023 .image { display: block; margin: 0px 0px 16px 0px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat } .con_023 .text { width: 100% } .con_023 .text h2 { font-size: 18px; line-height: 24px; text-transform: uppercase; color: #5F6369; margin: 0px 0px 8px 0px } .con_023 .text p { margin: 0px 0px 8px 0px } .con_023 .text a { font-size: 16px; line-height: 22px; font-weight: 700; text-decoration: none } @media only screen and (min-width: 600px) { .con_023 { *zoom: 1; width: 100%; border-top: 0px solid #1a1a1a; border-bottom: 0px solid #1a1a1a; padding: 0px 0px } .con_023:before, .con_023:after { content: " "; display: block !important } .con_023:after { clear: both } .con_023 .image { width: 40.40362%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_023 .text { width: 57.43115%; float: left; margin-right: 2.16523%; display: inline } .con_023 .text h2 { font-size: 25px; line-height: 32px; margin: 0px 0px 13px 0px } } @media only screen and (min-width: 950px) { .con_023 .image { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 59.59638% } .con_023 .text { width: 48.91739%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377% } .con_023 .text h2 { font-size: 30px; line-height: 36px; padding-top: 1px; margin: 0 0 14px 0 } .con_023 .text p { margin: 0 0 11px 0 } } .con_024 { padding-bottom: 40px; margin-bottom: -1px } .con_024 .image { display: block; padding: 0px; margin: 0px 0px 16px 0px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat } .con_024 .text { width: 100% } .con_024 .text h2 { font-size: 18px; line-height: 20px; text-transform: uppercase; color: #5F6369; margin: 0px 0px 8px 0px } .con_024 .text p { margin: 0px 0px 8px 0px } .con_024 .text a { font-size: 16px; line-height: 22px; font-weight: 700; text-decoration: none; color: #00a9ce } @media only screen and (min-width: 600px) { .con_024 { *zoom: 1; width: 100%; border-top: 0px solid #1a1a1a; border-bottom: 0px solid #1a1a1a; padding: 40px 0px } .con_024:before, .con_024:after { content: " "; display: block !important } .con_024:after { clear: both } .con_024 .image { width: 40.40362%; float: left; margin-right: 2.16523%; display: inline } .con_024 .text { width: 57.43115%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_024 .text h2 { font-size: 25px; line-height: 30px; margin: 0px 0px 13px 0px } } @media only screen and (min-width: 950px) { .con_024 .image { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377% } .con_024 .text { width: 48.91739%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 42.56885%; margin-right: 8%; padding-top: 1px } .con_024 .text h2 { font-size: 30px; line-height: 32px; margin: 0px 0px 14px 0px } .con_024 .text p { margin: 0px 0px 11px 0px } } .con_025 a { color: #00a9ce } .con_025 a.small { color: #00a9ce !important } .con_025.api { padding: 20px; margin: 0px 0px 15px 0px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px } .con_025.api p { color: #5F6369 } .con_025.api h5 { text-transform: none; font-size: 13px; font-weight: 300; color: #fdb913; margin-bottom: 0px } .con_025.api h5 span { color: #fdb913 } .con_025.api p { font-size: 16px; font-weight: 300; line-height: 1.4em } .con_025 .stars { margin: 5px 0px 0px 0px } .con_025 .stars .star { position: relative; display: inline-block; margin: 0px 12px 0px 0px } .con_025 .stars .star:before { font-family: "maldron"; color: #fdb913; position: absolute; top: 0px; left: 0px; font-size: 15px } .con_025 .stars .lv-star-on:before { content: '\e61b' } .con_025 .stars .lv-star-off:before { content: '\e61a' } .con_025 .text-area { margin: 5px 0px 0px 0px } .con_025 .text-area a { font-size: 14px; padding: 0; margin: 0 } @media only screen and (min-width: 600px) { .con_025 .stars { margin: 0px 0px 0px 0px } .con_025 .stars .star:before { font-size: 15px } .con_025 .stars.api { padding: 15px 0px 0px 0px; margin: 0px 0px 50px 0px } } @media only screen and (min-width: 950px) { .con_025 a.api { padding: 20px } .con_025 .text-area { font-size: 17px } } .modal_content .con_025 .stars { display: block; margin-left: 0px } @media only screen and (min-width: 600px) { .modal_content .con_025 .stars { display: inline; margin: 5px 0px 0px 15px } } .con_026, .con_027 { display: block; position: relative; cursor: pointer } .con_026 .image, .con_027 .image { display: block; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; background-repeat: no-repeat; background-size: cover; overflow: hidden; height: 120px } .con_026 p, .con_027 p { font-size: 14px; text-align: center } @media only screen and (min-width: 600px) { .con_026 p, .con_027 p { font-size: 16px } .con_026 .image, .con_027 .image { height: 150px } } @media only screen and (min-width: 950px) { .con_026 p, .con_027 p { font-size: 17px } } .con_027 .image { margin: 0px 0px 0px 0px } .con_029 { padding: 0px; margin: 0px; display: block } .con_029 p { color: #5F6369 } .con_029 p strong { color: #5F6369 } .con_029 .slider { display: none } .con_029 .container { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em } .con_029 h3 { padding: 15px 0 10px; text-transform: uppercase; color: #5F6369 } .con_029 .descr p { padding-bottom: 8px } .con_029 .descr p:empty { display: none } .con_029 .bottom { padding: 6px 0 20px } .con_029 .bottom p:nth-of-type(3) { padding: 14px 0px 0px } .con_029 .bottom a { position: relative; font-size: 16px } .con_029 .bottom a:after { font-family: "maldron"; content: "\e618"; font-size: 9px; position: absolute; top: 2px; right: -13px } @media only screen and (min-width: 600px) { .con_029 h3 { font-size: 25px; line-height: 26px; color: #FFF } .con_029 p { color: #f3f3f3 } .con_029 p strong { color: #f3f3f3 } .con_029 .descr { max-height: 260px; overflow-y: hidden } .con_029 .bottom { padding-top: 20px } .con_029 .bottom a:after { top: 1px } } @media only screen and (min-width: 950px) { .con_029 h3 { font-size: 36px; line-height: 36px; padding-bottom: 12px } .con_029 .descr { max-height: 300px } .con_029 .bottom p { padding-bottom: 10px } .con_029 .bottom p:nth-of-type(3) { padding-top: 23px } } .con_030 { margin: 5px 0px 20px 0px } .con_030 .image { display: block; padding: 0px 0px 0px 0px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat } .con_030 .text { width: 100% } .con_030 .text h2 { font-size: 18px; line-height: 20px; text-transform: uppercase; color: #5F6369; margin: 0px 0px 8px 0px } .con_030 .text p { margin: 0px 0px 8px 0px } .con_030 .text a { font-size: 16px; line-height: 22px; font-weight: 700; text-decoration: none } @media only screen and (min-width: 600px) { .con_030 { *zoom: 1; width: 100%; border-top: 0px solid #1a1a1a; border-bottom: 0px solid #1a1a1a } .con_030:before, .con_030:after { content: " "; display: block !important } .con_030:after { clear: both } .con_030 .image { width: 40.40362%; float: left; margin-right: 2.16523%; display: inline } .con_030 .text { width: 57.43115%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_030 .text h2 { font-size: 25px; line-height: 22px; margin: 0px 0px 13px 0px } } @media only screen and (min-width: 950px) { .con_030 .image { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline } .con_030 .text { width: 65.94492%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_030 .text h2 { font-size: 30px; line-height: 22px; margin: 0px 0px 14px 0px } .con_030 .text p { margin: 0px 0px 11px 0px } } .con_031 { display: block; background: #FFF; width: 100%; float: left; margin-right: 4.4263%; display: inline; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #cbcbcb; position: relative } .con_031 .image { height: 85px; width: 85px; position: absolute; top: 30px; left: 15px } .con_031 .image img { width: 100% } .con_031 .content { display: block; padding: 0px 0px 0px 100px } .con_031 .content h3 { color: #fdb913 } .con_031 .bottom { display: block; padding: 22px 0px 10px 100px } .con_031 .bottom a { font-weight: 700; text-decoration: none } .con_031 .bottom a span { display: none } .con_031 .bottom a:hover { color: #02d2ff } .con_031 .bottom .button, .con_031 .bottom a.button { font-size: 13px; font-weight: 300; text-align: center; float: right; min-width: 73px; display: inline-block; padding: 6px 18px 6px 18px } .con_031 .bottom .button:hover, .con_031 .bottom a.button:hover { color: #FFF } @media only screen and (min-width: 600px) { .con_031 { margin: 0px; padding: 0px 0px 100px 0px; box-shadow: 2px 2px 10px #888888; position: relative } .con_031 .image { height: auto; width: 100%; padding: 0px; position: relative; top: 0px; left: 0px } .con_031 .image img { width: 100% } .con_031 .content { height: 125px; width: auto; padding: 20px 20px 0px 20px; margin: 0px; display: block; position: relative } .con_031 .content h3 { color: #fdb913 } .con_031 .bottom { width: 100%; display: block; border-top: 0px solid #1a1a1a; position: absolute; padding: 22px 0px 10px 0px; left: 0px; bottom: 0px } .con_031 .bottom .inner_bottom { position: relative; display: block; padding: 0px 16px 0px 16px } .con_031 .bottom a { font-size: 14px; text-decoration: none; margin: 0px 0px 0px 0px } .con_031 .bottom a span { display: inline } } .con_032 { font-size: 14px; line-height: 20px; font-weight: 400; padding: 15px 0px; border-top: 1px solid #fdb913 } .con_032 ul { list-style: none } .con_032 ul li { padding: 8px 0px 8px 50px; position: relative; color: #5F6369 } .con_032 ul li:before { font-size: 24px; color: #fdb913; display: block; position: absolute; top: 3px; left: 7px; -webkit-font-smoothing: auto } @media only screen and (min-width: 600px) { .con_032 { *zoom: 1; width: 100%; border-top: 0px } .con_032:before, .con_032:after { content: " "; display: block !important } .con_032:after { clear: both } .con_032 ul li { padding: 12px 0px 0px 50px; color: #5F6369; margin-bottom: 6px } .con_032 ul li:before { top: 10px } } @media only screen and (min-width: 950px) { .con_032 ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-width: 225px; -moz-column-width: 225px; column-width: 225px; margin-left: 10% } .con_032 ul li { display: inline-block; min-width: 150px; padding: 10px 30px 15px 17% } .con_032 ul li:before { font-size: 30px; top: 5px } } .con_033 { width: auto; height: auto; font-weight: 300; padding: 15px; line-height: 20px; width: 100%; float: left; margin-right: 2.16523%; display: inline; box-sizing: border-box } .con_033 .readmore { width: 100%; display: inline-block; padding-top: 15px } .con_033 a { font-size: 16px; font-weight: 700; text-decoration: none } .con_033 img { border: 1px solid black } .con_033 .content_block { position: relative } .con_033 .content_block p { font-size: 14px; color: #fdb913 } .con_033 .content_block .booking_area { position: absolute; bottom: 0px; right: 0px } .con_033 .content_block .booking_area .button { margin: 0px } @media only screen and (min-width: 600px) { .con_033 { width: 48.91739%; float: left; margin-right: 2.16523%; display: inline; box-sizing: border-box } .con_033:nth-child(2n+2) { margin-right: 0px } } @media only screen and (min-width: 950px) { .con_033 { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline } .con_033:nth-child(2n+2) { margin-right: 2.16523% } .con_033:nth-child(3n+3) { margin-right: 0px } } .con_034 { padding: 10px 0px 10px 0px } .con_034 h3 { color: #fdb913 } .con_035 { font-size: 14px; line-height: 18px; padding: 30px 0px 0px 0px; border-top: 1px solid #1a1a1a } .con_035 .third { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline } .con_035 .third.end { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .con_035 h3 { color: #fdb913; margin-bottom: 15px } .con_035 li { padding: 10px 0px 10px 0px; border-top: 1px solid #1a1a1a; *zoom: 1; width: 100% } .con_035 li .name { color: #fdb913 } .con_035 li:before, .con_035 li:after { content: " "; display: block !important } .con_035 li:after { clear: both } .con_035 li:first-child { font-weight: 700; border-top: 0px solid #1a1a1a } .con_035 li:first-child .name { color: #5F6369 } @media only screen and (min-width: 600px) { .con_035 { padding: 30px 0px 10px 0px; margin: 0px 0px 15px 0px; border-top: 0px solid #1a1a1a } } .for_001 { position: relative; width: 95%; margin: 0 auto } .for_001 a { display: block; padding: 18px 0px 18px 0px; text-align: center } .for_001 h5 { text-transform: uppercase; color: #5F6369; font-size: 15px; line-height: 19px; position: relative; display: inline-block; padding: 0px 22px 0px 0px; font-weight: 700 } .for_001 p { font-size: 12px; line-height: 16px; color: #a6a7a9 } .for_001 .news-desktop { display: none } .for_001 .news-tablet { display: none } @media only screen and (min-width: 600px) { .for_001 { width: 100%; border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } .for_001 a { padding: 0px; text-align: left } .for_001 a h5 { text-align: left; display: block; padding: 0px 12px 0px 0px } .for_001 .news-mobile { display: none } .for_001 .news-tablet { display: block } .for_001 .news-desktop { display: none } } @media only screen and (min-width: 950px) { .for_001 .news-mobile { display: none } .for_001 .news-tablet { display: none } .for_001 .news-desktop { display: block } } .for_001 .newsletter-v2 { padding-left: 0px; position: relative; display: block; height: 55px } .for_001 .newsletter-v2 .message { font-size: 14px; width: 100%; line-height: 37px; padding-left: 40px; color: #5F6369; height: 50px; position: relative; z-index: 2; box-sizing: border-box } .for_001 .newsletter-v2 .hideOnStart { display: none !important; width: 100% } .for_001 .newsletter-v2 h5 { width: 100%; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } .for_001 .newsletter-v2 input { box-sizing: border-box; width: 100%; padding: 6px; padding-left: 40px; color: #5F6369; font-size: 14px; border: 1px solid #dddddd } .for_001 .newsletter-v2 input:-moz-placeholder { color: #9C9EA1; font-size: 14px } .for_001 .newsletter-v2 input::-moz-placeholder { color: #9C9EA1; font-size: 14px } .for_001 .newsletter-v2 input:-ms-input-placeholder { color: #9C9EA1; font-size: 14px } .for_001 .newsletter-v2 input::-webkit-input-placeholder { color: #9C9EA1; font-size: 14px } .for_001 .newsletter-v2:before { content: "\e60d"; font-family: "maldron"; font-size: 22px; color: #fdb913; position: absolute; top: 30px; left: 2%; z-index: 2 } .for_001 .newsletter-v2 button { text-transform: none; position: absolute; top: 28px; right: 6px; padding: 6px; margin: 0; font-size: 12px; line-height: 14px; background: #fdb913; color: #5F6369 } @media only screen and (min-width: 600px) { .for_001 .newsletter-v2 { min-width: 162px } .for_001 .newsletter-v2 h5 { width: 100% } .for_001 .newsletter-v2 input { font-size: 12px } .for_001 .newsletter-v2 input:-moz-placeholder { font-size: 12px } .for_001 .newsletter-v2 input::-moz-placeholder { font-size: 12px } .for_001 .newsletter-v2 input:-ms-input-placeholder { font-size: 12px } .for_001 .newsletter-v2 input::-webkit-input-placeholder { font-size: 12px } .for_001 .newsletter-v2:before { left: 10px } } .for_002 .divcaptcha *, .for_003 .divcaptcha * { width: auto } .for_002 .divcaptcha, .for_003 .divcaptcha { width: 250px; text-align: left } .for_002 #siimage, .for_003 #siimage { float: left; border: 1px solid #D6D1C7; border-radius: 5px; margin-right: 5px; width: 160px } .for_002 #ct_captcha, .for_003 #ct_captcha { border: 1px solid #D6D1C7; border-radius: 5px 5px 5px 5px; padding: 6px 8px 6px 7px; margin-top: 5px } .for_002 .reloadcaptcha, .for_003 .reloadcaptcha { border-style: none } .for_002 .reloadcaptcha img, .for_003 .reloadcaptcha img { padding-top: 5px } .for_002 { text-align: center; display: block; position: relative; margin-bottom: 30px } .for_002 h2:before { font-size: 18px; font-family: "maldron"; color: #fdb913; content: '\e602'; position: absolute; left: 20px; top: 11px } .for_002 h2 { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; background: #262626; color: #FFF; font-size: 16px; line-height: 22px; position: relative; border-bottom: 1px solid #fdb913; border-top: 1px solid #fdb913; padding: 11px 0px 11px 0px; cursor: pointer } .for_002 h2.selected:before { content: '\e600' } .for_002 h2.framework { display: block } .for_002 h2.tablet-desktop { display: none } .for_002 form { display: none; text-align: left; padding: 20px 0px 20px 0px; border-bottom: 1px solid #fdb913 } .for_002 form label { line-height: 25px; font-size: 16px; color: #5F6369; display: block; cursor: default; position: relative } .for_002 form label span { color: #a6a7a9; font-size: 14px; font-weight: normal } .for_002 form label.required:after { display: inline-block; content: '*'; color: red; margin-left: 2px } .for_002 form .error { color: red; margin: -20px 0px 25px 0px; text-align: left } .for_002 form .input { display: block; padding: 6px 8px 6px 7px; margin: 0px 0px 25px 0px; font-size: 16px; background: #FFF } .for_002 form .input input, .for_002 form .input select, .for_002 form .input textarea { width: 100%; border: 0px; font-size: 16px } .for_002 form .input input, .for_002 form .input textarea { width: 97%; background: #FFF } .for_002 form .input select { position: relative; z-index: 2; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } .for_002 form .input.error { border-color: red } .for_002 form .input.select:after { top: 16px } .for_002 form .checkbox_area { margin: 0px 0px 20px 0px; text-align: left } .for_002 form .checkbox_area input[type=checkbox]+label { display: inline-block; padding-left: 35px; line-height: 20px; cursor: pointer } .for_002 form .checkbox_area input[type=checkbox]+label:before { content: ""; display: inline-block; width: 20px; height: 20px; text-align: center; position: absolute; left: 0; background: #FFF; border: 1px solid #1a1a1a; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px } .for_002 form .checkbox_area input[type=checkbox]:checked+label:before { content: "\e61c"; font: "maldron"; font-size: 16px; line-height: 20px; color: #5F6369 } .for_002 form .checkbox_area span { font-weight: normal } .for_002 form .checkbox_area p { text-align: center } @media only screen and (min-width: 600px) { .for_002 h2:before { display: none } .for_002 h2 { cursor: default; font-size: 25px; line-height: 25px; font-weight: 300; text-transform: uppercase; text-align: left; background: transparent; color: #fdb913; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none } .for_002 h2.framework { display: none } .for_002 h2.tablet-desktop { display: block } .for_002 form { display: block !important; text-align: center; border: none } .for_002 form label { text-align: left } .for_002 form .input.select { width: 50% } } @media only screen and (min-width: 950px) { .for_002 h2 { font-size: 25px; line-height: 25px } .for_002 form { padding: 20px 0px 10px 0px } .for_002 form label { font-size: 17px } .for_002 form label span { font-size: 15px } .for_002 form .input { font-size: 17px } .for_002 form .input input, .for_002 form .input select, .for_002 form .input textarea { font-size: 17px } } .reply p { font-size: 22px; line-height: 24px; border-top: 1px solid #fdb913; padding: 20px 0px; text-align: center } .reply .return { text-align: center; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; padding: 10px 0px } .reply .return a:before { color: #00a9ce; font-size: 12px; margin-right: 5px } .reply .return a { font-size: 16px; display: inline-block } .reply form { display: block; text-align: center; border-bottom: 1px solid #fdb913; padding: 20px 0px 10px 0px } @media only screen and (min-width: 600px) { .reply p { font-size: 24px; line-height: 26px; text-align: left; border-top: none; border-bottom: 1px solid #1a1a1a; padding: 0px 0px 20px 0px } .reply .return { text-align: left; float: left; border: none; padding: 20px 0px 0px 0px } .reply form { float: right; display: inline-block; text-align: right; border: none } } .for_003 { text-align: center; display: block; position: relative; margin-bottom: 30px } .for_003 h2:before { font-size: 18px; font-family: "maldron"; color: #fdb913; content: '\e602'; position: absolute; left: 20px; top: 11px } .for_003 h2 { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; background: #262626; color: #FFF; font-size: 16px; line-height: 22px; position: relative; border-bottom: 1px solid #fdb913; border-top: 1px solid #fdb913; padding: 11px 0px 11px 0px; cursor: pointer } .for_003 h2.selected:before { content: '\e600' } .for_003 form { display: none; text-align: left; padding: 20px 0px 20px 0px; border-bottom: 1px solid #fdb913 } .for_003 form label { line-height: 25px; font-size: 16px; color: #5F6369; display: block; cursor: default; position: relative } .for_003 form label span { color: #a6a7a9; font-size: 14px; font-weight: normal } .for_003 form label.required:after { display: inline-block; content: '*'; color: red; margin-left: 2px } .for_003 form .error { color: red; margin: -20px 0px 25px 0px; text-align: left } .for_003 form .input { display: block; padding: 6px 8px 6px 7px; margin: 0px 0px 25px 0px; font-size: 16px; background: #FFF } .for_003 form .input input, .for_003 form .input select, .for_003 form .input textarea { width: 100%; border: 0px; font-size: 16px; background: #FFF } .for_003 form .input select { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } .for_003 form .input.error { border-color: red } .for_003 form .input.select:after { top: 16px } .for_003 form .checkbox_area { margin: 0px 0px 20px 0px; text-align: left } .for_003 form .checkbox_area input[type=checkbox]+label { display: inline-block; padding-left: 35px; line-height: 20px; cursor: pointer } .for_003 form .checkbox_area input[type=checkbox]+label:before { content: ""; display: inline-block; width: 20px; height: 20px; text-align: center; position: absolute; left: 0; background: #FFF; border: 1px solid #1a1a1a; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px } .for_003 form .checkbox_area input[type=checkbox]:checked+label:before { content: "\e61c"; font: "maldron"; font-size: 16px; line-height: 20px; color: #5F6369 } .for_003 form .checkbox_area span { font-weight: normal } .for_003 form .checkbox_area p { text-align: center } @media only screen and (min-width: 600px) { .for_003 h2:before { display: none } .for_003 h2 { cursor: default; font-size: 25px; line-height: 25px; font-weight: 300; text-transform: uppercase; text-align: left; background: transparent; color: #fdb913; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none } .for_003 h3 { text-align: left } .for_003 form { display: block !important; text-align: center; border: none } .for_003 form label { text-align: left } .for_003 form .input.select { width: 50% } .for_003 .left_side { width: 48.91739%; float: left; margin-right: 2.16523%; display: inline } .for_003 .right_side { width: 48.91739%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .for_003 .block { width: 100%; float: left; margin-right: 2.16523%; display: inline } } @media only screen and (min-width: 950px) { .for_003 h2 { font-size: 25px; line-height: 25px } .for_003 form { padding: 20px 0px 10px 0px } .for_003 form label { font-size: 17px } .for_003 form label span { font-size: 15px } .for_003 form .input { font-size: 17px } .for_003 form .input input, .for_003 form .input select, .for_003 form .input textarea { font-size: 17px } } .reply p { font-size: 22px; line-height: 24px; border-top: 1px solid #fdb913; padding: 20px 0px; text-align: center } .reply .return { text-align: center; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; padding: 10px 0px } .reply .return a:before { color: #00a9ce; font-size: 12px; margin-right: 5px } .reply .return a { font-size: 16px; display: inline-block } .reply form { display: block; text-align: center; border-bottom: 1px solid #fdb913; padding: 20px 0px 10px 0px } @media only screen and (min-width: 600px) { .reply p { font-size: 24px; line-height: 26px; text-align: left; border-top: none; border-bottom: 1px solid #1a1a1a; padding: 0px 0px 20px 0px } .reply .return { text-align: left; float: left; border: none; padding: 20px 0px 0px 0px } .reply form { float: right; display: inline-block; text-align: right; border: none } } .for_004 form { text-align: left; padding: 20px 0px 20px 0px; border-bottom: 1px solid #fdb913; border-top: 1px solid #fdb913; display: table; width: 100% } .for_004 form label { line-height: 25px; font-size: 16px; color: #5F6369; cursor: default; position: relative; width: 100%; margin-right: 24px } .for_004 form label span { color: #a6a7a9; font-size: 14px; font-weight: normal } .for_004 form label.required:after { display: inline-block; content: '*'; color: red; margin-left: 2px } .for_004 form .error { color: red; margin: -20px 0px 25px 0px; text-align: left } .for_004 form .input { display: block; margin-right: 24px; padding: 6px 8px 6px 7px; margin: 0px 0px 8px 0px; font-size: 16px; background: #FFF; width: 70% } .for_004 form .input input, .for_004 form .input select, .for_004 form .input textarea { width: 95%; border: 0px; font-size: 16px; background: #FFF } .for_004 form .input select { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } .for_004 form .input.error { border-color: red } .for_004 form .input.select:after { top: 16px } @media only screen and (min-width: 600px) { .for_004 form label { display: table-row; width: 100% } .for_004 form .input { display: table-cell; width: 40% } .for_004 form .submitWrapper { display: table-cell; text-align: center } } @media only screen and (min-width: 950px) { .for_004 form label { display: table-cell; width: auto } .for_004 form .submitWrapper { text-align: right } } .reply p { font-size: 22px; line-height: 24px; border-top: 1px solid #fdb913; padding: 20px 0px; text-align: center } .reply .return { text-align: center; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; padding: 10px 0px } .reply .return a:before { color: #00a9ce; font-size: 12px; margin-right: 5px } .reply .return a { font-size: 16px; display: inline-block } .reply form { display: block; text-align: center; border-bottom: 1px solid #fdb913; padding: 20px 0px 10px 0px } @media only screen and (min-width: 600px) { .reply p { font-size: 24px; line-height: 26px; text-align: left; border-top: none; border-bottom: 1px solid #1a1a1a; padding: 0px 0px 20px 0px } .reply .return { text-align: left; float: left; border: none; padding: 20px 0px 0px 0px } .reply form { float: right; display: inline-block; text-align: right; border: none } } .for_005 { position: absolute; right: 0px; display: block; cursor: pointer; -webkit-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; font-size: 13px; line-height: 30px; padding: 0px 35px 0px 35px; margin-bottom: 0px } .for_005 span { color: #FFF; position: relative; display: inline-block } .for_005 span+span { display: none } .for_005 span:first-child:before, .for_005 span:first-child:after { font-size: 14px; font-family: "maldron"; color: #FFF; position: absolute; top: 0px } .for_005 span:first-child:before { content: '\e610'; left: -20px } .for_005 span:first-child:after { font-size: 10px; content: '\e623'; right: -20px } @media only screen and (min-width: 950px) { .for_005 { font-size: 15px; line-height: 36px } .for_005 span:first-child { display: none } .for_005 span:last-child { font-weight: 300 } .for_005 span+span { display: inline-block } .for_005 span:nth-child(2):before, .for_005 span:last-child:after { font-size: 14px; font-family: "maldron"; color: #FFF; position: absolute; top: 0px } .for_005 span:nth-child(2):before { content: '\e610'; left: -20px } .for_005 span:last-child:after { font-size: 10px; content: '\e623'; right: -20px } } .img_001 { width: 100%; position: relative; overflow: hidden } .img_001 picture { display: block } @media only screen and (min-width: 600px) { .img_001 picture { height: 216px; position: relative } .img_001 picture img { position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%) } } @media only screen and (min-width: 950px) { .img_001 { margin: 0px 0px 0px 0px } .img_001 picture { height: 451px } .img_001 img { position: absolute; top: 50%; transform: translate(0, -50%) } } @media only screen and (min-width: 600px) { .ie8 .img_001 picture { height: 216px } .ie8 .img_001 picture img { position: relative\9; top: 0\9; transform: translate(0, 0) \9 } } @media only screen and (min-width: 950px) { .ie8 .img_001 picture { height: 451px } } .img_002 { height: 185px; overflow: hidden } .img_002 .flex-control-nav { bottom: 0px } .img_002 .slides li { height: 185px; background-size: 100% auto; background-position: center center } .img_002 img { height: auto; min-height: 185px } @media only screen and (min-width: 600px) { .img_002 { height: 310px; margin: 0px 0px 0px 0px } .img_002 .flex-control-nav { bottom: 10px } .img_002 .slides li { height: 310px } .img_002 img { min-height: 310px } } @media only screen and (min-width: 950px) { .img_002 { height: 451px } .img_002 .slides li { height: 451px } .img_002 img { min-height: 451px } } .img_003 { margin: 0px -16px 0px -16px } .img_003 img { width: 100%; margin-bottom: 0px } .img_003 .text { text-align: center; padding: 20px 16px 28px 16px; background: #fff } .img_003 .text h1 { font-family: "adobe-caslon-pro", serif; font-variant: small-caps; font-weight: 700; color: #fdb913; margin: 0px 0px 2px 0px } .img_003 .text p { font-size: 16px; line-height: 21px; text-align: left } .img_003 .but_001 { text-align: left; margin: 20px 0px 20px 0px } .img_003 .img_003_image { display: block; background-size: 100% auto; padding-bottom: 27% } @media only screen and (min-width: 600px) { .img_003 { position: relative; overflow: hidden } .img_003 .text { width: 48.91739%; float: left; margin-right: 2.16523%; display: inline; padding-top: 23px; background: rgba(64, 9, 10, 0.9); position: absolute; top: 25px; left: 30px } .img_003 .text h1 { font-family: "adobe-caslon-pro", serif; color: #FFF; text-align: left } .img_003 .text p { font-size: 16px; color: #FFF; line-height: 21px; text-align: left } .img_003 .but_001 { text-align: left; margin: 20px 0px 0px 0px } .img_003 .img_003_image { display: block; background-size: 100% auto; padding-bottom: 31% } } @media only screen and (min-width: 950px) { .img_003 { margin: 0px 0px 0px 0px } .img_003 h1 { font-size: 60px; font-weight: 700 } .img_003 .text { width: 43%; margin-top: 15px; padding-top: 27px } .img_003 .img_003_image { background: transparent; padding: 0px } .img_003 .img_003_image_desktop { min-height: 300px; background-size: 100% auto; padding: 0px 0px 20px 0px } } .ie8 .img_003 .text { background: #40090a !important } .img_007 { display: block; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; padding: 0px; margin: 0px -16px 15px -16px; overflow-x: hidden } @media only screen and (min-width: 600px) { .img_007 { *zoom: 1; width: 100%; padding: 0px 0px 140px 0px } .img_007:before, .img_007:after { content: " "; display: block !important } .img_007:after { clear: both } } @media only screen and (min-width: 950px) { .img_007 { height: 370px; overflow-x: hidden } } .nav_001 { overflow: hidden; text-align: center; display: block; background: #fff; padding: 6px 0px 0px 0px; text-transform: uppercase } .nav_001 .fixed { position: fixed; top: 0; left: 0; z-index: 11; width: 100% !important; margin: 0px !important } .nav_001 .contact { background: transparent !important; display: none; position: relative } .nav_001 .message_text { text-transform: none } .nav_001 .message_outside { display: block; padding-bottom: 6px; margin-left: -10px } .nav_001 .message_outside, .nav_001 .message_text { font-size: 15px; font-family: "Albert", sans-serif; line-height: 18px; color: #696E73 } .nav_001 a.logo { display: block; margin: 0px auto 15px auto } .nav_001 a.logo img { width: 160px; height: auto } .nav_001 a.icon-location { color: #5F6369; text-decoration: none } .nav_001 ul.clearfix { width: auto; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; background: #262626; padding: 0px } .nav_001 ul.clearfix li { display: block; width: 24.9%; height: 38px; font-size: 13px; color: #FFF; text-align: center; text-transform: uppercase; float: left; border-left: 1px solid rgba(255, 255, 255, 0.2); margin: 0px 0px 0px -1px; padding: 2px 0px 0px 0px; cursor: pointer } .nav_001 ul.clearfix li:before { display: none } .nav_001 ul.clearfix li a, .nav_001 ul.clearfix li a.icon-map, .nav_001 ul.clearfix li a.icon-gift, .nav_001 ul.clearfix li span { height: 100%; font-size: 14px; line-height: 40px; font-weight: 700; color: #FFF; text-decoration: none; display: inline-block; padding: 0px 0px 0px 20px; margin: 0px auto 0px auto; position: relative; text-transform: uppercase } .nav_001 ul.clearfix li a:before, .nav_001 ul.clearfix li a.icon-map:before, .nav_001 ul.clearfix li a.icon-gift:before, .nav_001 ul.clearfix li span:before { font-family: "maldron"; color: #FFF; position: absolute; left: 0px; top: -1px } .nav_001 ul.clearfix li:last-child { border-right: 0px; margin: 0px 0px 0px 0px } .nav_001 ul.clearfix li:hover { background: #fdb913; background: -moz-linear-gradient(top, #fed05f 0%, #fdb913 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fed05f), color-stop(100%, #fdb913)); background: -webkit-linear-gradient(top, #fed05f 0%, #fdb913 100%); background: -o-linear-gradient(top, #fed05f 0%, #fdb913 100%); background: -ms-linear-gradient(top, #fed05f 0%, #fdb913 100%); background: linear-gradient(to bottom, #fed05f 0%, #fdb913 100%) } .nav_001 ul.clearfix li:hover a { color: #FFF } .nav_001 ul.clearfix li.book { float: right; line-height: 40px; font-size: 14px; font-weight: 700; color: #5F6369; margin: 0px auto 0px auto; background: #fdb913; background: #fdb913; background: -moz-linear-gradient(top, #fdc846 0%, #fdb913 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdc846), color-stop(100%, #fdb913)); background: -webkit-linear-gradient(top, #fdc846 0%, #fdb913 100%); background: -o-linear-gradient(top, #fdc846 0%, #fdb913 100%); background: -ms-linear-gradient(top, #fdc846 0%, #fdb913 100%); background: linear-gradient(to bottom, #fdc846 0%, #fdb913 100%) } .nav_001 ul.clearfix li.book:hover { background: #fdb913; background: -moz-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fedf91), color-stop(100%, #fdb913)); background: -webkit-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: -o-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: -ms-linear-gradient(top, #fedf91 0%, #fdb913 100%); background: linear-gradient(to bottom, #fedf91 0%, #fdb913 100%) } .nav_001 ul.clearfix li.book.selected { color: transparent; position: relative } .nav_001 ul.clearfix li.book.selected:before { font-size: 20px; font-family: "maldron"; color: #FFF; content: '\e61d'; position: absolute; margin: -19px 0px 0px -10px; top: 50%; left: 50% } .nav_001 .res_002 { width: 100%; display: none; position: absolute; z-index: 5 } @media only screen and (min-width: 600px) { .nav_001 a.logo { display: block; margin: 0px auto 15px auto } .nav_001 a.logo img { width: 174px; height: 84px } .nav_001 ul.clearfix li { font-size: 15px; height: 39px; padding: 1px 0px 0px 0px } .nav_001 ul.clearfix li a, .nav_001 ul.clearfix li span { font-size: 15px } .nav_001 ul.clearfix li a, .nav_001 ul.clearfix li a.icon-map, .nav_001 ul.clearfix li span { font-size: 15px } .nav_001 ul.clearfix li a:before, .nav_001 ul.clearfix li a.icon-map:before, .nav_001 ul.clearfix li span:before { top: 0px } .nav_001 .res_002 { width: 50%; float: right } } @media only screen and (min-width: 950px) { .nav_001 { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border-bottom: 4px solid #fdb913 } .nav_001 .hidden { display: none !important } .nav_001 .message { width: 312px !important; padding-left: 200px; box-sizing: border-box; margin-right: auto; margin-top: 16px; float: left; height: 22px; text-align: left } .nav_001 .message_outside { display: none } .nav_001 .menu_area .home a { color: #fff; display: inline-block; position: relative; z-index: 2; border-bottom: 0px; margin-right: -10px } .nav_001 .menu_area .home a:before { font-family: "maldron"; text-transform: none; text-decoration: none; color: #5F6369; content: "\e643"; position: absolute; top: -1px; right: 11px; z-index: 0; text-decoration: none } .nav_001 .menu_area .home a:hover { color: #fff; text-decoration: none; border-bottom: 0px } .nav_001 .menu_area .home a:hover:before { color: #fdb913; content: "\e643" } .nav_001.fixed { position: fixed; z-index: 100 } .nav_001 .contact { display: block; height: 38px } .nav_001 .contact>div { display: block; text-align: right; height: 38px; width: 100% } .nav_001 .contact>div .contact_links { display: inline-block; padding: 0 0 0 13px; margin: -3px 0 0 13px } .nav_001 .contact>div .contact_links.small { display: none } .nav_001 .contact>div .contact_links.first { margin-left: 0 } .nav_001 .contact>div .contact_links:first-of-type { background: 0 } .nav_001 .contact>div .contact_links a { display: block; font-family: "Albert", sans-serif; font-size: 14px; line-height: 42px; color: #5F6369; text-decoration: none; position: relative; padding-left: 20px } .nav_001 .contact>div .contact_links a.solid_button { margin: 10px 0 } .nav_001 .contact>div .contact_links a:before { color: #fdb913; position: absolute; left: 0px; top: -1px } .nav_001 .contact>div .contact_links { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9C9EA1), to(transparent)); background-image: -webkit-linear-gradient(#9C9EA1, transparent); background-image: -moz-linear-gradient(#9C9EA1, transparent), -moz-linear-gradient(#9C9EA1, transparent); background-image: -o-linear-gradient(#9C9EA1, transparent), -o-linear-gradient(#9C9EA1, transparent); background-image: linear-gradient(#9c9ea1, rgba(0, 0, 0, 0)), linear-gradient(#9c9ea1, rgba(0, 0, 0, 0)); -moz-background-size: 5px 100%; background-size: 1px 100%; background-position: 0 100%, 0 0; background-repeat: no-repeat } .nav_001 a.logo { height: 96px; width: 177px; display: block; float: left; margin: 8px 0px } .nav_001 a.logo img { width: 177px; height: 96px } .nav_001 .logo-area { padding-top: 8px; margin: -45px 0px 0px 0px; float: left } .nav_001 .menu_area { float: right; text-align: right; max-width: 85%; margin: 25px 0 30px } .nav_001 .menu_area a { font-size: 16px; line-height: 20px; font-family: "Albert", sans-serif; font-weight: 400; color: #5F6369; text-decoration: none; text-transform: capitalize } .nav_001 .menu_area a:hover { color: #fdb913; border-bottom: 1px solid #fdb913 } .nav_001 .menu_area ul li { display: inline; margin-left: 20px; line-height: 2; white-space: nowrap } .nav_001 .menu_area ul li:first-of-type { margin-left: 0 } .nav_001 .res_002 { padding: 10px 0px 0px 0px; width: 65.94492%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; position: relative; display: block !important } .nav_001 .relative { position: relative } .nav_001 .relative .solid_button { text-transform: none; color: #FFF !important; line-height: 25px !important; top: 0px; padding: 0px 15px 0px 15px !important; background: #fdb913; border-radius: 5px; position: absolute } } @media (max-width: 1200px) { .nav_001 .contact>div .contact_links.big { display: none !important } .nav_001 .contact>div .contact_links.small { display: inline-block !important } } .nav_002b { width: 250px; background: #5F6369; position: absolute; top: 0px; left: 0px; z-index: 1; overflow-y: hidden } .nav_002b ul li { display: block; position: relative; border-top: 1px solid #1a1a1a; -webkit-transition: background 0.1s ease-in-out; -moz-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; -ms-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out } .nav_002b ul li:first-child { border-top: 0px solid #1a1a1a } .nav_002b ul li a { font-size: 14px; text-decoration: none; text-transform: uppercase; color: #FFF; display: block; padding: 14px 0px 10px 15px } .nav_002b ul li a:after { font-family: "maldron"; content: "\e601"; right: 15px; position: absolute } .nav_002b ul li.current_page_item, .nav_002b ul li.current-menu-item { background: #40090a } @media only screen and (min-width: 950px) { .nav_002b { width: auto; position: relative; *zoom: 1; width: 100%; background: #700f12; background: -moz-linear-gradient(top, #700f12 0%, #5f0b0f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #700f12), color-stop(100%, #5f0b0f)); background: -webkit-linear-gradient(top, #700f12 0%, #5f0b0f 100%); background: -o-linear-gradient(top, #700f12 0%, #5f0b0f 100%); background: -ms-linear-gradient(top, #700f12 0%, #5f0b0f 100%); background: linear-gradient(to bottom, #700f12 0%, #5f0b0f 100%); clear: both; left: 0px !important } .nav_002b:before, .nav_002b:after { content: " "; display: block !important } .nav_002b:after { clear: both } .nav_002b nav { text-align: center } .nav_002b nav ul { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px } .nav_002b nav ul li { vertical-align: top; display: inline-block; padding: 0px 2.4% 0px 2.4%; border: 0px } .nav_002b nav ul li a { font-size: 16px; font-weight: 700; color: #FFF; text-decoration: none; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px; padding: 0px } .nav_002b nav ul li a:after { display: none } .nav_002b nav ul li:hover { background: #40090a } } @media only screen and (min-width: 950px) { .ie8 .nav_002b, .ie9 .nav_002b { overflow: hidden } } .ie8 li, .ie9 li { display: list-item; float: left } .nav_001b { text-align: left; font-size: 16px; width: 218px; text-transform: none; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; padding: 0; display: block; -webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.3); display: none } .nav_001b ul li { border-bottom: 1px #D6D1C7 solid } .nav_001b ul li:after { font-family: "maldron"; color: #fdb913; right: 14px; position: absolute; content: "\e600" } .nav_001b ul li a { display: inline-block; padding: 18px 0 18px 14px } .nav_002 { text-align: center; display: block; background: #5F6369; padding: 9px 0px 0px 0px } .nav_002 .contact { display: none } .nav_002 a.logo { height: 60px; width: 153px; display: block; height: 60px; width: 153px; background-size: 153px 60px !important; background: url("../images/header/logo-mobile.png") no-repeat center center; margin: 0px auto 10px auto } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nav_002 a.logo { background-size: 153px 60px; background-image: url("../images/header/logo-mobile@2x.png"); background-image: url("../images/header/logo-mobile.png") \9; background-position: center center } } .nav_002 a.icon-location { color: #5F6369; text-decoration: none } .nav_002 ul.clearfix { width: auto !important; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; background: #D6D1C7; padding: 0px } .nav_002 ul.clearfix li { width: 25%; font-size: 12px; color: #FFF; text-align: center; text-transform: uppercase; float: left; border-right: 1px solid rgba(255, 255, 255, 0.2); margin: 0px 0px 0px -1px; padding: 11px 0px 8px 0px; cursor: pointer } .nav_002 ul.clearfix li a, .nav_002 ul.clearfix li a.icon-location, .nav_002 ul.clearfix li span { height: 100%; font-size: 12px; font-weight: 700; color: #FFF; text-decoration: none; display: inline; padding: 0px 0px 0px 18px; margin: 0px auto 0px auto; position: relative } .nav_002 ul.clearfix li a:before, .nav_002 ul.clearfix li a.icon-location:before, .nav_002 ul.clearfix li span:before { font-family: "maldron"; color: #FFF; position: absolute; left: 0px } .nav_002 ul.clearfix li .book { width: 100%; background: #D6D1C7; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; position: relative } .nav_002 ul.clearfix li:last-child { border-right: 0px; margin: 0px 0px 0px 0px } .nav_002 ul.clearfix li.book { font-weight: 700; background: #fdb913 } .nav_002 ul.clearfix li.book.selected { color: #fdb913; position: relative } .nav_002 ul.clearfix li.book.selected:before { font-size: 20px; font-family: "maldron"; color: #FFF; content: '\e602'; position: absolute; margin: -10px 0px 0px -10px; top: 50%; left: 50% } .nav_002 .res_002 { width: 100%; display: none; position: absolute; z-index: 5 } @media only screen and (min-width: 600px) { .nav_002 { padding: 13px 0px 0px 0px } .nav_002 a.logo { height: 67px; width: 171px; display: block; height: 67px; width: 171px; background-size: 171px 67px !important; background: url("../images/header/logo-small-tablet.png") no-repeat center center; margin: 0px auto 12px auto } } @media only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-resolution: 1.3dppx) { .nav_002 a.logo { background-size: 171px 67px; background-image: url("../images/header/logo-small-tablet@2x.png"); background-image: url("../images/header/logo-small-tablet.png") \9; background-position: center center } } @media only screen and (min-width: 600px) { .nav_002 ul.clearfix li { font-size: 16px } .nav_002 ul.clearfix li a, .nav_002 ul.clearfix li span { height: 100%; font-size: 16px } .nav_002 ul.clearfix li.book { padding-bottom: 10px } .nav_002 .res_002 { width: 50%; float: right } } @media only screen and (min-width: 950px) { .nav_002 { float: left; padding: 3px 0px 5px 0px; margin: 0px; *zoom: 1; width: 100%; border-bottom: 4px solid #fdb913 } .nav_002:before, .nav_002:after { content: " "; display: block !important } .nav_002:after { clear: both } .nav_002 .contact { text-align: right; float: right; background: #FFF; width: 100%; float: left; margin-right: 2.16523%; display: inline; margin-bottom: 11px; padding: 0px 0px 0px 0px; color: #5F6369; text-decoration: none } .nav_002 .contact a { font-family: "Albert", sans-serif; font-size: 14px; line-height: 16px; color: #9C9EA1; text-decoration: none } .nav_002 .contact .icon, .nav_002 .contact a.icon { font-size: 14px; font-family: "Albert", sans-serif; color: #9C9EA1; text-decoration: none; display: inline-block; padding: 0px 1.2% 0px 1.2%; margin: 0px 0px 0px 0px } .nav_002 .contact .icon:before, .nav_002 .contact a.icon:before { font-size: 16px } .nav_002 .contact .flag { height: 20px; width: 20px; display: inline-block; height: 20px; width: 20px; background-size: 20px 20px !important; background: url("../images/header/french.png") no-repeat center center; margin: 0px 5px 0px 0%; top: 5px } } @media only screen and (min-width: 950px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 950px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-resolution: 1.3dppx) { .nav_002 .contact .flag { background-size: 20px 20px; background-image: url("../images/header/french@2x.png"); background-image: url("../images/header/french.png") \9; background-position: center center } } @media only screen and (min-width: 950px) { .nav_002 .contact .flag.french { height: 20px; width: 20px; background-size: 20px 20px !important; background: url("../images/header/french.png") no-repeat center center } } @media only screen and (min-width: 950px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 950px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-resolution: 1.3dppx) { .nav_002 .contact .flag.french { background-size: 20px 20px; background-image: url("../images/header/french@2x.png"); background-image: url("../images/header/french.png") \9; background-position: center center } } @media only screen and (min-width: 950px) { .nav_002 .contact .flag.german { height: 20px; width: 20px; background-size: 20px 20px !important; background: url("../images/header/german.png") no-repeat center center } } @media only screen and (min-width: 950px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 950px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-resolution: 1.3dppx) { .nav_002 .contact .flag.german { background-size: 20px 20px; background-image: url("../images/header/german@2x.png"); background-image: url("../images/header/german.png") \9; background-position: center center } } @media only screen and (min-width: 950px) { .nav_002 .contact .flag.italian { height: 20px; width: 20px; background-size: 20px 20px !important; background: url("../images/header/italian.png") no-repeat center center } } @media only screen and (min-width: 950px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 950px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-resolution: 1.3dppx) { .nav_002 .contact .flag.italian { background-size: 20px 20px; background-image: url("../images/header/italian@2x.png"); background-image: url("../images/header/italian.png") \9; background-position: center center } } @media only screen and (min-width: 950px) { .nav_002 .contact .flag.spanish { height: 20px; width: 20px; background-size: 20px 20px !important; background: url("../images/header/spanish.png") no-repeat center center; margin-right: 0 } } @media only screen and (min-width: 950px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 950px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-resolution: 1.3dppx) { .nav_002 .contact .flag.spanish { background-size: 20px 20px; background-image: url("../images/header/spanish@2x.png"); background-image: url("../images/header/spanish.png") \9; background-position: center center } } @media only screen and (min-width: 950px) { .nav_002 .contact .icon:before { font-family: "maldron"; color: #fdb913; margin-right: 5px } .nav_002 a.logo { height: 68px; width: 168px; display: block; float: left; height: 68px; width: 168px; background-size: 168px 68px !important; background: url("../images/header/logo-large.png") no-repeat center center; margin: 0px 0px 5px 33px } } @media only screen and (min-width: 950px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 950px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-resolution: 1.3dppx) { .nav_002 a.logo { background-size: 168px 68px; background-image: url("../images/header/logo-large@2x.png"); background-image: url("../images/header/logo-large.png") \9; background-position: center center } } @media only screen and (min-width: 950px) { .nav_002 .logo-area { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline; margin: -25px 0 15px 0 } .nav_002 .nav-bar { height: 38px; display: inline-block; line-height: 38px; margin: -3px 0 0 0; padding: 0 20px; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9C9EA1), to(transparent)); background-image: -webkit-linear-gradient(#9C9EA1, transparent); background-image: -moz-linear-gradient(#9C9EA1, transparent), -moz-linear-gradient(#9C9EA1, transparent); background-image: -o-linear-gradient(#9C9EA1, transparent), -o-linear-gradient(#9C9EA1, transparent); background-image: linear-gradient(#9c9ea1, rgba(0, 0, 0, 0)), linear-gradient(#9c9ea1, rgba(0, 0, 0, 0)); -moz-background-size: 5px 100%; background-size: 1px 100%; background-position: 0 100%, 0 0; background-repeat: no-repeat } .nav_002 .nav-bar:first-of-type { background: 0 } .nav_002 .nav-bar.flags { width: 110px; padding-right: 0 } .nav_002 .menu_area { width: 65.94492%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; padding-top: 20px; text-align: right } .nav_002 .menu_area a { font-size: 17px; font-family: "Albert", sans-serif; font-weight: 300; color: #5F6369; text-decoration: none; text-transform: uppercase } .nav_002 .menu_area a:hover { color: #fdb913; border-bottom: 1px solid #fdb913 } .nav_002 .menu_area ul li { display: inline-block; margin-left: 2em } .nav_002 .res_002 { padding: 10px 0px 0px 0px; width: 65.94492%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; position: relative; display: block !important } } .nav_002b { width: 250px; background-color: #262626; position: absolute; top: 0px; left: 0px; z-index: 1; overflow-y: hidden } .nav_002b ul li { display: block; position: relative; border-top: 1px solid #1a1a1a; -webkit-transition: background 0.1s ease-in-out; -moz-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; -ms-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out } .nav_002b ul li:first-child { border-top: 0px solid #1a1a1a } .nav_002b ul li a { font-size: 14px; text-decoration: none; text-transform: uppercase; color: #FFF; display: block; padding: 14px 0px 10px 15px } .nav_002b ul li a:after { font-family: "maldron"; content: "\e60f"; right: 15px; position: absolute } .nav_002b ul li.current_page_item, .nav_002b ul li.current-menu-item { background: #5F6369 } @media only screen and (min-width: 950px) { .nav_002b { width: auto; position: relative; *zoom: 1; width: 100%; background: #700f12; background: -moz-linear-gradient(top, #700f12 0%, #5f0b0f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #700f12), color-stop(100%, #5f0b0f)); background: -webkit-linear-gradient(top, #700f12 0%, #5f0b0f 100%); background: -o-linear-gradient(top, #700f12 0%, #5f0b0f 100%); background: -ms-linear-gradient(top, #700f12 0%, #5f0b0f 100%); background: linear-gradient(to bottom, #700f12 0%, #5f0b0f 100%); clear: both; left: 0px !important } .nav_002b:before, .nav_002b:after { content: " "; display: block !important } .nav_002b:after { clear: both } .nav_002b nav { text-align: center } .nav_002b nav ul { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px } .nav_002b nav ul li { vertical-align: top; display: inline-block; padding: 0px 2.4% 0px 2.4%; border: 0px } .nav_002b nav ul li a { font-size: 16px; font-weight: 700; color: #FFF; text-decoration: none; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px; padding: 0px } .nav_002b nav ul li a:after { display: none } .nav_002b nav ul li:hover { background: #40090a } } @media only screen and (min-width: 950px) { .ie8 .nav_002b, .ie9 .nav_002b { overflow: hidden } } .ie8 .nav_002 a.logo { background: url("../images/header/logo-large.png") } .nav_003 { background: #fff; position: relative } .nav_003 .container:nth-child(1), .nav_003 .container:nth-child(3), .nav_003 .container:nth-child(4) { border-bottom: 1px solid #dddddd } .nav_003 .container.mobile { padding: 20px 0px 20px 0px; display: block } .nav_003 .container .tablet.desktop { display: none } .nav_003 .container:first-child { text-align: center } .nav_003 .container:first-child .top:before { font-family: "maldron"; content: '\e61d'; color: #fdb913; font-size: 12px; line-height: 12px; display: block } .nav_003 .container:first-child .top { font-size: 12px; line-height: 20px; display: inline-block; font-weight: 700; color: #5F6369; text-transform: uppercase; margin: 15px auto 15px auto; cursor: pointer } .nav_003 .container .social_icons h5 { text-align: center; color: #a6a7a9; text-transform: uppercase; font-size: 12px; margin: 0px 0px 10px 0px; line-height: 12px; font-weight: 300 } .nav_003 .container .social_icons ul { width: 100%; height: 35px; display: table } .nav_003 .container .social_icons ul li { height: 35px; display: table-cell; text-align: center } .nav_003 .container .social_icons ul li a { display: block; margin: auto } .nav_003 .container .social_icons ul li .facebook { height: 35px; width: 36px; background: url("../images/footer/social-facebook.png"); background-size: 100% 200% !important; background-repeat: no-repeat; background-position: top left } .nav_003 .container .social_icons ul li .facebook:hover { background-position: bottom left } .nav_003 .container .social_icons ul li .twitter { height: 35px; width: 36px; background: url("../images/footer/social-twitter.png"); background-size: 100% 200% !important; background-repeat: no-repeat; background-position: top left } .nav_003 .container .social_icons ul li .twitter:hover { background-position: bottom left } .nav_003 .container .social_icons ul li .google { height: 35px; width: 36px; background: url("../images/footer/social-google.png"); background-size: 100% 200% !important; background-repeat: no-repeat; background-position: top left } .nav_003 .container .social_icons ul li .google:hover { background-position: bottom left } .nav_003 .container .social_icons ul li .pinterest { height: 35px; width: 36px; background: url("../images/footer/social-pinterest.png"); background-size: 100% 200% !important; background-repeat: no-repeat; background-position: top left } .nav_003 .container .social_icons ul li .pinterest:hover { background-position: bottom left } .nav_003 .container .social_icons ul li .linkedin { height: 35px; width: 36px; background: url("../images/footer/social-linkedin.png"); background-size: 100% 200% !important; background-repeat: no-repeat; background-position: top left } .nav_003 .container .social_icons ul li .linkedin:hover { background-position: bottom left } .nav_003 .container .social_icons ul li .youtube { height: 35px; width: 36px; background: url("../images/footer/social-youtube.png"); background-size: 100% 200% !important; background-repeat: no-repeat; background-position: top left } .nav_003 .container .social_icons ul li .youtube:hover { background-position: bottom left } .nav_003 .container .gallery { display: block; height: 35px; text-align: center; margin-top: 15px; margin-bottom: 15px; position: relative; padding: 0px 0px 0px 35px; margin-right: 2% } .nav_003 .container .gallery a { text-transform: uppercase; text-align: center; line-height: 35px; color: #5F6369; font-weight: 700; font-size: 15px; padding: 10px 18px 10px 0px; display: inline; position: relative } .nav_003 .container .gallery a:before { height: 17px; width: 24px; background-size: 24px 17px !important; background: url("../images/footer/gallery-icon.png") no-repeat center center; top: -1px; content: ''; position: absolute; left: -30px } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nav_003 .container .gallery a:before { background-size: 24px 17px; background-image: url("../images/footer/gallery-icon@2x.png"); background-image: url("../images/footer/gallery-icon.png") \9; background-position: center center } } .nav_003 .container .gallery a:after { font-size: 12px; font-family: "maldron"; color: #fdb913; content: '\e618'; position: relative; right: -6px } .nav_003 .container .button { display: none } .nav_003 .container .logos { display: table; width: 100%; margin: 0px auto 10px auto } .nav_003 .container .logos div { display: inline-block; box-sizing: border-box } .nav_003 .container .logos div a { width: 100%; height: 100%; display: block } .nav_003 .container .logos div.desktop { display: none } .nav_003 .container .logos .dalataLogo { height: 46px; width: 173px; background-size: 173px 46px !important; background: url("../images/footer/Dalata-arrows-formaldron.png") no-repeat center center; width: 100%; border-bottom: 1px solid #dddddd; height: 90px } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nav_003 .container .logos .dalataLogo { background-size: 173px 46px; background-image: url("../images/footer/Dalata-arrows-formaldron@2x.png"); background-image: url("../images/footer/Dalata-arrows-formaldron.png") \9; background-position: center center } } .nav_003 .container .logos .maldronLogo { height: 47px; width: 131px; background-size: 131px 47px !important; background: url("../images/footer/maldron.png") no-repeat center center; width: 50%; border-right: 1px solid #dddddd; margin-top: 10px; height: 70px } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nav_003 .container .logos .maldronLogo { background-size: 131px 47px; background-image: url("../images/footer/maldron@2x.png"); background-image: url("../images/footer/maldron.png") \9; background-position: center center } } .nav_003 .container .logos .claytonLogo { height: 67px; width: 89px; background-size: 89px 67px !important; background: url("../images/footer/clayton.png") no-repeat center center; width: 50%; margin-top: 10px; height: 70px } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nav_003 .container .logos .claytonLogo { background-size: 89px 67px; background-image: url("../images/footer/clayton@2x.png"); background-image: url("../images/footer/clayton.png") \9; background-position: center center } } .nav_003 .bottom_part { position: relative } .nav_003 .bottom_part .container>div:last-child { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; *zoom: 1; width: 100%; background: #262626; background-repeat: repeat; width: 100%; height: auto; padding-top: 20px; padding-bottom: 70px } .nav_003 .bottom_part .container>div:last-child:before, .nav_003 .bottom_part .container>div:last-child:after { content: " "; display: block !important } .nav_003 .bottom_part .container>div:last-child:after { clear: both } .nav_003 .bottom_part .container>div:last-child .flags { width: 70%; margin: 0px auto 0px auto; padding: 20px 0px 20px 0px; height: 20px; display: table } .nav_003 .bottom_part .container>div:last-child .flags li { display: table-cell; height: 20px; text-align: center } .nav_003 .bottom_part .container>div:last-child .flags li .french { height: 20px; width: 20px; background-size: 20px 20px !important; background: url("../images/header/french.png") no-repeat center center } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nav_003 .bottom_part .container>div:last-child .flags li .french { background-size: 20px 20px; background-image: url("../images/header/french@2x.png"); background-image: url("../images/header/french.png") \9; background-position: center center } } .nav_003 .bottom_part .container>div:last-child .flags li .german { height: 20px; width: 20px; background-size: 20px 20px !important; background: url("../images/header/german.png") no-repeat center center } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nav_003 .bottom_part .container>div:last-child .flags li .german { background-size: 20px 20px; background-image: url("../images/header/german@2x.png"); background-image: url("../images/header/german.png") \9; background-position: center center } } .nav_003 .bottom_part .container>div:last-child .flags li .portugal { height: 20px; width: 20px; background-size: 20px 20px !important; background: url("../images/header/italian.png") no-repeat center center } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nav_003 .bottom_part .container>div:last-child .flags li .portugal { background-size: 20px 20px; background-image: url("../images/header/italian@2x.png"); background-image: url("../images/header/italian.png") \9; background-position: center center } } .nav_003 .bottom_part .container>div:last-child .flags li .spanish { height: 20px; width: 20px; background-size: 20px 20px !important; background: url("../images/header/spanish.png") no-repeat center center } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nav_003 .bottom_part .container>div:last-child .flags li .spanish { background-size: 20px 20px; background-image: url("../images/header/spanish@2x.png"); background-image: url("../images/header/spanish.png") \9; background-position: center center } } .nav_003 .bottom_part .container>div:last-child .flags li a { display: inline-block } .nav_003 .bottom_part .container>div:last-child .text_links { width: 100%; height: 20px } .nav_003 .bottom_part .container>div:last-child .text_links li { display: inline-block; height: 20px; padding: 0px 10px } .nav_003 .bottom_part .container>div:last-child .text_links li a { display: block; font-size: 13px; line-height: 20px; color: #a6a7a9; text-decoration: none } .nav_003 .bottom_part .container>div:last-child .text_links .address { display: block; font-size: 13px; line-height: 20px; color: #a6a7a9; padding-top: 15px } .nav_003 .bottom_part .container>div:last-child .text_links li+li { border-left: 1px solid #a6a7a9 } .nav_003 .bottom_part .container>div:last-child .text_links li.desktop { display: none } .nav_003 .bottom_part .for_001 a { padding: 0 } @media only screen and (min-width: 600px) { .nav_003 .mobile { display: none !important } .nav_003 .container:nth-child(3) { border-bottom: 0 } .nav_003 .container .social_icons { width: 45%; box-sizing: border-box; text-align: center; position: relative; z-index: 5; pointer-events: none; border-bottom: 0px; margin-bottom: 0px } .nav_003 .container .social_icons ul { width: 60%; margin: 5px auto 0px auto } .nav_003 .container .social_icons ul li a { pointer-events: auto } .nav_003 .container .social_icons h5 { margin: 0px 0px 0px 0px } .nav_003 .container .gallery:before { height: 17px; width: 24px; background-size: 24px 17px !important; background: url("../images/footer/gallery-icon.png") no-repeat center center; position: absolute; left: 0px; top: 0px; display: inline } } @media only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-resolution: 1.3dppx) { .nav_003 .container .gallery:before { background-size: 24px 17px; background-image: url("../images/footer/gallery-icon@2x.png"); background-image: url("../images/footer/gallery-icon.png") \9; background-position: center center } } @media only screen and (min-width: 600px) { .nav_003 .container .gallery { height: 35px; float: left; margin-top: 0px; margin-bottom: 25px; position: relative; padding: 27px 0px 0px 35px; width: 20%; box-sizing: border-box; margin-right: 0 } .nav_003 .container .gallery a { text-transform: uppercase; line-height: 19px; color: #5F6369; font-weight: 700; font-size: 15px; padding: 0px 18px 0px 0px; display: inline } .nav_003 .container .gallery a:after { font-size: 12px; font-family: "maldron"; color: #fdb913; content: '\e618'; position: absolute; right: 0px } .nav_003 .container .for_001 { padding-top: 8px; float: left; width: 25%; min-width: 180px; box-sizing: border-box } .nav_003 .container .for_001 h5 { content: 'newsletter'; display: inline } .nav_003 .container .for_001 h5:after { right: 0px; top: 0px } .nav_003 .container .button { float: right; height: 20px; color: #5F6369; font-family: 'AlbertBold'; padding-top: 8px; margin-bottom: 0px } .nav_003 .container .button.tablet { display: none } .nav_003 .container .button.desktop { display: none } .nav_003 .container .logos { border-top: 1px solid #dddddd; padding-top: 14px; padding-bottom: 10px; text-align: center; margin: 0 } .nav_003 .container .logos div { box-sizing: content-box; display: inline-block; padding: 10px 30px 10px 30px; cursor: pointer } .nav_003 .container .logos .dalataLogo { height: 46px; width: 173px; background-size: 173px 46px !important; background: url("../images/footer/Dalata-arrows-formaldron.png") no-repeat center center; border: 0; margin: 0; border-right: 1px solid #dddddd; height: 70px } } @media only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-resolution: 1.3dppx) { .nav_003 .container .logos .dalataLogo { background-size: 173px 46px; background-image: url("../images/footer/Dalata-arrows-formaldron@2x.png"); background-image: url("../images/footer/Dalata-arrows-formaldron.png") \9; background-position: center center } } @media only screen and (min-width: 600px) { .nav_003 .container .logos .maldronLogo { height: 47px; width: 131px; background-size: 131px 47px !important; background: url("../images/footer/maldron.png") no-repeat center center; height: 70px; margin: 0 } } @media only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-resolution: 1.3dppx) { .nav_003 .container .logos .maldronLogo { background-size: 131px 47px; background-image: url("../images/footer/maldron@2x.png"); background-image: url("../images/footer/maldron.png") \9; background-position: center center } } @media only screen and (min-width: 600px) { .nav_003 .container .logos .claytonLogo { height: 67px; width: 89px; background-size: 89px 67px !important; background: url("../images/footer/clayton.png") no-repeat center center; height: 70px; margin: 0 } } @media only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-resolution: 1.3dppx) { .nav_003 .container .logos .claytonLogo { background-size: 89px 67px; background-image: url("../images/footer/clayton@2x.png"); background-image: url("../images/footer/clayton.png") \9; background-position: center center } } @media only screen and (min-width: 600px) { .nav_003 .bottom_part .container>div:last-child { padding-bottom: 40px } .nav_003 .bottom_part .container>div:last-child .flags { display: none !important } .nav_003 .bottom_part .container>div:last-child .text_links { width: 60%; margin: 0px auto 0px auto; height: 20px; display: table } .nav_003 .container>.tablet.desktop { *zoom: 1; width: 100%; padding-top: 20px; padding-bottom: 20px } .nav_003 .container>.tablet.desktop:before, .nav_003 .container>.tablet.desktop:after { content: " "; display: block !important } .nav_003 .container>.tablet.desktop:after { clear: both } .nav_003 .container .tablet.desktop { display: block } .nav_003 .container .tablet.desktop .for_001, .nav_003 .container .tablet.desktop .gallery, .nav_003 .container .tablet.desktop .social_icons { display: block; float: left } .nav_003 .container .tablet.desktop .gallery.tablet.desktop { display: inline; text-align: right } .nav_003 .container .tablet.desktop .gallery.desktop { display: none } .nav_003 .container .tablet.desktop .gallery.tablet { text-align: right } .nav_003 .container .mobile { display: none } } @media only screen and (min-width: 950px) { .nav_003 .container .social_icons { margin: 20px 0px 20px 0px; width: 50%; padding-bottom: 0px; border-bottom: 0px } .nav_003 .container .social_icons h5 { display: block; line-height: 35px; vertical-align: top; margin: 0px 0px 0px 0px } .nav_003 .container .social_icons ul { width: auto; margin: 0px 0px 0px 0px; display: inline-block } .nav_003 .container .social_icons ul li { display: block; float: left; margin-left: 10px } .nav_003 .container .gallery:before { height: 17px; width: 24px; background-size: 24px 17px !important; background: url("../images/footer/gallery-icon.png") no-repeat center center; position: absolute; left: 0px; top: 0px; display: inline } } @media only screen and (min-width: 950px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 950px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 950px) and (min-resolution: 1.3dppx) { .nav_003 .container .gallery:before { background-size: 24px 17px; background-image: url("../images/footer/gallery-icon@2x.png"); background-image: url("../images/footer/gallery-icon.png") \9; background-position: center center } } @media only screen and (min-width: 950px) { .nav_003 .container .gallery { height: 35px; float: left; margin: 20px 0px 20px 0px; position: relative; padding: 0px 0px 0px 35px; width: 25% } .nav_003 .container .gallery a { text-transform: uppercase; line-height: 19px; color: #5F6369; font-weight: 700; font-size: 15px; padding: 0px 18px 0px 0px } .nav_003 .container .gallery a:after { font-size: 12px; font-family: "maldron"; color: #fdb913; content: '\e618'; position: absolute; right: 0px } .nav_003 .container .for_001 { display: inline-block; margin: 20px 0px 20px 0px; float: left } .nav_003 .container .button { height: 25px; padding-top: 7px; margin: 20px 0px 20px 0px } .nav_003 .container .button.tablet { display: none } .nav_003 .container .button.desktop { display: block; float: right } .nav_003 .container .logos div.desktop { display: inline-block } .nav_003 .container .logos div.mobile { display: none } .nav_003 .bottom_part { height: auto; width: 100%; background: #262626; background-repeat: repeat } .nav_003 .bottom_part .container>div:last-child { background: none } .nav_003 .bottom_part .container>div:last-child .text_links { width: auto; text-align: center; height: 20px; display: block; padding-bottom: 10px } .nav_003 .bottom_part .container>div:last-child .text_links li.desktop { display: inline-block } .nav_003 .container>.tablet.desktop { padding: 0 } .nav_003 .container .tablet.desktop { display: block } .nav_003 .container .tablet.desktop .for_001, .nav_003 .container .tablet.desktop .gallery, .nav_003 .container .tablet.desktop .social_icons { display: block; float: left } .nav_003 .container .tablet.desktop .gallery.tablet { display: none } .nav_003 .container .tablet.desktop .gallery.desktop { display: inline; text-align: right; padding-top: 32px } .nav_003 .container .mobile-tablet { display: none !important } } @media only screen and (min-width: 1030px) { .nav_003 .container .social_icons h5 { line-height: 35px } } @media only screen and (min-width: 600px) { .nav_004 { background: rgba(38, 38, 38, 0.9); padding: 0px; margin: -5px 0px 0px 0px; margin-top: 0px; border-bottom: 0px } .nav_004 ul { display: block; text-align: center; margin: 0px; padding: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0 0 rgba(0, 0, 0, 0.2); border: 0px; min-height: 50px; position: relative } .nav_004 ul li { display: inline-block; background: transparent; border: 0px; margin: 0px 0px 0px 0px; padding: 7px 11px 0px 11px; padding: 7px 1.5% 0px 1.5% } .nav_004 ul li .menu_click { color: #FFF; font-size: 16px; line-height: 21px; padding: 8px 0px 9px 0px; margin: 0px; cursor: pointer; -webkit-font-smoothing: antialiased } .nav_004 ul li .menu_click:after { display: none } .nav_004 ul li a.selected:after { display: block; content: ''; position: absolute; border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent #FFF transparent; bottom: -5px; margin: 0 auto; left: 50%; margin-left: -11px; width: 0px; height: 0px } } @media only screen and (min-width: 950px) { .nav_004 .link { color: #fff; cursor: pointer } .nav_004 #booking { text-transform: uppercase; color: #5F6369 !important; font-size: 15px; line-height: 25px !important; top: 0px; padding: 6px 30px 6px 30px; margin-top: 12px; background: #fdb913; border-radius: 5px; position: relative } .nav_004 #booking:after { font-family: "maldron"; content: "\e61d"; font-size: 12px; color: #fdb913; position: absolute; right: 11px } } .nav_005 { display: block; text-align: center; padding: 0; position: relative } .nav_005 .line { height: 2px; width: 100%; content: ' '; display: block; background: #1a1a1a; position: absolute; top: 40px; left: 0px; z-index: 1 } .nav_005 .line:before, .nav_005 .line:after { height: 2px; width: 15px; content: ' '; display: block; background: #fff; position: absolute; top: 0px; left: 0px; z-index: 2 } .nav_005 .line:after { left: 100%; margin-left: -15px } .nav_005 ul { text-align: left; background: #262626; background: #262626 \9 } .nav_005 ul li { border-bottom: 1px solid #fff } .nav_005 ul li a { color: #FFF; font-size: 17px; text-transform: capitalize; text-decoration: none; display: block; padding: 15px 30px; position: relative } .nav_005 ul li a:after { font-family: "maldron"; color: #fdb913; content: "\e614"; position: absolute; right: 16px } .nav_005 ul li a.selected { color: #fdb913 } .nav_005 ul li a.selected:after { display: none } .nav_005 ul li.current_page_item a { color: #fdb913 } .nav_005 ul li.current_page_item a:after { display: none } @media only screen and (min-width: 600px) { .nav_005 { padding: 0px; margin: -5px 0px 0px 0px; margin-top: 0px; border-bottom: 0px } .nav_005 .line { display: none } .nav_005 ul { display: block; text-align: center; margin: 0px; padding: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0 0 rgba(0, 0, 0, 0.2); border: 0px; min-height: 50px; position: relative } .nav_005 ul li { display: inline-block; background: transparent; border: 0px; margin: 0px 0px 0px 0px; padding: 7px 11px 0px 11px; padding: 7px 1.5% 0px 1.5%; float: none \9 } .nav_005 ul li a { font-size: 17px; line-height: 21px; padding: 8px 0px 9px 0px; margin: 0px } .nav_005 ul li a:after { display: none } .nav_005 ul li a.selected:after { display: block; content: ''; position: absolute; border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent #FFF transparent; bottom: -5px; margin: 0 auto; left: 50%; margin-left: -11px; width: 0px; height: 0px } .nav_005 ul li.current_page_item { border-bottom: 0px solid #1a1a1a } .nav_005 ul li.current_page_item a { color: #fdb913 } } @media only screen and (min-width: 950px) { .nav_005 ul li { padding: 7px 1.7% 0px 1.7% } } .ie8 .nav_005 ul li a:after { display: none } .nav_007 { font-size: 16px; line-height: 21px; color: #fdb913; text-align: center; padding: 65px 0 20px 0; margin: 20px 0 0; text-decoration: none; position: relative } .nav_007 .input { margin: 0px 0px 0px 4px } .nav_007 .disabled { cursor: default; color: #ACAEB5 } .nav_007 .disabled:before { color: #ACAEB5 } .nav_007 .month { width: 50%; padding: 11px 0px 11px 0px; display: block; position: absolute; top: 0px } .nav_007 .month a { font-size: 16px; line-height: 21px; text-decoration: none } .nav_007 .month a.hasnext { color: #00a9ce } .nav_007 .line { height: 100%; width: 1px; background: rgba(92, 74, 62, 0.25); position: absolute; top: 0px; right: 0% } .nav_007 .next .line { width: 0px !important } .nav_007 .month.previous { left: 0px } .nav_007 .month.previous a:before, .nav_007 .month.previous span:before { padding-left: 10px; content: '‹ ' } .nav_007 .month.next { right: 0px } .nav_007 .month.next a:after, .nav_007 .month.next span:after { padding-right: 10px; content: ' ›' } @media only screen and (min-width: 600px) { .nav_007 { background: #fff; width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; padding: 24px 0px 24px 0px; border-bottom: 1px solid rgba(92, 74, 62, 0.25) } .nav_007 .input { margin: 0px 0px 0px 4px } .nav_007 .con_021:first-child { margin-top: 20px } .nav_007 .line { display: none } .nav_007 .month.previous { width: 180px; text-align: left; background: transparent; border: 0px; top: 15px } .nav_007 .month.previous a:before, .nav_007 .month.previous span:before { padding-left: 0px } .nav_007 .month.next { width: 180px; text-align: right; background: transparent; border: 0px; top: 15px } .nav_007 .month.next a:before, .nav_007 .month.next span:before { padding-left: 0px } } .nav_007.month_only { padding: 20px 15px 20px 15px } .nav_007.month_only .input { margin: 0px 0px 0px 4px } @media only screen and (min-width: 600px) { .nav_007.month_only { display: none } } .nav_009 { background: rgba(43, 43, 34, 0.75); height: 25px; display: block; padding: 5px 0px } .nav_009 .left { width: 74.45869%; float: left; margin-right: 2.16523%; display: inline } .nav_009 .left ul { list-style: none; margin: 0px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; display: inline } .nav_009 .left ul li { display: inline; text-align: center; padding: 0px 1.5%; margin: 0px; height: 34px } .nav_009 .left ul li:first-of-type { padding-left: 0px } .nav_009 .left a { color: #fdb913; font-size: 14px; font-weight: 500; text-decoration: none; position: relative; padding: 0px 0px 0px 2.5% } .nav_009 .left a:before { font-family: "maldron"; color: #fdb913; position: absolute; font-size: 15px; top: -4px; left: -2px } .nav_009 .left a.phone:before { content: "\e61e" } .nav_009 .left a.mail:before { content: "\e620" } .nav_009 .left a.map:before { content: "\e626" } .nav_009 .left a.gift:before { content: "\e624" } .nav_009 .left a.galleryLink:before { content: "\e62a" } .nav_009 .left .langs { display: inline; position: relative; margin-left: 1% } .nav_009 .left .langs .divider { content: " "; display: inline; width: 1px; padding-bottom: 35px; text-decoration: none; background: transparent; position: absolute; top: -6px; left: 0px } .nav_009 .left .langs span a { padding: 0px 0px 0px 1.5% } .nav_009 .right { width: 23.37608%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; position: relative; float: right } .nav_009 .right .questions { float: right; position: relative } .nav_009 .right .questions p { color: #fdb913; font-size: 14px; display: inline; padding-right: 3% } .nav_009 .right .questions button { position: relative; font-size: 13px; line-height: 13px; width: 107px } .nav_009 .right .questions button:before { content: "Have questions? "; color: #fdb913; font-size: 14px; line-height: 14px; font-weight: 500; text-transform: initial; position: absolute; top: 5px; left: -110px } .nav_009 .right .questions a { color: #FFF; text-decoration: none; font-size: 13px; line-height: 13px; padding: 0px } .res_002 { display: block; text-align: center; color: #FFF; background: #5F6369; float: left; margin-left: -16px } .res_002 .inner { padding: 30px 16px 0px 16px } .res_002 .one { display: block; position: relative } .res_002 .one:before { height: 2px; width: 100%; content: ' '; margin: 10px 0px 0px 0px; padding: 0px; background: #646261; display: block; position: absolute; top: 0px; left: 0px; z-index: 1 } .res_002 .one h3 { font-family: "adobe-caslon-pro", serif; font-weight: 300; color: #1a1a1a; background: #5F6369; display: inline; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; position: relative; z-index: 2 } .res_002 .one form { margin: 20px 0px 20px 0px } .res_002 .one form .input { width: 40.40362%; float: left; margin-right: 2.16523%; display: inline; padding: 0px; border: 0px; text-align: right; margin-bottom: 20px; position: relative } .res_002 .one form .input:before { font-size: 13px; font-family: "derry"; content: "\e604"; color: #fdb913; position: absolute; top: 4px; left: 10px } .res_002 .one form .input input { width: 75%; border: 0px; margin: 3px 5px 3px 0px } .res_002 .one form .button { margin: 5px 0px 0px 0px; padding: 5px 55px 5px 55px } .res_002 .one form .nights { font-size: 11px; line-height: 13px; color: #FFF; width: 14.86231%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .res_002 .one form .nights span { color: #FFF; display: block } .res_002 .one::-webkit-input-placeholder { font-size: 12px; margin-top: 3px; margin-left: 5px } .res_002 .one:-moz-placeholder { font-size: 12px; margin-top: 3px; margin-left: 5px } .res_002 .one::-moz-placeholder { font-size: 12px; margin-top: 3px; margin-left: 5px } .res_002 .one:-ms-input-placeholder { font-size: 12px; margin-top: 3px; margin-left: 5px } .res_002 .two, .res_002 .two-desktop { width: 100%; color: #FFF; text-align: left; display: block; padding: 8px 0px 8px 0px; float: left } .res_002 .two ul, .res_002 .two-desktop ul { float: left; background: #5F6369 } .res_002 .two ul li, .res_002 .two ul li a, .res_002 .two-desktop ul li, .res_002 .two-desktop ul li a { width: 100%; font-size: 12px; font-weight: 300; text-transform: uppercase; text-align: left; text-decoration: none; color: #FFF; line-height: 21px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; border-right: 0px; cursor: inherit } .res_002 .two ul li:before, .res_002 .two-desktop ul li:before { font-family: "derry"; font-size: 13px; color: #D6D1C7; content: "\e600"; margin: 0px 10px 0px 0px } .res_002 .two-desktop { display: none } .res_002 .three { background: #1a1a1a; position: relative; margin: 0px -16px 0px -16px } .res_002 .three:before { height: 100%; width: 1px; content: " "; background: #5F6369; position: absolute; top: 0px; left: 50% } .res_002 .three a { width: 50%; font-size: 12px; color: #FFF; text-align: center; text-transform: uppercase; text-decoration: none; padding: 16px 0px 15px 0px; display: block; background: #1a1a1a; float: left } @media only screen and (min-width: 600px) { .res_002 { width: 50%; float: right; right: 0px } } @media only screen and (min-width: 950px) { .res_002 { width: 100%; text-align: left; padding: 0px; background: transparent; position: relative; display: block; *zoom: 1; width: 100% } .res_002:before, .res_002:after { content: " "; display: block !important } .res_002:after { clear: both } .res_002 .inner { padding: 0px } .res_002 .one { width: 74.57627%; float: right; margin-right: 0; display: inline; padding: 0px 0px 0px 0px } .res_002 .one:before { display: none } .res_002 .one::-webkit-input-placeholder { font-size: 12px; margin-top: 3px; margin-left: 5px } .res_002 .one:-moz-placeholder { font-size: 12px; margin-top: 3px; margin-left: 5px } .res_002 .one::-moz-placeholder { font-size: 12px; margin-top: 3px; margin-left: 5px } .res_002 .one:-ms-input-placeholder { font-size: 12px; margin-top: 3px; margin-left: 5px } .res_002 .one h3 { font-size: 14px; font-family: "Albert", sans-serif; font-weight: 700; text-transform: uppercase; color: #fdb913; background: transparent; margin: 0px 0px 0px 9px } .res_002 .one form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px } .res_002 .one form .input { border: 1px solid #1a1a1a; width: 134px; margin: 0px 14px 10px 0px } .res_002 .one form .nights { width: 55px; font-size: 12px; color: #5F6369; display: inline; padding: 10px 0px 0px 0px; margin-right: 1.69492%; float: left } .res_002 .one form .nights span { color: #5F6369; display: inline } .res_002 .one form .button { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 15px } .res_002 .two { display: none } .res_002 .two-desktop { width: 23.72881%; float: left; margin-right: 1.69492%; display: inline; padding: 5px 0px 8px 0px } .res_002 .two-desktop ul { background: #fff } .res_002 .two-desktop ul li { width: 100%; font-size: 11px; line-height: 13px; color: #5F6369; margin: 0px 0px 0px 0px; padding: 0px; display: block; text-align: left; background: #fff } .res_002 .two-desktop ul li:before { margin: 0px 5px 0px 0px } .res_002 .two-desktop ul li a { font-size: 11px; color: #5F6369; text-decoration: none } .res_002 .three { width: 71.5%; background: transparent; float: right; margin-right: 0; display: inline } .res_002 .three:before { height: 1px; width: 100%; content: " "; background: #1a1a1a; position: absolute; top: 0px; left: 0px } .res_002 .three a { width: auto; font-size: 11px; color: #5F6369; padding: 0px 0px 0px 0px; text-align: left; margin: 5px 5.5% 0px 0px; background: transparent } .res_002 .three a:hover { text-decoration: underline } } .res_003 { width: 100%; background: #262626; box-sizing: border-box; padding: 20px 20px 10px 20px; *zoom: 1; width: 100%; display: none } .res_003:before, .res_003:after { content: " "; display: block !important } .res_003:after { clear: both } .res_003.open { border-top: 2px solid #fdb913; border-bottom: 2px solid #fdb913 } .res_003 .night_box { color: #fff; width: 100%; float: left; margin-right: 4.4263%; display: inline; margin-top: 13px; margin-bottom: 13px; text-transform: uppercase; font-size: 13px } .res_003 .night_box span { color: #fff; font-size: 16px; margin-right: 1px } .res_003 h4 { max-width: 400px; font-size: 18px; line-height: 22px; text-transform: uppercase; text-align: center; color: #fdb913; margin: 0px auto 22px auto; position: relative } .res_003 .resLabel { margin: 10px 14px 14px auto; color: white; text-align: left; vertical-align: center; text-transform: uppercase; float: left; position: relative } .res_003 form { max-width: 400px; text-align: center; margin: 0px auto 0px auto; position: relative; *zoom: 1; width: 100% } .res_003 form:before, .res_003 form:after { content: " "; display: block !important } .res_003 form:after { clear: both } .res_003 form .single_left, .res_003 form .single_right { display: none } .res_003 form .double_left { width: 50%; float: left; margin: 0; box-sizing: border-box; padding-right: 1% } .res_003 form .double_right { width: 50%; float: left; margin: 0; box-sizing: border-box; padding-left: 1% } .res_003 form .double_right .date_picker { left: 0 } .res_003 form label { color: #f7f1e8; text-align: left; display: block; margin: 0px 0px 13px 0px } .res_003 form .input, .res_003 form .checkin, .res_003 form select { height: auto; width: 100%; display: block; background: #FFF; padding: 10px 8px 10px 32px; position: relative; cursor: pointer; box-sizing: border-box; border: 1px solid #262626; -webkit-box-shadow: inset 0 0 10px #000; -moz-box-shadow: inset 0 0 10px #000; box-shadow: inset 1px 1px 3px rgba(38, 38, 38, 0.8) } .res_003 form .cal.open { background: #f6f4e7 } .res_003 form .cal:before { content: "\e61f"; font-family: "maldron"; color: #fdb913; font-size: 20px; position: absolute; top: 10px; left: 11px } .res_003 form select { width: 100%; text-align: center; display: block; background: #D6D1C7; padding: 7px 6px 8px 6px; position: relative; cursor: pointer; box-sizing: border-box } .res_003 form select option { text-align: center } .res_003 form .button { width: 100%; float: left; margin-right: 4.4263%; display: inline; margin: 0px auto 0px auto; padding: 8px 10px 5px 10px; color: #5F6369; font-family: AlbertBold; *zoom: 1; width: 100%; position: relative } .res_003 form .button:before, .res_003 form .button:after { content: " "; display: block !important } .res_003 form .button:after { clear: both } .res_003 form .button:after { content: '\e614'; font-family: "maldron"; color: #5F6369; font-size: 13px; position: absolute; top: 50%; right: 15px; margin-top: -9px } .res_003 form .date_picker { height: auto; width: 100%; display: none; position: absolute; top: 90px; box-sizing: border-box } .res_003 a { max-width: 400px; font-size: 16px; color: #c56d4d; text-align: center; text-decoration: underline; display: block; margin: 0px auto 0px auto; position: relative } .res_003 .inbookingNav { *zoom: 1; width: 100%; max-width: 400px; margin: auto; height: 20px; padding-top: 10px } .res_003 .inbookingNav:before, .res_003 .inbookingNav:after { content: " "; display: block !important } .res_003 .inbookingNav:after { clear: both } .res_003 .inbookingNav a:nth-child(2) { text-align: right } .res_003 .inbookingNav a { width: 50%; color: white; font-size: 14px; float: left; line-height: 20px; height: 22px; box-sizing: border-box; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: left } .res_003 .inbookingNav a:after { height: 22px; font-size: 10px; line-height: 15px; font-family: "maldron"; margin-left: 6px; content: '\e619'; display: inline-block; top: 50% } .res_003 ul.ticks { text-align: left; padding-top: 150px; width: 180px; margin: auto; padding-bottom: 20px } .res_003 ul.ticks li a { padding-left: 10px; display: inline; color: #FFF; font-size: 14px; line-height: 22px; text-decoration: none } .res_003 .line { display: block; height: 2px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3) } @media only screen and (min-width: 600px) { .res_003 form .input .desktop { display: none } } @media only screen and (min-width: 950px) { .res_003 { position: relative; padding: 8px 20px 10px 20px; *zoom: 1; width: 100% } .res_003:before, .res_003:after { content: " "; display: block !important } .res_003:after { clear: both } .res_003 .container { padding-left: 2%; padding-right: 2% } .res_003.open { border: 0 } .res_003 .inbookingNav { float: right; width: 13%; padding-top: 2px; height: 49px } .res_003 .inbookingNav a { box-sizing: border-box; width: 100%; padding-left: 16%; border-left: 1px solid rgba(166, 167, 169, 0.5); display: block; text-align: right } .res_003 .resLabel { display: inline } .res_003.visible { display: block } .res_003.fixed { position: fixed; z-index: 30; display: block !important; top: 0px } .res_003.absolute { position: absolute; z-index: 30 } .res_003.transparent { background: rgba(38, 38, 38, 0.9) } .res_003 h4 { display: none } .res_003 form { max-width: 87%; min-width: 738px; text-align: center; margin: 3px auto 0px auto; position: relative; float: left; width: 87%; margin-right: 0 } .res_003 form .date_picker a { float: none } .res_003 form label { width: 100%; margin: 7px 0px 5px 9px; white-space: nowrap; text-align: left } .res_003 form input { width: 85%; display: block; box-sizing: border-box } .res_003 form #to_selector { margin-left: 5px } .res_003 form #to_selector { margin-left: 10px } .res_003 form select { max-width: 50px; display: block; border-radius: 5px } .res_003 form .room_block { color: #fff; background: transparent } .res_003 form .single_left, .res_003 form .single_right { width: 7.65138%; float: left; margin-right: 2.60957%; display: inline } .res_003 form .single_left label { margin-left: 11px } .res_003 form .single_right label { margin-left: 11% } } @media only screen and (min-width: 950px) and (max-width: 1050px) { .res_003 form .single_right label { margin-right: 0px } } @media only screen and (min-width: 950px) { .res_003 form .double_left, .res_003 form .double_right { width: 14%; margin-right: 1%; min-width: 130px; box-sizing: content-box } .res_003 form .double_left #to_selector, .res_003 form .double_right #to_selector { margin-left: 0 !important } .res_003 form .double_left label, .res_003 form .double_right label { display: none } .res_003 form .button.half.end { width: 20%; margin-top: 0px; padding: 11px 30px 11px 10px; margin-right: 2%; float: right; min-width: 135px; box-sizing: border-box } .res_003 form .night_box { box-sizing: border-box; width: 7%; float: left; margin-right: 0; margin-left: 1%; white-space: nowrap; text-align: right; margin-top: 10px } .res_003 form .night_arrow { width: 5%; float: left; height: 44px; text-align: center; position: relative } .res_003 form .night_arrow:after { position: absolute; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; height: 100%; top: 50%; right: 0; margin-top: -12px; width: 20px; height: 20px; content: '\e614'; font-family: "maldron"; color: #a6a7a9; font-size: 14px } .res_003 form .night_arrow.first:after { right: auto; left: 0 } .res_003 form .date_picker { height: auto; width: 400px; display: none; position: absolute; z-index: 100; box-sizing: border-box } .res_003 form .date_picker a { width: 100% } .res_003 form .double_right { position: relative } .res_003 form .double_right .date_picker { left: 0px } .res_003 form .double_left { position: relative } .res_003 form .double_left .date_picker { left: 0px } .res_003 a { color: #ebdabe; width: 14.86231%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; text-align: right; margin: 0px 0px 0px 0px; white-space: nowrap } .res_003 .line { display: none } .res_003 ul.ticks { display: none } } .res_004 { display: none } @media only screen and (min-width: 600px) { .res_004 { height: auto; width: 840px; padding: 20px 20px 30px 20px; background: #fff; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; -webkit-box-shadow: 2px 2px 0px 0px #d1ccc8; box-shadow: 2px 2px 0px 0px #d1ccc8; position: fixed; top: 20%; left: 50%; margin-left: -440px; z-index: 10 } .res_004 .close { height: 40px; width: 40px; background: #D6D1C7; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; position: absolute; top: -15px; right: -15px; cursor: pointer } .res_004 .close:before { font-size: 20px; font-family: "derry"; color: #FFF; content: "\e606"; position: absolute; top: 10px; right: 9px; margin: 0px 0px 0px 15px } .res_004 .video { min-height: 200px; width: 100%; display: block; background: #1a1a1a } .res_004 form { text-align: center; margin: 30px 0px 0px 0px } .res_004 form label { font-size: 14px; font-weight: 700; color: #fdb913; text-transform: uppercase; margin-right: 15px } .res_004 form .input { width: 104px; display: inline-block; padding: 2px 5px 0px 25px; margin-right: 10px; position: relative } .res_004 form .input:before { font-family: "derry"; color: #fdb913; content: "\e604"; position: absolute; top: 4px; left: 8px } .res_004 form .input input { width: 90%; font-size: 12px; border: 0px } .res_004 form .nights { font-size: 12px; display: inline; margin-right: 10px } .res_004 form .button { display: inline } } .res_005, .res_006 { background: #262626; padding: 40px } .res_005 label, .res_006 label { text-align: center; display: block; text-transform: uppercase; color: #1a1a1a; font-size: 18px; padding-bottom: 15px; cursor: text } .res_005 form, .res_006 form { text-align: center; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; padding: 10px 0 15px; margin-bottom: 18px } .res_005 form .input, .res_006 form .input { border: 1px #9C9EA1 solid; background: #1a1a1a; padding: 7px 6px 8px 30px } .res_005 form .input input, .res_006 form .input input { background: transparent; border: none; text-transform: uppercase; width: 80px; color: #9C9EA1; font-size: 13px } .res_005 form .input:before, .res_006 form .input:before { font-family: 'maldron'; content: '\e600'; left: 8px; top: 6px; color: #9C9EA1; position: absolute } .res_005 form .input:first-of-type, .res_006 form .input:first-of-type { margin-right: 15px; margin-left: -10px } .res_005 form .nights, .res_006 form .nights { display: inline-block; font-size: 13px; color: #1a1a1a; position: relative; left: 10px; text-transform: uppercase; top: 5px } .res_005 form .nights span, .res_006 form .nights span { color: #1a1a1a; display: block; margin-top: -5px } .res_005 form .button, .res_006 form .button { display: table; margin: 30px auto 0 } .res_005 .ticks li, .res_006 .ticks li { color: #1a1a1a; padding-left: 22px; font-size: 14px; line-height: 16.8px; margin-bottom: 10px } .res_005 .ticks li:before, .res_006 .ticks li:before { position: absolute; content: "\e602"; font-family: 'maldron'; color: #fdb913; left: 0 } .res_005 .ticks li:last-of-type, .res_006 .ticks li:last-of-type { margin-bottom: 0 } .res_005 .left, .res_006 .left { display: inline-block } .res_005 .links, .res_006 .links { display: inline-block; vertical-align: top; font-size: 14px } .res_005 .links li, .res_006 .links li { line-height: 16.8px; font-size: 14px; margin-bottom: 10px; display: inline-block; position: absolute } .res_005 .links li a, .res_006 .links li a { line-height: 16.8px; font-size: 14px; color: #fdb913 } .res_005 .links li a:after, .res_006 .links li a:after { position: relative; content: '\e600'; font-family: 'maldron'; right: -5px } .res_005 .links li:last-of-type, .res_006 .links li:last-of-type { right: 20px } .res_005 .close:before, .res_006 .close:before { position: absolute; content: '\e600'; font-family: 'maldron'; color: #1a1a1a; right: 10px; top: 10px } @media only screen and (min-width: 600px) { .res_005 .right li, .res_006 .right li { display: block; position: initial } } .res_006 { position: absolute; z-index: 20; width: 100%; padding: 40px 0px 40px 0px; display: none } .res_006 .input input { width: 80px } .res_006 label { font-size: 22px; line-height: 24px } .res_006 form { border: 0; margin-bottom: 15px } .res_006 .right { display: inline-block; right: 5px; position: initial } .res_006 .left, .res_006 .right { display: block; float: initial; border-top: 1px solid #1a1a1a; padding: 20px 0 } .res_006 .ticks { padding: 40px } .res_006 .ticks li { margin-bottom: 20px } .res_006 .links { padding: 40px } .res_006 .close-btn { position: absolute; right: 0; top: -57px; border-radius: 0px; height: 40px; width: 80px; text-align: center } .res_006 .close-btn:before { font-family: "maldron"; color: #FFF; font-size: 20px; content: "\e600"; top: 10px; position: relative } @media only screen and (min-width: 600px) { .res_006 .close-btn { top: -57px; width: 192px } .res_006 label { border-bottom: 1px solid #1a1a1a } .res_006 form { border-bottom: 1px solid #1a1a1a; padding-bottom: 30px } .res_006 .wrap { width: 350px; margin: 0 auto } .res_006 .left, .res_006 .right { display: inline-block; border-top: 0 } .res_006 .links li { position: initial; display: block; margin-left: 40px } } @media only screen and (min-width: 950px) { .res_006 { display: block; background: #D6D1C7 } .res_006 .close-btn { display: none } } .res_007 { display: none; width: 100%; position: absolute; pointer-events: none } .res_007 div { pointer-events: auto } .res_007 .framework.button, .res_007 .framework.close_form { display: none } .res_007 .form_content { background-image: url("../images/pattern-dark.png"); background-size: 5px 5px; background-repeat: repeat; background-color: #1a1a1a } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .res_007 .form_content { background-image: url("../images/pattern-dark@2x.png") } } .res_007 h3 { font-size: 18px; line-height: 22px; text-transform: uppercase; color: #fdb913; text-align: center; padding: 20px 0px 20px 0px } .res_007 .form_wrapper { display: block; padding: 0px 1.063em } .res_007 .form_wrapper form>div:first-child { display: inline-block; width: 100%; *zoom: 1; width: 100% } .res_007 .form_wrapper form>div:first-child:before, .res_007 .form_wrapper form>div:first-child:after { content: " "; display: block !important } .res_007 .form_wrapper form>div:first-child:after { clear: both } .res_007 .form_wrapper form>div:first-child .input { padding: 0px; display: block; float: left; position: relative; background: #1a1a1a; border: 1px solid #a6a7a9; margin-right: 2%; width: 38% } .res_007 .form_wrapper form>div:first-child .input input { display: block; border: 0px; padding-left: 30px; background: transparent; text-transform: uppercase; font-size: 14px; line-height: 35px; height: 35px; color: #1a1a1a } .res_007 .form_wrapper form>div:first-child .input:before { font-family: "maldron"; font-size: 14px; color: #1a1a1a; display: block; content: '\e61f'; position: absolute; left: 8px; top: 0px; line-height: 35px } .res_007 .form_wrapper form>div:first-child .nights { width: 15%; height: 37px; color: #fff; display: block; float: right } .res_007 .form_wrapper form>div:first-child .nights span { display: block; text-align: center } .res_007 .form_wrapper form>div:first-child .nights span:first-child { font-size: 18px; line-height: 22px; color: #FFF } .res_007 .form_wrapper form>div:first-child .nights span:last-child { color: #a6a7a9; text-transform: uppercase; font-size: 12px; line-height: 15px } .res_007 .form_wrapper .button { display: block; cursor: pointer; margin: 15px auto 20px auto } .res_007 .wrap { *zoom: 1; width: 100%; padding: 0px 1.063em; width: auto } .res_007 .wrap:before, .res_007 .wrap:after { content: " "; display: block !important } .res_007 .wrap:after { clear: both } .res_007 .wrap .ticks { border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; padding: 15px 0px } .res_007 .wrap .ticks li { display: block; font-size: 14px; line-height: 28px; color: #fff; margin: 0px 0px 0px 0px; padding-left: 25px; position: relative } .res_007 .wrap .ticks li:before { font-family: "maldron"; content: '\e61c'; font-size: 14px; display: block; color: #fdb913; position: absolute; left: 0 } .res_007 .wrap .ticks li a { font-size: 14px; line-height: 20px; color: #FFF } .res_007 .wrap .links { width: 100%; padding: 15px 0px; *zoom: 1; width: 100% } .res_007 .wrap .links:before, .res_007 .wrap .links:after { content: " "; display: block !important } .res_007 .wrap .links:after { clear: both } .res_007 .wrap .links li { display: block; position: relative } .res_007 .wrap .links li a { color: #fdb913; font-size: 14px; line-height: 28px; padding-right: 15px; display: inline-block; position: relative } .res_007 .wrap .links li a:after { font-family: "maldron"; content: '\e619'; font-size: 10px; line-height: 28px; position: absolute; right: 0; top: 0; display: block; color: #fdb913 } .res_007 .wrap .links li:first-child { float: left } .res_007 .wrap .links li:last-child { float: right } @media only screen and (min-width: 600px) { .res_007 h3 { font-size: 28px; line-height: 32px; padding: 30px 0px 30px 0px } .res_007 .form_wrapper { width: auto; margin: 0 1.063em; padding: 0 15% } .res_007 .wrap { width: auto; margin: 0 1.063em; padding: 0 20%; border-top: 1px solid #1a1a1a } .res_007 .wrap .ticks { width: 50%; float: left; border: none } .res_007 .wrap .links { width: 50%; float: right } .res_007 .wrap .links li { float: none !important } } @media only screen and (min-width: 950px) { .res_007 { width: 376px; height: 306px; overflow: hidden; position: fixed; background: #f0f; top: 187px; right: 0px; z-index: 180 } .res_007 .form_content { background-color: transparent; width: 376px; position: absolute; right: -376px } .res_007 .form_content h3 { font-size: 20px; line-height: 22px; padding: 15px 0px 15px 0px } .res_007 .form_content .form_wrapper { padding: 20px 0px 0px 0px; border-top: 1px solid #1a1a1a } .res_007 .form_content .wrap { padding: 0 } } .res_008 { width: 100%; background: #262626; box-sizing: border-box; padding: 17px 20px 80px 20px; *zoom: 1; width: 100%; display: none } .res_008:before, .res_008:after { content: " "; display: block !important } .res_008:after { clear: both } .res_008.open { overflow: visible !important } .res_008 h4 { max-width: 400px; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #FFF; margin: 0px auto 22px auto; position: relative } .res_008 .night_box { color: #fff; width: 100%; float: left; margin-right: 4.4263%; display: inline; margin-top: 13px; margin-bottom: 13px } .res_008 .night_box span { color: #fff } .res_008 .underline { height: 1px; background: #FFF; width: 100%; float: left; margin-right: 4.4263%; display: inline; margin-bottom: 18px } .res_008 form { max-width: 400px; text-align: center; margin: 0px auto 20px auto; position: relative } .res_008 form .double_left { width: 47.78685%; float: left; margin-right: 4.4263%; display: inline; box-sizing: border-box } .res_008 form .double_right { width: 47.78685%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; box-sizing: border-box } .res_008 form .triple { width: 30.38247%; float: left; margin-right: 4.4263%; display: inline; box-sizing: border-box; margin-bottom: 20px } .res_008 form .quarter { width: 22.53746%; float: left; margin-right: 3.28339%; display: inline; box-sizing: border-box; margin-bottom: 20px } .res_008 form .quarter.end { width: 22.53746%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; box-sizing: border-box; margin-bottom: 20px } .res_008 form .on_its_own { width: 30.38247%; float: left; margin-right: 4.4263%; display: inline; margin-right: 69%; margin-bottom: 20px } .res_008 form .triple_end { width: 30.38247%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; box-sizing: border-box } .res_008 form .short_left { width: 30.38247%; float: left; margin-right: 4.4263%; display: inline; margin-top: 20px } .res_008 form .half { width: 47.78685%; float: left; margin-right: 4.4263%; display: inline } .res_008 form .half.end { width: 47.78685%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .res_008 form .long_right_end { width: 65.19123%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; margin-top: 20px } .res_008 form .hidden_rooms { display: none; margin: 0px 0px 25px 0px } .res_008 form .hidden_rooms.room2 { margin-top: 25px } .res_008 form label { color: #FFF; text-align: left; display: block; margin: 0px 0px 13px 0px } .res_008 form .input, .res_008 form .checkin, .res_008 form select { height: 37px; width: 100%; color: #FFF; display: block; background: #1a1a1a; padding: 7px 0px 8px 15px; position: relative; cursor: pointer; box-sizing: border-box; border: 1px solid #5F6369 } .res_008 form .cal.open { color: #FFF; background: #343434 } .res_008 form .cal:before { content: "\e61f"; font-family: "maldron"; color: #FFF; font-size: 14px; position: absolute; top: 7px; left: 11px } .res_008 form select { width: 100%; text-align: center; display: block; background: #1a1a1a; border: 1px solid #5F6369; padding: 7px 6px 8px 6px; position: relative; cursor: pointer; box-sizing: border-box } .res_008 form select option { text-align: center } .res_008 form .room_block { width: 100%; color: #D6D1C7; text-align: left; display: none; padding: 7px 6px 8px 6px; margin: 0px 0px 25px 0px; position: relative; box-sizing: border-box; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px } .res_008 form .room_block.room_block2 { margin-top: 25px } .res_008 form .button { width: 100%; float: left; margin-right: 4.4263%; display: inline; margin: 35px auto 0px auto; padding: 8px 0px 8px 0px } .res_008 form .date_picker { height: auto; width: 100%; display: none; position: absolute; top: 90px; box-sizing: border-box } @media only screen and (min-width: 600px) { .res_008 form .input .desktop { display: none } } @media only screen and (min-width: 950px) { .res_008 { position: relative; padding: 8px 20px 10px 20px; *zoom: 1; width: 100% } .res_008:before, .res_008:after { content: " "; display: block !important } .res_008:after { clear: both } .res_008.visible { display: block } .res_008.fixed { position: fixed; z-index: 30; display: block !important } .res_008.absolute { position: absolute; z-index: 30 } .res_008.transparent { background: rgba(26, 26, 26, 0.8) } .res_008 h4 { display: none } .res_008 form { max-width: 1150px; text-align: center; margin: 0px auto 20px auto; position: relative } .res_008 form label { width: 100%; margin: 0px 0px 5px 0px } .res_008 form input { width: 100%; display: block; box-sizing: border-box } .res_008 form #from_selector, .res_008 form #to_selector { margin-left: 10px } .res_008 form select { max-width: 50px; display: block; border-radius: 5px } .res_008 form .room_block { color: #fff; background: transparent } .res_008 form .triple, .res_008 form .triple_end, .res_008 form .quarter, .res_008 form .quarter.end, .res_008 form .short_left, .res_008 form .long_right_end, .res_008 form .night_box, .res_008 form .half { width: 7.35157%; float: left; margin-right: 1.07102%; display: inline; margin-top: 0px; margin-bottom: 0px } .res_008 form .night_box { margin-left: 10px } .res_008 form .double_left, .res_008 form .double_right { width: 11.56286%; float: left; margin-right: 1.07102%; display: inline } .res_008 form .double_left label, .res_008 form .double_right label { margin-left: 11px } .res_008 form .underline { display: none } .res_008 form .button.half.end { width: 11.56286%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; margin-top: 25px; padding: 9px 10px 9px 10px; margin-right: 10px } .res_008 form .night_box { width: 11.56286%; float: left; margin-right: 1.07102%; display: inline; text-align: left; padding-top: 35px } .res_008 form .night_box span { margin-right: 5px } .res_008 form .date_picker { height: auto; width: 400px; display: none; position: absolute; top: 90px; z-index: 100; box-sizing: border-box } } .sec_001 .link2 { display: block; height: 50%; width: 100%; position: absolute; top: 0 } .sec_001 h1 { color: #fdb913; font-size: 22px; line-height: 24px; text-transform: uppercase } .sec_001 h1 span { display: inline-block; color: #fff; width: 100% } .sec_001 .container .inner { padding: 0px 1.063em } .sec_001 .title { background-color: rgba(95, 99, 105, 0.7); background: rgba(95, 99, 105, 0.7); display: block; padding: 3% 0px; margin: -138px auto 8%; min-width: 70%; max-width: 80%; word-wrap: break-word } .sec_001 .title h1, .sec_001 .title p, .sec_001 .title a { text-align: center; padding: 0px 15px } .sec_001 .background_tp { background: rgba(95, 99, 105, 0.7) } .sec_001 p.small { color: #fff } .sec_001 .content .title+.con_012 { border-top: 0px } @media only screen and (min-width: 600px) { .sec_001 .link2 { height: 100% } .sec_001 .mobile { display: none } .sec_001 .title { background-color: rgba(95, 99, 105, 0.7); margin: 0px; border: 0px; max-width: 100% } .sec_001 .title h1, .sec_001 .title p, .sec_001 .title a { padding-left: 25px; padding-right: 0px } .sec_001 .container .inner { width: 48.91739%; float: left; margin-right: 2.16523%; display: inline; padding: 0px; margin-left: 1.5127em; height: 100% } .sec_001 .container .inner .content { padding: 0px !important } .sec_001 .content .title { background: rgba(38, 38, 38, 0.8); margin-top: 10px } .sec_001 .content .title+.con_012 { margin-top: 10px } .sec_001 .con_012 { background: rgba(26, 26, 26, 0.8); margin-bottom: 18px; border-top: 3px solid #fdb913; border-bottom: 0px solid #fdb913 } } @media only screen and (min-width: 950px) { .sec_001 .container .inner { width: 38.43426%; float: left; margin-right: 2.60957%; display: inline; margin-left: 2% } .sec_001 .title h1, .sec_001 h1 { font-size: 28; line-height: 31px; text-align: left } .sec_001 .title h1 span, .sec_001 h1 span { text-align: left; color: #fff } .sec_001 .content .title { padding: 5px 0px } .sec_001 p.small { text-align: left } .sec_001 .con_012 a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 15px 25px 15px 25px } .sec_001 .col-modal .button { font-weight: bold; padding: 0px 3px; max-width: 94px; width: 100%; line-height: 27px; font-size: 14px; text-align: center; height: 24px; margin: 29px 0 0 0; } } .sec_002 .container { padding-top: 15px; padding-bottom: 15px } .sec_003 .link2 { display: block; height: 50%; width: 100%; position: absolute; top: 0 } .sec_003 .overlay .container .inner { background: #5F6369; padding: 1.063em } .sec_003 .overlay .container .inner>div h2 { font-size: 22px; line-height: 24px; text-transform: uppercase; color: #fff; margin-bottom: 15px; line-height: 30px } .sec_003 .overlay .container .inner>div h2 span { color: #fff } .sec_003 .overlay .container .inner>div p { font-size: 16px; margin-bottom: 15px; color: #D6D1C7 } .sec_003 .overlay .container .inner>div a.more { color: #fdb913; text-transform: uppercase; font-size: 14px; font-weight: 400 } .sec_003 .overlay .container .inner>div a.more:after { content: "\e618"; position: relative; font-family: "maldron"; left: 5px; top: -1px; font-size: 8px } @media only screen and (min-width: 600px) { .sec_003 { overflow: hidden } .sec_003 .link2 { height: 100% } .sec_003 .overlay .container .inner { height: 100%; background-color: rgba(26, 26, 26, 0.8); width: 31.88985%; float: left; margin-right: 2.16523%; display: inline; padding: 2em 25px; display: table; position: absolute; left: 0px; margin-left: 1.5127em } .sec_003 .overlay .container .inner>div { display: table-cell; vertical-align: middle } .sec_003 .overlay .container .inner .content h2 { font-size: 34px; line-height: 35px; padding-top: 18px; border-top: 3px solid #fdb913 } .sec_003 .overlay .container .inner .content h2 span { font-weight: 500 } .sec_003 .overlay .container .inner .content a.more { color: #00a9ce } } @media only screen and (min-width: 950px) { .sec_003 .overlay .container .inner { width: 23.37608%; float: left; margin-right: 2.16523%; display: inline; display: table; left: auto; margin-left: 0 } } .sec_004 .link2 { display: block; height: 50%; width: 100%; position: absolute; top: 0 } .sec_004 .overlay .container .inner { background: #5F6369; padding: 1.063em } .sec_004 .overlay .container .inner>div h2 { font-size: 22px; line-height: 24px; text-transform: uppercase; color: #fff; margin-bottom: 15px; line-height: 30px } .sec_004 .overlay .container .inner>div h2 span { color: #fff } .sec_004 .overlay .container .inner>div p { font-size: 16px; margin-bottom: 15px; color: #D6D1C7 } .sec_004 .overlay .container .inner>div a.more { color: #fdb913; text-transform: uppercase; font-size: 14px; font-weight: 400 } .sec_004 .overlay .container .inner>div a.more:after { content: "\e618"; position: relative; font-family: "maldron"; left: 5px; top: -1px; font-size: 8px } @media only screen and (min-width: 600px) { .sec_004 { overflow: hidden } .sec_004 .link2 { height: 100% } .sec_004 .overlay .container .inner { height: 100%; background-color: rgba(26, 26, 26, 0.8); width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; padding: 2em 25px; display: table; position: absolute; right: 0px; margin-right: 1.5127em } .sec_004 .overlay .container .inner>div { display: table-cell; vertical-align: middle } .sec_004 .overlay .container .inner .content h2 { font-size: 34px; line-height: 35px; padding-top: 18px; border-top: 3px solid #fdb913 } .sec_004 .overlay .container .inner .content h2 span { font-weight: 500 } .sec_004 .overlay .container .inner .content a.more { color: #00a9ce } } @media only screen and (min-width: 950px) { .sec_004 .overlay .container .inner { width: 23.37608%; float: left; margin-right: 2.16523%; display: inline; display: table; right: auto } } .sec_005 .overlay { padding: 20px 0px 40px 0px; height: "100%"; width: "100%"; background-size: "100%" "100%" !important; background: url("../images/pattern-dark.png") no-repeat center center; background-repeat: repeat } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .sec_005 .overlay { background-size: "100%" "100%"; background-image: url("../images/pattern-dark@2x.png"); background-image: url("../images/pattern-dark.png") \9; background-position: center center } } .sec_005 .overlay .container .inner>div h2 { padding-top: 15px; border-top: 3px solid #fdb913; color: #FFF; text-transform: uppercase; margin-bottom: 15px } .sec_005 .overlay .container .inner>div h2 span { font-weight: 700; color: #FFF } .sec_005 .overlay .container .inner>div p { font-size: 16px; margin-bottom: 15px; color: #1a1a1a } .sec_005 .overlay .container .inner>div a.more { color: #FFF; text-transform: uppercase; font-size: 16px } .sec_005 .overlay .container .inner>div a.more:after { content: "\e618"; position: relative; font-family: "maldron"; left: 5px; font-size: 12px } @media only screen and (min-width: 600px) { .sec_005 .overlay { padding: 0px 0px 0px 0px } .sec_005 .overlay .container .inner { width: 40.40362%; float: left; margin-right: 2.16523%; display: inline; height: "100%"; width: "100%"; background-size: "100%" "100%" !important; background: url("../images/pattern-dark.png") no-repeat center center; background-repeat: repeat; width: 42.40362%; height: 100%; display: table } } @media only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 600px) and (min-resolution: 1.3dppx) { .sec_005 .overlay .container .inner { background-size: "100%" "100%"; background-image: url("../images/pattern-dark@2x.png"); background-image: url("../images/pattern-dark.png") \9; background-position: center center } } @media only screen and (min-width: 600px) { .sec_005 .overlay .container .inner>div { display: table-cell; vertical-align: middle; padding: 0px 1.063em 0px 1.063em } .sec_005 .overlay .container .inner>div h2 { border-top: 3px solid #fdb913; padding-top: 15px } .sec_005 .overlay .container .inner>div h2 span { font-weight: normal } } @media only screen and (min-width: 950px) { .sec_005 .overlay .container .inner { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline; display: table } } .sec_006 { padding: 27px 0px 20px 0px } .sec_006 h2 { font-family: "adobe-caslon-pro", serif; font-variant: small-caps; text-align: center; color: #fdb913; display: block; margin-bottom: 5px } .sec_006 .img_007 { display: block } @media only screen and (min-width: 600px) { .sec_006 { padding: 43px 0px 20px 0px; background: #FFF } .sec_006 h2 { margin-bottom: 26px } .sec_006 .img_007, .sec_006 .con_007 { padding: 0px; margin: 0px; width: 65.94492%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .sec_006 .img_007 { margin: 0px 0px 50px 0px } .sec_006 .contact { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline } } @media only screen and (min-width: 950px) { .sec_006 { padding: 37px 0px 20px 0px } .sec_006 h2 { margin-bottom: 26px } .sec_006 .img_007, .sec_006 .con_007 { padding: 0px; width: 48.91739%; float: left; margin-right: 2.16523%; display: inline } .sec_006 .contact { width: 48.91739%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .sec_006 .contact .sid_004b { width: 47.78685%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .sec_006 .contact .sid_010 { width: 47.78685%; float: left; margin-right: 4.4263%; display: inline; border-bottom: 0px } .sec_006 .contact .con_007 { width: 100%; float: left; margin-right: 4.4263%; display: inline; padding: 20px 0px 0px 0px; border-top: 1px solid #1a1a1a } } .sec_007 { padding: 5px 0px 20px 0px; background: #fff } .sec_007 .title { text-align: center; display: block; position: relative; margin-bottom: 10px } .sec_007 .title:before { height: 2px; width: 100%; background: #1a1a1a; content: " "; position: absolute; top: 15px; left: 0px; z-index: 1 } .sec_007 .title h2 { font-family: "adobe-caslon-pro", serif; font-variant: small-caps; color: #fdb913; padding: 0px 20px 0px 20px; display: inline-block; background: #fff; position: relative; z-index: 2 } @media only screen and (min-width: 600px) { .sec_007 { padding: 40px 0px 20px 0px } .sec_007 .title { margin-bottom: 25px } .sec_007 .con_010, .sec_007 .con_010_alt { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline } .sec_007 .con_010_alt { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } } @media only screen and (min-width: 950px) { .sec_007 .con_010, .sec_007 .con_010_alt { width: 65.94492%; float: left; margin-right: 2.16523%; display: inline } .sec_007 .con_010_alt { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } } .sec_008 { border-bottom: 1px solid #9C9EA1 } .sec_008 h2 { color: #FFF; font-size: 16px; line-height: 22px } .sec_008 .slide_cover { overflow: hidden; position: relative; height: 44px } .sec_008 .slide_cover.first picture { display: none } .sec_008 .slide_cover .circle { font-size: 16px; line-height: 22px; text-align: center; text-transform: none; color: #FFF; padding: 11px 0px 11px 0px; margin: 0px 0px 1px 0px; display: block; background: #5F6369; position: absolute; top: 0px; cursor: pointer; width: 100% } .sec_008 .slide_cover .circle:before { color: #fdb913; font-family: "maldron"; content: '\e602'; position: absolute; top: 10px; left: 17px } .sec_008 .slide_cover .circle span { display: none } .sec_008 .flexslider { display: none } .sec_008 .flexslider .slides { overflow: hidden } .sec_008 .flexslider .slides .slide_cover { height: 215px; background-size: cover; margin-left: -1.5127em; margin-right: -1.5127em } .sec_008 .flexslider .slides .slide_cover .circle { display: none } .sec_008 .flexslider .slides>li { height: auto } .sec_008 .flexslider .slides>li:nth-child(1) { display: block } .sec_008 .flexslider .slides>li:nth-child(2) { display: block } @media only screen and (min-width: 600px) { .sec_008 { opacity: 0; height: 500px; position: relative; border-bottom: 0px } .sec_008 .slides { background: #5F6369 } .sec_008 .slides picture, .sec_008 .slides img { height: 450px; width: auto } .sec_008 .container { padding: 1% 7% } .sec_008 .flexslider { height: 500px } .sec_008 .flexslider .flex-direction-nav li a { margin-top: -265px } .sec_008 .flexslider .slides .slide_cover img { max-height: initial } .sec_008 .first.slide_cover:after:hover:after { opacity: 0.5 } .sec_008 .first.slide_cover:after { font-size: 60px; font-family: "maldron"; color: #FFF; content: '\e60f'; background: transparent; position: absolute; top: 184px; right: 9px; width: 50px; height: 50px; -webkit-transition: all .1s ease; -webkit-font-smoothing: antialiased; cursor: pointer } .sec_008 .slide_cover { width: 100%; height: 450px; display: block; position: absolute; top: 0px; left: 0px; z-index: 10; background-position: center center } .sec_008 .slide_cover.first picture { display: block } .sec_008 .slide_cover .layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .sec_008 .slide_cover picture, .sec_008 .slide_cover img { min-height: 450px; width: 100%; height: auto } .sec_008 .slide_cover .circle { width: 460px; color: #FFF; text-align: center; background: transparent; border: 2px solid rgba(26, 26, 26, 0.9); padding: 2px; display: block; margin: 0px 0px 0px -200px; position: absolute; top: 60%; left: 50% } .sec_008 .slide_cover .circle:before { display: none } .sec_008 .slide_cover .circle .circle_content { height: inherit; width: inherit; color: #FFF; text-align: center; margin: auto auto; padding: 10px 25px; background: rgba(26, 26, 26, 0.9); display: table-cell; vertical-align: middle } .sec_008 .slide_cover .circle .circle_content h2 { font-size: 40px; line-height: 48px; text-transform: uppercase; color: #fdb913 } .sec_008 .slide_cover .circle .circle_content span { font-size: 16px; line-height: 23px; color: #00a9ce; background: transparent; display: block; margin: 5px 0px 0px 0px } .sec_008 .flexslider { display: block } .sec_008 .flexslider .slides .slide_cover { height: 100%; margin-left: 0px; margin-right: 0px } .sec_008 .flexslider .slides .slide_cover .circle { display: block } .sec_008 .flexslider .slides>li { background-position: center center; background-size: cover; height: 450px } .sec_008 .flexslider .slides>li:first-child { display: none } .sec_008 .con_029 { width: 57.43115%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 0% } .sec_008 .con_032 { width: 40.40362%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; margin-top: 0px } .sec_008 .con_032 ul li { color: #f3f3f3 } } @media only screen and (min-width: 950px) { .sec_008 { max-width: 2048px; margin: 0 auto; height: 600px } .sec_008 .container { padding: 0 4% } .sec_008 .slides picture, .sec_008 .slides img { min-height: 547px; height: auto; width: 100% } .sec_008 .slide_cover { height: 547px } .sec_008 .slide_cover picture, .sec_008 .slide_cover img { min-height: 547px; width: 100%; height: auto } .sec_008 .slide_cover .circle .circle_content h2 { font-size: 50px; line-height: 60px } .sec_008 .first.slide_cover:after { top: 262px; right: 10px } .sec_008 .flexslider { height: 600px } .sec_008 .flexslider .flex-direction-nav li a { margin-top: -285px } .sec_008 .flexslider .slides>li { height: 547px; display: none } .sec_008 .con_029 { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; margin-top: 28px } .sec_008 .con_032 { width: 57.43115%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; margin-top: 63px } } .sec_009 .link2 { display: block; height: 50%; width: 100%; position: absolute; top: 0 } .sec_009 .overlay .container .inner { background: #5F6369; padding: 1.063em } .sec_009 .overlay .container .inner>div h2 { font-size: 22px; line-height: 24px; text-transform: uppercase; color: #fff; margin-bottom: 15px; line-height: 30px } .sec_009 .overlay .container .inner>div h2 span { color: #fff } .sec_009 .overlay .container .inner>div p { font-size: 16px; margin-bottom: 15px; color: #D6D1C7 } .sec_009 .overlay .container .inner>div a.more { color: #fdb913; text-transform: uppercase; font-size: 14px; font-weight: 400 } .sec_009 .overlay .container .inner>div a.more:after { content: "\e618"; position: relative; font-family: "maldron"; left: 5px; top: -1px; font-size: 8px } @media only screen and (min-width: 600px) { .sec_009 { overflow: hidden } .sec_009 .link2 { height: 100% } .sec_009 .overlay .container .inner { height: 100%; background-color: rgba(26, 26, 26, 0.8); width: 31.88985%; float: left; margin-right: 2.16523%; display: inline; padding: 2em 25px; margin-left: 1.5127em; display: table; position: absolute } .sec_009 .overlay .container .inner>div { display: table-cell; vertical-align: middle } .sec_009 .overlay .container .inner .content h2 { font-size: 34px; line-height: 35px; padding-top: 18px; border-top: 3px solid #fdb913 } .sec_009 .overlay .container .inner .content h2 span { font-weight: 500 } .sec_009 .overlay .container .inner .content a.more { color: #00a9ce } } @media only screen and (min-width: 950px) { .sec_009 .overlay .container .inner { width: 23.37608%; float: left; margin-right: 2.16523%; display: inline; display: table; margin-left: 0 } } .sec_010 .link2 { display: block; height: 50%; width: 100%; position: absolute; top: 0 } .sec_010 .overlay .container .inner { background: #5F6369; padding: 1.063em } .sec_010 .overlay .container .inner>div h2 { font-size: 22px; line-height: 24px; text-transform: uppercase; color: #fff; margin-bottom: 15px; line-height: 30px } .sec_010 .overlay .container .inner>div h2 span { color: #fff } .sec_010 .overlay .container .inner>div p { font-size: 16px; margin-bottom: 15px; color: #D6D1C7 } .sec_010 .overlay .container .inner>div a.more { color: #fdb913; text-transform: uppercase; font-size: 14px; font-weight: 400 } .sec_010 .overlay .container .inner>div a.more:after { content: "\e618"; position: relative; font-family: "maldron"; left: 5px; top: -1px; font-size: 8px } @media only screen and (min-width: 600px) { .sec_010 { overflow: hidden } .sec_010 .link2 { height: 100% } .sec_010 .overlay .container .inner { height: 100%; background-color: rgba(26, 26, 26, 0.8); width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; padding: 2em 25px; display: table; position: absolute; right: 0px; margin-right: 1.5127em } .sec_010 .overlay .container .inner>div { display: table-cell; vertical-align: middle } .sec_010 .overlay .container .inner .content h2 { font-size: 34px; line-height: 35px; padding-top: 18px; border-top: 3px solid #fdb913 } .sec_010 .overlay .container .inner .content h2 span { font-weight: 500 } .sec_010 .overlay .container .inner .content a.more { color: #00a9ce } } @media only screen and (min-width: 950px) { .sec_010 .overlay .container .inner { width: 23.37608%; float: left; margin-right: 2.16523%; display: inline; display: table; margin-left: 0; right: auto } } .sid_001 address { color: #5F6369; padding: 0 0 12px 0; margin-top: -20px } .sid_001 a { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; color: #5F6369; font-size: 16px; line-height: 22px; display: block; background: #f3f3f3; padding: 11px 0 11px 52px; border-top: 1px solid #cbcbcb; position: relative; left: 0px } .sid_001 a:nth-child(3) { white-space: pre-wrap } .sid_001 a:before, .sid_001 a:nth-child(2):after, .sid_001 a:last-child:after { color: #fdb913; font-family: "maldron"; font-size: 14px; position: absolute } .sid_001 a:nth-child(2):before, .sid_001 a:nth-child(3):before, .sid_001 a:last-child:before { left: 19px } .sid_001 a:nth-child(2):before { content: '\e61e' } .sid_001 a:nth-child(3):before { content: '\e613' } .sid_001 a:last-child:before { content: '\e626' } .sid_001 a:nth-child(2):after, .sid_001 a:last-child:after { content: '\e614'; right: 17px } .sid_001 a:last-child { border-bottom: 1px solid #cbcbcb } @media only screen and (min-width: 600px) { .sid_001 address { padding: 0 0 12px 0px } .sid_001 a { margin: 0px; padding: 7px 0 7px 25px; background: transparent; border: none } .sid_001 a:last-child { border: none } .sid_001 a:last-child span { position: relative } .sid_001 a:last-child span:after { font-family: "maldron"; content: "\e618"; font-size: 8px; position: absolute; top: 0px; right: -10px } .sid_001 a:nth-child(2):after, .sid_001 a:last-child:after { display: none } .sid_001 a:nth-child(2):before, .sid_001 a:nth-child(3):before, .sid_001 a:last-child:before { left: 0px } } @media only screen and (min-width: 950px) { .sid_001 address, .sid_001 a { font-size: 17px } } .sid_002 { *zoom: 1; width: 100%; background: #f3f3f3; padding: 20px 1.063em 5px 1.063em; margin: 0px -1.063em 10px -1.063em; position: relative } .sid_002:before, .sid_002:after { content: " "; display: block !important } .sid_002:after { clear: both } .sid_002 h4 { font-size: 18px; color: #5F6369; padding-bottom: 10px } .sid_002 p { font-size: 16px } .sid_002 ul { list-style: none } .sid_002 .line { height: 2px; width: 100%; content: ' '; display: block; background: #1a1a1a; position: absolute; top: 40px; left: 0px; position: absolute } .sid_002 .title { text-align: left; width: 100%; float: left; margin-right: 2.16523%; display: inline; margin-bottom: 8px } .sid_002 .left { text-align: left; width: 49.46449%; float: left; margin-right: 1.07102%; display: inline; margin-bottom: 10px } .sid_002 .right { text-align: right; float: right; width: 49.46449%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; margin-bottom: 10px } .sid_002 .clearit { margin: 0px 0px 8px 0px } .sid_002 .head { color: #fdb913; text-transform: uppercase; padding-bottom: 2px } .sid_002 p.small { margin: 0 0 -10px 0; font-weight: 500 } .sid_002 ul li { margin: 0px; padding-bottom: 20px; border-bottom: 1px solid #1a1a1a; *zoom: 1; width: 100% } .sid_002 ul li:before, .sid_002 ul li:after { content: " "; display: block !important } .sid_002 ul li:after { clear: both } .sid_002 ul li:last-child { border-bottom: 0px solid #1a1a1a } @media only screen and (min-width: 600px) { .sid_002 { width: auto; margin-left: 0px; margin-right: 0px; border: 0px; padding-bottom: 18px } .sid_002 .line { display: none } .sid_002 .left { width: 48.91739%; float: left; margin-right: 2.16523%; display: inline; margin-bottom: 10px } .sid_002 .right { width: 48.91739%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .sid_002 .clearit { margin: 0px 0px 8px 0px } .sid_002 ul li { padding: 0px 0px 7px 0px } } @media only screen and (min-width: 950px) { .sid_002 { padding: 0; background: transparent } .sid_002 ul li { padding-bottom: 20px; margin-bottom: 0 } .sid_002 ul:last-of-type li:last-of-type { padding-bottom: 0px } .sid_002 .title { text-align: left; width: 100%; float: left; margin-right: 2.16523%; display: inline; margin-bottom: 5px } .sid_002 .left { text-align: left; width: 48.91739%; float: left; margin-right: 2.16523%; display: inline; margin-bottom: 10px } .sid_002 .right { width: 48.91739%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .sid_002 .right:last-of-type, .sid_002 .left:last-of-type { margin-bottom: 0px } .sid_002 p.small { margin: 0 0 -10px 0; font-weight: 500 } .sid_002 .head { padding-bottom: 2px } } .sid_003 { margin: 0 -15px; padding: 20px 15px; background: #f3f3f3 } .sid_003 h4 { font-size: 18px; color: #5F6369; padding-bottom: 10px } .sid_003 ul { padding-left: 20px; list-style-image: url("../images/disc.png") } .sid_003 li { line-height: 22px; margin-bottom: 8px; position: relative; display: list-item } .sid_003 li:last-of-type { margin-bottom: 0px } @media only screen and (min-width: 600px) { .sid_003 { margin: 0px; padding: 0px; background: transparent } .sid_003+.sid_003 { margin-top: 20px; padding-top: 20px; border-top: 1px solid #fdb913 } } @media only screen and (min-width: 950px) { .sid_003 { margin: 0 } } .sid_004 { text-align: center; position: relative; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; background: #FFF; margin-top: 17px; margin-bottom: 0px; padding-top: 30px; padding-bottom: 18px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a } .sid_004:before { height: 2px; width: 100%; content: ' '; display: block; background: #1a1a1a; position: absolute; top: 40px; left: 0px; position: absolute } .sid_004 h3 { color: #fdb913; display: inline; padding: 0px 10px 0px 10px; background: #FFF; position: relative; z-index: 2 } .sid_004 ul { font-size: 14px; line-height: 18px; text-align: left; list-style-type: disc; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 15px } .sid_004 ul li { margin: 0px 0px 10px 0px } @media only screen and (min-width: 600px) { .sid_004 { padding-left: 0px; padding-right: 0px; margin-top: 3px; margin-left: 0px; margin-right: 0px; background: transparent; border-top: 0px solid #1a1a1a; border-bottom: 0px solid #1a1a1a } .sid_004 h3 { color: #fdb913; display: inline; padding: 0px 10px 0px 10px; background: #fff } } .sid_004b { padding-bottom: 8px } .sid_004b ul { font-size: 14px; line-height: 18px; text-align: left; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 15px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; list-style: disc; list-style-type: disc; list-style-position: inside } .sid_004b ul li { font-size: 13px; list-style-type: disc; list-style-position: inside; margin: 0px 0px 10px 0px } @media only screen and (min-width: 600px) { .sid_004b { padding: 0px; margin: 0px } .sid_004b ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } .sid_004b ul li { margin: 0px 0px 5px 0px } } @media only screen and (min-width: 950px) { .sid_004b ul { margin-bottom: 20px } } .sid_005, .sid_006 { min-height: 70px; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; padding: 10px 16px 10px 16px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; margin-bottom: -1px; position: relative } .sid_005:after, .sid_006:after { font-family: "derry"; font-size: 14px; content: '\e601'; margin: -10px 0px 0px 0px; position: absolute; top: 50%; right: 10px } .sid_005 .image, .sid_006 .image { height: 50px; width: 45px; overflow: hidden; position: absolute; top: 10px } .sid_005 .image img, .sid_006 .image img { width: auto; height: 100%; text-align: center } .sid_005 .text, .sid_006 .text { display: block; margin: 10px 0px 10px 60px } .sid_005 .text h5, .sid_006 .text h5 { color: #fdb913; margin: 0px 0px 2px 0px } .sid_005 .text p, .sid_006 .text p { font-size: 13px; line-height: 15px } .sid_005 a.button_link, .sid_006 a.button_link { height: 100%; width: 100%; font-size: 0px; color: #000; content: " "; display: block; padding: 0px; margin: 0px; background: transparent; position: absolute; top: 0px } .sid_005 a.button_link:hover, .sid_006 a.button_link:hover { background: transparent } .sid_005 .button, .sid_006 .button { display: none } @media only screen and (min-width: 600px) { .sid_005, .sid_006 { height: 90px; border: 0px; padding: 11px 0px 10px 0px; margin: 0px; background: #FFF; -webkit-box-shadow: 2px 2px 0px 0px #d1ccc8; box-shadow: 2px 2px 0px 0px #d1ccc8; position: relative } .sid_005:after, .sid_006:after { display: none } .sid_005 .text, .sid_006 .text { margin: 0px 65px 10px 10px } .sid_005 .text h5, .sid_006 .text h5 { font-size: 18px; font-family: "adobe-caslon-pro", serif; font-weight: bold; line-height: 22px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px } .sid_005 .text p, .sid_006 .text p { font-size: 13px; line-height: 15px } .sid_005 .image, .sid_006 .image { height: 55px; width: 50px; left: auto; right: 10px; position: absolute } .sid_005 .image img, .sid_006 .image img { height: 100% } .sid_005 a.button_link, .sid_006 a.button_link { display: none } .sid_005 .button, .sid_006 .button { height: auto; width: auto; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #FFF; padding: 5px 18px 5px 18px; display: inline; border: 0px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #D6D1C7; background: -moz-linear-gradient(top, #ece9e4 0%, #D6D1C7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ece9e4), color-stop(100%, #D6D1C7)); background: -webkit-linear-gradient(top, #ece9e4 0%, #D6D1C7 100%); background: -o-linear-gradient(top, #ece9e4 0%, #D6D1C7 100%); background: -ms-linear-gradient(top, #ece9e4 0%, #D6D1C7 100%); background: linear-gradient(to bottom, #ece9e4 0%, #d6d1c7 100%); position: absolute; top: initial; left: 10px; bottom: 0px } } @media only screen and (min-width: 950px) { .sid_005, .sid_006 { height: 120px; position: relative } .sid_005 .image, .sid_006 .image { height: 120px; width: 110px } .sid_005 .image img, .sid_006 .image img { width: auto } .sid_005 .text, .sid_006 .text { margin: 0px 125px 10px 10px } .sid_005 .text h5, .sid_006 .text h5 { font-size: 18px; font-family: "adobe-caslon-pro", serif; font-weight: bold; line-height: 22px; margin: 0px 0px 0px 0px } .sid_005 .text p, .sid_006 .text p { font-size: 16px; line-height: 21px } } .sid_006 { display: none } @media only screen and (min-width: 600px) { .sid_006 { display: block } } .sid_008 { margin: 0px -16px 0px -16px } .sid_008 h4 { font-weight: 700; color: #fdb913; margin: 0px 0px 5px 15px } .sid_008 a { display: block; height: 10px; width: 100%; background-size: 100% 10px !important; background: url("../images/pattern-light.png") no-repeat center center; background-size: auto auto !important; background-repeat: repeat; position: relative; border-top: 1px solid #fdb913; border-bottom: 1px solid #fdb913 } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .sid_008 a { background-size: 100% 10px; background-image: url("../images/pattern-light@2x.png"); background-image: url("../images/pattern-light.png") \9; background-position: center center } } .sid_008 a:before { font-family: "derry"; color: #fdb913; position: absolute; left: 15px } .sid_008 a:after { font-family: "derry"; color: #fdb913; position: absolute; right: 15px } .sid_008 .title_item, .sid_008 .item { font-size: 16px; font-weight: 700; color: #5F6369; text-decoration: none; display: block; position: relative } .sid_008 .call:before { content: "\e605" } .sid_008 .mail:before { content: "\e607" } @media only screen and (min-width: 600px) { .sid_008 { padding: 0; margin: 0px } .sid_008 h4 { font-weight: 700; color: #fdb913; margin: 0px 0px 7px 15px } .sid_008 a { font-size: 16px; color: #5F6369; text-decoration: none; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 25px; display: block; position: relative; border-top: 0px solid #1a1a1a; border-bottom: 0px solid #1a1a1a; background: transparent } .sid_008 a:before { font-family: "derry"; color: #fdb913; position: absolute; left: 0 } .sid_008 .title_item, .sid_008 .item { font-size: 18px; font-weight: 700; color: #5F6369; text-decoration: none; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0; display: block; position: relative; border-top: 0px solid #1a1a1a; border-bottom: 0px solid #1a1a1a } .sid_008 .call:before { content: "\e605" } .sid_008 .mail:before { content: "\e607" } } @media only screen and (min-width: 950px) { .sid_008 { padding-left: -0px; padding-right: -20px } } .sid_009 { word-break: break-word } .sid_009 .head { color: #fdb913; text-transform: uppercase; padding-bottom: 8px } .sid_009 h4 { font-size: 18px; color: #5F6369; padding-bottom: 10px; text-transform: capitalize } .sid_009 a { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; font-size: 16px; line-height: 22px; display: block; background: #f3f3f3; padding: 11px 0 11px 52px; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; position: relative; left: 0px; color: #5F6369 } .sid_009 a:before { color: #fdb913; font-family: "maldron"; font-size: 14px; position: absolute; left: 20px } .sid_009 a:after { color: #fdb913; font-family: "maldron"; font-size: 14px; content: "\e614"; position: absolute; right: 17px } .sid_009 a:last-of-type { border-top: 0 } .sid_009 .call:before { content: "\e61e" } .sid_009 .mail:before { content: "\e620" } @media only screen and (min-width: 600px) { .sid_009 { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid rgba(92, 74, 62, 0.25) } .sid_009 a { border: 0; padding: 0px 0 8px 52px; background: transparent; font-size: 16px } .sid_009 a:after { display: none } } @media only screen and (min-width: 950px) { .sid_009 { *zoom: 1; width: 100%; padding-bottom: 0px } .sid_009:before, .sid_009:after { content: " "; display: block !important } .sid_009:after { clear: both } .sid_009 a:last-of-type { padding-bottom: 20px } } .sid_010 { border-bottom: 1px solid rgba(92, 74, 62, 0.25); padding: 15px } .sid_010 address { margin-bottom: 13px; color: #5F6369 } .sid_010 a { font-size: 16px; color: #5F6369; text-decoration: none; margin: 0px 0px 17px 7px; padding: 0px 0px 0px 27px; display: block; position: relative } .sid_010 a:before { font-family: "maldron"; color: #fdb913; position: absolute; top: 0px; left: 0px } .sid_010 .call:before { content: "\e61e" } .sid_010 .mail:before { content: "\e620" } .sid_010 .location:before { content: "\e626" } .sid_010 a.mobile_desktop { display: block } .sid_010 a.tablet { display: none } @media only screen and (min-width: 600px) { .sid_010 { *zoom: 1; width: 100%; padding: 0px } .sid_010:before, .sid_010:after { content: " "; display: block !important } .sid_010:after { clear: both } .sid_010 a.mobile_desktop { display: none } .sid_010 a.tablet { display: block } } @media only screen and (min-width: 950px) { .sid_010 { padding-bottom: 12px } .sid_010 a.mobile_desktop { display: block } .sid_010 a.tablet { display: none } } .sid_011 { border-bottom: 1px solid rgba(92, 74, 62, 0.25); padding: 15px } .sid_011 h4 { color: #fdb913; font-size: 16px } .sid_011 p { color: #5F6369; text-transform: uppercase; font-size: 15px; line-height: 20px; margin: 0px 0px 17px 0px; font-weight: 300 } .sid_011 a { font-size: 16px; font-weight: 300; color: #5F6369; text-decoration: none; margin: 0px 0px 14px 7px; padding: 0px 0px 0px 27px; display: block; position: relative } .sid_011 a:before { font-family: "maldron"; color: #fdb913; position: absolute; top: 0px; left: 0px } .sid_011 .call:before { content: "\e61e" } .sid_011 .mail:before { content: "\e620" } .sid_011 a.mobile_desktop { display: block } .sid_011 a.tablet { display: none } @media only screen and (min-width: 600px) { .sid_011 { *zoom: 1; width: 100%; padding: 0px } .sid_011:before, .sid_011:after { content: " "; display: block !important } .sid_011:after { clear: both } .sid_011 a.mobile_desktop { display: none } .sid_011 a.tablet { display: block } .sid_011 a.mail { word-wrap: break-word } } @media only screen and (min-width: 950px) { .sid_011 a.mobile_desktop { display: block } .sid_011 a.tablet { display: none } } .sid_012 { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; background: #D6D1C7; padding-top: 17px; padding-bottom: 20px; *zoom: 1; width: 100%; position: relative } .sid_012:before, .sid_012:after { content: " "; display: block !important } .sid_012:after { clear: both } .sid_012 .line { height: 114px; width: 1px; background: #cbcbcb; display: inline-block; content: ''; position: absolute; top: 15px; left: 41.5% } .sid_012 .button_panel { *zoom: 1; width: 100%; border-bottom: 1px solid #fdb913; padding-bottom: 20px } .sid_012 .button_panel:before, .sid_012 .button_panel:after { content: " "; display: block !important } .sid_012 .button_panel:after { clear: both } .sid_012 .btn { text-align: center; height: 114px; display: inline-block; position: relative; cursor: pointer } .sid_012 .btn h4 { color: #fdb913; text-transform: uppercase; padding-top: 60px; font-weight: 500; padding: 60px 5% 0px } .sid_012 .btn.car_only { width: 38%; float: left; padding-right: 1% } .sid_012 .btn.car_only h4:before { font-family: "maldron"; content: "\e634"; font-size: 50px; position: absolute; top: 14px; left: 50%; margin-left: -25px } .sid_012 .btn.car_room { width: 59%; float: right; padding-left: 1% } .sid_012 .btn.car_room .park_room_icons { font-size: 25px; text-align: center; display: inline-block; color: #fdb913; width: 120px; padding: 8px 0; position: absolute; top: 7px; left: 50%; margin-left: -60px } .sid_012 .btn.car_room .park_room_icons:before, .sid_012 .btn.car_room .park_room_icons:after { font-family: "maldron"; font-size: 50px; position: absolute; top: 7px } .sid_012 .btn.car_room .park_room_icons:before { content: "\e646"; left: 0px } .sid_012 .btn.car_room .park_room_icons:after { content: "\e634"; right: -10px } .sid_012 .btn.selected:before { width: 0; height: 0; margin: 0px 0px 0px -11px; content: ' '; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #fdb913; position: absolute; left: 50%; bottom: -21px } .sid_012 .btn.selected:after { width: 0; height: 0; margin: 0px 0px 0px -10px; content: ' '; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #D6D1C7; position: absolute; left: 50%; bottom: -21px } .sid_012 .btn.selected h4, .sid_012 .btn.selected .park_room_icons { color: #fdb913 } .sid_012 #car_only_content, .sid_012 #car_room_content { padding: 17px 0 0; text-align: center; display: none } .sid_012 #car_only_content.selected, .sid_012 #car_room_content.selected { display: block } .sid_012 #car_only_content p, .sid_012 #car_room_content p { margin-bottom: 25px } .sid_012 #car_form { position: relative } .sid_012 input { padding-left: 10px; margin-bottom: 15px } .sid_012 input, .sid_012 .input { display: inline-block; width: 47%; border-radius: 5px; border: 0; height: 35px; float: left } .sid_012 label { width: 100%; padding-bottom: 8px; text-align: left; display: inline-block; text-transform: uppercase; font-size: 13px; line-height: 16px; font-weight: 500 } .sid_012 label.hide_label { display: none } .sid_012 .input.error, .sid_012 .select_wrap.error { border: 2px solid rgba(255, 0, 0, 0.5) } .sid_012 #entryMMYY-error, .sid_012 #exitMMYY-error { width: 47%; background: #fdb913; color: #D6D1C7; font-size: 14px; font-weight: 100; text-transform: none; padding: 5px 10px; margin-bottom: 20px; box-sizing: border-box; border-radius: 4px; float: left; position: relative; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3) } .sid_012 #entryMMYY-error:before, .sid_012 #exitMMYY-error:before { width: 0; height: 0; margin: 0px 0px 0px -11px; content: ' '; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #fdb913; position: absolute; left: 50%; top: -9px } .sid_012 #from_time-error, .sid_012 #to_time-error { background: #fdb913; color: #D6D1C7; font-size: 14px; font-weight: 100; text-transform: none; padding: 5px 10px; margin-bottom: 20px; box-sizing: border-box; border-radius: 4px; position: relative; float: right; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3) } .sid_012 #from_time-error:before, .sid_012 #to_time-error:before { width: 0; height: 0; margin: 0px 0px 0px -11px; content: ' '; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #fdb913; position: absolute; left: 50%; top: -9px } .sid_012 .input, .sid_012 select { font-size: 13px; font-weight: 500; padding: 7px 0px 8px 36px; margin-bottom: 16px; position: relative; cursor: pointer; box-sizing: border-box } .sid_012 .input.cal, .sid_012 select.cal { text-align: left } .sid_012 .cal.open { background: #1a1a1a } .sid_012 .select_wrap { display: inline; position: relative; width: 47%; float: right } .sid_012 .select_wrap:before { content: "\e647"; font-family: "maldron"; color: #fdb913; font-size: 14px; position: absolute; top: 7px; left: 10px; z-index: 20 } .sid_012 .cal:before { content: "\e61f"; font-family: "maldron"; color: #fdb913; font-size: 14px; position: absolute; top: 7px; left: 11px } .sid_012 #from_time, .sid_012 #to_time { float: right; width: 100% } .sid_012 #promocode { box-sizing: border-box; padding-left: 9px } .sid_012 a { font-weight: 500; text-decoration: underline; text-align: center; width: 100%; display: inline-block; padding-top: 5px } .sid_012 button { width: 47%; padding: 6px 20px 7px; float: right } .sid_012 p+button { float: inherit } .sid_012 .date_picker { height: auto; width: 100%; display: none; position: absolute; top: 75px; box-sizing: border-box; z-index: 20 } .sid_012 .date_picker#date_to { top: 155px } .sid_012 #car_room_content { text-align: center } .sid_012 #car_room_content p { font-size: 17px; text-align: left; margin: 0 0 24px } .sid_012 #car_room_content button { float: initial } @media only screen and (min-width: 600px) { .sid_012 button { padding: 6px 0px 7px; font-size: 13px } } @media only screen and (min-width: 950px) { .sid_012 button { padding: 6px 20px 7px; font-size: 16px } } .sid_013 { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; background: #FFF; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a } .sid_013 h4 { color: #fdb913; display: none } .sid_013 a { font-size: 16px; line-height: 21px; color: #5F6369; text-decoration: none; display: block; padding: 11px 0px 12px 0px } .sid_013 a:before { font-family: "maldron"; color: #fdb913; content: '\e605'; margin-right: 10px } @media only screen and (min-width: 600px) { .sid_013 { margin: 0px; padding: 15px 15px 15px 15px; border-top: 0px solid #1a1a1a; border-bottom: 0px solid #1a1a1a; -webkit-box-shadow: 2px 2px 0px 0px #d1ccc8; box-shadow: 2px 2px 0px 0px #d1ccc8 } .sid_013 h4 { display: block; margin: 0px } .sid_013 a { padding: 0px } } .sid_014 { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; background: #D6D1C7; padding-top: 17px; padding-bottom: 20px; margin-top: 25px; *zoom: 1; width: 100% } .sid_014:before, .sid_014:after { content: " "; display: block !important } .sid_014:after { clear: both } .sid_014 h4 { text-transform: uppercase; font-weight: 500; padding-bottom: 17px } .sid_014 label { width: 48%; text-transform: uppercase; font-size: 13px; font-weight: 500 } .sid_014 label:first-of-type { float: left } .sid_014 label:last-of-type { float: right } .sid_014 input, .sid_014 .input { display: inline-block; width: 47%; border-radius: 5px; border: 0; height: 35px; float: left } .sid_014 input { padding-left: 10px; box-sizing: border-box; margin-bottom: 6px } .sid_014 #password { float: right } .sid_014 .error { border: 2px solid rgba(255, 0, 0, 0.5) } .sid_014 #j_username-error { width: 47%; background: #fdb913; color: #D6D1C7; font-size: 14px; font-weight: 100; text-transform: none; padding: 5px 10px; margin-bottom: 20px; box-sizing: border-box; border-radius: 4px; float: left; clear: left; position: relative; margin-top: 10px; border: 0 !important; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3) } .sid_014 #j_username-error:before { width: 0; height: 0; margin: 0px 0px 0px -11px; content: ' '; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #fdb913; position: absolute; left: 50%; top: -9px } .sid_014 #password-error { background: #fdb913; width: 47%; color: #D6D1C7; font-size: 14px; font-weight: 100; text-transform: none; padding: 5px 10px; margin-bottom: 20px; box-sizing: border-box; border-radius: 4px; position: relative; float: right; clear: right; margin-top: 10px; border: 0 !important; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3) } .sid_014 #password-error:before { width: 0; height: 0; margin: 0px 0px 0px -11px; content: ' '; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #fdb913; position: absolute; left: 50%; top: -9px } .sid_014 a { font-weight: 500; text-decoration: underline; text-align: center; width: 120px; display: inline-block; float: left } @media only screen and (min-width: 600px) { .sid_014 button { font-size: 13px } } @media only screen and (min-width: 950px) { .sid_014 button { font-size: 16px } } #share_modal { width: 60%; top: 33% !important } #share_modal ul { text-align: center } #share_modal .close { right: -13px } @media only screen and (min-width: 950px) { #share_modal { width: 522px !important; left: 50%; margin-left: -260px } } .social .st { display: inline-block; padding-right: 10px; padding-bottom: 24px; height: 60px; width: 60px; background-size: 60px 60px !important } .social .st.facebook { background: url("../images/social/facebook.png") no-repeat center center } .social .st.twitter { display: inline-block; background: url("../images/social/twitter.png") no-repeat center center } .social .st.googleplus { display: inline-block; background: url("../images/social/google-plus.png") no-repeat center center } .social .st.pinterest { display: inline-block; background: url("../images/social/pinterest.png") no-repeat center center } .social .st.linkedin { display: inline-block; background: url("../images/social/linkedin.png") no-repeat center center } .social .st.youtube { display: inline-block; background: url("../images/social/youtube.png") no-repeat center center } .social .st.mail { display: inline-block; background: url("../images/social/mail.png") no-repeat center center } .social .stButton { width: 100% !important; height: 100% !important } .social .stLarge { background: none !important } .share_modal { height: 100%; width: 100%; background: rgba(26, 26, 26, 0.8); position: fixed; top: 0px; left: 0px; z-index: 10; display: none } .share_modal .social { width: 100%; display: block; position: fixed; top: 30% } .share_modal .social ul { text-align: center } .share_modal .social ul li { margin: 20px 20px 20px 20px; display: inline-block } .share_modal .social ul li a.social { text-indent: -9999px; display: block; padding: 10px 20px 10px 20px } .share_modal .close { width: 40px; font-size: 20px; text-align: center; text-transform: uppercase; color: #FFF; padding: 10px 50px 10px 50px; display: inline-block; bottom: 0px; left: 50%; margin-left: -20px; position: relative; cursor: pointer } .share_modal .close:before { font-family: "maldron"; content: "\e606"; position: absolute; top: 10px; left: 20px } @media only screen and (min-width: 600px) { .share_modal .social ul li { margin: 20px 40px 70px 40px } .share_modal .social ul li a.social { height: 60px; width: 60px; background-size: 60px 60px !important } .share_modal .social ul li a.social.facebook { background: url("../images/social/facebook.png") no-repeat center center } .share_modal .social ul li a.social.twitter { background: url("../images/social/twitter.png") no-repeat center center } .share_modal .social ul li a.social.google_plus { background: url("../images/social/google-plus.png") no-repeat center center } .share_modal .social ul li a.social.pintrest { background: url("../images/social/pinterest.png") no-repeat center center } .share_modal .social ul li a.social.linkedin { background: url("../images/social/linkedin.png") no-repeat center center } .share_modal .social ul li a.social.youtube { background: url("../images/social/youtube.png") no-repeat center center } .share_modal .social ul li a.social.mail { background: url("../images/social/mail.png") no-repeat center center } } @media only screen and (min-width: 950px) { .share_modal .social ul { max-width: 522px } .share_modal .social ul li { margin: 20px 55px 100px 55px } .share_modal .social ul li a.social { height: 90px; width: 90px; background-size: 90px 90px !important } .share_modal .social ul li a.social.facebook { background: url("../images/social/facebook.png") no-repeat center center } .share_modal .social ul li a.social.twitter { background: url("../images/social/twitter.png") no-repeat center center } .share_modal .social ul li a.social.google_plus { background: url("../images/social/google-plus.png") no-repeat center center } .share_modal .social ul li a.social.pintrest { background: url("../images/social/pinterest.png") no-repeat center center } .share_modal .social ul li a.social.linkedin { background: url("../images/social/linkedin.png") no-repeat center center } .share_modal .social ul li a.social.youtube { background: url("../images/social/youtube.png") no-repeat center center } .share_modal .social ul li a.social.mail { background: url("../images/social/mail.png") no-repeat center center } } .share_002 { height: 100%; width: 100%; background: rgba(26, 26, 26, 0.8); position: fixed; top: 0px; left: 0px; z-index: 10; display: none } .share_002 .modal { width: 100%; max-width: 1000px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; padding: 118px 30px 0px 30px; margin: 0px -30px 0px -30px; background: #fff; position: fixed; top: 100px } .share_002 h3 { font-size: 18px; font-weight: 700; line-height: 22px; color: #fdb913; margin: 0px 0px 3px 0px } .share_002 ul { margin: 0px 0px 14px 0px } .share_002 ul li { border: 0px; padding: 0px; margin: 0px 0px 2px 0px } .share_002 ul li:before { color: #fdb913; content: '›'; margin-right: 5px } .share_002 ul li:after { display: none } .share_002 ul li a { font-size: 14px; display: initial; color: #5F6369; text-decoration: none } .share_002 ul li a:hover { text-decoration: underline } #modal_bg, .modal_bg { z-index: 30; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.7) } .ie8 #modal_bg, .ie8 .modal_bg, .ie9 #modal_bg, .ie9 .modal_bg { z-index: 30; width: 100%; height: 100%; display: none; background: #000; position: fixed; top: 0px; left: 0px } .modal { width: 60%; margin: 0 20%; border-radius: 20px; display: none; position: fixed; top: 20%; z-index: 50 } .modal.reviews_modal { top: 40% } .modal .close { height: 30px; width: 30px; background: #fdb913; border-radius: 50%; position: absolute; top: -10px; right: -29px; cursor: pointer; z-index: 50 } .modal .close:before { width: 30px; line-height: 30px; font-family: "maldron"; content: '\e600'; color: #FFF; font-size: 16px; text-align: center; position: absolute; top: 0; left: 0 } .modal_content { display: none } .review_modal { padding: 20px 30px 20px 30px; background: #fff; box-sizing: border-box } .video_modal { background: rgba(59, 36, 28, 0.9); width: auto; left: 50%; top: 40%; margin-top: -160px; margin-left: -320px; padding: 6px; padding-bottom: 1px; border-radius: 0px } .video_modal .close { right: -15px } #modal_target_hotels { width: 100%; margin: 0% } #modal_target_hotels .close { top: -15px; margin-right: 50%; left: 50% } @media only screen and (min-width: 600px) { #modal_target_hotels { width: 90%; left: 5% } #modal_target_hotels .close { left: 100% } } @media only screen and (min-width: 950px) { #modal_target_hotels { width: 70%; left: 15% } } .hotel_list_content { position: relative; *zoom: 1; width: 100%; margin: 0 -20px; padding: 0 20px } .hotel_list_content:before, .hotel_list_content:after { content: " "; display: block !important } .hotel_list_content:after { clear: both } .hotel_list_content p { padding: 20px 0px; font-size: 30px; font-weight: 300; color: #fdb913 } .hotel_list_content ul { list-style: none } .hotel_list_content .row { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; padding: 0px; border-bottom: 1px solid #fff } .hotel_list_content .row h4 { text-align: center; background: #262626; color: #FFF; font-size: 17px; text-transform: capitalize; text-decoration: none; display: block; padding: 15px 0px; position: relative } .hotel_list_content .row h4:before { font-family: "maldron"; color: #fdb913; content: "\e602"; position: absolute; left: 16px } .hotel_list_content .row h4.selected:before { content: '\e600' } .hotel_list_content .row ul { display: none } .hotel_list_content .row ul li { border-bottom: 1px solid #fff; position: relative } .hotel_list_content .row ul li a { color: #5F6369; font-size: 16px; text-transform: capitalize; text-decoration: none; display: block; padding: 15px 30px; position: relative; border-bottom: 1px solid #cbcbcb } .hotel_list_content .row ul li a:after { font-family: "maldron"; color: #fdb913; content: "\e614"; position: absolute; right: 16px } @media only screen and (min-width: 950px) { .hotel_list_content { width: 100%; margin: 0 auto; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; padding-bottom: 20px; text-align: center } .hotel_list_content p { font-size: 35px; line-height: 35px; font-weight: 300; color: #5F6369; display: block } .hotel_list_content .row { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; width: 260px; display: inline-block; margin-left: 0px; float: none; vertical-align: top } .hotel_list_content .row:nth-child(2) { margin-left: 35px; margin-right: 40px } .hotel_list_content .row h4 { background: none; margin: 0px; padding: 0px 0px 10px 0px; color: #fdb913; font-weight: 300; font-size: 32px; line-height: 18px; border: none; text-align: left; pointer-events: none } .hotel_list_content .row h4:before { display: none } .hotel_list_content .row ul { display: block !important; text-align: left } .hotel_list_content .row ul li { border: none } .hotel_list_content .row ul li a { padding: 2px 0px 2px 15px; font-size: 14px; line-height: 18px; border-bottom: 0px } .hotel_list_content .row ul li a:hover { text-decoration: underline } .hotel_list_content .row ul li a:after { display: none } .hotel_list_content .row ul li:before { display: block; content: '\e614'; font-size: 8px; font-weight: 700; position: absolute; left: 0; top: 0px; font-family: "maldron"; color: #fdb913 } } header { position: relative; border-bottom: 0px; margin-bottom: 0px !important } header.fixed { width: 100%; position: fixed; top: 0px } header.fixed .but_009 { height: auto; top: auto; bottom: -32px; position: absolute } .questions #scXWI5 button, .questions #sdXWI5 button, .questions #ciXWI5 button { border-top-left-radius: 5px; bottom: -3px; right: 0px; position: fixed; margin: 0px; border: 0px; z-index: 30 } .questions #scXWI5 button:before, .questions #sdXWI5 button:before, .questions #ciXWI5 button:before { font-family: "maldron"; position: relative; content: "\e610"; margin-left: -5px; padding-right: 8px; bottom: -2px } .questions #scXWI5 button:after, .questions #sdXWI5 button:after, .questions #ciXWI5 button:after { font-family: "maldron"; font-size: 10px; content: '\e623'; right: -7px; position: relative; bottom: 1px } .questions #scXWI5 button span:first-child, .questions #sdXWI5 button span:first-child, .questions #ciXWI5 button span:first-child { font-size: 15px; font-weight: bold } .questions #scXWI5 button span:last-child, .questions #sdXWI5 button span:last-child, .questions #ciXWI5 button span:last-child { font-size: 15px } .questions #scXWI5 img, .questions #sdXWI5 img, .questions #ciXWI5 img { position: fixed; bottom: 0px; right: 0px; margin: 0px; width: 246px; height: 33px } .tbl_001 h4 { color: #fdb913; margin: 26px 0 0; border-bottom: 1px #fdb913 solid; padding-bottom: 15px } .tbl_001 .row { border-bottom: 1px #fdb913 solid; width: 100%; height: 43px } .tbl_001 span { font-weight: 700; font-size: 14px; line-height: 22px; padding: 10px 0 } .tbl_001 span.left { float: left } .tbl_001 span.right { float: right } .tbl_001 p.small { font-size: 15px; line-height: 15.6px; margin: 18px 0 30px } @media only screen and (min-width: 600px) { .tbl_001 h4 { margin: 30px 0 0 } .tbl_001 span { font-size: 15px } .tbl_001 p.small { margin: 25px 0 30px } } @media only screen and (min-width: 950px) { .tbl_001 h4 { margin: 30px 0 0; padding-bottom: 15px } .tbl_001 h4:first-of-type { padding-bottom: 35px } .tbl_001 p.small { margin: 35px 0 30px } } #scrollDiv { position: relative } #scrollDiv .overlay { width: 100%; height: 100%; position: absolute; z-index: 5; pointer-events: none; padding-bottom: 20px; box-sizing: border-box } #scrollDiv .overlay div { width: 50px; height: 100%; position: relative } #scrollDiv .overlay #left { float: left; width: 100px; height: 100%; background-image: url("../images/gradient-scroll-l.png"); background-size: 100px 2px; background-repeat: repeat-y; position: relative; display: none } #scrollDiv .overlay #right { float: right; width: 100px; height: 100%; background-image: url("../images/gradient-scroll.png"); background-size: 100px 2px; background-repeat: repeat-y; position: relative } .tbl_002 { overflow-x: auto; overflow-y: hidden; position: relative } .tbl_002::-webkit-scrollbar { width: 30px } .tbl_002::-webkit-scrollbar * { background: transparent } .tbl_002::-webkit-scrollbar-thumb { background: transparent } .tbl_002 h4 { color: #fdb913; padding-bottom: 15px } .tbl_002 .view-more .inner table { border-top: 1px solid rgba(92, 74, 62, 0.25) } .tbl_002 .view-more .inner table thead tr td { color: #fdb913; text-transform: uppercase; background: none !important; vertical-align: top; text-align: left !important; padding-left: 0px } .tbl_002 .view-more .inner table tr { border-bottom: 1px solid rgba(92, 74, 62, 0.25) } .tbl_002 .view-more .inner table tr td { padding: 14px 10px 14px 10px; vertical-align: middle; text-align: right; font-size: 13px; font-weight: 400; line-height: 16px } .tbl_002 .view-more .inner table tr td:first-child { text-align: left; padding-left: 0px } .tbl_002 .view-more .inner table tr td:nth-child(even) { background-color: #EDEDED } .tbl_002 .small { margin-top: 10px; font-size: 13px; color: #5F6369 } @media only screen and (min-width: 950px) { .tbl_002 .view-more { width: 100%; padding-right: 0 } .tbl_002 .view-more .overlay { display: none } .tbl_002 .view-more .inner { width: 100%; margin-left: 0 !important } .tbl_002 .view-more .inner table thead tr td { font-size: 13px; line-height: 16px } .tbl_002 .view-more .inner table tr td { font-size: 15px; line-height: 17px } } .vid_001 { display: none; height: 180px } .vid_001 .play { top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; position: absolute } .vid_001 .play img { width: initial } @media only screen and (min-width: 950px) { .vid_001 { display: block } } @media only screen and (min-width: 600px) { .vid_001b { height: 176px } .vid_001b .play { top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; position: absolute } .vid_001b .play img { width: initial } } @media only screen and (min-width: 950px) { .vid_001b { height: 180px } } .vid_002 { padding: 20px 0px 30px 0px; position: relative } .vid_002:before { height: 60px; width: 60px; content: ''; background: rgba(255, 255, 255, 0.6); -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; border: 2px solid #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 5 } .vid_002:after { width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 20px solid #5F6369; content: ''; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -5px; z-index: 5 } .vid_002.mobile-tablet { display: block !important } .vid_002.desktop { display: none !important } .vid_002 a { width: 110px; font-size: 14px; text-decoration: none; padding: 5px 0px 0px 0px; line-height: 18px; position: relative; left: 50% } .vid_002 a span { color: #00a9ce } .vid_002 a span br { line-height: 10px } .vid_002 a .image { height: 50px; width: 88px; position: absolute; top: 0px; left: -100px } .vid_002 img { filter: alpha(opactiy=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: .8; -khtml-opacity: .8; opacity: .8 } @media only screen and (min-width: 600px) { .vid_002 { cursor: pointer; padding: 0px; position: relative } .vid_002.tablet-desktop { display: block } .vid_002:before { height: 60px; width: 60px; content: ''; background: rgba(255, 255, 255, 0.6); -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; border: 2px solid #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 5 } .vid_002:after { width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 20px solid #5F6369; content: ''; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -5px; z-index: 5 } .vid_002 img { width: auto; max-height: 190px } .vid_002 a { width: auto; display: block; position: relative; left: 0% } .vid_002 a span { display: none } .vid_002 a .image { height: auto; width: 100%; position: relative; top: 0px; left: 0px } } @media only screen and (min-width: 950px) { .vid_002.mobile-tablet { display: none !important } .vid_002.desktop { display: block !important } .vid_002 a { width: auto; display: block; position: relative; left: 0% } .vid_002 a span { display: none } .vid_002 a .image { height: auto; width: 100%; position: relative; top: 0px; left: 0px } .vid_002 a:before { height: 80px; width: 80px; content: ''; background: rgba(255, 255, 255, 0.6); -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; border: 2px solid #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; z-index: 5 } .vid_002 a:after { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 30px solid #5F6369; content: ''; position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -8px; z-index: 5 } } .vid_003 { height: 90px; text-align: center } .vid_003 a { height: 100px; display: block; font-size: 14px } .vid_003 .play { top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; position: absolute } .vid_003 .play img { width: initial } @media only screen and (min-width: 600px) { .vid_003 { height: 150px } .vid_003 a { height: 161px; font-size: 16px } } @media only screen and (min-width: 950px) { .vid_003 { display: block; height: 200px } .vid_003 a { font-size: 17px; height: 210px } } .vid_004 { height: 100%; width: 100%; background: rgba(26, 26, 26, 0.8); position: fixed; top: 0px; left: 0px; z-index: 10; display: none } .vid_004 .modal { text-align: center; width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding-top: 20px; padding-bottom: 20px; background: #fff; position: relative; top: 100px } .vid_004 .modal iframe { margin: 0px 20px 0px 20px } .vid_004 .modal .close { font-size: 20px; text-align: center; text-transform: uppercase; color: #FFF; padding: 20px 30px 20px 10px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; display: inline-block; background: #D6D1C7; top: -15px; right: 0%; margin-right: -15px; position: absolute; cursor: pointer } .vid_004 .modal .close:before { font-family: "maldron"; content: "\e606"; position: absolute; top: 10px; left: 10px } .vid_004 .booking { font-family: "Albert", sans-serif; font-size: 14px; background: #f0f } .vid_004 .booking h3 { font-family: "Albert", sans-serif } .front_page { height: 100%; background: #fff } .front_page section { display: none } .front_page .floating_nav { display: none } .front_page .box { height: auto; width: 100%; padding-top: 50%; position: relative; left: 0px; background-color: #fff; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto } .front_page .box .section_area:after { content: ""; clear: both } .front_page .box .section_area .container { padding: 0px; height: 100% } .front_page a.more:hover { color: #FFF !important } .front_page a.more:hover:after { color: #FFF } @media only screen and (min-width: 600px) { .front_page .box { height: 550px; background-size: cover; background-position: top left; padding: 0px 0px 0px 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .front_page .box .inner { min-width: 285px; top: 50%; display: table; position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translate(0, -50%) } .front_page .box .content { display: table-cell; vertical-align: middle } .front_page .box .section_area { position: absolute; top: 0px; bottom: 0px; padding-top: 0px; padding-bottom: 0px; margin-left: auto; margin-right: auto; width: 100% } .front_page .box .section_area .container { height: 100% } .front_page .box .section_area .overlay { height: 100% } } @media only screen and (min-width: 950px) { .front_page .res_003 { margin-top: 0px } .front_page .but_008 { display: none } .front_page .box { height: 100%; width: 100%; padding-top: 0%; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')" } .front_page .box .inner { position: relative; margin-top: 55px } .front_page .box .section_area .container { padding-left: 4%; padding-right: 4% } } @media only screen and (min-width: 950px) and (max-height: 665px) { .front_page .box .inner { top: 60% } } @media only screen and (min-width: 950px) { .front_page .section_push { width: 100%; height: 500px; min-height: auto !important } .front_page #floating_nav { width: 100%; position: fixed; display: block; left: 0px; bottom: 0px; z-index: 100 } .front_page section { height: 100%; width: 100%; position: relative; display: none } .front_page section.block { min-height: 100% } .front_page .box.scrollUp { margin-top: 10%; -webkit-transition: margin-top 0.5s ease-in-out; -moz-transition: margin-top 0.5s ease-in-out; transition: margin-top 0.5s ease-in-out } .front_page .box.scrollDown { margin-top: -10%; -webkit-transition: margin-top 0.5s ease-in-out; -moz-transition: margin-top 0.5s ease-in-out; transition: margin-top 0.5s ease-in-out } .front_page .box.show_footer { margin-top: -200px } .front_page .box { height: 100%; width: 100%; position: relative; top: 0px; left: 0px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .front_page .box1 { top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .front_page .box2 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .front_page .box3 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .front_page .box4 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .front_page .box5 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .front_page .down { height: 70px; width: 200px; background: #f0f; cursor: pointer; position: fixed; left: 50%; margin-left: -100px; bottom: 100px; z-index: 90 } .front_page .float_menu { display: none; position: fixed; top: 46%; left: 2%; z-index: 90 } .front_page .float_menu .scroll_dots { height: 13px; width: 13px; margin: 0px 0px 12px 0px; border-radius: 10px; background: #cbcbcb; display: block; cursor: pointer } .front_page .float_menu .scroll_dots.selected { background: #fdb913 } .front_page .down_arrow { height: 30px; width: 100px; display: block; position: fixed; bottom: 50px; left: 50%; margin: 0px 0px 0px -50px; z-index: 100; cursor: pointer } .front_page .down_arrow:hover:after { color: #fdb913 } .front_page .down_arrow:after { font-size: 65px; font-family: "maldron"; color: #FFF; content: '\e611'; margin-left: 15px } .front_page .first .mobile-tablet { display: block } .front_page .nav_003 { margin-top: 0px } } @media only screen and (min-width: 960px) { .front_page section { display: block } .front_page .footer { height: auto; width: 100%; position: fixed; bottom: 0px } .front_page .box { position: fixed; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .front_page .box.hidden { top: -100%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .front_page .box.half_hidden { top: -421px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .front_page .float_menu { display: block } } @media only screen and (min-width: 600px) { .ie8 .front_page .box { height: 550px; background-size: cover; background-position: top left; padding: 0px 0px 0px 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .ie8 .front_page .box .inner { min-width: 285px; top: 20%; display: table; position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translate(0, -50%) } .ie8 .front_page .box .content { display: block; vertical-align: middle } .ie8 .front_page .box .section_area { position: absolute; top: 0px; bottom: 0px; padding-top: 0px; padding-bottom: 0px; margin-left: auto; margin-right: auto; width: 100% } .ie8 .front_page .box .section_area .container { height: 100% } .ie8 .front_page .box .section_area .overlay { height: 100% } } @media only screen and (min-width: 950px) { .ie8 .front_page .box { height: 100%; width: 100% } .ie8 .front_page .box .inner { top: 35%; position: relative } .ie8 .front_page .box .section_area .container { padding-left: 4%; padding-right: 4% } } .meetings .img_001 { margin-bottom: 5px } .meetings .con_020 { margin-bottom: 20px } .meetings .first .nav_005 { display: none } .meetings .last .nav_005 { display: block } .meetings .sid_009 { display: block } .meetings .sidebar .sid_009 { display: none } @media only screen and (min-width: 600px) { .meetings .img_001 { margin-bottom: 0px } .meetings .first .nav_005 { display: block } .meetings .last .nav_005 { display: none } .meetings .con_001 .title_line, .meetings .con_001b .title_line { width: 70%; margin: 0 auto } .meetings .main { margin-top: 19px } .meetings .sid_009 { display: none } .meetings .sidebar .sid_009 { display: block } .meetings .sid_003 { margin-top: 12px } } @media only screen and (min-width: 950px) { .meetings { *zoom: 1; width: 100% } .meetings:before, .meetings:after { content: " "; display: block !important } .meetings:after { clear: both } .meetings .con_001, .meetings .con_001b { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; display: block; float: none } .meetings .con_001 .title_line, .meetings .con_001b .title_line { width: 75%; margin: 0 auto } } .meeting_details .img_002 { margin-bottom: 5px } .meeting_details .first .nav_005 { display: none } .meeting_details .last .nav_005 { display: block } @media only screen and (min-width: 600px) { .meeting_details .img_002 { margin-bottom: 0px } .meeting_details .first .nav_005 { display: block } .meeting_details .last .nav_005 { display: none } .meeting_details .con_001 .title_line, .meeting_details .con_001b .title_line { width: 70%; margin: 0 auto } .meeting_details .main { margin-top: 19px } } @media only screen and (min-width: 950px) { .meeting_details .first .nav_005 { display: block } .meeting_details .last .nav_005 { display: none } .meeting_details .con_001, .meeting_details .con_001b { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; display: block; float: none } .meeting_details .con_001 .title_line, .meeting_details .con_001b .title_line { width: 75%; margin: 0 auto } } .dining { background: #fff; position: relative } .dining .sid_009 { display: block } .dining .sidebar .sid_009, .dining .sidebar .sid_002 { display: none } .dining .sid_002 { display: block; margin-bottom: 0px } @media only screen and (min-width: 600px) { .dining .con_001 .title_line, .dining .con_001b .title_line { width: 90%; margin: 0 auto } .dining .con_001 .title_line h1, .dining .con_001b .title_line h1 { max-width: 100% } .dining .sid_009 { display: none; margin-bottom: 0px; border: 0px } .dining .sidebar .sid_009 { display: block } .dining .main { margin-top: 12px } } @media only screen and (min-width: 950px) { .dining .con_001, .dining .con_001b { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; display: block; float: none } .dining .con_001 .title_line, .dining .con_001b .title_line { width: 100%; margin: 0 auto } .dining .sid_009, .dining .sid_002 { display: none } .dining .sidebar h4 { font-size: 18px } .dining .sidebar .sid_009, .dining .sidebar .sid_002 { display: block } .dining .sidebar .sid_009+.sid_002 { padding-top: 30px; border-top: 1px solid rgba(92, 74, 62, 0.25) } .dining .main { margin-top: 12px } } .dining_overview { background: #fff; position: relative } @media only screen and (min-width: 950px) { .dining_overview .con_001, .dining_overview .con_001b { padding-bottom: 49px } .dining_overview .con_001 p, .dining_overview .con_001b p { margin-left: 8.51377%; margin-right: 8.51377% } } .overview h3 { text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: 500; margin: 0px 0px 11px 0px } .overview p { line-height: 20px; font-size: 14px } .overview .grey_bg { width: 100%; height: auto; background: #f3f3f3 } .overview .grey_bg .container .content_block:first-child, .overview .grey_bg .container .content_block:nth-child(2) { margin-top: 0px } .overview .content_block { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; overflow: hidden; height: auto; background: #FFF; display: block; padding: 0px 1.063em 0px 1.063em; border-top: 2px solid #fdb913 } .overview .contenblockmap { border-top: 1px solid #cbcbcb !important } .overview .vid_001b { display: none } .overview h4 { color: #fdb913 } .overview .con_002 { margin: 0px -1.063em 0px -1.063em; padding-bottom: 0px } .overview .con_002>.small { margin: 0px 1.063em 20px 1.063em } .overview .vid_002 { margin: 0px -1.063em 0px -1.063em } .overview .con_004 { padding: 17px 5px 20px 16px } .overview .con_004 .before, .overview .con_004 .after { display: none } .overview .con_004 ul li { font-size: 14px; font-weight: normal; padding-bottom: 2px } .overview .con_005 .before, .overview .con_005 .after { display: none } .overview .con_005:first-of-type { padding-bottom: 10px } .overview .con_006 { padding-top: 17px; padding-bottom: 17px } .overview .con_006 .before { display: none } .overview .con_006 .hreview .description { font-weight: normal; line-height: 20px } @media only screen and (min-width: 600px) { .overview .grey_bg .container { padding-top: 30px } .overview .grey_bg .container .content_block:first-child, .overview .grey_bg .container .content_block:nth-child(2) { margin-top: 0px } .overview .content_block { width: 48.91739%; float: left; margin-right: 2.16523%; display: inline; height: 400px; padding: 0px; margin: 0 0 30px 0; border-top: 0px solid #fdb913; -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.13); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.13) } .overview .vid_001b { display: block !important } .overview .tablet_layout { width: 48.91739%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .overview .vid_001b { display: none } .overview .con_001 .title_line, .overview .con_001b .title_line { width: 90%; margin: 0 auto } .overview .con_001 .title_line h1, .overview .con_001b .title_line h1 { max-width: 100% } .overview .con_001 p, .overview .con_001b p { font-size: 20px; line-height: 24px } .overview .temp_image { display: block; width: 100%; height: 180px } .overview .con_002 { margin: 0; padding-bottom: 0px } .overview .con_002 .call, .overview .con_002 .mail { border-bottom: none; padding-left: 45px; padding-right: 10px } .overview .con_002 .call:before, .overview .con_002 .mail:before { left: 1.063em } .overview .con_003 .map a { padding: 0px } .overview .con_003 .text a { padding: 8px 0px } .overview .con_005 { padding-top: 0px } .overview .con_005 .image { height: auto; padding: 0px } .overview .con_005 .content { padding: 16px 1.063em 0px 1.063em } .overview .con_005 .content h4 { margin-bottom: 11px } .overview .con_006 { margin-top: 0px } .overview .con_006 h3 { padding-left: 16px; margin: 0 } .overview .grey_bg { width: 100%; height: auto } } @media only screen and (min-width: 950px) { .overview .content_block, .overview .tablet_layout { height: 400px; width: 31.88985%; float: left; margin-right: 2.16523%; display: inline } .overview .desktop_layout { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .overview .grey_bg .container { padding-top: 25px } .overview .con_001, .overview .con_001b { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; display: block; float: none } .overview .con_001 .title_line, .overview .con_001b .title_line { width: 100%; margin: 0 auto } .overview .con_001 p, .overview .con_001b p { font-size: 23px; line-height: 28px } .overview .con_004 ul li { padding-bottom: 8px } } .contact .sid_011:last-of-type { margin-bottom: 30px } @media only screen and (min-width: 600px) { .contact .con_001, .contact .con_001b { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 0% } .contact .sidebar { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; background: #D6D1C7 } .contact .sid_010 { width: auto } .contact .sid_011 { width: auto; margin: 10px 0 0 } .contact .sid_011:last-of-type { border-bottom: 0px; margin-bottom: 0px } } @media only screen and (min-width: 950px) { .contact .con_001, .contact .con_001b { width: 65.94492%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 17.02754% } .contact .sidebar { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } } .maps .sidebar .sid_001 { display: none } @media only screen and (min-width: 600px) { .maps .con_001 .title_line, .maps .con_001b .title_line { width: 70%; margin: 0 auto } .maps .main .sid_001 { display: none } .maps .main .con_015 { margin-bottom: 26px } .maps .main .con_017 .framework_target p:last-of-type { margin-bottom: 20px } .maps .sidebar .sid_001 { display: block; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em } } @media only screen and (min-width: 950px) { .maps .con_001, .maps .con_001b { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; display: block; float: none } .maps .con_001 .title_line, .maps .con_001b .title_line { width: 80%; margin: 0 auto } } .text_page .main { width: 100%; margin-right: 0px; float: none } .text_page .center_align { width: 100%; float: left; margin-right: 2.16523%; display: inline } @media only screen and (min-width: 600px) { .text_page .center_align { width: 65.94492%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 17.02754% } } @media only screen and (min-width: 950px) { .text_page .text_container { max-width: 52em } } .upcoming_events { background: #FFF } .upcoming_events .first { display: none } .upcoming_events .last { display: block } .upcoming_events .con_001, .upcoming_events .con_001b { padding-bottom: 0px } .upcoming_events .con_021 .date { display: none } .upcoming_events .con_021:last-child { padding-bottom: 30px } @media only screen and (min-width: 600px) { .upcoming_events .center_align { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377% } .upcoming_events .first { display: block } .upcoming_events .last { display: none } .upcoming_events .con_001 .title_line, .upcoming_events .con_001b .title_line { width: 70%; margin: 0 auto } .upcoming_events .con_023, .upcoming_events .con_024 { margin: 0px 0px 30px 0px } .upcoming_events .con_021 { padding-top: 30px } .upcoming_events .con_021:last-child { padding-bottom: 30px } } @media only screen and (min-width: 950px) { .upcoming_events .center_align { width: 65.94492%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 17.02754% } .upcoming_events .con_001, .upcoming_events .con_001b { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; display: block; float: none } .upcoming_events .con_001 .title_line, .upcoming_events .con_001b .title_line { width: 80%; margin: 0 auto } .upcoming_events .but_001 { margin-right: 8% } .upcoming_events .con_021 { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; display: block; float: none } .upcoming_events .con_023, .upcoming_events .con_024 { margin: 0px 0px 30px 0px } } .post_things_to_do, .post_upcoming_events { background: #FFF } .post_things_to_do .first, .post_upcoming_events .first { display: none } .post_things_to_do .last, .post_upcoming_events .last { display: block } .post_things_to_do .social, .post_upcoming_events .social { margin-top: 10px; min-height: 22px; position: relative; width: 100% } .post_things_to_do .social .fb-share-button, .post_upcoming_events .social .fb-share-button { float: right; margin-right: 12px } .post_things_to_do .social .twitter-share-button, .post_upcoming_events .social .twitter-share-button { float: right } .post_things_to_do .social>iframe, .post_upcoming_events .social>iframe { height: 22px; margin-top: 2px } @media only screen and (min-width: 600px) { .post_things_to_do .center_align, .post_upcoming_events .center_align { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377% } .post_things_to_do .first, .post_upcoming_events .first { display: block } .post_things_to_do .last, .post_upcoming_events .last { display: none } .post_things_to_do .con_001 .title_line, .post_things_to_do .con_001b .title_line, .post_upcoming_events .con_001 .title_line, .post_upcoming_events .con_001b .title_line { width: 70%; margin: 0 auto } .post_things_to_do .con_023, .post_things_to_do .con_024, .post_upcoming_events .con_023, .post_upcoming_events .con_024 { margin: 0px } .post_things_to_do .but_001, .post_upcoming_events .but_001 { margin-right: 8% } } @media only screen and (min-width: 950px) { .post_things_to_do .center_align, .post_upcoming_events .center_align { width: 65.94492%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 17.02754% } .post_things_to_do .center_align .con_001, .post_things_to_do .center_align .con_001b, .post_upcoming_events .center_align .con_001, .post_upcoming_events .center_align .con_001b { width: 100%; margin: 0px; padding: 0px 0px 20px 0px; display: block; float: none } .post_things_to_do .center_align .con_001 .title_line, .post_things_to_do .center_align .con_001b .title_line, .post_upcoming_events .center_align .con_001 .title_line, .post_upcoming_events .center_align .con_001b .title_line { width: 100%; margin: 0 auto } .post_things_to_do .con_001, .post_things_to_do .con_001b, .post_upcoming_events .con_001, .post_upcoming_events .con_001b { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; display: block; float: none } .post_things_to_do .con_001 .title_line, .post_things_to_do .con_001b .title_line, .post_upcoming_events .con_001 .title_line, .post_upcoming_events .con_001b .title_line { width: 80%; margin: 0 auto } .post_things_to_do .con_023, .post_things_to_do .con_024, .post_upcoming_events .con_023, .post_upcoming_events .con_024 { margin: 0px 0px 30px 0px } } .post_upcoming_events .container .con_020 { padding-bottom: 10px; margin-top: 15px } @media only screen and (max-width: 599px) { .post_upcoming_events .container .con_020 { margin-top: -10px } } .post_upcoming_events .container .con_020 h3 { display: none } .hotel_list h1 { line-height: 55px } .slider_container { padding: 0px; display: none; position: relative; width: 100%; height: 100% } .slider_container .slides_wrapper { width: 100% } .slider_container .slides_wrapper .gallery_slide { display: none; width: 100%; height: 100% } .slider_container .slides_wrapper .gallery_slide div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em } .slider_container .slides_wrapper .gallery_slide.landscape { width: 100% } .slider_container .slides_wrapper .gallery_slide.landscape div { background-size: 100% auto } .slider_container .slides_wrapper .gallery_slide.portrait { height: 100% } .slider_container .slides_wrapper .gallery_slide.portrait div { background-size: auto 100% } .slider_container .controls { display: block; width: 100%; padding: 15px 0px; position: absolute; bottom: 0; left: 0 } .slider_container .controls .previous, .slider_container .controls .next { width: 25px; height: 40px; display: block; position: absolute; cursor: pointer; z-index: 2; top: 15px } .slider_container .controls .previous { left: 0 } .slider_container .controls .next { right: 0 } .slider_container .controls .previous:before, .slider_container .controls .next:before { font-family: "maldron"; font-size: 28px; line-height: 40px; color: #FFF; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .slider_container .controls .previous:before { content: '\e60e'; text-align: left } .slider_container .controls .next:before { content: '\e60f'; text-align: right } .slider_container .controls .text { width: 100% } .slider_container .controls .text p { font-size: 14px; color: #FFF } .slider_container .controls .text #counter { text-align: center; line-height: 40px } .slider_container .controls .text #caption { line-height: 20px; padding: 10px 0px } .slider_container .controls .actions { width: 100%; height: 40px; text-align: center } .slider_container .controls .actions .close_gallery, .slider_container .controls .actions .share_gallery { cursor: pointer; font-size: 14px; color: #fdb913; line-height: 40px; position: relative; display: inline-block; padding-left: 25px } .slider_container .controls .actions .close_gallery:before, .slider_container .controls .actions .share_gallery:before { font-family: "maldron"; color: #fdb913; display: block; font-size: 14px; width: 20px; height: 40px; line-height: 40px; position: absolute; top: 0; left: 0 } .slider_container .controls .actions .close_gallery { margin-right: 20px } .slider_container .controls .actions .share_gallery { margin-left: 20px } .slider_container .controls .actions .close_gallery:before { content: '\e625' } .slider_container .controls .actions .share_gallery:before { content: '\e617' } @media only screen and (min-width: 600px) { .slider_container .controls .previous, .slider_container .controls .next { width: 25px; height: 50px } .slider_container .controls .previous:before, .slider_container .controls .next:before { font-size: 36px; line-height: 50px } .slider_container .controls .text #counter { text-align: left; line-height: 25px; padding: 0 40px } .slider_container .controls .text #caption { padding: 0px 40px 10px 40px } } @media only screen and (min-width: 950px) { .slider_container .slides_wrapper .gallery_slide div { margin: 0px; padding: 0px } .slider_container .controls .previous, .slider_container .controls .next { width: 30px; height: 60px; top: 15px } .slider_container .controls .previous:before, .slider_container .controls .next:before { font-size: 50px; line-height: 60px } .slider_container .controls .previous:before { left: -15px } .slider_container .controls .text { width: 77%; display: inline-block } .slider_container .controls .text p { font-size: 15px } .slider_container .controls .text #counter { padding: 0px 0px 0px 80px } .slider_container .controls .text #caption { padding: 0px 0px 0px 80px; margin-bottom: 20px } .slider_container .controls .actions { width: 21%; display: inline-block; text-align: left; padding-top: 25px } .slider_container .controls .actions .close_gallery, .slider_container .controls .actions .share_gallery { font-size: 15px; line-height: 20px } .slider_container .controls .actions .close_gallery:before, .slider_container .controls .actions .share_gallery:before { font-size: 15px; height: 20px; line-height: 20px } } .page.gallery.open { background: #5F6369; padding-top: 24px } .page.gallery .con_001, .page.gallery .con_001b { padding: 10px 0px 10px 0; *zoom: 1; width: 100% } .page.gallery .con_001:before, .page.gallery .con_001b:before, .page.gallery .con_001:after, .page.gallery .con_001b:after { content: " "; display: block !important } .page.gallery .con_001:after, .page.gallery .con_001b:after { clear: both } .page.gallery .images_wrapper { width: 100%; *zoom: 1; width: 100% } .page.gallery .images_wrapper:before, .page.gallery .images_wrapper:after { content: " "; display: block !important } .page.gallery .images_wrapper:after { clear: both } .page.gallery .con_027 { width: 47.78685%; float: left; margin-right: 4.4263%; display: inline; margin-bottom: 20px; cursor: pointer } .page.gallery .con_027.mobile-right { width: 47.78685%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .page.gallery .all_galleries { text-align: center; width: 100%; clear: both } .page.gallery .all_galleries a { display: inline-block; padding-left: 15px; position: relative } .page.gallery .all_galleries a:before { position: absolute; left: 0; display: block; content: '\e612'; font-size: 10px; font-family: "maldron" } @media only screen and (min-width: 600px) { .page.gallery .con_001, .page.gallery .con_001b { padding: 30px 0px 30px 0 } .page.gallery .con_027, .page.gallery .con_027.mobile-right { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline; margin-bottom: 30px } .page.gallery .con_027.tablet-right { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } } @media only screen and (min-width: 950px) { .page.gallery .con_001, .page.gallery .con_001b { padding: 30px 0px 30px 0 } .page.gallery .con_027, .page.gallery .con_027.mobile-right, .page.gallery .con_027.tablet-right { width: 23.37608%; float: left; margin-right: 2.16523%; display: inline } .page.gallery .con_027.desktop-right { width: 23.37608%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } } .gallery_main { background-color: #fff } .gallery_main .con_001, .gallery_main .con_001b { padding: 10px 0px 10px 0; *zoom: 1; width: 100% } .gallery_main .con_001:before, .gallery_main .con_001b:before, .gallery_main .con_001:after, .gallery_main .con_001b:after { content: " "; display: block !important } .gallery_main .con_001:after, .gallery_main .con_001b:after { clear: both } .gallery_main .images_wrapper { width: 100%; *zoom: 1; width: 100% } .gallery_main .images_wrapper:before, .gallery_main .images_wrapper:after { content: " "; display: block !important } .gallery_main .images_wrapper:after { clear: both } .gallery_main .con_026, .gallery_main .con_027 { width: 47.78685%; float: left; margin-right: 4.4263%; display: inline; margin-bottom: 20px; cursor: pointer } .gallery_main .con_026.mobile-right, .gallery_main .mobile-right.con_027 { width: 47.78685%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } @media only screen and (min-width: 600px) { .gallery_main .con_001, .gallery_main .con_001b { padding: 30px 0px 30px 0 } .gallery_main .con_026, .gallery_main .con_027, .gallery_main .con_026.mobile-right, .gallery_main .mobile-right.con_027 { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline; margin-bottom: 30px } .gallery_main .con_026.tablet-right, .gallery_main .tablet-right.con_027 { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } } @media only screen and (min-width: 950px) { .gallery_main .con_001, .gallery_main .con_001b { padding: 30px 0px 30px 0 } .gallery_main .con_026, .gallery_main .con_027, .gallery_main .con_026.mobile-right, .gallery_main .mobile-right.con_027, .gallery_main .con_026.tablet-right, .gallery_main .tablet-right.con_027 { width: 23.37608%; float: left; margin-right: 2.16523%; display: inline } .gallery_main .con_026.desktop-right, .gallery_main .desktop-right.con_027 { width: 23.37608%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } } .weddings .img_001 { margin-bottom: 5px } .weddings .con_020 { padding-bottom: 10px } .weddings .first .nav_005 { display: none } .weddings .last .nav_005 { display: block } .weddings .sid_009 { display: block } .weddings .sidebar .sid_009 { display: none } @media only screen and (min-width: 600px) { .weddings .img_001 { margin-bottom: 0px } .weddings .con_001 .title_line, .weddings .con_001b .title_line { width: 70%; margin: 0 auto } .weddings .first .nav_005 { display: block } .weddings .last .nav_005 { display: none } .weddings .main { margin-top: 19px } .weddings .sid_009 { display: none } .weddings .sidebar { margin-bottom: 20px } .weddings .sidebar .sid_009 { display: block } } @media only screen and (min-width: 950px) { .weddings { *zoom: 1; width: 100% } .weddings:before, .weddings:after { content: " "; display: block !important } .weddings:after { clear: both } .weddings .con_001, .weddings .con_001b { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; display: block; float: none } .weddings .con_001 .title_line, .weddings .con_001b .title_line { width: 50%; margin: 0 auto } } .accommodation { background: #fff } .accommodation .nav_004 .button { display: none !important } .accommodation #nav_sticky.fixed { position: fixed; top: 41px; left: 0; z-index: 11; width: 100%; border-bottom: 1px solid #fff; border-top: 5px solid #fff } @media only screen and (min-width: 950px) { .accommodation #nav_sticky.fixed { top: 0; border-top: 0px } } @media only screen and (min-width: 950px) { .accommodation .nav_004 .button { display: inline-block !important } } .modal_bg.mobile-tablet { width: 100%; height: 100% } .modal_bg.desktop { width: 0px; height: 0px } @media only screen and (min-width: 600px) { .modal_bg.mobile-tablet { width: 0px; height: 0px } .modal_bg.desktop { width: 100%; height: 100% } } @media only screen and (min-width: 950px) { .accommodation_details li:before { color: #a6a7a9 } } @media only screen and (min-width: 950px) { .accommodation_details .con_032 { color: #a6a7a9; padding: 0 0 30px } .accommodation_details .con_032 ul { margin-left: 0 } .accommodation_details .con_032 ul li:before { left: 1px } } .accommodation_details .bottom { border-top: 1px solid rgba(92, 74, 62, 0.25); text-align: center; padding-bottom: 5px; padding-top: 24px; margin-top: 0px } .accommodation_details .bottom .mobile { display: inline } .accommodation_details .bottom .mobile-tablet { display: inline } .accommodation_details .bottom .tablet { display: none } .accommodation_details .bottom .tablet-desktop { display: none } .accommodation_details .bottom .desktop { display: none } @media only screen and (min-width: 600px) { .accommodation_details .bottom .mobile { display: none } .accommodation_details .bottom .mobile-tablet { display: inline } .accommodation_details .bottom .tablet { display: inline } .accommodation_details .bottom .tablet-desktop { display: inline } .accommodation_details .bottom .desktop { display: none } } @media only screen and (min-width: 950px) { .accommodation_details .bottom .mobile { display: none } .accommodation_details .bottom .mobile-tablet { display: none } .accommodation_details .bottom .tablet { display: none } .accommodation_details .bottom .tablet-desktop { display: inline } .accommodation_details .bottom .desktop { display: inline } } .reviews.loudervoice .lv-star-on { background: none !important } .reviews.loudervoice .con_025 { margin-top: -20px } @media only screen and (min-width: 950px) { .reviews.loudervoice .con_025 { margin-top: 100px } .reviews.loudervoice .centered { margin-top: -75px } } .reviews .overview, .reviews .summary, .reviews .ranking, .reviews span.value, .reviews section.ranking-filtered { display: none !important } .reviews .con_001 h1, .reviews .con_001b h1 { font-size: 28px; padding: 9px 0 11px } .reviews .con_001 p, .reviews .con_001b p { display: none } .reviews .trust_you main { padding: 0 } .reviews .trust_you header { background: #e7e8e9; padding: 17px 5px 5px; border-bottom: 0px } .reviews .trust_you .filter-languages+.filter-travelers-mobile, .reviews .trust_you .filter-travelers-mobile+.filter-travelers-mobile { margin-top: 20px } @media only screen and (min-width: 480px) { .reviews .trust_you .filter-languages+.filter-travelers-mobile, .reviews .trust_you .filter-travelers-mobile+.filter-travelers-mobile { margin-top: 0 } } .reviews .trust_you .filter-languages [data-toggle="dropdown"], .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] { background: #fff; color: #545559 } .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon { color: #fdb913; font-size: 2.3em; top: -5px } @media only screen and (min-width: 480px) { .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon { top: -10px } } .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-language:before, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-language:before { font-family: "maldron"; content: '\e64c' } .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-earth:before, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-earth:before { font-size: 31px } .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-couple:before, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-couple:before { font-family: "maldron"; content: '\e64d' } .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-family:before, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-family:before { font-family: "maldron"; content: '\e64d' } .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-solo:before, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-solo:before { font-family: "maldron"; content: '\e64f' } .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-business:before, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-business:before { font-family: "maldron"; content: '\e64b' } .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-chevron-down, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-chevron-down { top: -14px } .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-chevron-down:before, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-chevron-down:before { font-size: 15px } .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .title, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .title { font-family: "Albert", sans-serif; font-size: 1.1em; margin-left: 20px } .reviews .trust_you .filter-languages .dropdown.open:before, .reviews .trust_you .filter-travelers-mobile .dropdown.open:before { border-top-color: #e5e5e5 } .reviews .trust_you .filter-languages .dropdown.open .link-content .ty-icon.ty-icon-chevron-down, .reviews .trust_you .filter-travelers-mobile .dropdown.open .link-content .ty-icon.ty-icon-chevron-down { top: 5px } .reviews .trust_you .filter-languages .dropdown .dropdown-menu li, .reviews .trust_you .filter-travelers-mobile .dropdown .dropdown-menu li { background: #fff } .reviews .trust_you .filter-languages .dropdown .dropdown-menu li:hover, .reviews .trust_you .filter-travelers-mobile .dropdown .dropdown-menu li:hover { background: #f3f3f3 } .reviews .trust_you .filter-languages .dropdown:before, .reviews .trust_you .filter-travelers-mobile .dropdown:before { background: transparent; border: 0 } .reviews .trust_you .review-highlights { padding-top: 2px; padding-bottom: 0; border-bottom: 0 } .reviews .trust_you .review-highlights h1 { color: #fdb913; font-size: 25px; font-weight: 300 } .reviews .trust_you .review-highlights .toggle-details { margin-top: 2px } .reviews .trust_you .review-highlights .category { margin-top: 10px; margin-bottom: 15px } .reviews .trust_you .review-highlights .category:last-child { margin-bottom: 0 } .reviews .trust_you .review-highlights .category h2 { color: #545559; font-size: 15px; margin-bottom: 1px; font-weight: 600 } .reviews .trust_you .review-highlights .category .category-stats { margin-bottom: 5px } .reviews .trust_you .review-highlights .category .category-stats .rating .score { color: #545559 } .reviews .trust_you .review-highlights .category .category-stats .rating .score .text-pos, .reviews .trust_you .review-highlights .category .category-stats .rating .score .text-neu, .reviews .trust_you .review-highlights .category .category-stats .rating .score .text-neg { color: #fdb913 } .reviews .trust_you .review-highlights .category .category-stats .bar-chart { height: 15px; margin: 6px 5px 8px 0 } .reviews .trust_you .review-highlights .category .category-stats .bar-chart .value-pos { background: #fdb913 } .reviews .trust_you .review-highlights .category .category-stats .bar-chart .value-neu { background: #fdb913 } .reviews .trust_you .review-highlights .category .category-stats .bar-chart .value-neg { background: #fdb913 } .reviews .trust_you .review-highlights .category .category-stats .review-count { color: rgba(253, 185, 19, 0.7) } .reviews .trust_you .review-highlights .category .category-stats .category-result { *zoom: 1; width: 100%; padding-top: 0; margin-top: 0 } .reviews .trust_you .review-highlights .category .category-stats .category-result:before, .reviews .trust_you .review-highlights .category .category-stats .category-result:after { content: " "; display: block !important } .reviews .trust_you .review-highlights .category .category-stats .category-result:after { clear: both } .reviews .trust_you .review-highlights .category .category-stats .category-result .result-text { padding-top: 37px; padding-left: 0px } .reviews .trust_you .review-highlights .category .category-stats .category-result:first-child .result-text.truncate-on:after, .reviews .trust_you .review-highlights .category .category-stats .category-result:first-child .result-text.truncate-off:after { top: 37px } .reviews .trust_you .review-highlights .category .category-stats .category-result[class*="subcat"] .bar-chart { width: 80px; height: 10px } .reviews .trust_you .review-highlights .category .category-stats .category-result[class*="subcat"] .bar-chart.pos .value, .reviews .trust_you .review-highlights .category .category-stats .category-result[class*="subcat"] .bar-chart.neu .value, .reviews .trust_you .review-highlights .category .category-stats .category-result[class*="subcat"] .bar-chart.neg .value { background: #E4B6A9 } .reviews .trust_you .review-highlights .category .category-stats .category-result[class*="subcat"] .result-text { padding-top: 0px } .reviews .trust_you .review-highlights .category .category-stats .result-text p { padding-bottom: 5px } .reviews .trust_you .review-highlights .category .category-stats .result-text p, .reviews .trust_you .review-highlights .category .category-stats .result-text pos, .reviews .trust_you .review-highlights .category .category-stats .result-text neu, .reviews .trust_you .review-highlights .category .category-stats .result-text neg { color: #fdb913; font-size: 15px; font-weight: 400 } .reviews .trust_you .review-highlights .category .category-stats .result-text p strong, .reviews .trust_you .review-highlights .category .category-stats .result-text pos strong, .reviews .trust_you .review-highlights .category .category-stats .result-text neu strong, .reviews .trust_you .review-highlights .category .category-stats .result-text neg strong { color: #545559; font-weight: 600 } .reviews .trust_you .review-highlights .category .category-stats .result-text[class*="truncate"]:after { width: 20px; height: 20px; color: #545559; font-size: 1.8em; line-height: 0.6em } .reviews .trust_you .review-highlights .category .category-details span { color: #545559; font-size: 16px; font-weight: 400 } .reviews .trust_you .review-highlights .category .category-details .snippet span { margin: 4px 2px 0px 0 } .reviews .trust_you .gtk { border-bottom: 0px } .reviews .trust_you .gtk h1 { color: #fdb913 } .reviews .trust_you .gtk h2 { color: #545559; font-size: 15px; font-weight: 600; line-height: 1em; padding-bottom: 12px } .reviews .trust_you .gtk ul li { width: 100% } .reviews .trust_you .gtk ul li .snippet span { color: #545559; font-weight: 400; margin: 0 2px 0 5px } .reviews .trust_you .gtk li { margin-bottom: 31px } .reviews .trust_you .gtk .ty-icon { font-family: "maldron" } .reviews .trust_you .gtk .ty-icon.ty-icon-ok:before { content: '\e61c'; font-size: 19px } .reviews .trust_you .gtk .text-green { color: #1D9820 } .reviews .trust_you footer { display: none } .reviews .latest_reviews .toggleReviews { position: relative; font-weight: 600; cursor: pointer } .reviews .latest_reviews .toggleReviews:after { font-family: "maldron"; font-size: 10px; content: '\e623'; color: #fdb913; position: absolute; right: -17px; top: 0px } .reviews .latest_reviews .toggleReviews.chev_dir:after { content: '\e621' } .reviews .latest_reviews a.verified-reviews { min-height: 50px; min-width: 50%; float: right; margin-top: 50px } .reviews .latest_reviews #review_list { margin-top: 20px } .reviews .latest_reviews .reviewPage { display: none } .reviews .latest_reviews .reviewPage.selected { display: block } .reviews .latest_reviews .review_page_links { margin: 50px auto 20px; text-align: center; max-width: 100% } .reviews .latest_reviews #prev_rev_link, .reviews .latest_reviews #next_rev_link { display: inline-block; width: 18px; height: 28px; margin-bottom: -9px; cursor: pointer; position: relative } .reviews .latest_reviews #prev_rev_link:before, .reviews .latest_reviews #next_rev_link:before { font-family: "maldron"; font-size: 23px; color: #fdb913; position: absolute; top: 3px } .reviews .latest_reviews #prev_rev_link:before { content: "\e60e"; left: -4px } .reviews .latest_reviews #next_rev_link:before { content: "\e60f"; right: -3px } .reviews .latest_reviews #prev_rev_link:hover:before, .reviews .latest_reviews #next_rev_link:hover:before { color: #262626 } .reviews .latest_reviews .rev_link { display: inline-block; width: 25px; height: 25px; text-align: center; background: #fdb913; color: #f3f3f3; border-radius: 50px; font-size: 15px; padding-top: 2px; margin: 0 7px 10px; cursor: pointer } .reviews .latest_reviews .rev_link.selected { color: #5F6369; background: #f3f3f3; font-weight: 600 } .reviews .latest_reviews .rev_link:hover { color: #fdb913; background: #5F6369 } .reviews .lv-read-header { display: none } .reviews .hreview { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #fdb913; position: relative } .reviews .hreview .stars { position: absolute; top: 30px; left: 10px } .reviews .hreview .date-author-edit { font-size: 18px; line-height: 22px; margin-bottom: 35px } .reviews .hreview .description { font-size: 16px; line-height: 22px; padding: 15px 0px 30px 0px } .reviews .lv-paginator:not(a) { border-bottom: 1px solid #fdb913; text-align: center; padding: 10px 0px } .reviews .lv-paginator:not(a) a { display: inline-block; font-size: 16px } .reviews .lv-paginator:not(a) a:before, .reviews .lv-paginator:not(a) a:after { color: #00a9ce; font-size: 14px } .reviews .lv-paginator:not(a) a.lv-next:after { content: '' } .reviews .lv-paginator:not(a) a.lv-prev:before { content: '\e612' } .reviews h2.review_h2 { font-size: 25px; color: #fdb913; margin: 0px 0px 15px 0px } @media only screen and (min-width: 600px) { .reviews .trust_you .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-chevron-down, .reviews .trust_you .filter-travelers-mobile [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-chevron-down { top: -21px } .reviews .centered { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377% } .reviews h2.review_h2 { font-size: 25px; color: #fdb913; margin: 0px 0px 15px 0px } } @media only screen and (min-width: 769px) { .reviews .hreview .stars { top: 30px; left: 10px } .reviews .con_001 h1, .reviews .con_001b h1 { font-size: 45px; padding: 31px 0 0 } .reviews section.filters { position: relative } .reviews .trust_you .filter-travelers-mobile .dropdown:before, .reviews .trust_you .filter-languages .dropdown:before, .reviews .trust_you .filter-travelers ul li:before { border: 0; margin-top: 0; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px } .reviews .trust_you header { padding: 1px 5px 0px; margin-bottom: 0 } .reviews .trust_you header section+section { margin-top: 8px } .reviews .trust_you header .filters .filter-languages { vertical-align: -webkit-baseline-middle; vertical-align: middle } .reviews .trust_you header .filters .filter-languages .dropdown { height: 64px; border-top-left-radius: 20px; border-top-right-radius: 20px } .reviews .trust_you header .filters .filter-languages .dropdown .title { margin-left: 2px; font-size: 0.9em; text-align: center } .reviews .trust_you header .filters .filter-languages .dropdown:hover { background: #fff } .reviews .trust_you header .filters .filter-languages .dropdown.open .link-content .ty-icon.ty-icon-chevron-down { height: 15px } .reviews .trust_you header .filters .filter-languages .dropdown.open .link-content .ty-icon.ty-icon-chevron-down:before { font-size: 21px } .reviews .trust_you header .filters .filter-languages .dropdown.open:before { background: #fff; border: 0 } .reviews .trust_you header .filters .filter-languages .dropdown:after { content: ""; border: 0 } .reviews .trust_you header .filters .filter-languages [data-toggle="dropdown"] { background: transparent; color: #545559; border: 0 } .reviews .trust_you header .filters .filter-languages [data-toggle="dropdown"] .link-content .ty-icon { top: 10px; line-height: 0 } .reviews .trust_you header .filters .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-chevron-down { height: 0px; margin-left: 12px; top: 5px; right: 1px } .reviews .trust_you header .filters .filter-languages [data-toggle="dropdown"] .link-content .ty-icon.ty-icon-chevron-down:before { font-size: 22px } .reviews .trust_you header .filters .filter-travelers ul li { height: 64px; width: 18%; border-top-left-radius: 20px; border-top-right-radius: 20px; margin: 0 1% } .reviews .trust_you header .filters .filter-travelers ul li:hover { background: #fff } .reviews .trust_you header .filters .filter-travelers a { padding-top: 17px } .reviews .trust_you header .filters .filter-travelers a .link-content { padding-left: 51px } .reviews .trust_you header .filters .filter-travelers a .link-content .title { color: #545559; font-size: 0.9em } .reviews .trust_you header .filters .filter-travelers .ty-icon { color: #fdb913; font-size: 1.7em; top: -5px; left: 9px } .reviews .trust_you header .filters .filter-travelers .ty-icon.ty-icon-couple:before { font-family: "maldron"; content: '\e64d' } .reviews .trust_you header .filters .filter-travelers .ty-icon.ty-icon-family:before { font-family: "maldron"; content: '\e64e' } .reviews .trust_you header .filters .filter-travelers .ty-icon.ty-icon-solo:before { font-family: "maldron"; content: '\e64f' } .reviews .trust_you header .filters .filter-travelers .ty-icon.ty-icon-business:before { font-family: "maldron"; content: '\e64b' } .reviews .trust_you .review-highlights h1 { font-size: 35px; font-weight: 300; color: #fdb913; margin: 25px 0 24px } .reviews .trust_you .review-highlights .category h2 { font-weight: 600; line-height: 1em; padding: 3px 0 0 } .reviews .trust_you .review-highlights .category .category-stats { width: 340px } .reviews .trust_you .review-highlights .category .category-stats h2 { width: 35.44788%; float: left; margin-right: 3.28339%; display: inline; padding-top: 7px; padding-left: 4px } .reviews .trust_you .review-highlights .category .category-stats .rating { width: 61.26873%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline; float: left; margin: 0 } .reviews .trust_you .review-highlights .category .category-stats .review-count { width: 48.35831%; margin-right: 3.28339%; display: inline; margin-right: -100%; margin-left: 38.56885%; padding-top: 20px; float: none } .reviews .trust_you .review-highlights .category .category-stats .category-result:after { clear: none } .reviews .trust_you .review-highlights .category .category-stats .bar-chart { margin-bottom: 0 } .reviews .trust_you .review-highlights .category .category-details { padding-left: 340px } .reviews .trust_you .gtk { border-bottom: 0px } .reviews .trust_you .gtk h1 { font-size: 40px; line-height: 1.3em; color: #fdb913; padding-top: 20px; padding-bottom: 40px } .reviews .trust_you .gtk h2 { font-size: 15px; font-weight: 600; line-height: 1em; padding-bottom: 12px } .reviews .trust_you .gtk li { margin-bottom: 31px } .reviews .trust_you .gtk .ty-icon { font-family: "maldron" } .reviews .trust_you .gtk .ty-icon.ty-icon-ok:before { content: '\e61c'; font-size: 19px } .reviews .trust_you .gtk .text-green { color: #1D9820 } .reviews .trust_you .gtk .snippet { color: #545559; font-weight: 300 } .reviews h2.review_h2 { font-size: 40px; line-height: 1.3em; margin-bottom: 23px } .reviews .latest_reviews a.verified-reviews { min-width: 0 } .reviews .centered { width: 65.94492%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 17.02754% } } .reviews .new_review input[type=button] { font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #FFF; display: inline-block; padding: 9px 18px 8px 18px; margin: 0px 0px 10px 0px; border: 0px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #fdb913; background: -moz-linear-gradient(top, #fdc846 0%, #fdb913 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdc846), color-stop(100%, #fdb913)); background: -webkit-linear-gradient(top, #fdc846 0%, #fdb913 100%); background: -o-linear-gradient(top, #fdc846 0%, #fdb913 100%); background: -ms-linear-gradient(top, #fdc846 0%, #fdb913 100%); background: linear-gradient(to bottom, #fdc846 0%, #fdb913 100%); cursor: pointer } .reviews .new_review input[type=button]:hover { background: #fdb913; background: -moz-linear-gradient(top, #fed05f 0%, #fdb913 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fed05f), color-stop(100%, #fdb913)); background: -webkit-linear-gradient(top, #fed05f 0%, #fdb913 100%); background: -o-linear-gradient(top, #fed05f 0%, #fdb913 100%); background: -ms-linear-gradient(top, #fed05f 0%, #fdb913 100%); background: linear-gradient(to bottom, #fed05f 0%, #fdb913 100%) } .reviews .new_review #lv_reviews h3 { display: none } .reviews .new_review .lv_write label { display: inline-block; font-size: 18px; line-height: 24px } .reviews .new_review .lv_write textarea { width: 100%; height: 120px; display: block; margin: 5px 0 20px 0; padding: 6px 8px 6px 7px; background: none repeat scroll 0 0 white; border: 1px solid #d2d0d0; border-radius: 5px; box-sizing: border-box } .reviews .new_review .lv-review-rating { border-top: 1px solid #fdb913; border-bottom: 1px solid #fdb913; padding: 20px 0px; margin-bottom: 20px } .reviews .new_review .lv-star-block { margin-left: 15px; display: inline-block } .reviews .new_review .lv-star-block .rating { display: block } .reviews .new_review .lv-star-block .lv-star-rating { font-size: 20px; margin-right: 20px; display: inline-block; position: relative; cursor: pointer; color: #fdb913 } .reviews .new_review .lv-star-block .lv-star-rating:before { font-family: "maldron"; position: absolute } .reviews .new_review .lv-star-block .lv-star-rating a { visibility: hidden } .reviews .new_review .lv-star-block .lv-star-rating-live:before { content: '\e61a' } .reviews .new_review .lv-star-block .lv-star-rating-hover:before, .reviews .new_review .lv-star-block .lv-star-rating-on:before { content: '\e61b' } .reviews .new_review .lv-submitarea { text-align: center } .reviews .new_review .lv-submitarea .lv-register-send { margin-bottom: 0px; display: inline-block; cursor: pointer } .reviews .new_review .return { border-bottom: 1px solid #fdb913; border-top: 1px solid #fdb913; clear: both; padding: 10px 0; text-align: center; width: 100%; margin-top: 20px } .reviews .new_review .return .icon-expand-left:before { color: #00a9ce; left: 0; font-size: 12px; position: absolute } .reviews .new_review .return .icon-expand-left { color: #00a9ce; display: inline-block; font-size: 16px; padding-left: 15px; position: relative; text-decoration: none } @media only screen and (min-width: 600px) { .reviews .new_review { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377% } .reviews .new_review .lv_write textarea { height: 240px } } @media only screen and (min-width: 950px) { .reviews .new_review { width: 65.94492%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 17.02754% } } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable { width: 290px; background: #fff; padding: 15px; border-radius: 2px; border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 0px 0px #d1ccc8; box-shadow: 2px 2px 0px 0px #d1ccc8; position: fixed !important; top: 10% !important; left: 50% !important; margin-left: -170px } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .lvui-dialog-title { font-size: 25px; color: #fdb913 } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable p { *zoom: 1; width: 100%; margin-bottom: 10px } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable p:before, .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable p:after { content: " "; display: block !important } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable p:after { clear: both } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .lvui-dialog-titlebar-close.lvui-corner-all { float: right; margin-right: -10px } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable a { color: #fff !important } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .lvui-icon.lvui-icon-closethick { height: 30px; width: 30px; color: #fff; text-decoration: none; position: relative } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .lvui-icon.lvui-icon-closethick:after { font-family: "maldron"; color: #D6D1C7; content: '\e600'; position: absolute; top: 0px; left: 10px } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .lvui-dialog-titlebar.lvui-widget-header.lvui-corner-all.lvui-helper-clearfix { margin-bottom: 20px } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .lv-reg-form { text-align: center } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .lv-reg-form p { margin-bottom: 0px } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .lv-input-fit.lv-credentials { width: 150px; float: right } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .fb-title, .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .twitter-title { text-align: center } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .fb-title strong, .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .twitter-title strong { display: block; text-align: center; margin: 20px 0px 10px 0px } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .fb-login, .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .twitter-login { display: block; text-align: center } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable #fb_login_image, .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable #twitter_login_image { width: 170px; text-align: center } .reviews .lvui-dialog.lvui-widget.lvui-widget-content.lvui-corner-all.lvui.lvui-draggable.lvui-resizable .lvui-dialog-buttonpane.lvui-widget-content.lvui-helper-clearfix { text-align: center } .container_reviews { *zoom: 1 !important; width: auto !important; padding-left: 1.063em !important; padding-right: 1.063em !important; margin-left: auto !important; margin-right: auto !important; max-width: 70.5353em !important; font-size: 16px; font-style: normal; font-family: Albert, sans-serif; font-weight: 300 } @media only screen and (min-width: 950px) { .container_reviews { padding-left: 4% !important; padding-right: 4% !important } } .reviews_menu { margin-right: -1.263em !important } @media only screen and (min-width: 600px) { .promotional_corporate .page_content { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377% } } @media only screen and (min-width: 950px) { .promotional_corporate .page_content { width: 65.94492%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 17.02754% } } .sitemap .page_item { list-style: none; display: block; margin-top: 5px } .sitemap .page_item .children { padding-left: 10px } .sitemap .page_item .children .page_item:before { content: '-- ' } .sitemap .page_item a { font-size: 16px } .sitemap .sitemap_container { max-width: 52em; margin: 0 auto } .sitemap .sitemap_container>li { padding-bottom: 10px } .sitemap .sitemap_container>li:nth-child(4n+5) { clear: both } .special_offers .container h2 { font-family: "adobe-caslon-pro", serif; display: block; color: #fdb913; margin: 25px 0px 5px 0px; *zoom: 1; width: 100% } .special_offers .container h2:before, .special_offers .container h2:after { content: " "; display: block !important } .special_offers .container h2:after { clear: both } .special_offers .container p { margin-bottom: 15px } .special_offers .container .offer_div { *zoom: 1; width: 100%; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; display: block; background: #FFF; padding-top: 10px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #cbcbcb; margin-top: 25px } .special_offers .container .offer_div:before, .special_offers .container .offer_div:after { content: " "; display: block !important } .special_offers .container .offer_div:after { clear: both } .special_offers .container .offer_div a { font-size: 14px !important; color: #00a9ce !important; text-decoration: none !important; font-family: "Albert", sans-serif !important } .special_offers .container .offer_div .offer_left { height: 90px; width: 120px; position: absolute; top: 15px; left: 15px } .special_offers .container .offer_div .offer_left img { width: 100% } .special_offers .container .offer_div .offer_right { display: block; padding: 0px 0px 0px 130px } .special_offers .container .offer_div .offer_right .offer_title { font-size: 18px; line-height: 20px; text-transform: uppercase; color: #fdb913; font-family: "Albert", sans-serif; font-weight: 700; font-family: "Albert", sans-serif !important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } .special_offers .container .offer_div .offer_right .offer_desc { font-size: 14px; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: 400; font-family: "Albert", sans-serif !important } .special_offers .container .offer_div .offer_bottom { display: block; padding: 22px 0px 10px 100px } .special_offers .container .offer_div .offer_bottom a { font-size: 16px; font-family: "Albert", sans-serif !important; text-transform: uppercase; text-decoration: none; color: #FFF; display: inline-block; padding: 6px 2px 6px 17px; margin: 0px 0px 10px 0px; border: 0px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; height: 20px; line-height: 20px; text-decoration: none; text-transform: uppercase; vertical-align: baseline; width: 90px; position: relative; background: #fdb913; background: -moz-linear-gradient(left, #fdb913 0%, #fdb913 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fdb913), color-stop(100%, #fdb913)); background: -webkit-linear-gradient(left, #fdb913 0%, #fdb913 100%); background: -o-linear-gradient(left, #fdb913 0%, #fdb913 100%); background: -ms-linear-gradient(left, #fdb913 0%, #fdb913 100%); background: linear-gradient(to right, #fdb913 0%, #fdb913 100%); cursor: pointer } .special_offers .container .offer_div .offer_bottom a:hover { background: #1e5799; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #fdb913 0%, #fed05f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fdb913), color-stop(100%, #fed05f)); background: -webkit-linear-gradient(left, #fdb913 0%, #fed05f 100%); background: -o-linear-gradient(left, #fdb913 0%, #fed05f 100%); background: -ms-linear-gradient(left, #fdb913 0%, #fed05f 100%); background: linear-gradient(to right, #fdb913 0%, #fed05f 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=1) } .special_offers .container .offer_div .offer_bottom a:before { color: #fff; position: absolute; content: 'BOOK NOW'; top: 6px; left: 18px } .special_offers .container .offer_div .offer_bottom a:hover { color: #02d2ff } .special_offers .container .offer_div .offer_bottom a img { display: none } @media only screen and (min-width: 600px) { .special_offers .container { padding-top: 20px } .special_offers .container h2 { width: 100%; font-family: "adobe-caslon-pro", serif; font-size: 44px; color: #fdb913; margin: 10px 0px 10px 0px; display: block } .special_offers .container p { margin-bottom: 30px } .special_offers .container .offer_div { height: 190px; border: 0px; padding: 10px 0px 1px 0px; margin: 15px 0px 2px -2px; vertical-align: top; border: 1px solid #e5e5e5 } .special_offers .container .offer_div .offer_left { top: 20px; width: 120px } .special_offers .container .offer_div .offer_bottom a { margin-right: 20px; position: absolute; right: 0px; bottom: 10px } .special_offers .container .offer_div .offer_right { padding: 7px 0px 0px 132px } .special_offers .container .offer_div .offer_right .offer_title, .special_offers .container .offer_div .offer_right .offer_desc { margin-left: 20px; margin-right: 20px } .special_offers .container .offer_div:nth-child(odd) { width: 48.91739%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .special_offers .container .offer_div:nth-child(even) { width: 48.91739%; float: left; margin-right: 2.16523%; display: inline } } @media only screen and (min-width: 950px) { .special_offers .container { padding-top: 15px } .special_offers .container h2 { margin: 20px 0px 25px 0px } .special_offers .container p { margin-bottom: 30px } .special_offers .container .offer_div { height: auto; min-height: 120px } } #modal_target_news { top: 15% } #modal_target_news .close { top: -15px; margin-right: 50%; right: -61% } @media only screen and (min-width: 600px) { #modal_target_news { top: 50%; margin-top: -200px; width: 400px; left: 50%; margin-left: -200px; position: fixed; z-index: 100 } #modal_target_news .close { right: -205px } } .newsletter_content { background: #262626; width: 100%; height: 345px; padding: 0px 20px; margin-left: -25px; position: relative } @media only screen and (min-width: 600px) { .newsletter_content { width: 360px; height: 420px; left: 50%; margin-left: -210px } } .newsletter_content .txtDefault { color: #fdb913; font-size: 14px; line-height: 28px } .newsletter_content .pad40 { padding: 10px; text-align: center } .newsletter_content h3 { font-size: 14px; line-height: 24px; text-transform: uppercase; color: #fdb913; text-align: center; padding: 10px 10px 5px 10px } @media only screen and (min-width: 600px) { .newsletter_content h3 { font-size: 18px } } .newsletter_content .buttonBox { width: 100%; display: inline-block; text-align: center } .newsletter_content .inputLabel { display: none } @media only screen and (min-width: 600px) { .newsletter_content .inputLabel { display: block } } .newsletter_content .input { padding: 0px; display: block; float: left; position: relative; background: #fff; border: 1px solid #fff; width: 95%; margin-bottom: 12px } .newsletter_content .input:firstChild { margin-top: 12px } @media only screen and (min-width: 600px) { .newsletter_content .input { padding-left: 5px; padding-right: 5px } } .newsletter_content .input input { color: #fdb913; font-size: 14px; line-height: 24px; height: 24px; display: block; border: 0px; width: 100%; background: transparent; padding-left: 5px } .newsletter_content .input input::-webkit-input-placeholder { color: rgba(59, 36, 28, 0.9); font-size: 12px; font-weight: bold; line-height: 28px; padding-left: 5px } .newsletter_content .input input:-moz-placeholder { color: rgba(59, 36, 28, 0.9); font-size: 12px; font-weight: bold; line-height: 28px; padding-left: 5px } .newsletter_content .input input::-moz-placeholder { color: rgba(59, 36, 28, 0.9); font-size: 12px; font-weight: bold; line-height: 28px; padding-left: 5px } .newsletter_content .input input:-ms-input-placeholder { color: rgba(59, 36, 28, 0.9); font-size: 12px; font-weight: bold; line-height: 28px; padding-left: 5px } @media only screen and (min-width: 600px) { .newsletter_content .input input::-webkit-input-placeholder { opacity: 0; font-size: 0px } .newsletter_content .input input:-moz-placeholder { opacity: 0; font-size: 0px } .newsletter_content .input input::-moz-placeholder { opacity: 0; font-size: 0px } .newsletter_content .input input:-ms-input-placeholder { opacity: 0; font-size: 0px } } .newsletter_content li { display: block; font-size: 14px; line-height: 24px; color: #fff; margin: 0px 0px 0px 0px; padding-left: 5px; position: relative } .newsletter_content .loading { height: 30px; width: 32px; background-size: 32px 30px !important; background: url("../images/ajax-loader32.gif") no-repeat center center; background-repeat: no-repeat; background-position: center } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .newsletter_content .loading { background-size: 32px 30px; background-image: url("../images/ajax-loader32@2x.gif"); background-image: url("../images/ajax-loader32.gif") \9; background-position: center center } } @media only screen and (min-width: 600px) { .newsletter_content .form_content { padding: 10px } } @media only screen and (min-width: 950px) { .newsletter_content { width: 360px; height: 420px; left: 50%; margin-left: -210px } } .newsletter_content #background_status { display: none; width: 100%; height: 100% } .newsletter_content #news_thanks { display: none; line-height: 30px } .newsletter_content #news_error { display: none } .leisure .container { margin-bottom: 5% } .leisure .sid_009 { display: block } .leisure .sidebar .sid_009, .leisure .sidebar .sid_002 { display: none } @media only screen and (min-width: 600px) { .leisure .sid_009 { display: none; margin-bottom: 0px; border: 0px } .leisure .sidebar .sid_009 { display: block } .leisure .main { margin-top: 12px } } @media only screen and (min-width: 950px) { .leisure .sid_009, .leisure .sid_002 { display: none } .leisure .sidebar h4 { font-size: 18px } .leisure .sidebar .sid_009, .leisure .sidebar .sid_002 { display: block } .leisure .sidebar .sid_009+.sid_002 { padding-top: 30px; border-top: 1px solid rgba(92, 74, 62, 0.25) } .leisure .main { margin-top: 12px } } .wedding_enquiry .sid_009 { margin: 0 0 60px 0 } .wedding_enquiry .sid_009 .item { background: #fff } @media only screen and (min-width: 600px) { .wedding_enquiry .sid_009 { margin: 0; margin-bottom: 20px } .wedding_enquiry .sid_009 .item { background: transparent } } @media only screen and (min-width: 950px) { .wedding_enquiry h3 { font-size: 22px; line-height: 26px; padding-bottom: 7px } } .seasonal_offers p { color: #5F6369; font-weight: 300; line-height: 20px; font-size: 14px } .seasonal_offers .grey_bg { width: 100%; height: auto; background: #f3f3f3 } .seasonal_offers .grey_bg .container .content_block:first-child, .seasonal_offers .grey_bg .container .content_block:nth-child(2) { margin-top: 0px } .seasonal_offers .content_block { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; height: auto; background: #FFF; display: block; padding: 0px 1.063em 0px 1.063em } .seasonal_offers .content_block:last-of-type { border-bottom: 0px solid #fdb913 } .seasonal_offers .vid_001b { display: none } .seasonal_offers h4 { color: #fdb913 } .seasonal_offers .con_002 { margin-bottom: 0px; padding-bottom: 0px; font-weight: normal } .seasonal_offers .con_002 .call, .seasonal_offers .con_002 .mail { border-bottom: 1px solid #FEDCB7; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; padding: 15px 45px; font-weight: 300 } .seasonal_offers .con_002 .call:before, .seasonal_offers .con_002 .mail:before { left: 1.063em } .seasonal_offers .con_002 p { font-weight: normal } .seasonal_offers .con_004 { padding: 17px 0 20px 16px } .seasonal_offers .con_004 .before, .seasonal_offers .con_004 .after { display: none } .seasonal_offers .con_004 ul li { color: #fdb913; font-size: 14px; font-weight: normal; padding-bottom: 10px } .seasonal_offers .con_005 .before, .seasonal_offers .con_005 .after { display: none } .seasonal_offers .con_005 .content h4 { color: #fdb913; margin-bottom: 11px } .seasonal_offers .con_005 .content p { color: #fdb913; font-weight: normal } .seasonal_offers .con_005:first-of-type { padding-bottom: 10px } .seasonal_offers .con_006 { padding-top: 17px; padding-bottom: 17px } .seasonal_offers .con_006 .before { display: none } .seasonal_offers .con_006 .hreview .description { font-weight: normal; line-height: 20px } .seasonal_offers h3 { color: #5F6369; text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: 500; margin: 0px 0px 11px 0px } @media only screen and (min-width: 600px) { .seasonal_offers .grey_bg .container { padding-top: 30px } .seasonal_offers .grey_bg .container .content_block:first-child, .seasonal_offers .grey_bg .container .content_block:nth-child(2) { margin-top: 0px } .seasonal_offers .content_block { width: 48.91739%; float: left; margin-right: 2.16523%; display: inline; padding: 0px; margin: 0 0 30px 0; border-top: 0px solid #fdb913; -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.13); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.13) } .seasonal_offers .vid_001b { display: block !important } .seasonal_offers .tablet_layout { width: 48.91739%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .seasonal_offers .vid_001b { display: none } .seasonal_offers .con_001 .title_line, .seasonal_offers .con_001b .title_line { width: 90%; margin: 0 auto } .seasonal_offers .con_001 .title_line h1, .seasonal_offers .con_001b .title_line h1 { max-width: 100% } .seasonal_offers .con_001 p, .seasonal_offers .con_001b p { font-size: 20px; line-height: 24px } .seasonal_offers .temp_image { display: block; width: 100%; height: 180px } .seasonal_offers .con_002 { margin-bottom: 0px; padding-bottom: 0px } .seasonal_offers .con_002 p { padding: 10px 0px 0px 1.063em } .seasonal_offers .con_002 .call, .seasonal_offers .con_002 .mail { border-bottom: none; margin: 0px; padding: 5px 45px } .seasonal_offers .con_002 .call:before, .seasonal_offers .con_002 .mail:before { left: 1.063em } .seasonal_offers .con_003 .map a { padding: 0px } .seasonal_offers .con_003 .text a { padding: 8px 0px } .seasonal_offers .con_005 { padding-top: 0px } .seasonal_offers .con_005 .image { height: 180px; padding: 0px } .seasonal_offers .con_005 .content { padding: 16px 1.063em 0px 1.063em } .seasonal_offers .con_005 .content h4 { margin-bottom: 11px } .seasonal_offers .con_006 { margin-top: 0px } .seasonal_offers .con_006 h3 { padding-left: 16px } } @media only screen and (min-width: 950px) { .seasonal_offers .content_block, .seasonal_offers .tablet_layout { width: 31.88985%; float: left; margin-right: 2.16523%; display: inline } .seasonal_offers .desktop_layout { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .seasonal_offers .grey_bg .container { padding-top: 25px } .seasonal_offers .con_001, .seasonal_offers .con_001b { width: 82.97246%; float: left; margin-right: 2.16523%; display: inline; margin-right: -100%; margin-left: 8.51377%; display: block; float: none } .seasonal_offers .con_001 .title_line, .seasonal_offers .con_001b .title_line { width: 100%; margin: 0 auto } .seasonal_offers .con_001 p, .seasonal_offers .con_001b p { font-size: 23px; line-height: 28px } } .park_and_fly h1 { padding-bottom: 15px } .park_and_fly .sidebar { background: transparent; margin-top: 5px } .park_and_fly .sid_003 { margin-top: 25px; background: #D6D1C7 } .park_and_fly .sid_003 h4 { text-transform: uppercase; font-weight: 500 } .park_and_fly .sid_009 { margin-top: 25px } .park_and_fly .sid_009 .item { font-size: 18px; text-transform: uppercase; font-weight: 500 } .park_and_fly .sid_009 a { background: #D6D1C7; font-weight: 300 } .park_and_fly h3 { font-size: 30px; line-height: 33px; color: #fdb913 } .park_and_fly p+h3 { padding: 8px 0 0 } .park_and_fly ul+p { margin-top: 0px } .park_and_fly li { padding: 5px 0 } .park_and_fly .main { margin-bottom: 80px } .park_and_fly .main a { font-weight: 600 } @media only screen and (min-width: 600px) { .park_and_fly .main { width: 57.43115%; float: left; margin-right: 2.16523%; display: inline } .park_and_fly .main a { font-weight: 300 } .park_and_fly .con_020 { margin-top: -25px } .park_and_fly .sidebar { width: 31.88985%; float: right; margin-right: 0; *margin-left: -1.5127em; display: inline } .park_and_fly .login_form { padding-top: 20px } .park_and_fly .login_form h4 { font-size: 18px } .park_and_fly .sid_009 { background: #D6D1C7; padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; margin-top: 25px; padding-top: 20px; padding-bottom: 15px } .park_and_fly .sid_003 { padding: 0px 1.063em 0px 1.063em; margin: 0px -1.063em 0px -1.063em; margin-top: 25px; padding: 20px; border-top: 0px !important } .park_and_fly .sid_003 li { margin-bottom: 0px } .park_and_fly .car_room_content p { line-height: 27px } .park_and_fly .car_room_content button { width: auto } .park_and_fly ul+h3 { padding-top: 8px } } @media only screen and (min-width: 950px) { .park_and_fly .sid_009 a { padding-left: 30px; margin: 0px 0px 0px 0px } .park_and_fly .sid_009 a:before { left: 3px } } .main_body { background-color: #fff } .mobile_menu { position: absolute; display: block; z-index: 1; top: 0px; left: -250px } @media only screen and (min-width: 950px) { .mobile_menu { display: none } .mobile_modal_bg { display: none !important } } .main_body { height: 100%; width: 100%; position: relative; z-index: 10 } #footer { width: 100%; position: relative; z-index: 9 } @media only screen and (min-width: 950px) { .main_body { position: relative !important; left: 0px !important } } .header { display: block; position: relative; z-index: 25 } .header .nav_001 { z-index: 25 } .header .desktop_menu { display: none } @media only screen and (min-width: 950px) { .header { position: relative } .header nav_001 { z-index: 25 } .header .desktop_menu { display: block } } /*! jQuery UI - v1.11.1 - 2014-08-13 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; font-size: 100% } .ui-accordion .ui-accordion-icons { padding-left: 2.2em } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none } .ui-button-icon-only { width: 2.2em } button.ui-button-icon-only { width: 2.4em } .ui-button-icons-only { width: 3.4em } button.ui-button-icons-only { width: 3.7em } .ui-button .ui-button-text { display: block; line-height: normal } .ui-button-text-only .ui-button-text { padding: .4em 1em } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em } input.ui-button { padding: .4em 1em } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em } .ui-buttonset { margin-right: 7px } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0 } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0 } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-draggable-handle { -ms-touch-action: none; touch-action: none } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none } .ui-menu .ui-menu { position: absolute } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px } .ui-menu-icons { position: relative } .ui-menu-icons .ui-menu-item { padding-left: 2em } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0 } .ui-menu .ui-menu-icon { left: auto; right: 0 } .ui-progressbar { height: 2em; text-align: left; overflow: hidden } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100% } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: 0.25 } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } .ui-selectable { -ms-touch-action: none; touch-action: none } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0 } .ui-selectmenu-open { display: block } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50% } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-sortable-handle { -ms-touch-action: none; touch-action: none } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0 } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0 } .ui-spinner-up { top: 0 } .ui-spinner-down { bottom: 0 } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px } .ui-tabs { position: relative; padding: .2em } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0 } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa } body .ui-tooltip { border-width: 2px } .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #aaaaaa; color: #222222 } .ui-widget-content a { color: #222222 } .ui-widget-header { border: 1px solid #aaaaaa; color: #222222; font-weight: bold } .ui-widget-header a { color: #222222 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555555 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; font-weight: normal; color: #212121 } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121 } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; color: #363636 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; color: #cd0a0a } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon-blank { background-position: 16px 16px } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -64px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -64px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 0 -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px } .ui-widget-overlay { opacity: .3; filter: Alpha(Opacity=30) } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px } .contact, .dining, .gallery, .gallery_detail, .home, .hotel_list, .hotel_list_page, .maps, .meetings, .meeting_details, .overview, .park_and_fly, .post_things_to_do, .post_upcoming_events, .accommodation, .rooms, .text_page, .upcoming_events, .reviews { background: #fff }