html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong,b{font-weight:bold;}
a{text-decoration:none;}
@font-face {
    font-family: 'TrajanProRegular';
    src: url('../fonts/TrajanProRegular.eot');
    src: url('../fonts/TrajanProRegular.eot') format('embedded-opentype'),
         url('../fonts/TrajanProRegular.woff2') format('woff2'),
         url('../fonts/TrajanProRegular.woff') format('woff'),
         url('../fonts/TrajanProRegular.ttf') format('truetype'),
         url('../fonts/TrajanProRegular.svg#TrajanProRegular') format('svg');
}
@font-face {
    font-family: 'TrajanProBold';
    src: url('../fonts/TrajanProBold.eot');
    src: url('../fonts/TrajanProBold.eot') format('embedded-opentype'),
         url('../fonts/TrajanProBold.woff2') format('woff2'),
         url('../fonts/TrajanProBold.woff') format('woff'),
         url('../fonts/TrajanProBold.ttf') format('truetype'),
         url('../fonts/TrajanProBold.svg#TrajanProBold') format('svg');
}
/* site */
body,html{background-color: #f2f2f2; font-family: 'Montserrat', sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Merriweather', serif; margin-bottom:30px; margin-top:20px;}
h1{font-size:40px;}
h2{font-size:38px;}
h3{font-size:36px;}
h4{font-size:32px;}
h5{font-size:30px;}
h6{font-size:28px;}
.clr{clear:both;}
/* header */
.header{width:100%; height:80px; background:#fff; position:absolute; top:0; z-index:999;}
.logo{text-align:center;  width:160px; height:160px; border-radius:100%; margin:0 auto;  position:relative; z-index:999; position:absolute; display:table; text-align:center; width:100%;}
.logo img{height:230px; margin-top:-7px;  padding:20px; background:#fff;}
.mobile-logo{display:none;}
.header .wrapper{position:relative; z-index:9999;}
ul.main-menu{width:1140px; margin:0 auto; position:relative; z-index:999;}
ul.main-menu li{float:left; line-height:80px; font-family: 'TrajanProBold'; margin-right:75px;}
ul.main-menu li a{color:#000;}
ul.main-menu li:nth-child(3){margin-right:276px;}
ul.main-menu li:nth-child(6){margin-right:0;}
.header-social ul{display:table; margin:0 auto;}
.header-social ul li{float:left;}
.header-social ul li a{border-top:none !important;}
/* content */
.content{}
.page-image{}
.page-image img{width: 100%; height: 550px; object-fit: cover; object-position: center;}
.page-content{width:1140px; padding:40px; box-sizing:border-box; margin:0 auto; background:#fff; margin-top:-4px; color: rgb(64, 64, 64); font-size:14px; line-height:24px;}
.page-content{}
.img-left{float:left; margin-right:15px;}
.room-box{}
.room-box img{margin-top:18px;}
.room-box:hover .overlay{opacity:1;}
.room-box:hover .room-name{opacity:1;} 
.oda-galeri{}
.oda-galeri li{width:33.3333%; float:left; height:100px; overflow:hidden; margin-bottom:10px; padding:5px; box-sizing:border-box;}
.oda-galeri li img{width:100%;}
.overlay{width:calc(100% - 30px); height:calc(100% - 25px); position:absolute; background:rgba(0,0,0,.5); margin:17px 0 0 0px; opacity:0;}
.room-name{position:absolute; bottom:30px; left:30px; color:#fff; font-size:25px; font-family: 'Merriweather', serif;  font-weight:700; z-index:99999; opacity:0;}
ul.galeri{}
ul.galeri li{width:25%; float:left; padding:5px; box-sizing:border-box; margin-bottom:-7px; max-height:187px; overflow:hidden;}
ul.galeri li img{width:100%; height:170px;}
/* grid */
.img-responsive{max-width:100%;}
.frkn-4{width:25%; padding:0 15px; box-sizing:border-box; min-height:1px; float:left; position:relative; overflow:hidden;}
.frkn-3{width:33.3333%; padding:0 15px; box-sizing:border-box; min-height:1px; float:left; position:relative; overflow:hidden;}
.frkn-2{width:50%; padding:0 15px; box-sizing:border-box; min-height:1px; float:left; position:relative; overflow:hidden;}
/* contact */
.contact-map{}
.contact-infos{ font-size:18px; margin-top: 72px; line-height:28px; margin-left:20px;}
.contact-infos a{display:block; color:#000; font-weight:500;}
.contact-infos p{margin-top:20px;}
.contact-infos i{margin-right:10px;}
/* footer */
.footer{padding:15px; box-sizing:border-box; padding-top:15px;width:1140px; margin:0 auto;}
.footer-logo{float:left;}
.footer-logo img{width:150px;}
.footer-menu{float:left; margin-left:150px;}
.footer-menu ul li{line-height:28px; font-weight:500;}
.footer-menu ul li a{color:#000;}
.footer-menu ul li a:hover{color:#666;}
.footer-adress{float:left; margin-left:150px; line-height:28px;}
.footer-adress a{display:block; color:#000; font-weight:500;}
.footer-adress p{margin-top:20px;}
.footer-social{float:right;}
.footer-social ul li{font-size:30px; margin-bottom:10px;}
.footer-social ul li a{color:#000;}
.footer-social ul li a:hover{color:#666;}
.copyright{float:left; margin-top:20px; height:30px; font-size:12px;}
.author{float:right; margin-top:20px;}
.author img{width:100px;}
@media only screen and (max-width: 1141px) {
    .header{position:relative;}
    .main-menu{display:none;}
    .logo{display:none;} 
    .mobile-logo{display:block; text-align: center; position: absolute;  width: 100%;  margin-top: 20px;}
    .mobile-logo img{width:200px;}
    .logo img{margin-top:0; padding:10px; max-width:120px; height:auto;}
    .menu-btn{display:block; font-size:30px; margin-top:25px; left:15px; z-index:9999; cursor:pointer; position:absolute; color:#333;}
    .call-btn{display:block; font-size:30px; margin-top:25px; right:15px; z-index:9999; cursor:pointer; position:absolute; color:#333;}
    .call-btn a{color:#333;}
    .menu-logo{ text-align:center; margin-bottom:20px; margin-top:20px;}
	.menu-logo img{width:80px;}
	.menu-title{height:45px; line-height:45px; color:#fff; background:#333; text-indent:15px;}
	.pushy a{padding:10px 15px !important; color:#333 !important; border-top:1px solid #ddd;}
    .pushy a:hover{color:#000 !important;}
	.pages{margin-bottom:20px; margin-top:20px;}
    .logo img{}
    .page-content{width:100%; padding:20px; box-sizing:border-box; margin-top:-22px;}
    h1{font-size:30px;}
    h2{font-size:28px;}
    h3{font-size:26px;}
    h4{font-size:24px;}
    h5{font-size:22px;}
    h6{font-size:20px;}
    .page-image{}
    .page-image img{height:auto; min-height:200px;}
    .page-content h2{text-align:center;}
    .footer{width:100%;}
    .img-left{float:none; width:100%; height:auto;}
    .footer-menu{display:none;}
    .footer-logo{text-align:center; float:none;}
    .footer-adress{float:none; text-align:center; margin-left:0; margin-top:30px;}
    .footer-social ul li{float:left; margin-left:10px;}
    .footer-social{display:table; margin:30px auto; float:none;}
    }
    
@media only screen and (max-width: 800px){
    .contact-infos{margin-left:0; margin-top:20px; text-align:center;}
    .frkn-2,.frkn-3,.frkn-4{float:none; width:100%;}
    ul.galeri li{width:50%; height:200px; margin-bottom:15px;}
    ul.galeri li img{height:200px;}
}