a

{

text-decoration:none;

color:#c0a25a;

outline:none;

}



html, body

{

height:100%;

font-family:Open Sans, Verdana, Arial, Helvetica, sans-serif;

color:#666;

background:#3d3126;

font-size:100%;

line-height:1.5;

border-bottom:1px solid transparent;

}



#wrap

{position:relative;

margin:0 auto;

padding:0 16px 0 16px;

}



header

{

margin:0 -16px;

padding-top:30px;

height:60px;

background:#fff;background:#efe8d6;

box-shadow:0 0 3px #ccc;

}



#top_bar {margin:-30px 16px 10px 16px;height:60px;max-width:1212px;font-size:87.5%;font-weight:700;}



#top_bar div

{

float:right;margin-left:2px;margin-bottom:1px;padding:0 1em;height:20px;background:#e6dabd;

}



#top_bar a

{

color:#666;

}



nav

{position:relative;

margin:0 auto;padding:0 16px;

max-width:1212px;

}







nav ul

{

float:right;

font-size:112.5%;

font-weight:300;

}







nav li

{

display:none;

}



#equiv

{

display:inline-block;

margin-top:-0.5em;margin-bottom:-0.5em;

right:64px;

font-size:300%;

cursor:pointer;

}



nav li a

{

display:block;

color:#3d3126;

}



nav li a:hover

{

color:#c0a25a;

}



nav li a.active

{

color:#c0a25a;

font-weight:400;

}



.panel_w

{

overflow:hidden;margin-left:-16px;padding:0 16px;

height:0;

width:100%;

background:#c0a25a;

}



.panel_w.transition

{

-webkit-transition: height 0.5s;

-moz-transition: height 0.5s;

-o-transition: height 0.5s;

transition: height 0.5s;

}



.panel

{

margin:0;

padding:16px 16px;

line-height:4;

}



.panel li

{

border-bottom:2px solid #d0b983;

}



.panel li:last-of-type

{

border:0;

}



.panel a

{

display:block;

color:#3d3126;

}







#content

{

margin:16px auto;

padding:30px;

max-width:1152px;

background:#fff;background:#e6dabd;

}



#slider

{

position:relative;

margin:-30px;

margin-bottom:60px;

text-align:center;

}



#slider_inner

{

position:relative;

}



#nxt, #prv

{

position:absolute;z-index:9998;

top:50%;

margin-top:-24px;

height:48px;width:48px;

}



#prv

{

background:url(graphics/prv.png);background-size:cover;

}



#nxt

{

right:0;

background:url(graphics/nxt.png);background-size:cover;

}



#nxt a, #prv a

{

display:block;

height:100%;width:100%;border:0;

}



.strap

{

padding:0 2em;

}



#slider h1, h1

{

padding-bottom:0.5em;

font-size:150%;

font-weight:300;

color:#c0a25a;

line-height:1;

}



#slider h2

{

font-size:112.5%;

color:#3d3126;

}



.strip

{

position:relative;margin:-30px -30px 0 -30px;

}



.text_col

{

margin:30px auto;

width:100%;

}



.text_col a

{

font-weight:600;

border-bottom:1px dotted #c0a25a;

}



.text_col a:hover

{

border-bottom:1px solid #c0a25a;

}



.text_col #slider, .text_col #slider ul

{

margin:0 !important;

}



.text_col ul

{

list-style-type:disc;

list-style-position:inside;

margin:0 2em 1em 2em;width:auto;

}



.text_col ul span

{

font-weight:600;

}



.ri

{display:block;

margin:0 0 1em 2em;

}



.inset_link

{

clear:both;

display:inline-block;

margin:0 2em;

width:auto;

}



.full-width

{

width:100%;

}

.gtg {position:absolute;bottom:-25px;left:1em;display:block;width:50px;height:auto;border-radius:25px;}


h3, h4

{

padding-bottom:1em;

font-size:125%;

font-weight:300;

}



h4

{

padding-top:2em;

}



p

{

margin-bottom:1em;

}



p:last-of-type

{

text-align:center;

margin-bottom:3em;

}



p strong {font-weight:600;}



q

{

clear:both;

display:block;

margin:2em 0;

padding:2em;

text-align:center;

font-size:112.5%;

font-weight:300;

back ground:#c0a25a;

color:#3d3126;#fff;

}



.iframe-container

{

display:block;position: relative;margin:0 auto;

    padding-bottom: 82%;height: 0; overflow: hidden;

}



.iframe-container iframe

{

position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.block_links

{

margin-bottom:2em;

}



.block_links a

{

display:block;margin:0 auto 1em auto;max-width:258px;

background:#efe8d6;text-align:center;border:0 !important;font-weight:400;

}



.block_links a img

{

display:block;

width:100%;

}



.block_links a span

{

padding:0 0.5em;

font-size:75%;

}



#final_pic

{

margin:0 auto 3em auto;max-width:240px;

}



#dp

{

display:block;

margin:0 auto;

}





footer

{

padding:30px 0 10px 0;

text-align:center;

font-size:75%;

color:#999;

}



/* == FORM ========================================================================================================================== */



#form_wrap

{

margin:1em 0 3em 0;

padding-right:1em;

}



label

{

display:block;

font-weight:300;

}



input, textarea, select

{

margin:0 0 1em 0;

padding:0.75em 0.5em;

width:100%;

color:#c0a25a;

background:#fff;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:100%;

border:0;

outline:none;

border-radius:0;

box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);

-webkit-appearance:none;

}



input:focus, textarea:focus, select:focus

{

background:#efe8d6;

color:#3d3126;

}



select

{

-moz-box-sizing:content-box;

box-sizing:content-box;

}



::-webkit-input-placeholder

{

color:#fff;

}



button, p a.bk

{

margin-top:1em;

-moz-box-sizing:content-box;

box-sizing:content-box;

padding:0.75em 0.5em;

font-size:100%;

background:#c0a25a;

color:#3d3126;

border:0;

cursor:pointer;

}



button:hover

{

background:#3d3126;

color:#fff;

}



#note

{

margin-right:-1em;

padding:0 0 1em 0;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:100%;

}



.notification_error

{

margin-top:1em;

padding:1em;

background:#c0a25a;

color:#333;

}



.notification_ok

{

margin-top:1em;

padding:1em;

background:#c0a25a;

color:#333;

}




.booking_com {text-align:center;}
p + .booking_com {margin-top:3em;}


/* == MEDIA QUERIES ========================================================================================================================== */

@media screen and (min-width: 480px)

{

header {/*height:70px;*/}

#top_bar {height:40px;}

.text_col {width:80%;}

q {font-size:125%;}

}



@media screen and (min-width: 640px)

{

header {margin:0 -64px;/*height:50px;*/}

#top_bar {margin:-30px 64px 10px 64px;height:20px;}

.panel_w {margin-left:-64px;padding:0 64px;}

#wrap {padding:0 64px 0 64px;}

nav {padding:0 64px;}

.text_col {width:70%;}

q {font-size:150%;}

}



@media screen and (min-width: 768px)

{

.strap {position:absolute;right:2em;bottom:0;left:2em;padding:0;padding-bottom:16px;}

#slider h1, h1 {padding-bottom:0.25em;}

#slider h2 {color:#fff;}

.block_links a {display:inline-block;margin-right:2%;margin-bottom:0;width:32%;text-align:left;}

.block_links a:nth-of-type(3) {margin-right:0;}

.gtg {bottom:-50px;width:100px;border-radius:50px;}

}



@media screen and (min-width: 1024px)

{

header {position:fixed;top:0;left:0;z-index:9999;margin:0;width:100%;height:50px;}

#top_bar {margin:-30px auto 10px auto;padding:0 64px;}

nav li {display:inline-block;margin-left:2em;}

nav li a.bk {padding:0 .5em;background:#3d3126;color:#efe8d6;border-radius:3px;}

nav li a.bk:hover {color:#c0a25a;}

#equiv {display:none;}

#nxt, #prv {margin-top:-32px;height:64px;width:64px;}

#content {margin:96px auto;}

.strap {padding-bottom:45px;}

#slider h1, h1 {font-size:175%;}

.block_links a span {font-size:100%;}

}



@media screen and (min-width: 1200px)

{

#slider h1, h1 {font-size:225%;}

#slider h2 {font-size:125%;}

.text_col ul

{float:left;}

.ri

{

float:right;

}

}



@media screen and (min-width: 1400px)

{

#prv {left:-32px;}

#nxt {right:-32px;}

}