@charset "utf-8";
/*

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

Main: #0054a6
Secondary: #ff1d00

*/


@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;}

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

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


body { margin: 148px 0 0 0; font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; line-height:24px; color:#333; overflow-x: hidden; overflow-y:visible; background: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}



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

h1 { position:relative; width:100%; font-family: 'Roboto', sans-serif; font-size:12px; line-height:18px; font-weight:300; text-align:left; color: #fff; margin:0px; padding:10px 0 9px 11%; background:#0054a6;  z-index:31;  -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }
h1:before { font-family:"Flaticon"; content: "\f116"; margin-right:5px  }
h2 { font-family: 'Open Sans', cursive; font-size:40px; line-height:1;  font-weight:800; /*word-spacing:7px;*/ display:block; margin:0 0 30px 0; padding:0; color:#0054a6 }
h2 span {  font-size:40px; display:block; font-size:16px; text-transform:uppercase; color:#333 }
h3 { font-family: 'Open Sans', cursive; position:relative; font-size:34px; line-height:1;  font-weight:800; display:block; color: #000; margin:0; padding:0;  font-variant:small-caps; text-align:center  }

h3.line { margin-bottom:60px; }
h3.line:after { position:absolute; left:50%; margin-left:-196px; bottom:-20px; content:url(line.png); }


h4 { font-family: 'Open Sans', cursive; font-size:28px; line-height:1;  font-weight:800; display:block; color: #000; margin: 0 0 20px; padding:0;  }
h5 { font-family: 'Open Sans', cursive; font-size:22px; line-height:1;  font-weight:800;  display:block; color: #000; margin:0 0 10px 0; padding:0; }
h6 { font-family: 'Open Sans', cursive;  font-size:20px; line-height:1;  font-weight:800;  display:block; color: #0054a6; margin:0 0 20px 0; padding:0; clear:both; }

h2, h6, .add_review_button { text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF, 2px 2px 0 rgba(0,0,0,0.2); }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(255,255,255,0)}
* { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}


.button { position:relative; display:inline-block; padding: 10px 15px 10px 15px; margin:0 0 20px 0; text-decoration:none;  font-size:14px; line-height:1; color:#fff; background:#0054a6; font-weight:400; border-radius:4px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; }
.button:after { font-family:"Flaticon"; content: "\f104"; margin-left:10px; font-weight: 400;}
.button:hover { background:#0054a6; color:#fff; border-color:#0054a6}


.button.photogallery:before { font-family:"Flaticon"; content: "\f12e"; margin-right:10px; font-weight: 400; }


.bookonline { position:relative; width:220px; display:block; margin: 0 auto 50px auto; float:none; padding:10px; background:red; color:#fff; text-align:center; font-weight:bold }
.bookonline:hover { color:#fff; }

.header-wrapper { position:fixed; top:0; left:0; display:table; width:100%;  z-index:30; background:#fff; -moz-box-shadow:0 7px 10px rgba(0, 0, 0, 1); -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 1); box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); }


.header-wrapper, .header, .header * { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }

.header .logo, .header .table, .header #menu li a, .header .opening-hours, .header p { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }


.header { display:table; width:100%; padding:5px 11%; text-align:center; border-top:1px solid #eee; background:#fff; }
.header .logo { text-align: left; position: relative; display: table-cell; width:200px; vertical-align: middle; overflow: hidden; background:url(logo.png) left center no-repeat; background-size:contain}



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

.header p, .header .opening-hours { -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }

.header p { position:absolute; top:60px; margin:0; font-family: 'Open Sans', cursive; font-size:20px; font-style:italic; color:#eee;  }

.contact_bar { position:fixed; top:0; right:11%; z-index:40;}
.contact_bar:after { content:""; clear:both; display:block; width:100%; }
.contact_bar a { color:#999  }

.contact_bar .facebook, .contact_bar .instagram, .contact_bar .callus { position:relative; float:left; z-index:2; font-size:14px; line-height:37px; text-align:center; color:#fff;  padding:0 15px; border-right:1px solid rgba(0,0,0,0.2); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

.contact_bar .facebook:before, .contact_bar .instagram:before, .contact_bar .callus:before, .contact_bar .reservations:before { float:left; font-family: "Flaticon"; content: ""; font-weight:normal; font-size:22px; margin-right:6px; color:#fff}

.contact_bar .facebook {  width:37px; height:37px; padding:0; }
.contact_bar .facebook:before { content: "\f115"; width:100%; margin:0; }
.contact_bar .facebook span { display:none }

.contact_bar .instagram {  width:37px; height:37px; padding:0; }
.contact_bar .instagram:before { content: "\f120"; width:100%; margin:0;}
.contact_bar .instagram span { display:none }

.contact_bar .callus { }
.contact_bar .callus:before { content: "\f13a";}
.contact_bar .callus span:before { content:"+27 82 541 0241" }

.contact_bar .reservations { float:left; background:#ff1d00; color:#fff; padding:0 10px; text-transform:uppercase; font-size:12px; line-height:30px; font-weight:700; border-radius:3px; margin:4px; }
.contact_bar .reservations:before { content: "\f10d"; }
.contact_bar .reservations:hover { background:#ff1d00;  }


.menu_wrapper { float:right; padding: 0;}

.table { display:table; vertical-align:middle; width:100%;  height:100px; text-align:left;}
.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 .align-left { float:left;}
#menu .align-right { float:right;}
#menu li { margin:0; padding:0; list-style: none; float: left;}
#menu li a { position:relative; display:table-cell; vertical-align:middle; height:100px; font-family: 'Open Sans', sans-serif; font-size:12px; line-height:1.2; font-weight:800; text-decoration: none; text-transform:uppercase; letter-spacing:0; color: #7A7777; padding: 0 14px 0 14px; cursor:pointer; text-align:center; border-right: 1px solid #eee; }
#menu li a span, #footer li a span { display:block; font-size:10px; font-weight:400; }
#footer li a span { display:none }

#menu li a:before, #footer li a:before { font-family: "Meneso"; content: "\f105"; display:block; font-size:28px; line-height:1; font-weight:400; margin-bottom:5px; }
	#footer li a:before { float:left; line-height:16px; margin-bottom:0; margin-right:10px; }
#menu li a.pg2:before, #footer li a.pg2:before { content: "\f104";}
#menu li a.pg3:before, #footer li a.pg3:before { content: "\f106";}
#menu li a.pg4:before, #footer li a.pg4:before { content: "\f110";}
#menu li a.pg5:before, #footer li a.pg5:before { content: "\f118";}
#menu li a.con:before, #footer li a.con:before { content: "\f112";}


#menu li:first-of-type a { padding-left:0; }
#menu li:last-of-type a {  }
/*#menu li a:after { position:absolute; right:-3.5px; content: "|"; color: #0054a6; text-shadow:none; font-size:20px; font-weight:400; margin-top:-0.05em }*/
#menu li:last-of-type a:after { display:none}

#menu li a b { position:absolute; bottom:-21px; left:50%; margin-left:-25px; width: 0; height: 0; border-style: solid; border-width: 0 25px 15px 25px; border-color: transparent transparent #000000 transparent; opacity:0; visibility:hidden;  }



#menu:hover li a { color:#000 }
#menu li:hover > a { color:#0054a6; text-shadow:none; }

body#hom.sticky #menu .hom, body#hom #footer .hom, 
body#pg2.sticky #menu .pg2, body#pg2 #footer .pg2, 
body#pg3.sticky #menu .pg3, body#pg3 #footer .pg3,
body#pg4.sticky #menu .pg4, body#pg4 #footer .pg4,
body#pg5.sticky #menu .pg5, body#pg5 #footer .pg5,
body#con.sticky #menu .con, body#con #footer .con { color:#0054a6; }


body.sticky .header .logo { width:90px; }
body.sticky .header .table, body.sticky .header #menu li a { height:70px; }
body.sticky #menu li a { padding-top: 0; color: #000; text-shadow:none }
body.sticky #menu:hover li a { color:#000 }
body.sticky #menu li:hover > a { color:#0054a6 }



.container { position:relative; padding:45px 11% 45px; background-color:#fff; clear:both  }
.container.section-01 { background:url(footer-image.png) center bottom no-repeat #fff; padding-bottom:15%; background-size:contain }
.container .narrow-info { max-width:700px; margin:0 auto  }


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

.title_box { position:relative; text-align:center; margin-bottom:0px; padding:20px 0 40px; clear:both; background:url(title-box-bk.png) center no-repeat; }
	.static-slideshow .title_box { display:table-cell; vertical-align:middle; margin:0; padding:0; }

.title_box h2 { margin:0 0 5px 0; }
	.static-slideshow .title_box h2 { font-family: 'Open Sans', cursive; display: block; margin-bottom: 10px; font-size: 50px; line-height: 1; font-weight: 800; text-shadow: 0 0 15px rgba(0,0,0,0.5); letter-spacing: -1px; color:#fff}
.title_box h3 { font-family: 'Roboto', sans-serif; font-size:16px; line-height:1.4; font-weight:400; font-style:italic; display:block; color: #555;  margin:0 0 20px 0; padding:0; width:100%; margin: 0; font-variant:normal }
	.static-slideshow .title_box h3 { color:#fff; font-family: 'Roboto', sans-serif; display: block; font-size: 14px; line-height: 1; color: #fff; display: inline; text-shadow: 0 0 5px rgba(0,0,0,0.5); background: #0054a6; padding: 3px 7px; border-radius: 5px;}
.title_box:after { font-family:"Meneso"; content: "\f105"; display:block; font-size:40px; line-height:1.4; color:#000; margin-top: 0; }
	.static-slideshow .title_box:after { display:none }
body#pg2 .title_box:after { content: "\f10b";}
body#pg3 .title_box:after { content: "\f106";}
body#pg4 .title_box:after { content: "\f113";}
body#pg5 .title_box:after { content: "\f118";}
body#con .title_box:after { content: "\f119";}
body#con .title_box.formtitle:after { font-family:"Meneso"; content: "\f101";}



.one_third { width:47.5%; float:left; }
		.one_third.on-right { padding: 0 0 0 2.5% ; float:right  }
.one_third img { width:100%; height:auto; }

.two_third { position:relative; width:52.5%; float:left; padding: 0 0 0 5%; }
	.two_third.on-left { padding: 0 2.5% 0 0;  }
.two_third p { position:relative }

.one-third { width:33.333333333333333333333333333333%; float:left; padding-right:30px; }
.two-thirds { width:66.666666666666666666666666666666%; float:left; padding: 0 0.5% }





ul.tabs { margin: 0 0 -1px 0; padding: 0; list-style: none; width: 100%; z-index:1; display:table }
ul.tabs li { font-size:18px; font-family: 'Open Sans', cursive; display:table-cell; margin: 0; width:33.333333%; cursor: pointer; padding: 15px 0; background-color: rgba(0,0,0,.5); color: #eee; position: relative; border-left:1px solid #555;  text-align:center;}
ul.tabs li:first-of-type { border-left:none }

ul.tabs li:hover { background-color: #0054a6; color: #fff; color:#fff}
ul.tabs li.active { position:relative; background-color: #fff; color: #0054a6; z-index:3; border:1px solid #ddd; border-bottom:none; background:rgba(255,255,255,0.5)}

.tab_container { position:relative; clear: both; width: 100%; background: #fff; overflow: auto; margin-bottom:0px; border:1px solid #ddd; background:rgba(255,255,255,0.5) }
.tab_content { padding: 70px;}
.mainphoto { width:49%; float:left; margin:0 30px 10px 0; }


@media (max-width: 767px) {

ul.tabs li { font-size:14px; padding:10px; line-height:1.2 }
.tab_content { padding:25px }
.tab_content .gallery a { width: 49.5%; margin: 0.25%; padding-bottom: 28%; }

}


.employment { float:left; width:48%; margin:1% }
@media (max-width: 1100px) {
.employment { width:100%; margin:0 0 20px 0 }
}




.two-column { position:relative; -webkit-columns: 2 300px; -moz-columns: 2 300px; columns: 2 300px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; text-align:justify; margin-bottom:50px;}
.three-column { position:relative; -webkit-columns: 3 300px; -moz-columns: 3 300px; columns: 3 300px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; text-align:justify; margin-bottom:50px;}
.two-column .fl:first-letter, .fl:first-letter { position:relative; display:block; font-family: 'Open Sans', cursive; font-size:36px; line-height:36px; line-height:0.7; font-style:normal; font-weight:800; color:#fff; float:left; background-color:#0054a6; padding:8px 8px 8px 8px; margin: 5px 5px 0 0; }



#accommodation.style1:after { content:""; clear:both; display:block; width:100%; }

#accommodation.style1 .accommodation { position:relative; float:left; width:31.333333333333333333333333333333%; margin:1%; padding-bottom:20%; height:0; background-position: center; background-repeat:no-repeat; background-color:#000; background-size: cover}
#accommodation.style1 .accommodation .info { position:absolute; left:0; bottom:0; width:100%; padding:25px; text-align:center; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
#accommodation.style1 .accommodation .info { font-family: 'Open Sans', cursive; font-size:22px; line-height:1; display:block; color: #fff; margin: 0; }
#accommodation.style1 .accommodation .info span { display:block; font-family: 'Roboto', sans-serif; font-size:12px; text-transform:uppercase; margin-top:5px; }



#accommodation.style3:after { content:""; clear:both; display:block; width:100%; }

#accommodation.style3 .accommodation { position:relative; float:left; width:32.333333333333333333333333333333%; margin:0 0.5% 1% 0.5%; overflow:hidden}
#accommodation.style3 .accommodation a { -webkit-border-radius: 100%/0 0 30px 30px;  -ms-border-radius: 100%/0 0 30px 30px;  -moz-border-radius: 100%/0 0 30px 30px;  -o-border-radius: 100%/0 0 30px 30px;  border-radius: 100%/0 0 30px 30px; -webkit-box-shadow: 0px 6px 0px #f3f2f1; -ms-box-shadow: 0px 6px 0px #f3f2f1; -moz-box-shadow: 0px 6px 0px #f3f2f1; -o-box-shadow: 0px 6px 0px #f3f2f1; box-shadow: 0px 6px 0px #f3f2f1; }
#accommodation.style3 .accommodation .photo { background-color:#f3f2f1 }
#accommodation.style3 .accommodation 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.02,1.02); -moz-transform: translate3d(0,0,0) scale(1.02,1.02); -webkit-transform: translate3d(0,0,0) scale(1.02,1.02); transform: translate3d(0,0,0) scale(1.02,1.02);  -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }
#accommodation.style3 .accommodation .info { position:relative; display:table; width:100%; height:100px; background:#f3f2f1; text-align:center;  }
#accommodation.style3 .accommodation .info h4 { display:table-cell; vertical-align:middle; margin:0; padding:0 40px;  font-size:20px; line-height:1.2; font-weight:400; }


#services.style1 { background:#f3f2f1; padding:5% 11%; }
#services.style1:after { content:""; clear:both; display:block; width:100%; }


.featured { background:url(home-featured-bk.jpg) no-repeat center; background-size:cover; text-align:center; padding:120px; color:#fff; text-shadow:1px 1px 1px #111; font-size:18px; }

@media (max-width: 767px) {

.featured { padding:40px; font-size:14px; }

}
 
 
 
 
 
 
.profiles { position:relative; width:48%; float:left; margin:1%; background-image: url("arches.png"); background-color:#f7f7f7; border-radius:10px; padding:40px; text-align:center; box-shadow: 0 0 15px rgba(0,0,0,0.15) }
.profiles .profilepic { overflow:hidden; margin-bottom:20px; }
.profiles .profilepic img { border-radius:100%; width:80%; height:auto; border:10px solid #fff; box-shadow: 0 0 15px rgba(0,0,0,0.15)}
.profiles h4 { font-size:20px; line-height:1.4; color:#0054a6}
.profiles h4 span { display:block; font-size:14px; font-weight:600 }


@media (max-width: 767px) {

.profiles { width:100%; margin:0 0 20px 0; padding:10px; }

}



.services { position:relative; width:31.33333333333333%; float:left; margin:1%; background-image: url("arches.png"); background-color:#f7f7f7; border-radius:5px; padding:30px 0; text-align:center; box-shadow: 0 0 15px rgba(0,0,0,0.15); font-size:20px; }
.services > div { display:table; width:100%; height:150px; }
.services > div > p { display:table-cell; vertical-align:middle }
.services p:before { font-family:"Meneso"; font-size:80px; line-height:1; display:block; margin-bottom:20px;  }
.service1 p:before { content: "\f107"; }
.service2 p:before { content: "\f10d"; }
.service3 p:before { content: "\f113"; }
.service4 p:before { content: "\f11c"; }
.service5 p:before { content: "\f11b"; }
.service6 p:before { content: "\f119"; }
.service7 p:before { content: "\f10f"; }
.service8 p:before { content: "\f114"; }


@media (max-width: 900px) {
.services > div { height:200px; }
}
@media (max-width: 767px) {

.services { width:100%; margin:0 0 20px 0 }
.services > div { height:150px; }

}


.page { position:relative; background:#f2f2f2; padding:40px; margin-bottom:30px;  }

ul.list_style { margin:20px 0 30px 0; position:relative; display:block}
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;  margin-bottom:7px;}
ul.list_style.facilities li { float:left; width:50%; }
	ul.list_style.facilities.general li { float:none; width:100%; }
ul.list_style li:before { position:absolute; left:0; width:18px; height:18px; line-height:18px; text-align:center; background-color:#ff1d00; font-family:"General"; content: "\f166"; color:#fff; font-size:10px; border-radius:100%;  }

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

ol { list-style: none; margin:40px 0; padding:0 }
ol li { position:relative; counter-increment: item; padding-left:40px; margin-bottom:10px;}
ol li:before { position:absolute; left:0; margin-top:-2px; content: counter(item); border: 2px solid #0054a6; color: #0054a6; width: 22px; height:22px; line-height:22px; font-size:15px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
ol h4 { padding-top:5px}



.rate { color:#0054a6; font-weight:600;}

body#pg2 table { margin:0 0 30px 0; border-collapse:collapse; font-size:14px; line-height:1.3; }
body#pg2 table thead { background-color:#f2f2f2;  font-family: 'Open Sans', cursive; font-size:24px; line-height:1; text-align:center }
body#pg2 table tr {  }
body#pg2 table tr:nth-child(2n) { background-color:#f2f2f2;  }
body#pg2 table td { padding: 10px 20px; margin:0; border:1px solid #ddd; width:50%;}
body#pg2 table td b { font-weight:700; }

 
 
 
.section-footer { position:relative; text-align:center; }
.section-footer .caption { position:absolute; bottom:50%; left:0; width:100%; font-family: 'Open Sans', cursive; font-size:42px; line-height:1;  font-weight:700; color:#fff;  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 0 rgba(255,255,255,0.2);  }
.section-footer img { width:100%; height:auto}


.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%;  height: 100%;}



.separator { height:150px; clear:both; margin:0; position:relative; background:url(diagonal.png) left center repeat-x; }
.separator.small { height:40px; clear:both; margin:0 0 40px 0; position:relative; background:url(diagonal.png) left bottom repeat-x; }
.separator:after { display:none  }

.spacer { position:relative; clear:both; display:block; height:50px; }
	.spacer.small { height:20px; }
	.spacer.large { height:100px; }
	.spacer.xlarge { height:160px; }
	.spacer.xxlarge { height:200px; }








@-webkit-keyframes myZoomOut { 

from { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
50% { opacity: 1; }
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}

}

@keyframes myZoomOut {

from { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
50% { opacity: 1;}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}

}

.myZoomOut { -webkit-animation-name: myZoomOut; animation-name: myZoomOut; }



#slideshow { position:relative; height:600px; height:calc(100vh - 150px); margin-bottom: -1px; background:#111;  }
#slideshow:after { position:absolute; bottom:-18px; left:0; display:block; width:100%; height:20px; background:#f3f2f1; content:""; z-index:1 }

.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-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; }

.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:600px; height:calc(100vh - 150px); background:url(img/svgloader.svg) center center no-repeat; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;  }
	body.loaded .owl-carousel { background:none;}
.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-dots { position: absolute; bottom: 30px; right:11%; text-align: center;  }
.owl-carousel .owl-dots:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-dot { width: 20px; height: 20px; display: inline-block; background:#fff; margin-left:5px; border-radius:100%; }
.owl-carousel .owl-dot:hover { background:#ff1d00 }
.owl-carousel .owl-dot.active { background:#ff1d00 }


.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position:absolute; bottom:50%; margin-bottom:-30px; left:60px; width:60px; height:60px; background:rgba(0,0,0,0.2); line-height:60px; font-size:24px; text-align:center; color:rgba(255,255,255,0.5); font-family: "General"; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; border-radius:3px;}
	.owl-carousel .owl-nav .owl-prev { left:11% }
	.owl-carousel .owl-nav .owl-next { right:11%; left:auto}

.owl-carousel .owl-controls .owl-nav .owl-prev:before { content: "\f168"; }
.owl-carousel .owl-controls .owl-nav .owl-next:before { content: "\f16e"; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover { }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover { background:#0054a6; color:#fff }
.owl-carousel .owl-controls .owl-nav .owl-next:hover { background:#0054a6; color:#fff }


.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-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 { position:relative; display:table; width:100%; height:100%; padding:5%;  }
.owl-carousel .owl-item, .owl-carousel .owl-item .slide, .owl-carousel .owl-item .slide:before, .owl-carousel .animated, .owl-carousel .owl-stage { -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  -o-transform-style: preserve-3d;  -ms-transform-style: preserve-3d;  transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;}

.owl-carousel .owl-item .slide:before { position:absolute; top:0; left:0; content:""; height:100%; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; will-change: transform; z-index:-1  }
.owl-carousel .owl-item .slide.homeslide1:before{  background-image: url(slide-home-01.jpg); }
.owl-carousel .owl-item .slide.homeslide2:before{  background-image: url(slide-home-02.jpg); }
.owl-carousel .owl-item .slide.homeslide3:before{  background-image: url(slide-home-03.jpg); }
.owl-carousel .owl-item .slide.homeslide4:before{  background-image: url(slide-home-04.jpg); }

.owl-carousel .owl-item .slide.facilitiesslide1:before{  background-image: url(slide-accommodation-01.jpg); }
.owl-carousel .owl-item .slide.aboutusslide1:before{  background-image: url(slide-aboutus-01.jpg); }
.owl-carousel .owl-item .slide.locationslide1:before{  background-image: url(slide-location-01.jpg); }
.owl-carousel .owl-item .slide.activitiesslide1:before{  background-image: url(slide-activities-01.jpg); }
.owl-carousel .owl-item .slide.galleryslide1:before{  background-image: url(slide-gallery-01.jpg); }
.owl-carousel .owl-item .slide.specialsslide1:before{  background-image: url(slide-specials-01.jpg); }
.owl-carousel .owl-item .slide.reviewsslide1:before{  background-image: url(slide-reviews-01.jpg); }
.owl-carousel .owl-item .slide.contactusslide1:before{  background-image: url(slide-contact-us.jpg); background-position:center top; }


.owl-carousel .owl-item img {  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; cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing;  }
.owl-carousel.owl-rtl { direction: rtl;}
.owl-carousel.owl-rtl .owl-item { float: right;}

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


@-webkit-keyframes myFadeIn {
from { opacity: 0; }
50% { opacity: 0;}
to { opacity: 1;}
}

@keyframes myFadeIn {
from { opacity: 0;}
50% { opacity: 0;}
to { opacity: 1;}
}

.myFadeIn { -webkit-animation-name: myFadeIn; animation-name: myFadeIn;}


.owl-carousel .owl-item.active .caption { -webkit-animation-name: myFadeIn; animation-name: myFadeIn; -webkit-animation-duration: 2400ms; animation-duration: 2400ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .caption { display:table-cell; vertical-align:middle; text-align:left;   }
.owl-carousel .slide_title { position:relative; font-family: 'Open Sans', cursive; color:#fff; display:block; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; z-index:1; }

.owl-carousel .caption .slide_title { text-align:center; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;   }
.owl-carousel .caption .slide_title .logo { position:relative; z-index:1; display:none }
.owl-carousel .caption .slide_title .logo img { width:150px; height:auto; border:20px solid #000; margin-bottom:10px; opacity:0.6; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;}


.owl-carousel .caption .slide_title .line1 { font-family: 'Open Sans', cursive; display:block; margin-bottom:10px; font-size:50px; line-height:1; font-weight:800; text-shadow: 0 0 15px rgba(0,0,0,0.5); letter-spacing:-1px; webkit-backface-visibility: hidden; }
	body#hom .owl-carousel .caption1 .slide_title .line1:before { display:block; font-family: "Meneso"; content: "\f116"; margin-bottom:0px; color:#fff; font-size:80px; line-height:1  }
.owl-carousel .caption .slide_title .line2 { font-family: 'Roboto', sans-serif;  display:block;  font-size:14px; line-height:1.4; color:#fff; display:inline; text-shadow: 0 0 5px rgba(0,0,0,0.5); background:#0054a6; padding:3px 7px; border-radius:5px; }
	
.owl-carousel .caption .slide_title .button { display:block; width:180px; padding:10px; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:12px; line-height:14px; font-weight:normal; text-transform:uppercase; margin-bottom:10px; margin: 25px auto 10px auto }
.owl-carousel .caption .slide_title .button:after { font-family: "General"; content: "\f16e"; margin-left:7px; font-size:12px; line-height:12px; font-weight:normal }
.owl-carousel .caption .slide_title .button:hover { background:#FF664E; }

.scrolldown { position:absolute; bottom:7.5%; left:50%; margin-left:-30px; width:60px; font-size:20px; color:#fff; cursor:pointer; z-index:1; text-align:center; text-shadow: 0px 0px 2px #000; }
.scrolldown:before { position:absolute; top:-50px; content:"Scroll Down"; display:block; font-family: 'Roboto', sans-serif; font-size:18px; line-height:1; font-weight:700;}
.scrolldown:after { font-family:"General"; content: "\f16f"; font-size:34px; }

.play-stop { position:absolute; left:11%; bottom:30px; z-index:1}
.play-stop .play-slide, .play-stop .stop-slide { float:left; margin-right:5px; width:40px; height:40px; line-height:40px; text-align:center; background:#0054a6; color:#fff; cursor:pointer }
.play-stop .play-slide:before { font-family: "General"; content: "\f1ed";}
.play-stop .stop-slide:before {   content: "||";}
.play-stop .play-slide:active, .play-stop .stop-slide:active { background:#0054a6; }

.static-slideshow { position:relative; display:table; width:100%; height:350px; background-repeat:no-repeat; background-position:center; background-color:#222; background-size:cover; }





@-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;
}




.video-wrapper { width:100%; margin: 0; }
.video-container { position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%;  height: 100%;}




.ini_class { height: 400px !important;}

.yogamap .gm-style { position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important;  }

/*This rull for decorate infowindow of marker */
.yogamap { text-align:center; }
.yogamap h2 { margin: 0; position: relative; padding: 0 0 5px 0; letter-spacing: 0px; font-size:16px; max-width:200px;}
.yogamap p { margin-bottom:10px; max-width:200px;} 

.gm-style-iw { padding-top:20px; }

.gm-style-iw img { max-width:200px; height:auto }
.yogamap .profile { max-width:200px;}






.comment_review { position:relative; padding:50px; font-size: 16px; font-style:italic; background:#fff; border:1px solid #ddd; border-radius:7px; margin-bottom:40px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
	.comment_review:nth-child(odd) { background:#0054a6; color:#fff; border:1px solid #0054a6; }
.comment_review:before { position:absolute; left:10px; top:30px; font-family: 'Open Sans', cursive; content:open-quote; display:block; font-size:50px; color:#333; }
	.comment_review:nth-child(odd):before { color:#fff}
.comment_review:after { position:absolute; right:28px; bottom: 4px; font-family: 'Open Sans', cursive; content:close-quote; display:block; font-size:50px; text-align:right; color:#333; }
	.comment_review:nth-child(odd):after { color:#fff}
.comment_review .comment_name { font-family: 'Open Sans', cursive; font-style:normal; font-weight:normal; font-variant:small-caps; font-size:28px; line-height:1; color: #0054a6; word-wrap: break-word; display:block; margin-bottom:20px;}
	.comment_review:nth-child(odd) .comment_name { color: #fff; }
.comment_review .comment_source { font-size:14px; font-style:normal }
.comment_review .comment_source b { color:#0054a6; }




.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: https://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}



.notice { padding:30px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); background-color:#fff; text-align:center; margin-bottom:60px;}
.notice:before { font-family: "Meneso"; content: "\f100"; margin-right:5px; }

.beans { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); margin-bottom:20px; text-align:center; font-style:italic; padding:20px; }

.download { padding:60px 40px; background-color: #eee; background-image: url("arches.png"); position:relative; clear:both; /*-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);*/  }
.download:after { display:block; clear:both; width:100%; height:0; visibility:hidden; content:""; }
.download p { margin-bottom:0; margin-top:10px; float:left; font-size:24px; margin-left:52px; }
.download p:before { font-family: "Meneso"; content: "\f111"; font-size:36px; position:absolute; left:0; margin-top:10px; color:#555; }
.download p span { display:block; font-size:14px; }
.download .button { float:right; width:200px; margin:0; text-align: center; padding: 18px; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:700; line-height:1.2; text-transform:none; background:#ff1d00; color:#fff; border-color:#0054a6; }
.download .button:before { font-family: "Flaticon"; content: "\f10d"; margin-right:10px; font-size:20px; font-weight:400; }
.download .button:after { display:none }
.download .button:hover { color:#000; background:#fff; border-color:#fff; }

@media (max-width: 860px) {

.download { text-align:center; padding:30px 20px; }
.download p { float:none; margin-bottom:20px; margin-left:0; }
.download p:before { display:none }
.download .button { float:none; }


}




.footer-image img { width:100%; height:auto; position:relative;}
#footer { position:relative; clear:both; display:block; font-size:14px; line-height:20px; padding:50px 6% 20px; color:#000; border-top: 0px solid #f3f2f1; border-bottom: 20px solid #f3f2f1; background:#f3f2f1;  background:#fff }

#footer .third { position:relative; float:left; width:33.333333333333333333333333333333%; padding:0 4%;  }
#footer .third img { max-width:250px; height:auto; }

#footer a:hover { color:#AFAFAF; }

#footer ul { padding:0; margin:0 0 20px 0; }
#footer ul li { list-style:none }
#footer ul li a { display:block; color:#000; line-height:1.2; padding:13px 0; border-bottom:2px dotted #eee; }
#footer ul li a:hover { color:#0054a6; }



#footer .facebook, #footer .instagram { position:relative; z-index:2; width:48px; height:48px; line-height:48px; font-size:20px; font-weight:400; display:inline-block; background:#0054a6; color:#fff;  text-align:center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;  font-style:normal; margin-right:10px; }
#footer .facebook:before { font-family: "Flaticon"; content: "\f115"; font-weight:normal  }
#footer .instagram:before { font-family: "Flaticon"; content: "\f120"; font-weight:normal  }
#footer .facebook:hover, #footer .instagram:hover { background:#ff1d00; color:#fff }

.credits { position:relative; clear:both; font-family: 'Roboto', sans-serif; background: #0054a6; padding:2%; text-align:center; font-size:12px; margin: 0; color:#fff; z-index:60 }
.miniwebs { text-align:center;}
.miniwebs a { color:#fff;}
.miniwebs img {width:auto; height:14px; display:inline; margin-right:5px}






/*
	
THE RULE

For an Image ratio of example: 300(w) x 200(h)
Calculation goes:

1) 200 divided by 300
2) Times 100 (The next step depends on the amount of photos you'd like in a row... let's say 3)
3) Divide by 3
4) Minus the DOUBLED margin (margin:0.25% = 0.5%)
5) You will then have your padding-bottom percentage

*NB: If you've got a fixed pixel border like below then you're going to have to lessen padding-bottom percentage

*/



.gallery { text-align:center }
.gallery:after { content:""; clear:both; display:block; visibility:hidden; height:0; }

.gallery a { position:relative; float:left; margin:0.5%; width:24%; padding-bottom: 14.5%;  height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat; border:10px solid #fff; box-shadow: 0 0 15px rgba(0,0,0,0.15);}



.gallery.sidepics a { margin:0.5%; width:49%; padding-bottom: 29%; }
.gallery.sidepics a.top { width:99%; padding-bottom: 60.66666666666666666666666666666%; }

.gallery.photo a { margin:0; width:100%; padding-bottom: 67%; }

.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; }



.gallery.sidepics.height2 a { margin:0.5%; width:32.333333333333333333333333333333%; padding-bottom: 57%; }
	.gallery.sidepics.height2 a.height2 { margin:0.5%; width:32.333333333333333333333333333333%; padding-bottom: 28.5%; }
	.gallery.sidepics.height2 a.width2 { margin:0.5%; width:65.66666666666666%; padding-bottom: 27.55%; }
.gallery.sidepics.height2 a img { width:auto; height:100%; }
	.gallery.sidepics.height2 a.width2 img { width:100%; height:auto; }



.gallery a:before { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background: 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:before { position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.4); content:""; }

.gallery a:after { font-family: "General"; content: "\f148";  font-size:30px; text-shadow:0 0 2px #333; background:rgba(0,0,0,0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index:3; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; font-size:24px; line-height:50px; width:50px; height:50px; color:#fff; opacity:0;  -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(0,0); -moz-transform: translate3d(0,0,0) scale(0,0); -webkit-transform: translate3d(0,0,0) scale(0,0); transform: translate3d(0,0,0) scale(0,0); }
.gallery a:hover:after {  opacity:1; -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 img, .gallery a img:hover, .gallery a:after, .gallery a:hover:after { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }





.grid { }
.grid:after { content: ''; display: block; clear: both;}

.grid-item, .grid-sizer { width: 25%;}
	body#hom .grid2 .grid-item, body#hom .grid2 .grid-sizer { width: 33.333333333333333333333333333333%;}
.gutter-sizer { width: 0; }

.grid-item { position:relative; float: left; height: 200px;}

.grid-item--width2 { width: 50%; }
.grid-item--width3 { width: 100%; }
.grid-item--height2 { height: 400px;  }
.grid-item--height3 { height: 600px;  }

.grid-item div { position:relative;  padding:3px ; height: 200px; }
	.grid2 .grid-item div { height: 240px; }

	.grid-item--height2 div { height:400px }
	.grid-item--height3 div { height:600px }
.grid-item div a { position:relative; display:block; text-align:center; overflow: hidden; height:100%; z-index:1; border:10px solid #fff; box-shadow: 0 0 15px rgba(0,0,0,0.15);  }

.grid-item div a img {  }

.grid-item .corner-tl { position:absolute; top:10px; left:13px; z-index:1; width:100px; height:78px; padding:0 }

.grid-item .corner-tr { position:absolute; top:10px; right:13px; z-index:1; width:100px; height:78px; padding:0 }

.grid-item .corner-bl { position:absolute; bottom:10px; left:13px; z-index:1; width:100px; height:78px; padding:0 }

.grid-item .corner-br { position:absolute; bottom:10px; right:13px; z-index:1; width:100px; height:78px; padding:0 }

.gallery2 a:before { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background: 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; }
.gallery2 a:hover:before { position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.4); content:""; }

.gallery2 a:after { font-family: "General"; content: "\f148";  font-size:30px; text-shadow:0 0 2px #333; background:rgba(0,0,0,0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index:3; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; font-size:24px; line-height:50px; width:50px; height:50px; color:#fff; opacity:0;  -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(0,0); -moz-transform: translate3d(0,0,0) scale(0,0); -webkit-transform: translate3d(0,0,0) scale(0,0); transform: translate3d(0,0,0) scale(0,0); }
.gallery2 a:hover:after {  opacity:1; -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);}

.gallery2 a:after, .gallery2 a:hover:after { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }


.gallery2 .caption { position:absolute; left:0; bottom:0; width:100%; height:auto; z-index:4; display:block; -ms-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; opacity:0; }
.gallery2 .caption p { padding:10px 0; margin:0; color:#fff; font-weight:bold; text-align:center; background: rgba(0,0,0,0.9) ; }
.gallery2 .grid-item > div:hover .caption { opacity:1; -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }


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

.grid-item, .grid-sizer, .grid-item--width2 { width: 50%;}
.grid-item, .grid-item--height2, .grid-item--height3, .grid-item div, .grid-item--height2 div, .grid-item--height3 div { height: 200px; }

}




@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); -webkit-border-radius: 2px; -moz-border-radius: 2px; 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.45); 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: 12px; 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 { -webkit-border-radius: 5px; -moz-border-radius: 5px; 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: #0054a6; }
.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: #333; 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: #0054a6; 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; -webkit-border-radius: 3px; -moz-border-radius: 3px; 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); -webkit-border-radius: 50%; -moz-border-radius: 50%; 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; -webkit-border-radius: 10px; -moz-border-radius: 10px; 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;}







.add_review_button { position:relative; display:block; margin: 0 auto; width:80%;  padding: 30px;  border: 1px solid #eee; color:#555; font-family: 'Open Sans', cursive; font-size:30px; line-height:1;   text-align:center; cursor:pointer; clear:both; }
.add_review_button:before { font-family:"Flaticon"; content: "\f131"; 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; }


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

.contactleft { float:left; width:48%; margin:0 2% 0 0 }
.contactright { float:right; width:48%; margin:0 0 0 2% }

.fieldleft { float:left; width:50%; padding:0 10px }
.fieldright { float:right; width:50%; padding:0 10px }
.fieldthird { width:33.333333333333333333333333333333%; float:left; padding:0 10px; }
.alignedgeforotherfields { padding:0 10px; }

.contact_form { text-align:left; clear:both; margin-top:20px; }
#contact { position:relative; text-align:left}
#contact img { border:none; background:none}
label { font-weight:400; display:block; line-height: 1.2; margin-bottom:5px;}
.field_required:before { content:"*"; color: #ff0000; font-size: 25px; line-height: 18px; }
input, textarea, select, subject { font-family: 'Roboto', sans-serif; font-weight:400; width: 100%;  margin-bottom: 10px; padding: 20px; margin-bottom:35px; color: #000; border: 0px solid #ccc; font-size:24px; background:#e5e5e5; font-weight:700;}
input:focus, textarea:focus, select:focus {  outline: none;  background:#0054a6; color:#fff;  }
.submit { font-family: 'Open Sans', cursive;  width: auto; cursor: pointer; background:#0054a6; color:#fff; font-size:28px; font-weight:400; border:none; outline: 0; border: 0;  }
.submit::-moz-focus-inner {  border: 0;}
.submit:hover { background:#0054a6; }
input[type="submit"][disabled] { background:#888; cursor: default; }
.captcha_image { width:20%; height:auto; margin-bottom:10px; }

form input.submit.active, form input.submit.active:hover { background:url(img/ajax-loader.gif) center center no-repeat #0054a6; background:url(img/tail-spin.svg) center center no-repeat #0054a6; color:rgba(255,255,255,0)}


.fieldthird_wrapper { position:relative; clear:both; margin-bottom:30px; background: #ddd; padding:0 2%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

input[type=checkbox].css-checkbox { display:none; }
input[type=checkbox].css-checkbox + label.css-label { padding:0 0 0 55px; height:40px;  display:inline-block; line-height:40px; background-repeat:no-repeat; background-position: 0 0; font-size:20px; vertical-align:middle; cursor:pointer;   }
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -40px; }
label.css-label { background-image:url(img/checkbox.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}



.message { position:fixed; bottom:0px; right:0px; width:450px; padding:20px; font-size:16px; line-height:20px; color:#73b72a;  z-index:1;   z-index:7}
.message h6 { font-family: 'Roboto', sans-serif; font-size:14px; line-height:1; margin:0; padding:20px; text-align:left; text-shadow:none }
.message h6 span { font-size:24px; line-height:1; display:block; margin-bottom:5px; }
.message .close { display:block; position:absolute; top:0px; right:0px; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; cursor:pointer; font-size:16px;}
.message .close:after { font-family:"Flaticon"; content:"\f114"; font-style:normal }

.message .error_title { position:relative; display: block; width: 100%; height: 100%; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);  background-color:#fff; }
.message .error_title h6 { color:#fff; background-color:#da4d30; text-shadow:none }
.message .error_title .close { color:#fff; }
.message ul.error_messages { margin: 0 !important; padding: 30px !important;  }
.message ul.error_messages li { position:relative; padding:0 0 5px 20px !important; margin:0 0 2px 0 !important; text-transform:none; list-style:none; color:#333; border:none !important}
.message ul.error_messages li:before { position:absolute; left:0; width:20px; display:block; font-family:"Flaticon"; content:"\f114"; font-size:12px; line-height:16px; font-weight:400; margin-right:10px; font-style:normal } 

.message .success { position:relative; width: 100%; height: 100%; background-color:#fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);  }
.message .success h6 { color:#fff; background-color:#0054a6; font-size:18px; line-height:18px; }
.message .success h6:before { display:block; float:left; margin-right:15px; width:24px; height:24px; font-size:24px; line-height:24px; text-align:center; font-family:"Flaticon"; content:"\f10f"; font-weight:400; color:#fff; animation-duration: 1s; animation-fill-mode: both; backface-visibility: visible;
  animation-name: successflip; animation-delay: 1s; font-style:normal}
.message .success p { font-size:14px; line-height:1; padding:30px; margin:0; background:none !important; clear:both; color:#333; }

#reload { cursor:pointer; font-size:14px; font-family: 'Roboto', sans-serif; }







.scrollToTop, .mobile-call-us { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(0px, 100%, 0px); -moz-transform: translate3d(0px, 100%, 0px); -o-transform: translate3d(0px, 100%, 0px); -ms-transform: translate3d(0px, 100%, 0px); transform: translate3d(0px, 100%, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }

.mobile-call-us { position:fixed; left:0; bottom:0; width:100%; z-index:50; opacity:0; visibility:hidden; }
.mobile-call-us a { display:block; line-height:60px; background: #0054a6; color:#fff; z-index:5; padding:0 20px; text-align:center; text-indent:-60px }
.mobile-call-us a:hover { color:#fff; }
.mobile-call-us a:before { font-family:"General"; content: "\f12b"; margin-right:10px;}


.scrollToTop { position:fixed; bottom:30px; right:30px; width:46px; height:46px; font-size:20px; line-height:46px; background: #ff1d00; color:#fff; cursor:pointer; z-index:61; text-align:center; opacity:0; visibility:hidden; border-radius:3px; }
.scrollToTop:after { font-family:"Flaticon"; content: "\f103"; }
.scrollToTop:hover{ text-decoration:none; opacity:1}

.scrollToTop.visible { opacity:1; visibility:visible; -webkit-transform: translate3d(0px, 0, 0px); -moz-transform: translate3d(0px, 0, 0px); -o-transform: translate3d(0px, 0, 0px); -ms-transform: translate3d(0px, 0, 0px); transform: translate3d(0px, 0, 0px); }



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



}

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

/*#menu li a { font-size:11px;  text-transform:none; }*/

h1 { padding:10px 0 9px 5%; }
.header { padding: 5px 5%; }
.contact_bar, .languages { right:5% }
.check-availability h4 { padding: 15px 5%; }
.check-availability > div { padding: 0 5%; }
.container { padding: 45px 5% 120px; }
body#pg2 .container { padding: 90px 5% 60px; }
#footer { padding: 100px 1% 50px; }

}

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



}


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

body { margin:0; }
H1 { position:relative; top:auto; left:auto; color:#000}


.header-wrapper { position:relative; top:auto; left:auto; display:block; background:#fff; }

.header { border-top: 1px solid #eee; }
.header .logo { position: relative; display: block; width:90%; margin:0 5%; height:113px; margin-top: 60px; background:url(logo.png) center no-repeat; background-size:contain }
body.sticky .header .logo { background-position:center; width:90%; }
.header p { color:#999 }
.table { display: table;   /* Allow the centering to work */margin: 0 auto; height:50px; width:auto  }
.contact_bar { position:absolute; top:0;}

.contact_bar .facebook, .contact_bar .instagram, .contact_bar .callus, .contact_bar .reservations { color:#000;  border-right:1px solid #eee;}
.flatWeatherPlugin div.wiToday>p.wiTemperature { color:#000; }

.languages a { background:#0054a6; border: 3px solid #0054a6; color:#fff; }
.languages .free-delivery, .languages .free-delivery:before { color:#0054a6; }


.menu_wrapper { float:none }
.header #menu { height:auto}

#menu li a { padding-top:0; color:#000; text-shadow:none; height: 80px; text-transform:none  }
#menu:hover li a { color:#000; text-shadow:none }
#menu li:hover > a { color:#0054a6; text-shadow:none }

body#hom #menu .hom, 
body#pg2 #menu .pg2, 
body#pg3 #menu .pg3,
body#pg4 #menu .pg4,
body#pg5 #menu .pg5,
body#pg6 #menu .pg6,
body#pg7 #menu .pg7,
body#con #menu .con { color:#0054a6; text-shadow:none }

body.sticky .header #menu li a { padding-top: 0;  }

body.sticky .header p, body.sticky .header .languages { -webkit-transform: translate3d(0, 0, 0); opacity:1 }

.owl-carousel, #slideshow { height:540px;}

.one_third, .one-third { width:100%; float:left; margin-bottom:50px; }
	.one_third img { width:100%; height:auto; }
	.one_third.on-right { padding:0; float:right }

.two_third, .two-thirds { width:100%; float:left; padding: 0;  }
	.two_third.on-left { padding:0; }





#accommodation.style3 .accommodation { width:49%; }

.fieldleft, .fieldright, .fieldthird, .alignedgeforotherfields { float:none; width:100%; padding:0 }


}

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

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


@media (max-width: 767px) {


body { margin:0; padding-top:100px;}
body:after { display:none}


H1 { display:none}
.header { position:relative; top:auto; left:auto; display:block; padding:0 2%; }
.header .logo { margin-top: 30px; }
.header:before { background: #0054a6; }


body.sticky .header .table { height:auto; width:90%}
body.sticky .header .table #menu li a:before { font-size:26px; line-height:60px; margin-bottom:10px; }


.header p { top:30px; left:0; width:100%;}
.header .languages { width:100%; text-align:center; font-size:18px; padding-left: 0px; right:0; top: 80px; }


body.sticky .header p, body.sticky .header .languages { -webkit-transform: translate3d(0, 0, 0); opacity:1 }


.contact_bar { position:absolute; top:0; right:0; width:100%; background-color:#0054a6; height:100px; display:table; text-align:center; border-bottom:1px solid #ddd; border-top:5px solid #0054a6;   }
.contact_bar .facebook, .contact_bar .instagram, .contact_bar .callus, .contact_bar .reservations { text-align:center; width:50%; height:100px; display:table-cell; float:none; vertical-align:middle; font-size:12px; line-height:1; text-transform:none; padding:0 10px; font-weight:400;  border-right:1px solid #eee;  background: #0054a6; color:#fff}

.contact_bar .facebook:before, .contact_bar .instagram:before, .contact_bar .callus:before, .contact_bar .reservations:before { padding:0; margin:0; font-size:34px; line-height:1; float:none; color:#fff}
.contact_bar .reservations:before { display:block; margin-bottom:5px; }
.contact_bar .facebook:hover, .contact_bar .instagram:hover, .contact_bar .callus:hover, .contact_bar .reservations:hover { background:#f9f9f9 }
.contact_bar span { display:block; margin-top:10px }

	.contact_bar .callus { background: #79b912 !important; color:#fff !important }
	.contact_bar .callus:before { color:#fff }
	.contact_bar .callus span:before { content:"Call us" }
	.contact_bar .callus:hover { background:#0054a6 }
	.contact_bar .facebook:hover, .contact_bar .instagram:hover { background:#0054a6; color:#fff; }
	.contact_bar .facebook span, .contact_bar .instagram span { display:block; }

	.contact_bar .reservations:hover { background-color:#0054a6; color:#fff; }

#weather { width:100%; height:100px; background:#fff; }
.flatWeatherPlugin div.wiToday>p.wiTemperature { float:none; width: 100%; display:block; font-size:28px;}
.flatWeatherPlugin .wiToday>.wiIconGroup { float:none; width: 100%; display:block; margin-bottom:6px; }
.flatWeatherPlugin .wiToday .wiIconGroup div.wi { font-size: 28px; }
.wi:after, .wi:before { line-height:1.2 }


.menu_wrapper { float:none; margin-right:0px; padding:0; }


#menu-icon { position:relative; font-family: 'Open Sans', cursive;  font-size: 18px; font-weight:400; color:#777; width: 90%; margin: 0 auto; text-align:center; line-height: 70px; cursor: pointer; display: block; /* show menu icon */  -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;}
#menu-icon:before { font-family:"Flaticon"; content: "\f122"; position:absolute; left:0; font-size:22px;  }
#menu-icon.active:before { color:#0054a6; content:"\f122" }
#menu-icon.active { color:#0054a6;}
.table { display: block; margin: 0 auto; height:auto; width:90% }
#menu { display:none; margin:0; width:100%;}

#menu .align-left { float:none;}
#menu .align-right { float:none;}

#menu li { float: none; width:100%; }
#menu li a {  display:block; float:left; width:100%; border-bottom:1px solid #ddd; height:60px; line-height:60px; padding: 0; text-align:left; font-size:16px; text-transform:none; }
#menu li a span { display:none }
#menu li a:before {  display:block; float:left; color:#0054a6; margin-right:20px; text-align:center; font-size:26px; line-height: 60px; font-weight:400 }
#menu li:hover > a { color:#0054a6 }
body#hom .hom, body#acc .acc, body#att .att, body#gal .gal, body#ter .ter, body#rev .rev, body#con .con { color:#0054a6; }

#menu li a:after { display:none }
#menu .align-right li:last-of-type a { border:none; margin-bottom:40px;}

#menu ul { display:none }
#menu li a b { display:none }
#menu li.drop > a:before { display:none }

body.sticky .header .table { }
body.sticky .header #menu li a { height:60px; padding: 0; }
#menu li.drop > a:after { display:none}
#menu li ul {display:none}


.owl-carousel, #slideshow { height:400px;}
.static-slideshow { height:200px;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 60px; opacity:0.3; font-size:14px; }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-next:hover { right:0px; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-prev:hover { left:0px; }
.owl-carousel .caption .slide_title { padding:0 30px; }
.owl-carousel .caption .slide_title .line1 {  font-size:24px; }
.owl-carousel .caption .slide_title .line2 { font-size:12px; }
	body#hom .owl-carousel .caption1 .slide_title .line1:before, body#hom .owl-carousel .caption2 .slide_title .line1:before, body#hom .owl-carousel .caption3 .slide_title .line1:before { font-size:50px;  }


.ini_class { height:450px !important;}


.title_box { padding-bottom:50px }
.title_box h3 { width:100% }

.container { position:relative; padding:20px 8% }
.two_third { margin-bottom:0px;}

.play-stop .play-slide, .play-stop .stop-slide { font-size:12px; width:26px; height:26px; line-height:26px;}
#slideshow .scrolldown { display:none !important }



#braaitime { padding:30px; }
#braaitime .braaitime { display:block; height:auto; padding:40px; }
#braaitime .photo { float:none; width:100%; height:400px; }
#braaitime .photo .tag { bottom:auto; top:20px; left:20px; padding:10px 30px;}
#braaitime .photo .tag:before { font-size:30px; }
#braaitime .information { display:block; }

#directions { padding:30px; }
#directions .directions { display:block; height:auto; padding:40px; }
#directions .photo { float:none; width:100%; height:400px; }
#directions .photo .tag { bottom:auto; top:20px; left:20px; padding:10px 30px;}
#directions .photo .tag:before { font-size:30px; }
#directions .information { display:block; }


#accommodation.style1 .accommodation { float:none; width:100%; margin:0 0 20px 0; padding-bottom:67%;}


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


.message { bottom:60px; }

#footer .third { float:none; width:100%; margin-bottom:50px; }

.mobile-call-us.visible { opacity:1; visibility:visible; -webkit-transform: translate3d(0px, 0, 0px); -moz-transform: translate3d(0px, 0, 0px); -o-transform: translate3d(0px, 0, 0px); -ms-transform: translate3d(0px, 0, 0px); transform: translate3d(0px, 0, 0px); }
.scrollToTop { position:fixed; bottom:0; left:auto; right:0; margin-left:0; width:60px; height:60px; line-height:60px; opacity:1; border-left:1px solid #eee;}


.picker__holder { max-width:100%; }
.picker, .picker__holder { width:100%; left:0; }



}


@media (max-width: 600px) {

h2, .static-slideshow .title_box h2 { font-size:34px; }
.yogamap h2 { font-size:20px; line-height:1; }
h3 { font-size:30px; }
.static-slideshow .title_box h3 { line-height:1.4}

.owl-carousel .owl-dots { bottom:25px; right:15px }
.play-stop { bottom:15px; left:15px; }
.play-stop .play-slide, .play-stop .stop-slide { width:30px; height:30px; line-height:30px; }



#accommodation.style3 .accommodation { width:100%; margin-bottom:30px; }

ul.list_style { margin:10px 0;}





.map { height:250px ; }
.contactleft, .contactright { position:relative; width:100%; margin:0; }

.credits { font-size:10px; }

.fieldthird { width:100%; float:none; }
.message { width:100%; padding:0;}


}

@media (max-width: 500px) {


.owl-carousel, #slideshow { height:320px;}
.static-slideshow { height:150px; }


.contactdetails span { float:none }
.picker__holder { max-width:100%;  }

.gallery a { width:49.5%; margin:0.25%; padding-bottom: 28%;}

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

.two_third { padding: 0;}


.download .button { width: 100%; margin: 2% 0; }


}

@media (max-width: 400px) {


.contact_bar .facebook, .contact_bar .callus, .contact_bar .reservations { font-size:10px; }

.owl-carousel, #slideshow { height:250px;}





}

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



}