@charset "utf-8";
/*

THEME COLORS:
===============

Main: #2b4e77 | 43,78,119
Secondary: #c4a26a | 196,162,106

(Find and Replace these color codes)

*/

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


body { position:relative; margin: 0; padding:7%; font-family: 'Archivo Narrow', Arial; font-weight:400; font-size:18px; line-height:26px; color:#666; overflow-x: hidden; overflow-y:visible; background:url(sand-texture.jpg);  }
body:before { position:absolute; left:0; top:0; width:100%; height:600px; background:url(header-bk.png) center top no-repeat; content:"";  }
body:after { position:absolute; left:0; bottom:0; width:100%; height:992px; background:url(footer-bk.png) center top no-repeat; content:""; }

ul, ul li { margin:0; padding:0}
p {margin-top:0px; margin-bottom: 20px;}
a img {border:0;}
a { color: #c4a26a; text-decoration:none; }
a:hover { color: #333;  }
a {outline: 0;}
.clearfix { clear:both;}
.green { color:#2b4e77 }

h1 { position:relative; font-family: "Herr Von Muellerhoff", Arial; font-size:60px; line-height:60px;  font-weight:400; display:block; color: #2b4e77; margin:0; padding:0;  }
h2 { position:relative; font-size:18px; line-height:24px;  font-weight:400; font-style:italic; display:block; color: #a78651; margin:0; padding:0;}
h3 { position:relative; font-family: "Herr Von Muellerhoff", Arial; font-size:44px; line-height:44px;  font-weight:400; display:block; color: #2b4e77; margin:0 0 30px 0; padding:0; text-align:center; z-index:3 }
h4 { position:relative; font-family: "Herr Von Muellerhoff", Arial; font-size:44px; line-height:44px;  font-weight:400; display:block; color: #2b4e77; margin:0; padding:0; }
h5 { position:relative; font-size:20px; line-height:24px; font-weight:700; display:block; color: #777; margin:0 0 10px 0; padding:0; }

.fancy:before { position:absolute; left:50%; margin-left:-150px; bottom:-20px; width:300px; height:2px; background-color:#eee; content:""; z-index:-1 }
.fancy:after { position:absolute; left:50%; margin-left:-30px; bottom:-50px; width:60px; height:60px; line-height:60px; text-align:center; color:#eee; background-color:#fff; font-family:"Flaticon"; content: "\f120"; font-size:30px; z-index:-1}

h3.fancy { margin-bottom:60px; }

.warning { position:relative; margin:0 auto 25px auto; padding: 25px; border: 1px solid #ebdcdc; background: #fbf0f0; border-left: 5px solid #e16969; max-width: 1200px; }
/* Maybe Add the generic class box_shadow_large to this element */

.notice { position:relative; display:flex; gap: 4%; padding: 4%; color:#fff; font-size:16px; font-weight:400; border-left:5px solid #59934e; background-image: linear-gradient(to left, #8ec78c, #96c393, #9acb98, #8fc38c, #84bb81); margin-bottom: 25px; border-radius: 10px; text-shadow:0 0 2px rgba(0,0,0,0.15); }
.notice i.icon:before { display: flex; color: #fff; font-size: 40px; font-weight: 400; line-height: 1; flex: 0 0 auto; text-shadow:none; }
.notice h4 { margin:0; color: #4b555e;}
.notice p { padding:0; }
.notice p a { text-decoration-color: #fff; }
.notice p a:hover { color:#4b555e; }
.notice > p:last-of-type { margin-bottom:0; }
.notice > div > p { margin-bottom:20px; }

.notice .link { align-self:center; flex: 0 0 auto; text-decoration: none; font-size: 13px; line-height: 1; font-weight: 600; background: #4b555e; color: #fff; padding: 12px 25px; margin: 0; display: inline-flex; align-items: center; border-radius: 3px; transition: all ease 0.1s; }
.notice .link:hover { background:#ff8777; }

.notice .close { position:absolute; top:10px; right:10px; width:30px; height:30px; display:flex; justify-content:center; align-items:center; line-height:1; font-size:14px; background:rgba(0,0,0,0.2); color:#fff; font-weight:400; border-radius:100%; cursor:pointer; }
.notice .close:before { content: "\2716"; }

.notice.simple { background:none; border:none; /*border-top:1px solid #eee; border-bottom:1px solid #eee;*/ text-shadow:none; color:#4b555e; box-shadow: 0 0 15px 5px rgb(0 0 0 / 2%); }
	.notice.simple.warning { background: #fdf5f9; border: 1px solid #f3e0ea; border-left-width: 5px; }
.notice.simple p a { text-decoration-color: #ddd; }
.notice.simple p a:hover { color:#ff8777; text-decoration-color: #ff8777; }
.notice.simple a.button { white-space:nowrap; }
.notice.simple i.icon:before { color:#4b555e }


@media (max-width: 768px) {

.notice { /*flex-direction: column; align-items: center; gap: 12px;*/ padding: 15px; }
.notice i.icon:before { font-size:30px;  }

}



.button { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
input, textarea, select, subject, .boxed, ul.tabs li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wrapper { border-radius: 20px; }
.header { -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px;border-top-left-radius: 20px; border-top-right-radius: 20px; }
#footer { -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}

.wrapper { position:relative; background-color:#fff;  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); z-index:1; }
.wrapper:after { content:""; clear:both; display:block; width:100%; }


.header { position:relative; background:#fff; padding:0; text-align:center; -webkit-transition: height 0.25s; -moz-transition: height 0.25s; -o-transition: height 0.25s; -ms-transition: height 0.25s; transition: height 0.25s; z-index:20;  }

.header .logo { position:relative; display:block; margin:30px 0; }
.header .logo img { width:296px; height:auto; margin-top:-100px; }

.header #info { position:absolute; top:30px; left:30px; z-index:2;  }
.header #info .from { font-size:40px; line-height:36px; text-align:left; font-weight:700; color:#2b4e77  }
.header #info .from:before { font-size:12px; line-height:12px; content:"From"; text-transform:uppercase; display:block; font-weight:400; color: #c4a26a; }
.header #info .from:after { font-size:12px; line-height:12px; content:"pppn"; text-transform:uppercase; margin-left:2px; font-weight:400; color: #c4a26a; }

.header #social { position:absolute; top:30px; right:30px; z-index:2; }
.header .social {  width:45px; height:45px; line-height:45px; font-size:24px; display:block; background-color:#2b4e77; color:#fff; text-align:center; border-radius:50%; font-style:normal}
.header .social:hover { background-color:#c4a26a }
.header .social.facebook:before { font-family: "Flaticon"; content: "\f10b"; font-weight:normal  }

.header:after { content:""; clear:both; display:block; width:100%; }


.menu_wrapper { position:relative; background-color:#fff; padding:15px 0; z-index:2; -webkit-transition: background 0.25s; -moz-transition: background 0.25s; -o-transition: background 0.25s; -ms-transition: background 0.25s; transition: background 0.25s;  }
.table { display:table; margin: 0 auto; position:relative; text-align:left; -webkit-transition: height 0.25s; -moz-transition: height 0.25s; -o-transition: height 0.25s; -ms-transition: height 0.25s; transition: height 0.25s; }
.menu_wrapper:after { content:""; clear:both; display:block; width:100%; }
#menu-icon { display: none; /* hide menu icon initially */}
#menu { display:table; margin:0; padding:0;  }
#menu li { margin:0; padding:0; list-style: none; float: left;}
#menu li a { position:relative; display:table-cell; vertical-align:middle; font-family: 'Archivo Narrow', Arial; font-size:15px; font-weight:400; text-decoration: none; color: #444; padding: 0px 24px; cursor:pointer;  border-right:1px solid #eee  }
#menu li:last-of-type a { border:none }
#menu li a:before { font-family: "Flaticon"; color:#c4a26a; content: ""; display:block; text-align:center; font-size:32px; line-height:32px; font-weight:normal; margin-bottom:10px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; }
#menu li a.hom:before { content: "\f11f"; }
#menu li a.acc:before { content: "\f105"; }
#menu li a.rat:before { content: "\f108"; }
#menu li a.fac:before { content: "\f122"; }
#menu li a.gal:before { content: "\f119"; }
#menu li a.gue:before { content: "\f12f"; }
#menu li a.dir:before { content: "\f12b"; }
#menu li a.con:before { content: "\f127"; }

/*#menu li a.acc:after { content:"In Umdloti"; display:block; font-size:10px; line-height:10px; text-align:center; text-transform:none }*/

#menu li:hover > a, #menu li:hover > a:before { color:#2B4E77 }
#menu li a.active { color:#2B4E77; }
#menu li a.active:before { color:#2B4E77; }

#menu li ul { display:none;  position:absolute; left:0; width:100%; padding:5%; background:#fff; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.25s; -moz-transition: background 0.25s; -o-transition: background 0.25s; -ms-transition: background 0.25s; transition: background 0.25s; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}
#menu li ul li { position:relative; float:left; width:33.333333333333333333333333333333%; padding:0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#menu li ul li a { display:block; border:none}
#menu li ul li img { width:100%; height:auto; border-radius: 10px; }

#menu li ul:after { position:relative; clear:both; content:""; display:block; width:100%; height:0; visibility:hidden }

#menu li.drop:hover ul { display:block; }


.menu_wrapper.scroll-fix { background-color:#2B4E77; -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 1); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); }
.menu_wrapper.scroll-fix #menu li a { color:#c4a26a; border-color:#1a2e59 } 
.menu_wrapper.scroll-fix #menu li a:before { color:#c4a26a; } 

.menu_wrapper.scroll-fix #menu li a:hover, .menu_wrapper.scroll-fix #menu li a:hover:before { color:#eee; }

.menu_wrapper.scroll-fix #menu li a.active { color:#eee; }
.menu_wrapper.scroll-fix #menu li a.active:before { color:#eee; }

.menu_wrapper.scroll-fix:after { position:absolute; left:0; bottom:-11px; width:100%; height:22px; background:url(scroll-fix-edge.png) center center no-repeat; content:""; }

.menu_wrapper.scroll-fix #menu li ul { background-color:#2B4E77; }


/* 
*  Owl Carousel - Animate Plugin
*/
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut;}

@-webkit-keyframes fadeOut {
0% { opacity: 1;}
100% { opacity: 0;}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}

/* 
* 	Owl Carousel - Auto Height Plugin
*/
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

/* 
*  Core Owl Carousel CSS File
*/
.slider { position:relative; background-color:#fff;  border:20px solid #c4a26a;}
.slider iframe { position:relative; width:100%; height:500px; }


.owl-carousel { position:relative; display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; height:500px;  background:#222; z-index:2}
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; height:100%; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); height:100%; }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-controls .owl-dots { position:absolute; bottom:-50px; left:50%; margin-left:-20px; }
.owl-carousel .owl-controls .owl-dots:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-controls .owl-dot { float:left; margin-left:5px; background-color:#2B4E77; width:10px; height:10px; }
.owl-carousel .owl-controls .owl-dot.active { background-color:#c4a26a }

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { position:absolute; bottom:50%; margin-bottom:-30px; left:60px; width:60px; height:60px; line-height:60px; text-align:center; color:#fff; background-color:#2B4E77; font-family: "Flaticon"; border-radius:50%}
	.owl-carousel .owl-controls .owl-nav .owl-prev { left:50px }
	.owl-carousel .owl-controls .owl-nav .owl-next { right:50px; left:auto}
.owl-carousel .owl-controls .owl-nav .owl-prev:before { content: "\f102"; }
.owl-carousel .owl-controls .owl-nav .owl-next:before { content: "\f101"; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover { background-color:#c4a26a }


.owl-carousel.owl-loaded { display: block;}
.owl-carousel.owl-loading { opacity: 0; display: block;}
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; height:100%; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item .slide { display:table; width:100%; height:100%; padding:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl;}
.owl-carousel.owl-rtl .owl-item { float: right;}

/* No Js */
.no-js .owl-carousel { display: block;}

.owl-carousel .owl-item.active .caption { -webkit-animation-name: slideInUp; animation-name: slideInUp; } 
.owl-carousel .caption { display:table-cell; vertical-align:middle; text-align:center }
.owl-carousel .slide_title { position:relative; font-family: 'Roboto Condensed', sans-serif; font-size:50px; line-height:50px; font-weight:800; text-transform:uppercase; color:#fff; display:block}
.owl-carousel .slide_title:after { display:block; width:300px; margin: 20px auto 30px auto; border-bottom:4px double #fff; content:"";}
.owl-carousel .slide_sub_title { position:relative; display:block; margin-bottom:20px; font-family: 'Roboto Condensed', sans-serif; font-size:24px; line-height:24px; font-weight:600; text-transform:uppercase; color:#fff; text-shadow:0px 0px 3px rgba(0,0,0,0.3)}
.owl-carousel .learnmore { font-family: 'Roboto Condensed', sans-serif; font-size:13px; line-height:13px; text-transform:uppercase; border:1px solid #fff; border-radius:5px; font-weight:800; color:#fff; padding:12px;}
.owl-carousel .learnmore:after { font-family:"Flaticon"; content: "\f103"; margin-left:10px;  }
.owl-carousel .learnmore:hover { background:#30353b; border-color:#30353b  }






.parallax { position:relative; display:table; width:100%; }
.dzsparallaxer { height: 550px; height: -moz-calc(100vh - 185px); /* Firefox */ height: -webkit-calc(100vh - 185px); /* Chrome, Safari */ height: calc(100vh - 185px); /* IE9+ and future browsers */ overflow: hidden; background-color: #fff; position: relative;}
.containimage { position:relative; width: 100%; height: 850px; height: -moz-calc(150vh - 185px); /* Firefox */ height: -webkit-calc(150vh - 185px); /* Chrome, Safari */ height: calc(150vh - 185px); /* IE9+ and future browsers */ display:table; text-align:center;}

.parallax.footer { display:block }
.parallax.footer .dzsparallaxer { height: 250px; }
.parallax.footer .containimage { height: 250px; }


.dzsparallaxer .dzsparallaxer--target { position: relative; }
.dzsparallaxer .dzsparallaxer--blackoverlay { position: absolute; opacity: 0; background-color: rgba(0, 0, 0, 0.9); top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

.dzsparallaxer.use-loading .dzsparallaxer--target { opacity: 0; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0);}

.dzsparallaxer.use-loading.loaded .dzsparallaxer--target { opacity: 1; }
.dzsparallaxer.use-loading.loaded .preloader-semicircles { transform: translate3d(-40px, -40px, 0); -webkit-transform: translate3d(-40px, -40px, 0); -ms-transform: translate3d(-40px, -40px, 0); -moz-transform: translate3d(-40px, -40px, 0); -o-transform: translate3d(-40px, -40px, 0); opacity: 0; visibility: hidden; }

.dzsparallaxer.allbody { width: 100%; height: 150%; position: fixed; top: 0; left: 0; z-index: 0; }
.divimage { background-size: cover; background-position: center center;   }

.dzsparallaxer.simple-parallax { overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.dzsparallaxer.simple-parallax .simple-parallax-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip: rect(0, auto, auto, 0); }
.dzsparallaxer.simple-parallax .dzsparallaxer--target { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

@-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0) } 100% { -webkit-transform: scale(1.0); opacity: 0; }}
@keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0;}}

.preloader-semicircles { background: #2b4e77; position: absolute; top: 50%; left: 50%; opacity: 1; pointer-events: none;margin-left: -20px; margin-right: -20px; width: 40px; height: 40px; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out;}

.lines { position:absolute; top:0; left:0; background:url(lines.png); background:rgba(0,0,0,0.5); width:100%; height:100%; }
.caption { position:relative; display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%; }
.caption h2 {  font-family: "Herr Von Muellerhoff", sans-serif; font-size:40px; line-height:40px; font-weight:800; color:#fff; padding:20px; display:inline-block; background-color: rgba(126,198,36,0.7); border-radius:10px; margin:0 0 10px 0;}
.caption p { width:50%; margin: 0 auto; text-align:center; font-family: "Herr Von Muellerhoff", sans-serif; font-size:16px; line-height:18px; font-weight:800; color:#fff; text-shadow:0px 0px 3px rgba(0,0,0,0.5) }


.scrolldown { position:absolute; bottom:100px; left:50%; margin-left:-30px; width:60px; height:60px; font-size:20px; line-height:60px; border:2px solid #2b4e77; color:#fff; border-radius:50%; cursor:pointer; z-index:1; text-align:center }
.scrolldown:after { font-family:"Flaticon"; content: "\f105"; }

@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); }
40% { -moz-transform: translateY(-20px); transform: translateY(-20px);}
60% { -moz-transform: translateY(-10px); transform: translateY(-10px);}
}
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0);}
40% { -webkit-transform: translateY(-20px); transform: translateY(-20px);}
60% { -webkit-transform: translateY(-10px); transform: translateY(-10px);}
}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
40% { -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
60% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px);}
}
.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;}






.title_box { position:relative; background-color:#fff; padding:50px 10%; text-align:center; }
.title_box:before { position:absolute; left:50%; margin-left:-150px; bottom:-1px; width:300px; height:2px; background-color:#eee; content:""; }
.title_box:after { position:absolute; left:50%; margin-left:-30px; bottom:-30px; width:60px; height:60px; line-height:60px; text-align:center; color:#eee; background-color:#fff; font-family:"Flaticon"; content: "\f120"; font-size:30px; }

.title_box .birds { position:absolute; left:50%; top:-40px; margin-left:-50px; width:70px; height:70px; padding:15px; background:#fff; border-radius:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;  }
.title_box .birds img { width:100%; height:auto;  margin:0; border:0px solid #fff; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0);border-radius:50%  }


.content { position:relative; padding:50px 0 0 0; }
.content:after { content:""; clear:both; display:block; width:100%; }

.row { width:85%; margin: 0 auto }


.one_third { width:45%; float:left; }
	/*.one_third img { width:100%; height:auto; border:10px solid #fff;  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*/
.two_third { position:relative; width:55%; float:left; padding: 0 0 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.two_third p { position:relative }


.separator { position:relative; display:block; width:100%; height:100px; clear:both }
.separator.small { height:50px; }

.content .half { position:relative; float:left; width:50%; padding:0 1%; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;   }

.content .third { position:relative; float:left; width:33.333333333333333333333333333333%; padding:1%; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;   }
.content .third img { width:100%; height:auto; border:10px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); }

.profile { position:relative; margin-bottom:40px;  }

.third .birds { position:absolute; left:50%; bottom:-25px; margin-left:-35px; width:50px; height:50px; padding:10px; background:#fff; border-radius:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;  }
.third .birds img { width:100%; height:auto;  margin:0; border:0px solid #fff; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0);border-radius:50%  }

.profile:hover .birds { -ms-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }

body#gal .third h4 { font-family: 'Archivo Narrow', Arial; font-size:22px; }
body#gal .profile { margin-bottom:10px; }









#footer { position:relative; padding:120px 0 30px; clear:both; display:block;  border-top:20px solid #dbcaa1; background:#fff; font-style:italic; font-size:14px; line-height:20px; }
#footer .third { position:relative; float:left; width:33.333333333333333333333333333333%; padding:0 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer .third img { width:100%; height:auto }
#footer .logo { position:absolute; top:-118px; left:50%; margin-left:-148px }

#footer h6 { font-family: "Herr Von Muellerhoff", Arial; font-size:60px; line-height:60px;  font-weight:400; display:block; color: #142a58; margin:0 0 40px 0; padding:0; font-style:normal }
.credits { clear:both; text-align:center; font-size:14px; padding:20px 0 0 0; margin:60px 0 0 0;}
#footer ul { padding:0; margin:0; }
#footer ul li { list-style:none }
#footer ul li a { display:block; color:#c0a972; font-family: 'Archivo Narrow', Arial; font-style:italic; padding:10px 0; border-bottom:1px solid #e1d0a9; }
#footer ul li a:hover { color:#2b4e77; }

#footer .facebook { position:relative; float:left; z-index:2; width:45px; height:45px; line-height:45px; font-size:24px; display:block; background-color:#2b4e77; color:#fff; text-align:center; border-radius:50%; font-style:normal  }
#footer .facebook:before { font-family: "Flaticon"; content: "\f10b"; font-weight:normal  }
#footer .facebook:hover { background-color:#c4a26a }

.booknow:before { position:absolute; left:0; top:-11px; width:100%; height:22px; background:url(book-now-edge.png) center center no-repeat; content:""; }
.booknow { font-style:italic; position:fixed; bottom:0; left:0; width:100%; padding:10px; text-align:center; color:#fff; background-color:#2B4E77; z-index:2; text-transform:uppercase; font-size:14px; }
.booknow:hover { color:#fff }







#google-container { position: relative; width: 100%; height: 200px; background-color: #e7eaf0;}
@media only screen and (min-width: 768px) {
#google-container { height: 400px;}
}
@media only screen and (min-width: 1170px) {
#google-container { height: 400px;}
}

#cd-google-map { position: relative;}
#cd-google-map address { position: absolute; width: 100%; bottom: 0; left: 0; padding: 1em 1em; background-color: rgba(255, 255, 255, 0.9); color: #333; font-size: 13px; font-size: 0.8125rem;
}
@media only screen and (min-width: 768px) {
#cd-google-map address { font-size: 15px; font-size: 0.9375rem; text-align: center;}
}

#cd-zoom-in, #cd-zoom-out { height: 32px; width: 32px; cursor: pointer; margin-left: 10px; background-color: #444; background-repeat: no-repeat; background-size: 32px 64px; background-image: url("img/cd-icon-controller.svg"); }
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { background-color: #2b4e77; }
@media only screen and (min-width: 768px) {
#cd-zoom-in, #cd-zoom-out { margin-left: 50px;}
}

#cd-zoom-in { background-position: 50% 0; margin-top: 10px; margin-bottom: 1px;}
@media only screen and (min-width: 768px) {
#cd-zoom-in { margin-top: 50px;}
}

#cd-zoom-out { background-position: 50% -32px;}



.gallery { text-align:center }
.gallery a { position:relative; float:left; margin:0.25%; width:19.5%; padding-bottom: 12.83333333333333333333333333333%; /* 16:9 ratio */ height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat;  }

/*body#kin .gallery a { width:16.166666666666666666666666666667%; padding-bottom: 10.611111111111111111111111111111%; }
body#lou .gallery a { width:32.833333333333333333333333333333%; padding-bottom: 21.722222222222222222222222222222%; }*/

.gallery.sidepics a { margin:0.5%; width:19%; }
	body#dir .gallery.sidepics a { margin:0.5%; width:32.33333333333333%; padding-bottom: 21%; }
.gallery.sidepics a.top { width:99%; padding-bottom: 65.66666666666666666666666666666%; }
	body#dir .gallery.sidepics a.top { width:99%; padding-bottom: 65.66666666666666666666666666666%; }
.gallery.sidepics a.bl { width:49%; padding-bottom: 32.33333333333333333333333333333%; }
.gallery.sidepics a.br { width:49%; padding-bottom: 32.33333333333333333333333333333%; }



.gallery a img { display:block; width:100%; height:auto; position: absolute; display:block; top: 0; left: 0; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transform: translate3d(0,0,0) scale(1,1); -moz-transform: translate3d(0,0,0) scale(1,1); -webkit-transform: translate3d(0,0,0) scale(1,1); transform: translate3d(0,0,0) scale(1,1); }
.gallery a:hover img {-ms-transform: translate3d(0,0,0) scale(1.15,1.15); -moz-transform: translate3d(0,0,0) scale(1.15,1.15); -webkit-transform: translate3d(0,0,0) scale(1.15,1.15); transform: translate3d(0,0,0) scale(1.15,1.15);}
.gallery a img, .gallery a img:hover { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }



.gallery a:after { position:absolute; top:0; left:0; width:100%; height:100%; background: center no-repeat rgba(0,0,0,0); content:""; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; }
.gallery a:hover:after { position:absolute; top:0; left:0; width:100%; height:100%; background:url(img/magnifying-glass.svg) center no-repeat rgba(0,0,0,0.4); content:""; }
.gallery:after { content:""; clear:both; display:block; width:100%; visibility:hidden; height:0; }







@font-face { font-family: 'lg'; src: url("fonts/lg.eot?n1z373"); src: url("fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("fonts/lg.woff?n1z373") format("woff"), url("fonts/lg.ttf?n1z373") format("truetype"), url("fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; }
.lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080;}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF;}
.lg-actions .lg-next { right: 20px; }
.lg-actions .lg-next:before { content: "\e095"; }
.lg-actions .lg-prev { left: 20px;}
.lg-actions .lg-prev:after { content: "\e094";}

@-webkit-keyframes lg-right-end {
0% { left: 0; }
50% { left: -30px;}
100% { left: 0; }
}
@-moz-keyframes lg-right-end {
0% { left: 0;}
50% { left: -30px;}
100% { left: 0;}
}
@-ms-keyframes lg-right-end {
0% { left: 0; }
50% { left: -30px; }
100% { left: 0;}
}
@keyframes lg-right-end {
0% { left: 0; }
50% { left: -30px;}
100% { left: 0; }
}
@-webkit-keyframes lg-left-end {
0% { left: 0; }
50% { left: 30px;}
100% { left: 0;}
}
@-moz-keyframes lg-left-end {
0% { left: 0;}
50% { left: 30px;}
100% { left: 0;}
}
@-ms-keyframes lg-left-end {
0% { left: 0;}
50% { left: 30px;}
100% { left: 0;}
}
@keyframes lg-left-end {
0% { left: 0;}
50% { left: 30px;}
100% { left: 0;}
}
.lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative;}
.lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative;}

.lg-toolbar { z-index: 1080; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); }
.lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none;}
.lg-toolbar .lg-icon:hover { color: #FFF;}
.lg-toolbar .lg-close:after { content: "\e070";}
.lg-toolbar .lg-download:after { content: "\e0f2";}

.lg-sub-html { background-color: rgba(0, 0, 0, 0.75); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080;}
.lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } 
.lg-sub-html p { font-size: 18px; margin: 5px 0 0;}

#lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle;}

.lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
.lg-hide-items .lg-next { opacity: 0;-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}
.lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important; -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important; -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important; transition: transform 250ms ease 0s, opacity 250ms !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }

.lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing;}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; }
.lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); }
.lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; }
.lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; margin-bottom: 5px; }
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease;}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #2b4e77; }
.lg-outer .lg-thumb-item img { width: 100%; height: 100%;}
.lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; }
.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; }
.lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; }
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px;}
.lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px;}
.lg-outer .lg-toogle-thumb:after { content: "\e1ff";}
.lg-outer .lg-toogle-thumb:hover { color: #FFF; }

.lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; }
.lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
.lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer;}
.lg-outer .lg-has-vimeo .lg-video-play { background: url("img/vimeo-play.png") no-repeat scroll 0 0 transparent;}
.lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("img/vimeo-play.png") no-repeat scroll 0 -58px transparent;}
.lg-outer .lg-has-html5 .lg-video-play { background: transparent url("img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8;}
.lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1;}
.lg-outer .lg-has-youtube .lg-video-play { background: url("img/youtube-play.png") no-repeat scroll 0 0 transparent;}
.lg-outer .lg-has-youtube:hover .lg-video-play { background: url("img/youtube-play.png") no-repeat scroll 0 -60px transparent;}
.lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
.lg-outer .lg-has-video .lg-video-object { visibility: hidden; }
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; }
.lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible;}

.lg-progress-bar { background-color: #222; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1080; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; }
.lg-progress-bar .lg-progress { background-color: #c4a26a; height: 5px; width: 0; }
.lg-progress-bar.lg-start .lg-progress { width: 100%; }
.lg-show-autoplay .lg-progress-bar { opacity: 1;}

.lg-autoplay-button:after { content: "\e01d";}
.lg-show-autoplay .lg-autoplay-button:after { content: "\e01a";}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s ease 0s; -moz-transition: -moz-transform 0.3s ease 0s; -o-transition: -o-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important; transition: transform 0.3s ease 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
#lg-zoom-in:after { content: "\e311";}
#lg-zoom-out { opacity: 0.5; pointer-events: none;}
#lg-zoom-out:after { content: "\e312";}
.lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto;}

.lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; }
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; }
.lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; }
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; }
.lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
.lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%;}
.lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px;}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; }
.lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0;}

.lg-fullscreen:after { content: "\e20c"; }
.lg-fullscreen-on .lg-fullscreen:after { content: "\e20d";}

.group { *zoom: 1;}
.group:before, .group:after { display: table; content: ""; line-height: 0; }
.group:after { clear: both; }

.lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lg-outer.lg-visible { opacity: 1;}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important;}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; }
.lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }
.lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; }
.lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; }
.lg-outer .lg-item { background: url("img/loading.gif") no-repeat scroll center center transparent; background: url("img/svgloader.svg") no-repeat scroll center center transparent; display: none !important; }
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; }
.lg-outer.lg-css .lg-current { display: inline-block !important;}
.lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; }
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.lg-outer .lg-img-wrap { position: static; padding: 0 5px;}
.lg-outer .lg-item.lg-complete { background-image: none;}
.lg-outer .lg-item.lg-current { z-index: 1060; }
.lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; border-radius:10px;}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s;}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1;}
.lg-outer .lg-empty-html { display: none;}
.lg-outer.lg-hide-download #lg-download { display: none;}

.lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: rgba(0,0,0,0.95); opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-backdrop.in { opacity: 1;}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; }
.lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-css3.lg-fade .lg-item { opacity: 0;}
.lg-css3.lg-fade .lg-item.lg-current { opacity: 1;}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%;}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;}





.button { position:relative; padding: 10px 15px; margin:20px 0; text-decoration:none; font-family: 'Archivo Narrow', Arial; font-size:14px; font-weight:300; color:#fff; text-align:center; background-color: #2b4e77; border-radius:5px;}
.button:after { font-family:"Flaticon"; content: "\f103";margin-left:10px; }
body#gal .button:after { font-family:"Flaticon"; content: "\f119"; margin-left:10px; }
.button.directions:before { font-family:"Flaticon"; content: "\f110"; margin-right:10px; }
.button:hover { color:#fff; background-color:#444}

.button.large { width:100%; padding:50px 0; margin:40px 0; display:block; font-size:26px; line-height:26px; }


ul.list_style { margin:30px 0 60px 0 !important; position:relative; display:block}
ul.list_style, ul.list_style li, ul.list_style ul { display:block; list-style-type:none; margin:0; padding:0; font-weight:normal;}
ul.list_style li { position:relative; display:block; font-size:16px; line-height:20px; padding: 0 0 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:7px;}
ul.list_style li:before { position:absolute; left:0; font-family:"Flaticon"; content: "\f128"; color:#2b4e77;  }

ul.list_style:after { content:""; width:100%; clear:both; height:0; visibility:hidden; display:block }

ol { list-style: none; margin:20px 0; padding:0 }
ol li { position:relative; counter-increment: item; padding-left:40px; margin-bottom:14px;}
ol li:before { position:absolute; left:0; content: counter(item); background: #2b4e77; border-radius: 50%; color: white; width: 30px; height:30px; line-height:30px; text-align: center;}
ol h4 { padding-top:5px}

.rates { color:#ff0000}

body#rat table { margin:20px auto; text-align:left; width:90%; border:1px solid #ddd; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
body#rat table:hover { border:1px solid #ddd; }
body#rat table p { margin:0; }
body#rat table .title { text-align:center; color:#000; padding:20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px;border-top-left-radius: 20px; border-top-right-radius: 20px; }
body#rat table .title h5 { margin:0; color:#2b4e77; font-size:30px; line-height:30px; }
body#rat table .term { background-color:#f5f5f5; }
body#rat table tr strong { color:#000 }


table .birds { position:relative; display:inline-block; margin:0px 10px 10px; width:84px; height:84px; padding:10px; background:#fff; border-radius:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);  }
table .birds img { width:100%; height:auto;  margin:0; border:0px solid #fff; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0);border-radius:50%  }



.add_review_button { position:relative; width:80%; margin: 0 auto; display:block; padding: 30px;  border: 1px solid #eee; color:#2b4e77; font-family: 'Archivo Narrow', Arial; font-size:22px; line-height:22px; text-transform:uppercase; text-align:center; cursor:pointer; clear:both; }
.add_review_button:before { font-family:"Flaticon"; content: "\f106"; margin-right:10px; display:block; font-size:46px; line-height:46px; margin-bottom:10px; }
.add_review_button:hover { border: 1px solid #eee; background-color:#f5f5f5; }
.guestbook_form { display:none; }

.map { width:100%; background-color:#ddd}
.map_overlay { background:transparent; position:relative; width:100%; height:650px; height:100vh; top:650px; top:100vh; margin-top:-650px; margin-top:-100vh;}

.contactdetails:after { clear:both; width:100%; display:block; visibility:hidden; margin-bottom:50px; content:""; }
.contactdetails p { margin:0; }
.contactdetails span { float:right }

.fieldleft { float:left; width:48%; margin:0 2% 0 0 }
.fieldright { float:right; width:48%; margin:0 0 0 2% }

.contact_form { text-align:left; clear:both; margin-top:20px; }
#contact { position:relative; text-align:left}
#contact img { border:none; background:none}
label { display:block; line-height: 25px; font-size: 18px; font-style:italic;}
	.field_required:before { content:"*"; color: #ff0000; font-size: 25px; line-height: 18px; }
input, textarea, select, subject { font-family: 'Archivo Narrow', Arial; width: 100%;  margin-bottom: 10px; padding: 20px; margin-bottom:35px; color: #333; border: 0px solid #ccc; font-size:24px; background-color:#ddd }
input:focus, textarea:focus, select:focus { background-color:#2b4e77;  -moz-box-shadow:0 0 0 #ddd; -webkit-box-shadow:0 0 0 #ddd ;box-shadow: 0 0 0 #ddd; outline: none; color: #fff }
input.submit { width: 120px; cursor: pointer; background:#2b4e77 !important; color:#fff; text-transform:uppercase; font-size:14px; }
input.submit:hover { background:#c4a26a !important; }
input[type="submit"][disabled] { background:#888; cursor: default; }
.captcha_image { width:20% !important; height:auto !important; margin-bottom:10px; }
::-webkit-input-placeholder { color: #888;}
:-moz-placeholder { color: #888;}
::-moz-placeholder { color: #888;}
:-ms-input-placeholder { color: #888;}


.error_title { display: block; font-family: 'Archivo Narrow', Arial; font-size:16px; text-transform:uppercase; background: url(img/icon-warning-sign.png) no-repeat -30px -10px #FBE3E4; padding: 30px 100px 30px 100px; color:#8a1f11; -moz-box-shadow:1px 1px 15px #c4b4b5;-webkit-box-shadow:1px 1px 15px #c4b4b5;box-shadow: 0 0 15px #c4b4b5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.error_title:hover { background: url(img/icon-warning-sign.png) no-repeat -30px -10px #f2c9cb; padding: 40px 100px 40px 100px; }
ul.error_messages { margin: 0; padding: 10px 0 0 0; }
ul.error_messages li { font-family: 'Archivo Narrow', Arial; font-size:14px; line-height:16px; padding-bottom:5px; text-transform:none; list-style:none; background:url(img/icon-cross.png) 10px center no-repeat; padding-left:25px; color:#444;}

.message { position:fixed; top:0; left:0; width:100%; padding:0; font-size:16px; color:#73b72a; z-index:99999999;}
.greenbox { padding:30px 30px 30px 70px; background:url(img/success.png) 20px center no-repeat #ecffd5; -moz-box-shadow:1px 1px 15px #c4b4b5;-webkit-box-shadow:1px 1px 15px #c4b4b5;box-shadow: 0 0 15px #c4b4b5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.greenbox:hover { padding:40px 30px 40px 70px; background:url(img/success.png) 20px center no-repeat #dcf1c3; }
.closebox { display:block; position:absolute; bottom:50%; margin-bottom:-25px; height:50px; width:50px; right:30px; cursor:pointer }

.loader { padding: 0 10px; }
#contact #success_page h1 { left no-repeat; padding-left:22px; background-color: #dcffb3; }
acronym { border-bottom:1px dotted #ccc; }



.picker,.picker__holder{width:100%;position:absolute}.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #aaa;border-top-width:0;border-bottom-width:0;border-radius:0 0 5px 5px;box-sizing:border-box;min-width:176px;max-width:466px;max-height:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transform:translateY(-1em)perspective(600px)rotateX(10deg);transform:translateY(-1em)perspective(600px)rotateX(10deg);transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s;transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s}/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */.picker__frame{padding:1px}.picker__wrap{margin:-1px}.picker--opened .picker__holder{max-height:25em;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border-top-width:1px;border-bottom-width:1px;-webkit-transform:translateY(0)perspective(600px)rotateX(0);transform:translateY(0)perspective(600px)rotateX(0);transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;box-shadow:0 6px 18px 1px rgba(0,0,0,.12)}
 
.picker__footer,.picker__header,.picker__table{text-align:center}.picker__day--highlighted,.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{color:#000;cursor:pointer;background:#b1dcfb}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}


.scrollToTop { position:fixed; bottom:65px; right:20px; width:60px; height:60px; font-size:20px; line-height:60px; background-color:#2B4E77; color:#fff; border-radius:50%; cursor:pointer; z-index:1; text-align:center; display:none; opacity:0.7; z-index:6}
.scrollToTop:after { font-family:"Flaticon"; content: "\f12d"; }
.scrollToTop:hover{ text-decoration:none; opacity:1}

/* INTERNET EXPLORER 8 */

.button {background-image:none\0/; padding-right: 20px\0/;}


@media (min-width: 768px) and (max-width: 1310px) {



}

@media (min-width: 1023px) and (max-width: 1230px) {

#menu li a { position:relative; display:table-cell; vertical-align:middle; font-family: 'Archivo Narrow', Arial; font-size:12px; font-weight:400; text-decoration: none; color: #444; padding: 0px 20px; cursor:pointer;  border-right:1px solid #eee  }
#menu li:last-of-type a { border:none }
#menu li a:before { font-family: "Flaticon"; color:#c4a26a; content: ""; display:block; text-align:center; font-size:32px; line-height:32px; font-weight:normal; margin-bottom:10px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; }


}

/* Tablet (Portrait), Design for a width of 768px */
@media (min-width: 768px) and (max-width: 1023px) {





}


@media screen and (min-width: 1023px) {

	/* ensure #nav is visible on desktop version */
	#menu { display: table !important;}
}

@media screen and (max-width: 1023px) {

.header .logo { margin:30px 0 0; }

/*.menu_wrapper.scroll-fix { position:relative !important; left:auto !important; top:auto !important }*/

.menu_wrapper { float:none; margin-right:0px; padding:15px 0 0 0; }
#menu-icon { position:relative; font-family: 'Herr Von Muellerhoff', Arial; font-size: 28px; font-weight:400; color:#2b4e77; width: 90%; margin: 0 auto; text-align:center; line-height: 70px; cursor: pointer; display: block; /* show menu icon */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;}
#menu-icon:before { font-family:"Flaticon"; content: "\f103"; position:absolute; left:0; font-size: 20px; color:#2b4e77;  }
#menu-icon.active:before { content:"\f107" }
#menu-icon.active { }
.table { display: block; margin: 0 auto; height:auto; width:90% }
#menu { display:none; margin:0; width:100%;}
#menu li { float: none; width:100%; }
#menu li a {  display:table; float:none; width:100%; border-bottom:1px solid #ddd; height:50px; line-height:50px; padding: 0; text-align:left; font-size:15px; text-transform:none; border-right:none  }
#menu li a:before { font-family:"Flaticon"; display:block; float:left; color:#2b4e77; margin-right:20px; margin-bottom:0; text-align:center; font-size:26px; line-height: 50px; font-weight:400 }
#menu li:hover > a { color:#222 }


#menu li ul { display:table; display:none; position:relative; top:auto; left:auto; width:100%; padding:0%; background:none; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.0); box-shadow: 0 0 0 0 rgba(0,0,0,0.0); }
	#menu li.drop:hover ul { display:none }
#menu li ul li { position:relative; float:none; width:100%; padding:0%; }
#menu li ul li a { display:block; border:none}
#menu li ul li img { width:100%; height:auto; border-radius: 10px; display:none }

.menu_wrapper.scroll-fix #menu-icon { line-height: 40px; }
.menu_wrapper.scroll-fix #menu-icon, .menu_wrapper.scroll-fix #menu-icon:before { color:#fff;  }


.owl-carousel { height:300px;  }


}




@media (max-width: 767px) {


body { padding:3%; }

.header .logo { margin:30px 0 0; }
.header .logo img { margin-top:-30px; }
.header #info { display:none }

	.slider { position:relative; background-color:#fff;  border:5px solid #c4a26a;}
	.owl-carousel .owl-controls .owl-nav .owl-prev { left:15px }
	.owl-carousel .owl-controls .owl-nav .owl-next { right:15px; left:auto}
	

.one_third { width:100%; float:none; margin-bottom:30px }
.two_third { width:100%; float:none; padding: 0; }
.content .third, .content .half { width:100%; float:none; margin-bottom:30px } 
#footer .third { width:100%; float:none; margin-bottom:50px} 

.gallery a, .gallery.sidepics a { width:32.833333333333333333333333333333%; margin:0.25%; padding-bottom: 21.722222222222222222222222222222%;}

.fieldleft, .fieldright { float:none; width:100%; margin:0 }



}


@media (max-width: 600px) {

.header .logo { margin:30px 0 0; }
.header .logo img { width:200px; height:auto; margin-top:-30px; }
#footer .logo { width:200px; height:auto;  position:absolute; top:-78px; left:50%; margin-left:-100px }

ul.list_style li { width: 100%; float:none;}


}

@media (max-width: 500px) {

.header #social { top:-20px; right:10px; }


.owl-carousel { height:200px;  }.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { margin-bottom:-20px; left:10px; width:40px; height:40px; line-height:40px;}
.owl-carousel .owl-controls .owl-dots {  bottom:-30px; }
.owl-carousel .owl-controls .owl-nav .owl-prev { left:10px }
.owl-carousel .owl-controls .owl-nav .owl-next { right:10px; left:auto}



.slider iframe { height:300px; }

.separator { height:50px }

h3 { font-size:34px; line-height:34px; }
.contactdetails span { float:none }

.picker__holder { max-width:85%; }

.error_title { font-size:16px; background: url(img/icon-warning-sign.png) no-repeat -30px -10px #FBE3E4; padding: 30px 20px 100px 20px; }
.error_title:hover { padding: 30px 20px 100px 20px; }
ul.error_messages li { background:url(img/icon-cross.png) 10px center no-repeat;}
.closebox { display:block; position:absolute; bottom:20px; margin-bottom:0; height:50px; width:50px; left:50%; margin-left:-25px; cursor:pointer }
.greenbox { padding:30px 0 100px 0; text-align:center; background:url(img/success.png) 20px 20px no-repeat #ecffd5 }

.captcha_image { width:50% !important; height:auto !important }


.gallery a, .gallery.sidepics a { width:49.5%; margin:0.25%; padding-bottom: 32.833333333333333333333333333333%;}


body#rat table { width:100%; }

}

@media (max-width: 300px) {
body { overflow-x: visible  }



}