@charset "utf-8";
/*

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

Main: #30c5b7
Secondary: #b48e63

*/


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

@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: "Beach"; src: url("fonts/Beach.eot"); src: url("fonts/Beach.eot#iefix") format("embedded-opentype"), url("fonts/Beach.svg") format("svg"), url("fonts/Beach.woff") format("woff"), url("fonts/Beach.ttf") format("truetype"); font-weight: normal !important; font-style: normal; }


body { margin: 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: #30c5b7; text-decoration:none; }
a:hover { color: #000;  }
a {outline: 0;}
.clearfix { clear:both;}
.green { color:#30c5b7 }

h1 { position:relative; width:100%; font-family: 'Roboto', sans-serif; font-size:12px; line-height:18px; font-weight:300; text-align:left; color: #eee; margin:0px; padding:10px 0 9px 5%;  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: 'SpringLPStd-Light', cursive; font-size:60px; line-height:1;  font-weight:normal; /*word-spacing:7px;*/ display:block; margin:0 0 30px 0; padding:0; color:#000 }
h2 span {  font-size:40px; display:block; font-size:16px; text-transform:uppercase; color:#333 }
h3 { font-family: 'SpringLPStd-Light', cursive; position:relative; font-size:48px; line-height:1;  font-weight:400; display:block; color: #000; margin:0 0 40px 0; padding:0; text-align:center  }

h3.line { margin-bottom:40px; padding-bottom:30px; }
h3.line:after { position:absolute; left:0; bottom:-20px; width:100%; text-align:center; font-family:"Beach"; content: "\f125"; }


h4 { font-family: 'SpringLPStd-Light', cursive; font-size:32px; line-height:1;  font-weight:400; display:block; color: #000; margin: 0 0 20px; padding:0;  }
h5 { font-family: 'SpringLPStd-Light', cursive; font-size:22px; line-height:1;  font-weight:400;  display:block; color: #000; margin:0 0 10px 0; padding:0; }
h6 { font-family: 'SpringLPStd-Light', cursive;  font-size:32px; line-height:1;  font-weight:400;  display:block; color: #000; 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;}


.sticky_availability { position:fixed; bottom: 15px; left: 15px; display: flex; gap:10px; align-items: center; background: #30c5b7; color: #fff; padding: 10px 15px; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 1; border-radius: 10px; z-index: 61; background-image: linear-gradient(to right bottom, #50dce3, #28b3a6); background-image: linear-gradient(to right bottom, #ed006d, #e7007f, #dc0093, #cc00a7, #b600bb); }
.sticky_availability i { font-size: 18px; }
.sticky_availability:hover { color:#fff; }


.button { position:relative; display:inline-block; padding: 8px 15px 8px 15px; margin:0 0 20px 0; text-decoration:none;  font-size:10px; line-height:1; color:#000; border: 2px solid; text-transform:uppercase; font-weight:700; -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:#000; color:#fff; border-color:#000}


.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: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }

.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 .opening-hours, .header p { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.header .logo img { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }
.header .table { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }
.header #menu li a { -webkit-transition: height 0.3s, padding 0.3s, color 0.3s; -moz-transition: height 0.3s, padding 0.3s, color 0.3s; -o-transition: height 0.3s, padding 0.3s, color 0.3s; -ms-transition: height 0.3s, padding 0.3s, color 0.3s; transition: height 0.3s, padding 0.3s, color 0.3s; }

.header .logo img, .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:0 5%; text-align:center; border-top:1px solid rgba(0,0,0,0.2);  }
.header .logo { text-align: left; position: relative; display: table-cell; vertical-align: middle; overflow: hidden; width:200px;}
.header .logo img { width:auto; height:100px; }

/*.header:before { position:absolute; left:0; bottom:0; width:100%; height:10px; background: #30c5b7; content:"";}*/
.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: 'SpringLPStd-Light', cursive; font-size:28px; color:#eee;  }

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

.contact_bar .facebook, .contact_bar .instagram, .contact_bar .callus, .contact_bar .reservations { position:relative; float:left; z-index:2; font-size:14px; line-height:37px; text-align:center; color:#eee;  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:20px; margin-right:10px; color:#30c5b7}

.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 807 9334" }

.contact_bar .reservations { font-weight:bold }
.contact_bar .reservations:before { content: "\f13f"; font-weight:400;}


.languages { position:absolute; top:60px; right:5%;  -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); }
.languages a { display:inline; background:#30c5b7; color:#fff; padding:7px 10px; text-transform:uppercase; font-size:12px; font-weight:700; border-radius:3px; }



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

.table { display:table; vertical-align:middle; width:100%; 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:10px 0; height: 100px; vertical-align: bottom;  }
#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:bottom; font-family: 'Roboto', sans-serif; font-size:15px; line-height:16px; font-weight:700; text-decoration: none; letter-spacing:0px; color: #fff; padding: 0 22px 0 0; cursor:pointer; text-align:right; text-shadow:1px 1px 0 rgba(0,0,0,0.4)   }

	body#pg5 #menu li a, body#pg6 #menu li a { color:#000; text-shadow:none; }
	body#pg5 #menu li a.pg5, body#pg6 #menu li a.pg6 { color:#30c5b7; text-shadow:none }

#menu li:first-of-type a { padding-left:0; }
#menu li:last-of-type a { padding-right:0; }
#menu li a:after { position:absolute; right:8px; font-family: "General"; content: "\f129"; font-size:6px; color: #30c5b7; font-weight:400; text-shadow:none }
#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:#fff }
#menu li:hover > a { color:#30c5b7; text-shadow:1px 1px 0 rgba(0,0,0,1) }

body#hom .hom, 
body#pg2 .pg2, 
body#pg3 .pg3,
body#pg4 .pg4,
body#pg5 .pg5,
body#pg6 .pg6,
body#pg7 .pg7,
body#pg8 .pg8,
body#pg9 .pg9,
body#con .con { color:#30c5b7; text-shadow:1px 1px 0 rgba(0,0,0,1) }


body.sticky h1 { background:#fff; color:#000; }
body.sticky .header { background:#fff; border-top: 1px solid #eee; -moz-box-shadow:0 10px 10px rgba(0, 0, 0, 1); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 1); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); }
body.sticky .header .logo {  }
body.sticky .header .logo img { height:50px; }
body.sticky .header .table { height:60px; }
body.sticky #menu { height:auto; vertical-align: middle;  }
body.sticky #menu li a { color:#000; text-shadow:none; vertical-align: middle; }
body.sticky .header p { -webkit-transform: translate3d(0px, -200%, 0px); -moz-transform: translate3d(0px, -200%, 0px); -o-transform: translate3d(0px, -200%, 0px); -ms-transform: translate3d(0px, -200%, 0px); transform: translate3d(0px, -200%, 0px); opacity:0 }
body.sticky .header .languages { -webkit-transform: translate3d(0px, -200%, 0px); -moz-transform: translate3d(0px, -200%, 0px); -o-transform: translate3d(0px, -200%, 0px); -ms-transform: translate3d(0px, -200%, 0px); transform: translate3d(0px, -200%, 0px); opacity:0 }
body.sticky .contact_bar .facebook, body.sticky .contact_bar .instagram, body.sticky .contact_bar .callus, body.sticky .contact_bar .reservations { color:#000;  border-right:1px solid #eee;}
body.sticky .flatWeatherPlugin div.wiToday>p.wiTemperature { color:#000; }


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

.header #menu { height:120px; }
body.sticky .header #menu li a, .header #menu li a {  padding: 0 22px 5px 0; }

}



body.sticky #menu:hover li a { color:#000 }
body.sticky #menu li:hover > a { color:#30c5b7 }


body#hom.sticky .hom, 
body#pg2.sticky .pg2, 
body#pg3.sticky .pg3,
body#pg4.sticky .pg4,
body#pg5.sticky .pg5,
body#pg6.sticky .pg6,
body#pg7.sticky .pg7,
body#pg8.sticky .pg8,
body#pg9.sticky .pg9,
body#con.sticky .con { color:#30c5b7; }








.container { position:relative; padding:60px 5%; background:#fff; clear:both  }
.container.section-01 { background:url(section-01-bk.jpg) center bottom no-repeat #fff; background-size:contain; padding-bottom:40%;   }
.container .background-caption { position:absolute; left:0; bottom:0; width:100%; padding:30px 5%; font-size:12px; font-weight:300; text-align:center; color:#000;  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
.container .background-caption:before { font-family:"Flaticon"; content: "\f12e"; margin-right:10px; font-weight: 400; }

.container.footerbk-02 { padding-bottom:30%; background:url(footer-02.png) center bottom no-repeat #fff; background-size:contain; }
.container.footerbk-03 { padding-bottom:34%; background:url(footer-03.png) center bottom no-repeat #fff; background-size:contain; }
.container.footerbk-04 { padding-bottom:34%; background:url(footer-04.png) center bottom no-repeat #fff; background-size:contain; }
.container.footerbk-05 { padding-bottom:25%; background:url(footer-05.png) center bottom no-repeat #f5f5f5; background-size:contain; }
.container.footerbk-06 { padding-bottom:30%; background:url(footer-06.png) center bottom no-repeat #fff; background-size:contain; }
.container.footerbk-07 { padding-bottom:30%; background:url(footer-07.png) center bottom no-repeat #fff; background-size:contain; }

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

.title_box { position:relative; text-align:center; margin-bottom:0px; padding:0px 0 40px; clear:both; background:url(title-box-bk.png) center -20px no-repeat; }
.title_box h2 { margin:0; }
.title_box h3 { font-size:14px; line-height:1.2; font-family: 'Roboto', sans-serif; font-weight:400; font-variant:normal; display:block; color: #555;  margin:0 0 20px 0; padding:0; width:75%; margin: 0 auto; }
.title_box h3:before { content:'" ' }
.title_box h3:after { content:' "'; position:relative; left:auto; bottom:auto; }
.title_box:after { font-family:"Beach"; content: "\f107"; display:block; font-size:50px; line-height:1; color:#000; margin-top: 15px; }
body#pg2 .title_box:after { font-family:"Beach"; content: "\f104";}
body#pg3 .title_box:after { font-family:"Beach"; content: "\f105";}
body#pg4 .title_box:after { font-family:"Beach"; content: "\f120";}
body#pg5 .title_box:after { font-family:"Beach"; content: "\f11f";}
body#con .title_box:after { font-family:"General"; content: "\f196";}
body#con .title_box.formtitle:after { font-family:"Beach"; content: "\f11a";}



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



.check-availability { position:relative; margin-bottom:0; border-bottom:1px solid #eee; background:#f2f2f2; padding:0; clear:both; display:block; box-shadow: 0 5px 10px rgba(0,0,0,0.03); z-index:1 }
.check-availability:after { content:""; clear:both; display:block; width:100%; }

.check-availability h4 { background: url(slanted-bk.png) left center no-repeat #30c5b7; padding:15px 5%; font-size:14px; color:#fff; margin-bottom: 0; font-weight: 400; }
.check-availability h4:before { font-family:"Flaticon"; content: "\f10e"; margin-right:10px; }
.check-availability > div { padding:0 5% }
.check-availability .columns { float:left; width:33.333333333333333333333333333333%; padding:20px; }

.check-availability label { font-family: 'Roboto', sans-serif;  font-weight:700; float:left; width:40%; line-height: 1.2; font-size: 11px; margin-bottom:0; padding:15px 10px 15px 0; text-transform:uppercase}
.check-availability .input-field { float:left; width:60%; }
.check-availability input { font-family: 'Roboto', sans-serif; font-weight:400; width: 100%;  margin-bottom: 0px; padding: 15px; color: #666; border: 0px solid #ccc; font-size:14px; background:url(img/calendar-03.png) right 10px center no-repeat #fff; border-radius:3px;}
.check-availability input:focus { outline: none; background:#000; color:#10579c;  }

.check-availability input.btn { color:#fff; cursor:pointer; background: #000; background: linear-gradient(to left, #000 50%, #30c5b7 50%); background-size: 200% 100%; background-position:right bottom;  margin-left:10px; transition:all .4s ease; }
.check-availability input.btn:hover { background-position:left bottom; }

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

.check-availability { padding-bottom:10px;  }
.check-availability h4 { margin-bottom: 10px; }
.check-availability .columns { width:100%; padding:10px 20px;}

}

@media screen and (max-width: 500px) {
.check-availability > div { padding:0 }
}


.three-column { position:relative; -webkit-columns: 3 250px; -moz-columns: 3 250px; columns: 3 250px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; text-align:justify}
.three-column .fl:first-letter { position:relative; display:block; font-family: 'SpringLPStd-Light', cursive; font-size:65px; line-height:65px; line-height:0.7; font-style:normal; color:#fff; float:left; background-color:#000; padding:15px 15px 5px 5px; margin: 5px 10px 0 0; }




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

#accommodation.style1 .accommodation { position:relative; float:left; width:48%; margin:1%; padding-bottom:30%; 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: 'SpringLPStd-Light', cursive; font-size:28px; line-height:1; display:block; color: #fff; margin: 0; }








.featured { position:relative; display:table; width:100%; height:320px; margin:0; }
.featured .photo { position:relative; display:table-cell; width:50%; height:100%; background-position: center; background-repeat:no-repeat; background-size: cover;   }
.featured .caption { position:relative; display:table-cell; vertical-align:middle; width:50%; padding:60px; margin: 0 auto;  color:#333;}

.featured .caption p { margin-bottom:0; }

.featured h5 { font-size:36px; line-height:1; font-weight:400; margin:0 0 10px 0; padding:0;}
.featured h5 span { font-family: 'Roboto', sans-serif; display:block; font-size:14px; font-weight:600; }
.featured .caption .button { margin-bottom:0; }

 
 
#braaitime { position:relative; clear:both; display:block; padding:100px; }
#braaitime:before { content: ""; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: white; background:url(section-05-bk.jpg) center center no-repeat; background-size:cover; will-change: transform; z-index: -1; }
#braaitime:after { position:relative; clear:both; display:block; width:100%; height:0; visibility:hidden; content:"";}

#braaitime .braaitime { display:table; height:450px; padding:0 100px; background:#fff }

#braaitime h4:before { display:block; font-family: "Beach";  content: "\f101"; font-style:normal; margin-bottom:5px; font-size:60px; }
#braaitime h4 { font-family: 'SpringLPStd-Light', cursive; width:100%; color:#000; text-align:center; margin:0 0 40px 0; padding:0; font-size:40px; font-weight:400; 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); }

#braaitime .photo { position:relative; float:left; width:60%; background:#000; height:450px; background:url(data/images1/10.jpg) center no-repeat; background-size:cover }
#braaitime .photo .tag { position:absolute; bottom:30px; left:-30px; padding:20px 50px; text-align:center; background:#000; font-family: 'SpringLPStd-Light', cursive; font-size:20px; line-height:1 ; color:#eee;}
#braaitime .photo .tag:before { font-family: "General";  content: "\f176"; display:block; font-size:40px; margin-bottom:5px; }

#braaitime .information { display:table-cell; vertical-align:middle; text-align:center; font-style:italic; color:#000; }

#braaitime .information p:before { content:'" '; text-align:left; font-size:14px }
#braaitime .information p:after { content:' "';  font-size:14px }



#directions { position:relative; clear:both; display:block; padding:100px; padding-bottom:20%; background:url(footer-01.png) center bottom no-repeat #fff; background-size:contain; }
/*#directions:before { content: ""; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: white; background:url(footer-01.png) center center no-repeat; background-size:cover; will-change: transform; z-index: -1; }
*/#directions:after { position:relative; clear:both; display:block; width:100%; height:0; visibility:hidden; content:"";}

#directions .directions { display:table; height:600px; padding:0 100px; background:#fff }

#directions h4:before { display:block; font-family: "General";  content: "\f14c"; font-style:normal; margin-bottom:5px; font-size:60px; }
#directions h4 { font-family: 'SpringLPStd-Light', cursive; width:100%; color:#000; text-align:center; margin:0 0 40px 0; padding:0; font-size:40px; font-weight:400; 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); }

#directions .photo { position:relative; float:left; width:35%; background:#000; height:600px; background:url(directions.jpg) center no-repeat; background-size:cover }
#directions .photo .tag { position:absolute; bottom:30px; left:-30px; padding:20px 50px; text-align:center; background:#000; font-family: 'SpringLPStd-Light', cursive; font-size:20px; line-height:1 ; color:#eee;}
#directions .photo .tag:before { font-family: "General";  content: "\f176"; display:block; font-size:40px; margin-bottom:5px; }

#directions .information { display:table-cell; vertical-align:middle; text-align:center; font-style:italic; color:#000; }
#directions .information a { font-style:normal }





 
 
 
.section-footer { position:relative; text-align:center; }
.section-footer .caption { position:absolute; bottom:50%; left:0; width:100%; font-family: 'SpringLPStd-Light', 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.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; margin-bottom: -1px; }

.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: 100vh; background:url(img/svgloader.svg) center center no-repeat #000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;  }
	body.loaded .owl-carousel { background:#000;}
.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:5%; 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:#000; margin-left:5px; border-radius:3px; }
.owl-carousel .owl-dot:hover { background:#30c5b7 }
.owl-carousel .owl-dot.active { background:#30c5b7 }


.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; line-height:60px; font-size:24px; text-align:center; color:#fff; opacity:1; font-family: "General"; text-shadow: 0 0 15px rgba(0,0,0,0.5); -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:5% }
	.owl-carousel .owl-nav .owl-next { right:5%; 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:#fff; color:#000 }
.owl-carousel .owl-controls .owl-nav .owl-next:hover { background:#fff; color:#000 }
/*.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover { opacity:1; }
*/


.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.accommodationslide1:before{  background-image: url(slide-accommodation-01.jpg); }
.owl-carousel .owl-item .slide.accommodationslide2:before{  background-image: url(slide-accommodation-02.jpg); }
.owl-carousel .owl-item .slide.accommodationslide3:before{  background-image: url(slide-accommodation-03.jpg); }

.owl-carousel .owl-item .slide.kitchenslide1:before{  background-image: url(slide-home-02.jpg); }
.owl-carousel .owl-item .slide.braaitimeslide1:before{  background-image: url(braai-time-01.jpg); }


.owl-carousel .owl-item .slide.ratesslide1:before{  background-image: url(slide-rates-01.jpg); }
.owl-carousel .owl-item .slide.ratesslide2:before{  background-image: url(slide-rates-02.jpg); }
.owl-carousel .owl-item .slide.ratesslide3:before{  background-image: url(slide-rates-03.jpg); }

.owl-carousel .owl-item .slide.galleryslide1:before{  background-image: url(slide-gallery-01.jpg); }
.owl-carousel .owl-item .slide.galleryslide2:before{  background-image: url(slide-gallery-02.jpg); }
.owl-carousel .owl-item .slide.galleryslide3:before{  background-image: url(slide-gallery-03.jpg); }

.owl-carousel .owl-item .slide.informationslide1:before{  background-image: url(slide-information-01.jpg); }
.owl-carousel .owl-item .slide.informationslide2:before{  background-image: url(slide-information-02.jpg); }
.owl-carousel .owl-item .slide.informationslide3:before{  background-image: url(slide-information-03.jpg); }

.owl-carousel .owl-item .slide.reviewsslide1:before{  background-image: url(slide-reviews-01.jpg); }
.owl-carousel .owl-item .slide.reviewsslide2:before{  background-image: url(slide-reviews-02.jpg); }
.owl-carousel .owl-item .slide.reviewsslide3:before{  background-image: url(slide-reviews-03.jpg); }

.owl-carousel .owl-item .slide.locationslide1:before{  background-image: url(google-map.png); }
.owl-carousel .owl-item .slide.locationslide2:before{  background-image: url(slide-location-01.jpg); }
.owl-carousel .owl-item .slide.locationslide3:before{  background-image: url(slide-location-02.jpg); }
.owl-carousel .owl-item .slide.locationslide4:before{  background-image: url(slide-location-03.jpg); }

.owl-carousel .owl-item .slide.contactusslide1:before{  background-image: url(slide-contact-us-01.jpg); }
.owl-carousel .owl-item .slide.contactusslide2:before{  background-image: url(slide-contact-us-02.jpg); }
.owl-carousel .owl-item .slide.contactusslide3:before{  background-image: url(slide-contact-us-03.jpg); }



.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: 'SpringLPStd-Light', 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: 'SpringLPStd-Light', cursive; display:block; margin-bottom:10px; font-size:60px; letter-spacing:4px; line-height:1; font-weight:400; text-shadow: 0 0 15px rgba(0,0,0,0.5); webkit-backface-visibility: hidden; }
	body#hom .owl-carousel .caption1 .slide_title .line1:before { display:block; font-family: "General"; content: "\f198"; margin-bottom:10px; color:#fff; font-size:100px;  }
	body#hom .owl-carousel .caption2 .slide_title .line1:before { display:block; font-family: "General"; content: "\f1d5"; margin-bottom:10px; color:#fff; font-size:100px;  }
	body#hom .owl-carousel .caption3 .slide_title .line1:before { display:block; font-family: "General"; content: "\f134"; margin-bottom:10px; color:#fff; font-size:100px;  }
	body#hom .owl-carousel .caption4 .slide_title .line1:before { display:block; font-family: "Beach"; content: "\f100"; margin-bottom:10px; color:#fff; font-size:100px;  }
.owl-carousel .caption .slide_title .line2 { font-family: 'Roboto', sans-serif;  display:block;  font-size:14px; line-height:1; letter-spacing:4px; color:#fff; display:inline; text-transform:uppercase; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
	
.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; }


.play-stop { position:absolute; left:5%; 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:#000; 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:#30c5b7; }


.scrolldown { position:absolute; bottom:7.5%; left:50%; margin-left:-30px; width:60px; height:60px; font-size:20px; line-height:60px; border:2px solid #06C4A8; color:#fff; border-radius:50%; cursor:pointer; z-index:1; text-align:center; text-shadow:0 0 5px #000 }
.scrolldown:before { position:absolute; top:-50px; content:"Scroll Down"; display:block; font-size:18px; line-height:1;}
.scrolldown:after { font-family:"General"; content: "\f16f"; }

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



.static-slideshow { position:relative; height:250px; } 














.ini_class { height: 500px !important;}

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

.yogamap { text-align:center; }
.yogamap h2 { margin: 0; position: relative; padding: 0 0 5px 0; letter-spacing: 0px; font-size:20px; max-width:200px;}
	body#advert .tab_container .yogamap h2 { margin: 0; position: relative; padding: 0 0 7px 0; letter-spacing: 0px; font-size:14px; text-transform:uppercase; max-width:200px;}
.yogamap p { margin-bottom:10px; max-width:200px;} 
.yogamap .button { display:block; padding:10px; text-align:center; background:#FF664E; color:#fff; font-size:12px; line-height:14px; font-weight:normal; text-transform:uppercase; margin-bottom:10px; }
.yogamap .button:hover { background:#41DACB; }

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

.gm-style-iw img { max-width:200px !important; height:auto }
.yogamap .profile { max-width:200px !important; position: relative; padding-bottom: 66%; height: 0; overflow: hidden;}



#weather { position:relative; height: 37px; display: table; width:100px; padding: 0 10px; color: #000; }
#weather:after { content:""; display:block; clear:both }
#weather H2 { display:none }
			
@font-face{font-family:weathericons;src:url(fonts/weathericons-regular-webfont.eot);src:url(fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/weathericons-regular-webfont.woff) format('woff'),url(fonts/weathericons-regular-webfont.ttf) format('truetype'),url(fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg) format('svg');font-weight:400;font-style:normal}
.wi:after,.wi:before{display:inline-block; font-family:weathericons; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.flatWeatherPlugin{font-size:inherit;width:100%; display: table-cell; vertical-align: middle;}
.flatWeatherPlugin h2,.flatWeatherPlugin h3,.flatWeatherPlugin li,.flatWeatherPlugin p,.flatWeatherPlugin ul{padding:0;margin:0;color:inherit;}
#flatWeatherLoading.loading{font-size:24px;text-align:center;padding:10px;overflow:hidden;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.flatWeatherPlugin .wiToday{width:100%;overflow:hidden}
.flatWeatherPlugin .wiToday>.wiIconGroup{float:right;width:50%;text-align:center}
.flatWeatherPlugin .wiToday>.wiIconGroup p { display: none; }
.flatWeatherPlugin .wiToday .wiIconGroup div.wi{ font-size:18px; line-height:1; width:100%; color: #30c5b7;}
.flatWeatherPlugin .clearfix:after{content:" ";display:table;clear:both}
.flatWeatherPlugin div.wiToday>p.wiTemperature{font-size:18px;line-height:1;float:left;width:50%;text-align:center;color:#eee; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.flatWeatherPlugin sup { font-size:18px; vertical-align:baseline; position:relative}
.flatWeatherPlugin .wiDetail{overflow:hidden;width:100%;padding-bottom:5px}
.flatWeatherPlugin.today .wiDetail{padding-top:10px}
.flatWeatherPlugin .wiDetail p.wiDay{font-weight:700;margin:5px 0 2px;text-align:left;color:inherit}
.flatWeatherPlugin.partial .wiToday p.wiDay{text-align:center;font-weight:700;padding:0 0 10px;clear:both;width:100%;color:inherit}
.flatWeatherPlugin .wiDetail ul{width:33%;float:left;list-style:none;font-size:90%}
.flatWeatherPlugin .wiDetail ul+ul{width:27%}
.flatWeatherPlugin .wiDetail ul+ul+ul{width:40%}
.flatWeatherPlugin .wiDetail ul li:before{width:30px}
.flatWeatherPlugin ul.wiForecasts{width:100%;overflow:hidden}
.flatWeatherPlugin ul.wiForecasts li>span{width:25%;display:inline-block}
.flatWeatherPlugin ul.wiForecasts li{float:left;width:100%;overflow:hidden;display:inline}
.flatWeatherPlugin ul.wiForecasts ul.wiForecast{font-weight:400;list-style:none;float:right;width:75%}
.flatWeatherPlugin.forecast ul.wiForecasts ul.wiForecast li{text-align:center}
.flatWeatherPlugin ul.wiForecasts ul.wiForecast li{width:33%;float:left;text-align:center}
.flatWeatherPlugin ul.wiForecasts ul.wiForecast li.wi:before{vertical-align:bottom}
.flatWeatherPlugin ul.wiForecasts li.wiDay{font-weight:700;border-color:inherit;border-top:1px solid RGBA(255,255,255,.2);padding:5px 0}
.flatWeatherPlugin.forecast ul.wiForecasts li.wiDay{border-bottom:1px solid RGBA(255,255,255,.2);border-top:none}
.flatWeatherPlugin ul.wiForecasts li.wiDay:last-child{border-bottom:none}
.wi.sunrise:before{content:"\f051"}
.wi.sunset:before{content:"\f052"}
.wi.wind:before{content:"\f050"}
.wi.humidity:before{content:"\f04e"}
.wi.pressure:before{content:"\f040"}
.wi.cloudiness:before{content:"\f041"}
.wi.temperature.metric:after{content:"\f03c"; }
.wi.temperature.imperial:after{content:"\f045"; }
.wi.loading:after{content:"\f04c"}
.wi.wi200:before,.wi.wi201:before{content:"\f01d"}
.wi.wi202:before{content:"\f01e"}
.wi.wi210:before{content:"\f010"}
.wi.wi211:before,.wi.wi212:before{content:"\f01e"}
.wi.wi221:before{content:"\f016"}
.wi.wi230:before,.wi.wi231:before,.wi.wi232:before{content:"\f01d"}
.wi.wi300:before,.wi.wi301:before,.wi.wi302:before,.wi.wi310:before{content:"\f01c"}
.wi.wi311:before,.wi.wi312:before{content:"\f017"}
.wi.wi313:before,.wi.wi314:before,.wi.wi321:before,.wi.wi500:before{content:"\f01a"}
.wi.wi501:before{content:"\f017"}
.wi.wi502:before,.wi.wi503:before{content:"\f019"}
.wi.wi504:before{content:"\f018"}
.wi.wi511:before{content:"\f015"}
.wi.wi520:before,.wi.wi521:before,.wi.wi522:before,.wi.wi531:before{content:"\f01a"}
.wi.wi600:before,.wi.wi601:before,.wi.wi602:before{content:"\f01b"}
.wi.wi611:before,.wi.wi612:before{content:"\f015"}
.wi.wi615:before,.wi.wi616:before,.wi.wi620:before,.wi.wi621:before,.wi.wi622:before{content:"\f017"}
.wi.wi701:before{content:"\f014"}
.wi.wi711:before{content:"\f062"}
.wi.wi721:before{content:"\f014"}

.wi.wi731:before{content:"\f063"}
.wi.wi741:before{content:"\f014"}
.wi.wi751:before,.wi.wi761:before,.wi.wi762:before{content:"\f063"}
.wi.wi771:before{content:"\f050"}
.wi.wi781:before{content:"\f056"}
.wi.wi800:before{content:"\f00d"}
.wi.wi801:before,.wi.wi802:before,.wi.wi803:before{content:"\f002"}
.wi.wi804:before{content:"\f00c"}
.wi.wi900:before{content:"\f056"}
.wi.wi901:before,.wi.wi902:before{content:"\f073"}
.wi.wi903:before{content:"\f076"}
.wi.wi904:before{content:"\f072"}
.wi.wi905:before{content:"\f050"}
.wi.wi906:before{content:"\f015"}
.wi.wi951:before{content:"\f00d"}
.wi.wi952:before,.wi.wi953:before,.wi.wi954:before,.wi.wi955:before{content:"\f021"}
.wi.wi956:before,.wi.wi957:before,.wi.wi958:before{content:"\f050"}
.wi.wi959:before,.wi.wi960:before,.wi.wi961:before,.wi.wi962:before{content:"\f073"}



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





.footer-image img { width:100%; height:auto; position:relative;}
#footer { position:relative; clear:both; display:block; font-size:14px; line-height:20px; padding:100px 9%; color:#000; background: #f5f5f5;}

#footer .third { position:relative; float:left; width:33.333333333333333333333333333333%; padding:0 4%;  }
#footer .third img { width:100%; 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:10px 0; border-bottom:1px solid #eee; }
#footer ul li a:hover { color:#30c5b7; }

#footer .button { color:#eee; border: 4px double #444;}
#footer .button:hover { color:#30c5b7; border-color:#30c5b7}
#footer .button:hover:before { background:#30c5b7}
#footer .button:before { background:#444;}


#footer .facebook, #footer .instagram { position:relative; float:left; z-index:2; width:48px; height:48px; line-height:48px; font-size:20px; font-weight:400; display:block; border:2px solid #30c5b7; color:#30c5b7; 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-color:#30c5b7; color:#fff; }

.credits { position:relative; clear:both; font-family: 'Roboto', sans-serif; background: #30c5b7; 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: 15.5%;  height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat;   }
.gallery a span { position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); text-align:center; color:#333; padding:5px; font-size:16px; font-weight:700; color:#fff; }

.gallery.sidepics a { margin:0.5%; width:32.333333333333333333333333333333%; padding-bottom: 21%; }
	.gallery.sidepics2 a { margin:0.5%; width:24%; padding-bottom: 16%; }
.gallery.sidepics a.top { width:99%; padding-bottom: 60.66666666666666666666666666666%; }
.gallery.sidepics a.bl { width:49%; padding-bottom: 28%; }
.gallery.sidepics a.br { width:49%; padding-bottom: 28%; }

.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.05,1.05); -moz-transform: translate3d(0,0,0) scale(1.05,1.05); -webkit-transform: translate3d(0,0,0) scale(1.05,1.05); transform: translate3d(0,0,0) scale(1.05,1.05);}


.gallery.sidepics.height2 a { margin:0.5%; width:32.333333333333333333333333333333%; padding-bottom: 56.9%; }
	.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.5%; }
.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: "Flaticon"; content: "\f123";  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; }






@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 { margin: 5px 0 0; text-shadow: 1px 1px 0 #333; font-size:24px; font-weight:700}

#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: #30c5b7; }
.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: #30c5b7; 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;}





ul.list_style { margin:40px 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; font-family:"Flaticon"; content: "\f10f"; color:#30c5b7;  }

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


ul.list_style2 { margin:10px 0 40px 0; position:relative; display:block; text-align:center}
ul.list_style2 li, ul.list_style2 ul { display:block; list-style-type:none; margin:0; padding:0; font-weight:normal;}
ul.list_style2 li { position:relative; display:inline-block; font-size:16px; line-height:20px; padding: 0 0 0 25px;  margin-bottom:7px; margin-right:10px;}
ul.list_style2 li:before { position:absolute; left:0; font-family:"Flaticon"; content: "\f10f"; color:#fff; background:#30c5b7; border-radius:100%; width:20px; line-height:20px; text-align:center; font-weight:400; font-size:12px;}

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

ul.list_style2 { text-align:left}
ul.list_style2 li { display:block;}

}


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



.rate { color:#1f8779; font-weight:600;}

body#pg5 table thead { background-color:#f2f2f2;  font-family: 'SpringLPStd-Light', cursive; font-size:30px; line-height:1; text-align:center }
body#pg5 table { margin:0; border-collapse:collapse }
body#pg5 table tr { }
body#pg5 table tr:nth-child(2n) { background-color:#f2f2f2;  }
body#pg5 table td { padding:20px; margin:0; border:1px solid #ddd; width:50%;}
body#pg5 table td b { font-weight:600; }


.add_review_button { position:relative; display:block; margin: 0 auto;  padding: 30px;  border: 1px solid #eee; color:#555; font-family: 'SpringLPStd-Light', 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: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 { 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: #666; border: 0px solid #ccc; font-size:24px; background:#ddd; font-weight:700;}
input:focus, textarea:focus, select:focus {  outline: none;  background:#000; color:#30c5b7;  }
.submit { font-family: 'SpringLPStd-Light', cursive;  width: auto; cursor: pointer; background:#30c5b7; color:#fff; font-size:28px; font-weight:400; border:none; outline: 0; border: 0;  }
.submit::-moz-focus-inner {  border: 0;}
.submit:hover { background:#000; }
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 #30c5b7; background:url(img/tail-spin.svg) center center no-repeat #30c5b7; 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; }
.fieldthird { width:33.333333333333333333333333333333%; float:left; padding:2% 0; margin:0;   }

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:#30c5b7; 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: #30c5b7; 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: #30c5b7; 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:0.7; 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) {



}

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


#choose-category { width:100%; margin-bottom:60px }
#choose-category p { padding:20px; }
#choose-category ul li a { padding:20px; font-size:18px;}
.choose-category.is_stuck { position:relative !important; width:100% !important; top:auto !important }

#braaitime .braaitime { height:550px; padding:60px; }
#braaitime .photo { height:550px; }


}


@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; left: auto; top: auto; width: auto; height: auto; margin-top: 60px; margin-bottom: 30px; text-align:center }
.header .logo img { width:auto; height:150px; }
.header p { left:5%; color:#999 }
.table { display: table;   /* Allow the centering to work */margin: 0 auto; height:50px; width:auto  }
.contact_bar { position:absolute; top:0; right: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; }

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

#menu li a { padding-top:0; color:#000; text-shadow:none  }
#menu:hover li a { color:#000; text-shadow:none }
#menu li:hover > a { color:#30c5b7; text-shadow:none }

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

body.sticky .header .logo img { width:auto; height:150px; }
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 }


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


.featured { height:250px; }
.featured .photo { display: table-caption; width: 100%; }
.featured .caption { padding:30px; display: block; width: 100%; }


#braaitime, #directions { padding:60px; }
#braaitime .braaitime { height:650px; padding:50px; }
#braaitime .photo { height:650px; }
#directions .directions { height:800px; padding:0 60px; }
#directions .photo { height:800px;  }


#accommodation.style1 .accommodation { position:relative; float:left; width:48%; margin:0 1% 2% 1%; padding-bottom:35%; height:0; background-position: center; background-repeat:no-repeat; background-color:#000; background-size: cover}



}

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

	/* ensure #nav is visible on desktop version */
	#menu { display: table-cell !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 {  display:block; width:auto; height:auto; margin:90px 0 10px 0; }
.header .logo img { width:250px; height:auto; float:none}
.header:before { background: #30c5b7; }


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; }
body.sticky .header .logo img { width:250px; height:auto }


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


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:#30c5b7; height:100px; display:table; text-align:center; border-bottom:1px solid #ddd; border-top:5px solid #30c5b7;   }
.contact_bar .facebook, .contact_bar .callus, .contact_bar .reservations { text-align:center; width:33.333333333333333333333333333333%; 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 #222;  background: #111; color:#999}

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

	.contact_bar .callus { background: #30c5b7; color:#fff }
	.contact_bar .callus:before { color:#fff }
	.contact_bar .callus span:before { content:"Call us" }
	.contact_bar .callus:hover { background:#30c5b7 }
	.contact_bar .facebook:hover { background:#111; color:#999; }
	.contact_bar .facebook span { display:block; }

	.contact_bar .reservations:hover { background-color:#111; color:#999; }


#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: 'SpringLPStd-Light', cursive;  font-size: 28px; 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:#30c5b7; content:"\f122" }
#menu-icon.active { color:#30c5b7;}
.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:#30c5b7; margin-right:20px; text-align:center; font-size:26px; line-height: 60px; font-weight:400 }
#menu li:hover > a { color:#30c5b7 }
body#hom .hom, body#acc .acc, body#att .att, body#gal .gal, body#ter .ter, body#rev .rev, body#con .con { color:#30c5b7; }

#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 { 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:10px; letter-spacing:4px; }
	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 }

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

.play-stop .play-slide, .play-stop .stop-slide { font-size:12px; width:26px; height:26px; line-height:26px;}



#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%; }

.fieldleft, .fieldright { float:none; width:100%; margin:0 }
.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;}



}


@media (max-width: 600px) {

h2 { font-size:44px; }
.yogamap h2 { font-size:20px; line-height:1; }
h3 { font-size:30px; }

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


.featured .caption { max-width: 85%; padding: 40px 25px; }


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


.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 { height:360px;}
.static-slideshow { height:150px; }


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

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

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

.two_third { padding: 0;}



#chefs-recommendations h4 { top:100px; font-size:30px; }
#chefs-recommendations .owl-carousel { height:650px; }
#chefs-recommendations .owl-carousel .review h5 { font-size: 34px; }
#chefs-recommendations .owl-carousel .review p { padding:0%; font-size:16px; }

#restaurant-menu .dish .meal { padding:20px; }
#restaurant-menu .dish .meal p { font-size:14px; line-height: 1.3; }
#restaurant-menu .dish.small .meal { padding:20px; }
#restaurant-menu .dish .meal h5 { letter-spacing:0.5px }

}

@media (max-width: 400px) {


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

.owl-carousel { height:300px;}





}

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



}