@charset "utf-8";
/*

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

Main: #8bbfc6
Secondary: #336a40

*/

@font-face { font-family: "la-regular-400"; src: url("fonts/la-regular-400.eot"); src: url("fonts/la-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/la-regular-400.woff") format("woff"), url("fonts/la-regular-400.ttf") format("truetype"), url("fonts/la-regular-400.svg#la-regular-400") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("fonts/la-regular-400.svg#la-regular-400") format("svg");}}
@font-face { font-family: "la-brands-400"; src: url("fonts/la-brands-400.eot"); src: url("fonts/la-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/la-brands-400.woff") format("woff"), url("fonts/la-brands-400.ttf") format("truetype"), url("fonts/la-brands-400.svg#la-brands-400") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("fonts/la-brands-400.svg#la-brands-400") format("svg");}}
@font-face { font-family: "la-solid-900"; src: url("fonts/la-solid-900.eot"); src: url("fonts/la-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/la-solid-900.woff") format("woff"), url("fonts/la-solid-900.ttf") format("truetype"), url("fonts/la-solid-900.svg#la-solid-900") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("fonts/la-solid-900.svg#la-solid-900") format("svg");}}
@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; }


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: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { margin: 166px 0 0 0; font-family: 'Poppins', sans-serif; font-weight:300; font-size:15px; line-height:1.4; color:#777; overflow-x: hidden; overflow-y:visible; background: #efefef; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
body:before { position:absolute; top:0; left:0; width:100%; height:166px; background:#f5f5f5; content:"";}


ul, ul li { margin:0; padding:0}
p { margin-top:0px; margin-bottom: 20px;}
p.narrow_centered { margin: 0 auto 40px auto; max-width:800px; text-align:center}

a img {border:0;}
a { color: #62b0ad; text-decoration:none; }
a:hover { color: #000;  }
a {outline: 0;}
.clearfix { clear:both;}
.green { color:#8bbfc6 }
b { font-weight:700; }


h1 { position:relative; font-size:12px; font-weight:300; color: #fff; margin:0;  }
h1:before { font-family:"Flaticon"; content: "\f116"; margin-right:5px; }

h2 { font-size:38px; line-height:1;  font-weight:300; display:block; margin:0 0 30px 0; padding:0; color:#4f4f4f }
h2 span {  font-size:40px; display:block; font-size:16px; text-transform:uppercase; color:#333 }
h2.fancy { margin:0 0 40px 0; letter-spacing:2px; padding:0; text-align:center; font-size:50px;  }
h2.fancy:after { content: url(waves.svg); display:block; height:auto; width:100px; font-size:20px; line-height:1; color:#888; margin:20px auto 0 auto; }

h3 { position:relative; font-size:32px; line-height:1;  font-weight:300; display:block; color: #333; margin:0; padding:0; text-align:center  }
h3.fancy { font-size:14px; line-height:1.6; font-weight:300; font-variant:normal; letter-spacing:3px; display:block; color: #666;  margin:0 0 5px 0; padding:0; }

h4 { font-size:32px; line-height:1;  font-weight:400; display:block; color: #555; margin: 0 0 20px; padding:0;  }
h5 { position:relative; font-size:24px; line-height:1;  font-weight:400;  display:block; color: #555; margin:0 0 10px 0; padding:0; }

h5.fancy { display:table; text-align:center; margin:0 auto 20px auto; }
h5.fancy:before, h5.fancy:after { position:absolute; top: 13px; left:0; margin-left:-100px; width:80px; height:1px; background:#999; content:""; }
h5.fancy:after { left:auto; right:0; margin-right:-100px; margin-left:0; }

h6 { font-family: 'Poppins', sans-serif;  font-size:24px; line-height:1;  font-weight:400;  display:block; color: #fff; 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); }*/

.button { position:relative; display:inline-flex; align-items:center; gap: 15px; padding: 12px 19px 12px 19px; margin:6px; text-decoration:none;  font-size:13px; line-height:1; background: #336a40; background: linear-gradient(to left, #336a40 50%, #8bbfc6 50%); background-size: 210% 100%; background-position:right bottom; transition:all .25s ease; color:#fff; font-weight:300;   border-radius: 3px; box-shadow: 0 0 5px 3px rgb(0 0 0 / 8%); border:1px solid #336a40 } 
.button.alt { color:#fff; background: linear-gradient(to left, #8bbfc6 50%, #336a40 50%); background-size: 210% 100%; background-position:right bottom; border:1px solid #8bbfc6 }
.button.outline { color:#555; background: linear-gradient(to left, #336a4000 50%, #8bbfc6 50%); background-size: 210% 100%; background-position:right bottom; border:1px solid #336a40 }
.button:after { content: "\279C"; font-weight: 400;}

.button.large { font-size:20px; padding: 20px 60px; }
.button.full { width:100%; display:block; text-align:center; font-size:20px; padding: 14px 20px 14px 20px; border-radius:0px; margin:7px 0; }
.button:hover { background-position:left bottom; color:#fff; border:1px solid #8bbfc6; }

.button.back { margin-top:40px; display:inline-block; }
.button.back:after { display:none }
.button.back:before { font-family:"Flaticon"; content: "\f106"; }

.button.photogallery:before { font-family:"Flaticon"; content: "\f12e"; 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, .header, .header * { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }
.header .logo, .header .table, .header #menu li a, .header .opening-hours, .header p { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }


.header-wrapper { position:fixed; top:0; left:0; display:table; width:100%;  z-index:30; background:#f5f5f5; }

.top_bar { position:relative; width:100%; display:flex; justify-content: space-between; align-items: center; padding:0 8%; background:#8bbfc6; transform: translate3d(0px, 0px, 0px); transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }

.contact_bar { display:flex; column-gap: 4px; align-items: center; z-index:40; }
.contact_bar a { color:#999  }

.contact_bar .items { position:relative; display:flex; align-items:center; justify-content: center; min-width: 32px; min-height:30px; z-index:2; font-size:14px; text-align:center; color:#fff;  transition: all 0.3s; }
.contact_bar .items.social:before {  font-family: "Flaticon"; content: ""; font-weight:400; font-size:18px; line-height:1; }
.contact_bar .items.social:hover { background-color:#fff }
.contact_bar a.items.social span { display:none  }

.contact_bar .callus { padding:0 15px; }
.contact_bar .callus:before { font-family: "Flaticon"; content: "\f13b"; font-size:18px; }
.contact_bar a.callus span { padding-left:10px;  }

.contact_bar .social.facebook { background-color:rgba(255,255,255,0.6); color:#8bbfc6 }
.contact_bar .social.facebook:before { content: "\f115"; }

.contact_bar .social.pinterest { }
.contact_bar .social.pinterest:before { content: "\f12f"; }

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

#weather { position:relative; width:94px; height: 37px; line-height: 37px; float: left; } 
#weather .weather-icon { width:37px; height:37px; margin-left:9px; margin-right:5px; float:left; }
#weather .weather-temperature { line-height:37px; font-size:16px; color:#eee; }

@media (max-width: 767px) {
#weather { width:100%; float:none;  } 
#weather .weather-icon { width:55px; height:55px; margin-left:0; margin-right:0; float:none; margin-top: -10px; }
#weather .weather-temperature { line-height:1; margin-top: 0; }
}


.header { display:table; width:100%; max-width: 1200px; margin:0 auto; padding:5px 4% 15px 4%; text-align:center; }
.header .logo { transition: all 0.2s; text-align: left; position: relative; display: table-cell; width:170px; height:auto; background-image:url(logo_alt.svg); background-image:url(logo.svg); background-position:center; background-repeat:no-repeat; background-size:cover }
.header .logo img { width:170px; height:auto; }
.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 0 0 10px; font-family: 'Poppins', sans-serif; font-size:18px; font-style: italic; color:#8bbfc6;  }





.languages { position:absolute; top:60px; right:11%;  -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; border: 3px solid #fff; color:#fff; padding:7px 10px; text-transform:uppercase; font-size:12px; font-weight:700; border-radius:3px; }
.languages a:hover { background:#8bbfc6; border: 3px solid #8bbfc6;  }



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

.table { display:table; vertical-align:middle; width:100%;  height:110px; text-align:left;}
.menu_wrapper:after { content:""; clear:both; display:block; width:100%; }
#menu-icon { display: none; /* hide menu icon initially */}
#menu { display:flex; margin:70px 0 0 0; padding:0;  }
@media screen and (min-width: 767px) { /* ensure #nav is visible on desktop version */ #menu { display: flex !important;} }

#menu li { list-style: none; }
#menu li a { position:relative; display:flex; align-items:center; height:40px; font-size:13px; line-height:1.2; font-weight:500; text-decoration: none;  color: #444; padding: 0 10px 0 10px; cursor:pointer; text-align:center; background: linear-gradient(to top, #8bbfc6 50%, #fff 50%); background-size: 100% 210%; background-position:top right; border-radius: 3px;  }

/*#menu li:first-of-type a:before { content:"";}
#menu li:last-of-type a:before { content:"";}*/
#menu li a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; bottom:7px; position: absolute; background: #8bbfc6; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
#menu li a:hover { background-position:bottom left; color:#fff !important }
#menu li a.calltoaction { background:#8bbfc6; color:#fff; padding: 0 13px 0 13px; margin-left:6px; font-size:12px; border-radius: 3px; letter-spacing: 0.5px; }
#menu li a.calltoaction:after { display:none }


#menu li ul { visibility:hidden; opacity:0; position:absolute; left:0; background:#336a40; width:100%; padding:10px 20px; /*background:url(sub-menu-bk.png) center bottom no-repeat #fff; background-size:contain;*/ -webkit-transform: translate3d(0,-10px,0); -moz-transform: translate3d(0,-10px,0); -o-transform: translate3d(0,-10px,0); -ms-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); -moz-box-shadow:0 14px 20px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.35); box-shadow: 0 14px 20px rgba(0, 0, 0, 0.35);  -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; -ms-transition: all 0s; transition: all 0s;  }
#menu li.drop:hover ul { visibility:visible; opacity:1; visibility:visible; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }


#menu li ul li { position:relative; display:block; float:left; width:24%; margin:0.5%; text-align:center; font-weight:400; color:#888 }
#menu li ul li a { padding:5px 12px 5px 12px; display:block; color:#000; font-family: 'Poppins', cursive; font-size:16px; line-height:1.4; font-weight:300; height:auto }
#menu li ul li a:after { display:none; }
#menu li ul li:last-of-type a { border:none }
#menu li ul li .item_image { position:relative; width:100%; height:140px; background-position:center; background-repeat:no-repeat; background-size:cover; }
#menu li ul li .item_image > div { position:absolute; bottom:0; left:0; width:100%; background:#333; padding:10px; 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 ); }
#menu li ul li .item_image > div a { position:relative; color:#fff; padding:0; z-index:2 }
#menu li ul li .item_image b a { position:relative; font-size:12px; font-weight:400; font-style:italic; margin-top:0; z-index:2 }
#menu li ul li > div { font-size:14px; line-height:1.3; font-weight:600; }
#menu li ul li span { position:absolute; top:6px; left:6px; background:#8bbfc6; color:#fff; padding:4px 10px; font-size:12px; font-weight:300;}
#menu li ul li .short_descr { font-size:14px; line-height:1.4; color:#333; margin:10px 0 10px 0; font-weight:400;  word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 80px; /* < fallback */ -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical;  }
#menu li ul li .image_click { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:1 }

@media (max-width: 767px) { #menu li ul li { width:100%; margin:12px 0 40px 0; text-align:center !important; } }


#menu:hover li a { color:#444 }
	#menu:hover li a.calltoaction { color:#fff }
#menu li:hover > a { color:#8bbfc6; }
	#menu li:hover > a.calltoaction { color:#fff; background:#8bbfc6}

body#hom #menu .hom,
body#pg1 #menu .pg1,
body#pg2 #menu .pg2,
body#pg3 #menu .pg3,
body#pg4 #menu .pg4,
body#pg5 #menu .pg5,
body#pg6 #menu .pg6,
body#con #menu .con { color:#8bbfc6; }
body#con #menu .con { color:#fff }

body#hom #footer .hom,  body#pg1 #footer .pg1, body#pg2 #footer .pg2, body#pg3 #footer .pg3, body#pg4 #footer .pg4, body#pg5 #footer .pg5, body#pg6 #footer .pg6, body#con #footer .con { color:#336a40; font-weight:600; }

body.sticky .header { padding-bottom:5px; }
body.sticky .header .logo { width:170px; height:auto; background-image:url(logo_alt.svg); background-size:cover; }
body.sticky .header .logo img { width:100px; }
body.sticky .header .table, body.sticky .header #menu li a { height:40px; }
	body.sticky .header #menu li ul li a { height:auto; }
	body.sticky .header #menu li ul li .image_click { height:100%; }
body.sticky #menu { margin-top: 0; }

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 }


.title_box { position:relative; text-align:center; padding:40px 8% 50px 8%; clear:both; background:url(title-box-bk.png) center 0px no-repeat #fff; }
.title_box:before { content:""; position:absolute; bottom:-34px; left:50%; margin-left:-700px; width: 0; height: 0; border-width: 40px 700px 0 700px; border-color: #FFFFFF transparent transparent transparent; border-style: solid; z-index:3 }
.title_box:after { position:absolute; bottom:-22px; left:50%; content: ""; background-image: url(shell.svg); background-position: center; background-repeat: no-repeat; width:70px; height:70px; margin-left:-35px; display:block; z-index:4 }
.title_box h2 { margin:0 0 10px 0; letter-spacing:-1px; padding: 0 15px; }
.title_box h3 { font-size:15px; line-height:1.6; font-family: 'Poppins', sans-serif; font-weight:300; font-variant:normal; display:block; color: #666;  margin:0 0 20px 0; padding:0; max-width:1200px; margin: 0 auto; }

.title_box .open_quote, .title_box .close_quote { position:absolute; display:block; width:25px; height:25px; }
.title_box .open_quote { top:30px; left:30px; transform:rotate(180deg);  }
.title_box .close_quote { bottom:60px; right:30px; }


.check-availability { position:relative; margin-bottom:0; background:#fff; padding:0; clear:both; display:block; z-index:5 }
.check-availability:after { content:""; clear:both; display:block; width:100%; }

.check-availability h4 { background: /*url(slanted-bk.png) left center no-repeat*/ #8bbfc6; padding:15px 11%; font-size:17px; 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 11% }
.check-availability .columns { float:left; width:33.333333333333333333333333333333%; padding:20px; }

.check-availability label { font-family: 'Poppins', 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: 'Poppins', 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 #eee; border-radius:3px;}
.check-availability input:focus { outline: none; background-color:#eee; color:#10579c;  }

.check-availability input.btn { color:#fff; cursor:pointer; background: #000; background: linear-gradient(to left, #336a40 50%, #8bbfc6 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; font-size: 16px; }
.check-availability .columns { width:100%; padding:10px 20px;}


}

@media screen and (max-width: 600px) {
.check-availability > div { padding:0 }
.check-availability label { padding-bottom:5px; }
.check-availability label, .check-availability .input-field { width:100%; }
.check-availability input.btn { margin-left:0 }
}



.container { position:relative; padding:100px 8%; clear:both; z-index:2  }
.container.alt { background-color:#fff; }
	.container.less-top-padding { padding-top:45px; }
	.container.less-bottom-padding { padding-bottom:45px; }
.container.with-footer-image { background-image: url(footer.png); background-position:center bottom; background-repeat:no-repeat; padding-bottom:30%; background-size:contain; }

.container .background-caption { position:absolute; left:0; bottom:0; width:100%; padding:30px 11%; font-size:12px; font-weight:300; text-align:center; color:#fff; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,21,36,0.65) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,21,36,0.65) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,21,36,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6336a40',GradientType=0 ); }
.container .background-caption:before { font-family:"Flaticon"; content: "\f12e"; margin-right:10px; font-weight: 400; }
.container .background-caption a { color:#fff; text-decoration:underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }

.container .inner { position:relative; max-width:1200px; margin:0 auto; }
.container .inner.flexed { display:flex; align-items:center; column-gap:5%; }
.container .inner.flexed .columns_2 { flex-basis:50%; }

.single_image { position:relative; width:100%; height:0; padding-bottom:60%; background-color:#ddd; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:20px; overflow:hidden; box-shadow: 0px 0px 15px #0000001a; }
.single_image .enlargephoto a { position:absolute; left:0; top:0; display:flex; justify-content: center; align-items:center; width:100%; height:100%; background-color:rgba(0,0,0,0.2); background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.20) 100%); transition:all ease 0.2s; opacity:0; }
.single_image .enlargephoto a:before { font-family: "General"; content: "\f148"; font-size:30px; line-height:1; opacity:0; color:#fff; }
.single_image:hover .enlargephoto a, .single_image:hover .enlargephoto a:before { opacity:1; }

.flexed_container { display:flex; align-items:center; column-gap:5%; }
.flexed_container.alt { flex-direction: row-reverse; }
.flexed_container .columns_2 { flex-basis:50%; }

.one_third { position:relative; width:47.5%; float:left; }
.one_third img { width:100%; height:auto; }
.two_third { position:relative; width:52.5%; float:left; padding: 0 0 0 5%; }
.two_third p { position:relative }
.equal-thirds { width:33.333333333333333333333333333333%; float:left; padding:40px 30px; text-align:center }


@media (max-width: 800px) {

.one_third, .two_third, .equal-thirds { width:100%;}
.one_third { margin-bottom:30px; }
.two_third { padding: 0; }


}

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

.fade_top, .fade_bottom { position:absolute; top:0; left:0; width:100%; height:100px; background: linear-gradient(to bottom,  rgba(224,224,224,1) 0%,rgba(255,255,255,0) 100%); z-index:1; content:"";  }
.fade_bottom { top:auto; bottom:0; background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(224,224,224,1) 100%); }


.image_full_width { width:100%; height:auto; }






.list_of_facilities { display:block; width:48%; margin:1%; padding: 20px 30px 20px 30px ; background:#fff; text-align:center; }
.list_of_facilities > div {  margin-bottom:7px;   }
.list_of_facilities i { font-size:40px; display:block; width:100%; margin-bottom:10px; }
.list_of_facilities h4 { margin-bottom:20px !important; font-size:24px; display:block; }
.list_of_facilities p { margin:0; }

@media (max-width: 900px) {

.list_of_facilities { width:100%; margin:6px 0; }
.list_of_facilities > div { min-height:0;}

}


.grid_container_1 { display: grid; grid-gap: 4px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;  /* <-- this is relative to the template areas of ... A, A, B, C --> */
grid-template-rows: 160px 160px 160px 260px;  /* <-- this is relative to the template areas of ... A, A, D, E--> */
grid-template-areas: 'a a a a b b' 'a a a a c c' 'd d d e e e' 'f f f f f f'; max-width:1200px; margin: 0 auto 30px auto; color:#fff;  border-radius: 20px; overflow:hidden; }
.grid_container_1 .photos { display: flex; background-color: #eee;  border-radius: 5px; overflow:hidden;   }
.grid_container_1 .photo1 { grid-area: a; }
.grid_container_1 .photo2 { grid-area: b; }
.grid_container_1 .photo3 { grid-area: c; }
.grid_container_1 .photo4 { grid-area: d; }
.grid_container_1 .photo5 { grid-area: e; }
.grid_container_1 .photo6 { grid-area: f; }
.grid_container_1 .photos > a { position:relative; display: flex; width:100%; padding:30px; background-position:center; background-repeat:no-repeat; background-color:#fff; background-size:cover; overflow:hidden; border-radius: 5px; }



.featured_wrapper { background:#fff; border-radius: 20px; overflow:hidden; box-shadow: 0px 0px 15px #0000001a; margin-bottom:20px;  }
.featured { display: grid; grid-gap: 20px; padding:30px; grid-template-columns: 1fr 1fr 1fr;  grid-template-rows: auto auto auto;  grid-template-areas: 'a a a' 'b b c'; margin: 0 auto 0 auto; }
.featured .featured_title { grid-area: a; overflow:hidden; padding-left:30px; }
.featured .featured_title h5 { margin:0; font-size:21px;  line-height: 1.3; }
.featured .featured_desc { grid-area: b; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.featured .featured_link { grid-area: c; display:flex; /*align-items:center*/ }
.featured .featured_link .button { min-width:140px; }




#listings { display:flex; justify-content: space-between; align-content: stretch; flex-wrap:wrap }
.listing { position:relative; overflow: hidden; margin: 0% 2% 4% 2%; width:46%; flex-grow:0; }
body#hom .listing { width:46%; flex-grow:1; margin: 0% 2% 4% 2%; background:#fff; }

.listing .images { position: relative; width: 100%; display: table; border-radius:15px; }
.listing .images > div { position: relative; padding: 1.5px; width: 33.3334%; height: 170px; float: left; }
	.listing .images > div:nth-child(4) { width: 50%; height: 150px; } 
	.listing .images > div:nth-child(5) { width: 50%; height: 150px; } 

.listing .images > div:first-of-type { width: 66.66666666666666%; height: 340px; }
.listing .images > div div { display:table; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-color:#333; background-size:cover; transition: all ease 0.1s; }
.border_radius.tl { -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; 15px; border-top-left-radius: 15px; } 
.border_radius.tr { -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px; } 
.border_radius.bl { -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px; 15px; border-bottom-left-radius: 15px; } 
.border_radius.br{ -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; 15px; border-bottom-right-radius: 15px; } 
.border_radius.brl { -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px; } 

.listing .images > div div:hover { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }

.listing .caption { position:absolute; left:25px; top:25px; padding:8px 15px; background:#8bbfc6cf; font-family: 'Poppins', sans-serif; font-size:13px; font-weight:700; color:#fff; border-radius:10px; z-index:1; }

.listing .info { position: relative; clear: both; display: block; padding: 25px 10%; background: #fff; text-align:center; }
.listing .info .icon { position:absolute; left:50%; top:-30px; margin-left:-30px; width:60px; height:60px; line-height:60px; font-size:30px; text-align:center; background:#fff; color:#333; border-radius:100%; }
.listing .info h4 { position:relative; text-align:center; font-size:20px; font-weight:700; z-index:1; /* text-decoration: underline; text-decoration-thickness: auto; text-underline-offset: 5px; text-decoration-thickness: 2px; */ }

.listing .info a { display: inline-block; min-width: 160px; padding: 12px 12px; text-align: center; color: #fff; font-weight: 700; background: #336a40; border-radius: 4px; margin-top: 5px; transition: all ease 0.1s; }
.listing .info a:hover { background:#8bbfc6 }

.listing_content { width:46%; }



@media (max-width: 900px) {

#listings { flex-direction:column; }
.listing { margin: 0% 0% 40px 0%; width:100%; }
body#hom .listing { width:100%; margin: 0% 0% 40px 0%; }

.listing .images > div { position: relative; padding: 1.5px; width: 33.3334%; height: 120px; float: left; }
	body#hom .listing:last-of-type .images > div { height: 120px; }
	body#pg1 .listing .images > div:nth-child(4) { width: 50%; height: 150px; } 
	body#pg1 .listing .images > div:nth-child(5) { width: 50%; height: 150px; } 

.listing .images > div:first-of-type { width: 66.66666666666666%; height: 240px; }
	body#hom .listing:last-of-type .images > div:first-of-type { height: 240px; }

.listing_content { width:100%; }

h5.fancy:before, h5.fancy:after { display:none;}

.parallax_overlay ul.list_style { flex-direction: column; }
.parallax_overlay ul.list_style li { width:100%; font-size:13px; }

}






a.view_more { position:relative; display:block; max-width:400px; padding:15px 40px; margin:20px 5px; color: #555; background: #fff; text-align:center; font-weight:700; /*box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 8%); -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 8%); -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.08);*/ border-radius:10px; transition: all ease 0.1s; }
a.view_more.alt { background:#8bbfc6; color:#fff; }
a.view_more:hover { background:#8bbfc6; color:#fff }

.listing .info .icon {}
.icon:before { font-family: "la-solid-900";  }
.icon.bedroom:before { content: "\f236"; }
.icon.garden:before { content: "\f06c"; }
.icon.lounge:before { content: "\f4b8"; }












.whatsapp_button { position: fixed; bottom: 23px; top: auto; right: 20px; display: block; z-index: 61; text-align: center; height: 60px; width: 60px; line-height: 60px; font-weight: 400; border-radius: 100%; background: #fff; color: #25D366; font-size: 40px; box-shadow: 0 0 10px rgb(0 0 0 / 30%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.whatsapp_button i { line-height: 60px;  }
.whatsapp_button:hover { background: #25D366; color:#fff; }

@media (max-width: 900px) {

.whatsapp_button { display:none; }

}



/* Accordion styles */
.accordion-faq { position:relative; }
.accordion-faq .faq { width: 100%; color: white; overflow: hidden; padding-left: 0; }
.accordion-faq .faq-label { position:relative; display: flex; align-items: center; justify-content: space-between; padding: 13px 90px 15px 65px; font-size:18px; color:#767676; font-weight: 500; cursor: pointer; user-select: none; border-bottom: 5px solid #e4e4e400;   }
.accordion-faq .faq-label:before { position:absolute; left: 20px; top: 14px; content: ""; width: 10px; height: 10px; background: #ddd; border-radius: 100%; border: 8px solid #fff;  transition: all 0.35s; transform: scale(1.5); }


.accordion-faq .faq-label:hover { color:#000; }
.accordion-faq .faq-label:after { position:absolute; right:30px; content: "\002B"; width: 30px; height: 30px; font-size:18px; font-weight:400; line-height:30px; background:#ddd; color:#fff; text-align: center; border-radius: 4px; transition: all 0.35s; }
.accordion-faq .accordion-faq-content { position:relative; max-height: 0; padding: 0 2em 0 4em; color: #555; background: white; transition: all 0.35s; }
.accordion-faq .accordion-faq-content:before { content:""; position:absolute; left:30px; top:5%; height:90%; width:2px; border-right:1px solid #e4e4e4;  }
.accordion-faq .accordion-faq-content p:last-of-type { margin-bottom:0; }

.accordion-faq .faq-close { display: flex; justify-content: flex-end; padding: 2em; font-size: 0.75em; background: #2c3e50; cursor: pointer; }
.accordion-faq .faq-close:hover { background: #06c4a8; }
.accordion-faq input:checked + .faq-label { color:#000; font-weight:700; border-bottom:2px solid #fff; background-color: #f3f3f3; border-bottom: 5px solid #e4e4e4; border-radius: 10px; /*box-shadow: 0px 0px 11px 3px rgb(0 0 0 / 9%); -webkit-box-shadow: 0px 0px 11px 3px rgb(0 0 0 / 9%); -moz-box-shadow: 0px 0px 11px 3px rgba(0,0,0,0.09); */}
.accordion-faq input:checked + .faq-label:after { content: "\2212"; transform: rotate(180deg); color:#fff; background:#ff8777 }
.accordion-faq input:checked ~ .accordion-faq-content { max-height: 200vh; padding: 2em 2em 2em 4em; }
.accordion-faq input[type=checkbox] { display:none }

.accordion-faq input:checked + .faq-label:before { left: 20px; top: 13px; content: ""; width: 10px; height: 10px; background: #fff; border-radius: 100%; border: 8px solid #f5b3aa; z-index: 1; box-shadow: 0px 0px 0px 4px #f4f4f4; -webkit-box-shadow: 0px 0px 0px 4px #f4f4f4; -moz-box-shadow: 0px 0px 0px 4px #f4f4f4; transform: scale(1); }



@-webkit-keyframes keyframes-rotate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes keyframes-rotate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}.dzsparallaxer{height:300px;overflow:hidden;background-color:#1c1a17;position:relative;transition-property:height;transition-duration:.3s;-moz-transition-property:height;-moz-transition-duration:.3s;-webkit-transition-property:height;-webkit-transition-duration:.3s;-o-transition-property:height;-o-transition-duration:.3s;-ms-transition-property:height;-ms-transition-duration:.3s;-ms-transition-timing-function:ease-out-quart;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);-moz-transition-timing-function:cubic-bezier(.165,.84,.44,1);-o-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}.dzsparallaxer .dzsparallaxer--target{position:relative}.dzsparallaxer .dzsparallaxer--blackoverlay{position:absolute;opacity:0;background-color:rgba(0,0,0,.9);top:0;left:0;width:100%;height:100%;pointer-events:none}.dzsparallaxer.use-loading .dzsparallaxer--target{opacity:0;transition-property:opacity;transition-duration:.7s;-moz-transition-property:opacity;-moz-transition-duration:.7s;-webkit-transition-property:opacity;-webkit-transition-duration:.7s;-o-transition-property:opacity;-o-transition-duration:.7s;-ms-transition-property:opacity;-ms-transition-duration:.7s;-ms-transition-timing-function:ease-out-quart;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);-moz-transition-timing-function:cubic-bezier(.165,.84,.44,1);-o-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}.dzsparallaxer.use-loading .preloader-semicircles{transition-property:all;transition-duration:.3s;-moz-transition-property:all;-moz-transition-duration:.3s;-webkit-transition-property:all;-webkit-transition-duration:.3s;-o-transition-property:all;-o-transition-duration:.3s;-ms-transition-property:all;-ms-transition-duration:.3s;-ms-transition-timing-function:ease-out-quart;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);-moz-transition-timing-function:cubic-bezier(.165,.84,.44,1);-o-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}.dzsparallaxer.use-loading.loaded .dzsparallaxer--target{opacity:1}.dzsparallaxer.use-loading.loaded .preloader-semicircles{transform:translate3d(0,-50px,0);opacity:0;visibility:hidden}.dzsparallaxer.allbody{width:100%;height:100%;position:fixed;top:0;left:0;z-index:0}.divimage{background-size:cover;background-position:center center}.dzsparallaxer.simple-parallax{overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.dzsparallaxer.simple-parallax .simple-parallax-inner{position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0,auto,auto,0)}.dzsparallaxer.simple-parallax .dzsparallaxer--target{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.semi-black-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:-moz-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.2)),color-stop(100%,rgba(0,0,0,.6)));background:-webkit-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);background:-o-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#99000000', GradientType=0)}@-webkit-keyframes preloader-semicircles-tween{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes preloader-semicircles-tween{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}.preloader-semicircles{width:15px;height:15px;background:rgba(230,50,50,.9);border-radius:50px;position:absolute;top:50%;left:50%;opacity:.7;pointer-events:none;margin-left:-15px;margin-right:-15px;animation:preloader-semicircles-tween 1.4s infinite linear;-webkit-animation:preloader-semicircles-tween 1.4s infinite linear}.preloader-semicircles:after{position:absolute;width:25px;height:25px;border-top:5px solid #c83232;border-bottom:5px solid #c83232;border-left:5px solid transparent;border-right:5px solid transparent;border-radius:25px;content:'';top:-10px;left:-10px;box-sizing:content-box}.center-it{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}


.dzsparallaxer { height:500px;}
.parallax_bk { width: 100%; height: 900px; background-image: url(home_parallax.jpg); background-size:cover }
.dzsparallaxer .parallax_overlay {  position:absolute; left:0; top:0; width:100%; height:500px; display:flex; justify-content:center; align-items: center; flex-direction:column; font-size:16px; font-weight:300; color: #fff; margin:0; padding:80px 6%; opacity:1; text-align:center; text-shadow:1px 1px 5px #333; /* background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,21,36,0.65) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,21,36,0.65) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,21,36,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6336a40',GradientType=0 );*/ }
.dzsparallaxer .parallax_overlay i { font-size:36px; vertical-align:middle; }
.dzsparallaxer .parallax_overlay h5 { color:#fff; vertical-align:middle; display:inline-block; margin-bottom:0; text-transform:uppercase; line-height:1.3}
.dzsparallaxer .parallax_overlay h5 span { text-transform:none; font-size:46px;  }
.dzsparallaxer .parallax_overlay p { max-width:800px; padding:30px; }

.parallax_overlay ul.list_style { display:flex; flex-wrap:wrap; justify-content:space-between; }
.parallax_overlay ul.list_style li { width:48%; font-size:15px; }
.parallax_overlay ul.list_style li:before { color:#fff; font-size:24px; }


@media (max-width: 767px) {


.dzsparallaxer { height:700px; }
.parallax_bk { height: 1000px }
.dzsparallaxer .parallax_overlay { padding:40px 5%; height:1000; height:600px;  }

body#pg2 .dzsparallaxer { height:700px; }
body#pg2 .parallax_bk { height: 1000px }
body#pg2 .dzsparallaxer .parallax_overlay { height:700px;  }

.parallax_overlay ul.list_style { flex-direction: column; }
.parallax_overlay ul.list_style li { width:100%; font-size:13px; }
.parallax_overlay ul.list_style li:before { font-size:18px; top: 6px; }

}




.two-column { position:relative; -webkit-columns: 2 300px; -moz-columns: 2 300px; columns: 2 300px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; text-align:justify; margin-bottom:50px;}
.three-column { position:relative; -webkit-columns: 3 200px; -moz-columns: 3 200px; columns: 3 200px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; text-align:justify; margin-bottom:50px;}
.fl:first-letter { position:relative; display:block; font-family: 'Poppins', sans-serif; font-size:65px; line-height:65px; line-height:0.7; font-style:normal; color:#fff; float:left; background-color:#8bbfc6; padding:12px 15px 8px 10px; margin: 5px 10px 0 0; }


 

.bottom_banner { padding:0 40px; background:#fff; position:relative; clear:both;  }
.bottom_banner.alt { background:#efefef }
.bottom_banner .centering { position:relative; width:80%; margin:0 auto; display:table; min-height:260px; }
.bottom_banner:after { display:block; clear:both; width:100%; height:0; visibility:hidden; content:""; }
.bottom_banner .details { display:table-cell; width:77%; vertical-align:middle; padding-right:40px; }
.bottom_banner img { float:left; width:100px; height:auto; margin:0 40px 15px 0; }
.bottom_banner h5 { margin-bottom:10px; margin-top:10px; font-size:30px; }
.bottom_banner h6 { margin-bottom:0; margin-top:10px; font-size:14px; color:#555; font-weight:400; display:inline-block; }
.bottom_banner p { display:block; font-size:16px; line-height:1.4 }

.bottom_banner .order-link { display:table-cell; vertical-align:middle; height:100px; }
.bottom_banner .button i { font-size:30px; vertical-align:middle }
.bottom_banner .button:after { display:none; }

@media (max-width: 860px) {

.bottom_banner {  padding:30px 20px; }
.bottom_banner .details { display:block; width:100%; padding-right:0; }
.bottom_banner .order-link { display:block; width:250px; height:auto; }
.bottom_banner img { float:none; width:100px; height:auto; margin:0 auto 15px auto; display:block }
.bottom_banner p { text-align:center;  }
.bottom_banner .order-link { margin:0 auto; }
.bottom_banner h5 { text-align:center; display:block; font-size: 24px; }

}






.tab-outer-container { }

ul.tabs { position:relative; padding: 0; list-style: none; width: 100%; z-index:1; display:table; table-layout: fixed; position: -webkit-sticky; position: sticky; top: 86px; z-index:2; background:rgba(255,255,255,0.8); }
ul.tabs.is_pinned {  box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 8%); -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 8%); -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.08); }
ul.tabs li { font-family: 'Poppins', sans-serif; font-size:15px; font-weight:700; display:table-cell; vertical-align:middle; height:68px; margin: 0; cursor: pointer; padding: 0 15px; color: #555; position: relative; text-align:center; transform: translate3d(0,0,0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;  }
/*ul.tabs li:first-of-type { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px;}
ul.tabs li:last-of-type { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;}*/

ul.tabs li:hover { background-color: #8bbfc6; color: #fff; color:#fff}
ul.tabs li.active { position:relative; background-color: #8bbfc6d9; color: #fff; z-index:3; transform: translate3d(0,0,0); border-bottom:none; /*text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;*/ }
/*ul.tabs li.active:after { content:""; position:absolute; bottom:0; left:50%; margin-left:-42px; margin-bottom:-10px; width: 0; height: 0; border-width: 12px 42px 0 42px; border-color: #8bbfc6 transparent transparent transparent; border-style: solid; z-index:20 }*/

.tab_container { position:relative; clear: both; width: 100%; overflow: auto; margin-bottom:0px; }
.tab_content { padding: 60px 0 40px;}
.tab_content .tab-title { display: flex; align-items: center; margin-bottom:40px; }
.tab_content .tab-title img { float:left; width:70px; height:auto; margin:0 20px 0 0 }
.tab_content h4 { color:#555; margin-bottom:5px; }
.tab_content .tab_content_image { float:right; max-width:400px; height:auto; margin:0 0 20px 30px; }



.image_in_content_float { float: left; width: 50%; height: auto; margin: 0 30px 20px 0; /*border: 10px solid #fff; box-shadow: 0 0 15px rgb(0 0 0 / 15%);*/ }




.pricing-table { display: flex; flex-wrap: wrap; }
.pricing-table .package { position:relative; display:block; float:left; text-align:center; width:31.33333333333333%; margin:1%; background:#efefef; border-radius:5px; overflow:hidden }
.pricing-table h4 { font-size:26px; color:#fff; }
.pricing-table .price { position:relative; display:table; width:100%; background:#8bbfc6; padding: 20px 10px; min-height:180px; color: #fff; font-size:22px; font-weight:600; }
.pricing-table .price:after { content:""; position:absolute; bottom:0; left:50%; margin-left:-32px; margin-bottom:-8px; width: 0; height: 0; border-width: 10px 32px 0 32px; border-color: #8bbfc6 transparent transparent transparent; border-style: solid; z-index:20 }
.pricing-table .package .session { padding: 15px 0; background: #e6e2e2; font-weight:600; }
.pricing-table .package .session:before { font-family: "Hydro"; content: "\f11b"; margin-right:5px; }
.pricing-table .package .description { padding: 30px 20px; }


@media (max-width: 1020px) {

.pricing-table .package { width:100%; margin:20px 0; }
.pricing-table .price { min-height:0; }


}


@media (max-width: 767px) {

ul.tabs { margin: 0 0 0 0; z-index:4; position: -webkit-sticky; position: sticky; top: -1px; }
ul.tabs li { font-size:12px; font-weight:600; height: 70px; transform: translate3d(0,0,0); }
ul.tabs li.active { border:none }

.tab_container { border:none }
.tab_content { padding: 30px 0%; }
.tab_content .tab_content_image { float:right; max-width:100%; margin:0 0 20px 0; }
.tab_content h4 { font-size:22px }


.home-content-image { margin:0 0 20px 0; width:100%; }

}







ul.list_style { margin:20px 0 30px 0; position:relative; display:block; text-align:left; }
ul.list_style li, ul.list_style ul { display:block; list-style-type:none; margin:0; padding:0; }
ul.list_style li { position:relative; display:block; padding: 10px 0 0 35px;  margin-bottom:0;}
ul.list_style li:before { position:absolute; left:0; top: 5px; font-family:"General"; content: "\f10c"; color:#8bbfc6; font-size:24px; }
ul.list_style:after { content:""; width:100%; clear:both; height:0; visibility:hidden; display:block }


ul.list_style2 { margin:20px 0 30px 0; position:relative; display:flex; flex-wrap:wrap; flex-direction: column; text-align:left; }
ul.list_style2 li, ul.list_style2 ul { display:block; list-style-type:none; margin:0; padding:0; font-weight:300;}
ul.list_style2 li { position:relative; font-size:14px; padding: 0; margin:1%; display: flex;  align-items: center; }
/*ul.list_style2 li:last-of-type { align-items:flex-start; }*/
ul.list_style2 li i { font-size:30px;  margin-right:8px;  }

ul.list_style.alt { list-style:none; margin:25px 0 40px 20px; padding:0; border-left:2px dotted #8bbfc6; }
ul.list_style.alt li { position:relative; display:block; padding: 0 0 0 30px;  margin-bottom:15px;}
ul.list_style.alt li:before { position:absolute; left: -11px; top: 0; content: ""; width: 10px; height: 10px; background: #fff; border-radius: 100%; border: 5px solid #336a40; z-index: 1; box-shadow: 0px 0px 0px 4px #efefef; -webkit-box-shadow: 0px 0px 0px 4px #efefef; -moz-box-shadow: 0px 0px 0px 4px #efefef;
 }
ul.list_style.alt li b { font-weight:700; }
ul.list_style.alt.cross li:before.cross { content:"\f057"; }
ul.list_style.alt li:after { content:""; position:absolute; left:0; top:10px; width:20px; height:1px; background:#8bbfc6; }
ul.list_style.alt:after { content:""; width:100%; clear:both; height:0; visibility:hidden; display:block }


@media (max-width: 767px) {

ul.list_style2 { flex-direction: column; }
ul.list_style2 li { width:100%; }

}


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


.contact_icons i { margin-right:5px; font-size:24px; vertical-align:bottom }


.rate { color:#8bbfc6; font-weight:600;}

table.rates_table { margin:0 0 30px 0; border-collapse:collapse; }
table.rates_table h5 { font-size:22px; font-weight:300 }
table.rates_table .table-header h5 { color:#fff; }
table.rates_table .table-header { background-color:#8bbfc6; color:#fff; text-align:center }
table.rates_table .rates { color:#438c1a; font-weight:600 }
table.rates_table tr:nth-child(2n) { background-color:#f2f2f2;  }
table.rates_table td { padding: 20px 20px; margin:0; border:1px solid #e6e6e6; width:50%;}
table.rates_table span.clock:before { font-family: "Hydro"; content: "\f118"; margin-right:5px; }
table.rates_table td b { font-weight:600; }
table.rates_table .button { margin-bottom:0; margin-left:20px; }


@media (max-width: 1020px) {

body#pg2 table .button { margin-left:0; margin-top:10px; display:block; width:100px; }

}
 

.currency_converter { position:relative; max-width:340px; padding:20px; background:#eee; font-size:14px; text-align: center; margin: 0 auto; }
.currency_converter .fromto { position:relative; width:100%; margin-bottom:15px; }
.currency_converter select { position:relative; padding: 8px 24px 8px 10px; background:#e6e6e6; border:none; margin-right:5px; border-right: 10px solid #e6e6e6; }
.currency_converter select:active, .currency_converter select:focus { outline: none; box-shadow: none; background:#ddd; border-right: 10px solid #ddd; }
.currency_converter .amount { display:inline-block;}
.currency_converter input { width:100%; margin:10px 0; border:1px solid #ddd; padding:10px; }
.currency_converter button { border:none; background:#8bbfc6; color:#fff; width:180px; margin: 0 auto 10px auto; display:block; padding:10px; border-radius:4px; cursor:pointer; transition: all ease .2s }
.currency_converter p#result { text-align:center; font-size: 20px; }
.currency_converter button:hover { background:#336a40; }


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


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



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

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








@-webkit-keyframes myZoomOut { 

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

}

@keyframes myZoomOut {

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

}

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



#slideshow { position:relative; height:550px; margin-bottom: -1px; background:#111;  }

.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:550px; background:url(img/svgloader.svg) center center no-repeat; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;  }

@media (min-width: 1700px) {

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

}


	body.loaded .owl-carousel { background:none;}
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; height:100%;}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); height:100%}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-dots { position: absolute; bottom: 30px; right:11%; text-align: center;  }
.owl-carousel .owl-dots:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-dot { width: 20px; height: 20px; display: inline-block; background:#fff; margin-left:5px; }
.owl-carousel .owl-dot:hover { background:#8bbfc6 }
.owl-carousel .owl-dot.active { background:#8bbfc6 }


.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position:absolute; bottom:50%; margin-bottom:-30px; left:60px; width:60px; height:60px; background:#fff; line-height:60px; font-size:24px; text-align:center; color:#333; font-family: "General"; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; opacity:0.5 }
	.owl-carousel .owl-nav .owl-prev { left:11% }
	.owl-carousel .owl-nav .owl-next { right:11%; left:auto}

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


.owl-carousel.owl-loaded { display: block;}
.owl-carousel.owl-loading { opacity: 0; display: block;}
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; height:100%; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }



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

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

.owl-carousel .owl-item .slide.accommodationslide1:before{  background-image: url(slide-header-accommodation.jpg);  }
.owl-carousel .owl-item .slide.mamolislide1:before{  background-image: url(slide-header-ponta-mamoli.jpg); background-position: bottom center }
.owl-carousel .owl-item .slide.reviewsslide1:before{  background-image: url(slide-header-reviews.jpg); }
.owl-carousel .owl-item .slide.galleryslide1:before{  background-image: url(slide-header-gallery.jpg); }
.owl-carousel .owl-item .slide.contactusslide1:before{  background-image: url(slide-header-contact.jpg); }

.photo_credits { position:absolute; left:0; bottom:0; display:flex; align-items: center; gap: 5px; width:100%; padding:20px; font-size:11px; font-weight:500; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.4); z-index:1; opacity:0.8; transition: all ease .2s; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
.photo_credits:hover { opacity:1; }
.photo_credits i { font-size:20px; }
.photo_credits a { color:#fff}
.photo_credits a:hover { color:#fff; }


.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: 1800ms; animation-duration: 1800ms; -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: 'Poppins', sans-serif; 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 .line1 { font-family: 'Poppins', sans-serif; display:block; margin-bottom:10px; font-size:46px; line-height:1; font-weight:400; text-shadow: 0 0 5px rgba(0,0,0,0.6); webkit-backface-visibility: hidden; }
.owl-carousel .caption .slide_title .line2 { font-family: 'Poppins', sans-serif;  display:block;  font-size:14px; letter-spacing:0; color:#fff; font-weight:300; display:inline; background:#8bbfc6; padding:3px 7px; border-radius:5px; box-shadow: 0 0 15px rgba(0,0,0,0.15); }

	
.owl-carousel .caption .slide_title .button { display:block; width:180px; padding:10px; text-align:center; background:#8bbfc6; color:#fff; font-family: 'Poppins', sans-serif; font-size:12px; line-height:14px; font-weight:400; margin: 15px auto 10px auto }
.owl-carousel .caption .slide_title .button:after { content: "\279C"; margin-left:7px; font-size:12px; line-height:12px; font-weight:normal }
.owl-carousel .caption .slide_title .button:hover { background:#8bbfc6; }

.scrolldown { position:absolute; bottom:7.5%; left:50%; margin-left:-30px; width:60px; font-size:20px; color:#fff; cursor:pointer; z-index:1; text-align:center; text-shadow: 0px 0px 2px #000; }
.scrolldown:before { position:absolute; top:-50px; content:"Scroll Down"; display:block; font-family: 'Poppins', sans-serif; font-size:18px; line-height:1; font-weight:700;}
.scrolldown:after { font-family:"Flaticon"; content: "\f104"; font-size:34px;  transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); display:block}

.play-stop { position:absolute; left:11%; bottom:30px; z-index:1}
.play-stop .play-slide, .play-stop .stop-slide { float:left; margin-right:5px; width:40px; height:40px; line-height:40px; text-align:center; background:#8bbfc6; 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:#8bbfc6; }

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





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

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



.ini_class { }

/*.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 .gm-style .gm-style-iw-c { padding: 0 !important; }
.yogamap .gm-style .gm-style-iw-d { overflow: auto !important; }
.yogamap .gm-style .gm-style-iw-c button { top: 5px !important; right: 5px !important; background: #fff !important; border-radius: 100% !important; }

.yogamap { text-align:center; }
.yogamap h2 { margin: 0; position: relative; padding: 0 10px 7px 10px; letter-spacing: 0px; font-size:14px; max-width:200px; font-weight:600; }
	body#advert .tab_container .yogamap h2 { margin: 0; position: relative; padding: 0 10px 7px 10px; letter-spacing: 0px; font-size:14px; max-width:200px; font-weight:600;}
.yogamap p { margin-bottom:10px; max-width:200px; font-size: 12px; padding:0 10px; } 
.yogamap .button { display:inline-block; width: 95px; padding:7px; text-align:center; border: 1px solid #e5e5e5; color:#111; font-size:12px; line-height:1; font-weight:600; border-radius: 6px; margin-bottom:16px; -webkit-transition: transform .2s ease; }
.yogamap .button:after { content:"\279C"; margin-left:5px; }
.yogamap .button:hover { background: #e3543e; color:#fff;}
.yogamap .button:active { }

.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: 58%; height: 0; overflow: hidden;}









.footer-image { width:100%; height:auto; position:relative; background:#efefef; margin-top:-20%; z-index:1;}
.footer-image img { width:100%; height:auto; }



#footer { position:relative; clear:both; display:block; font-size:14px; line-height:20px; padding:100px 6% 50px; color:#fff; background:#8bbfc6; background-image: linear-gradient(to right bottom, #a2ced4, #97c6cc, #8cbdc4, #80b5bd, #75adb5); border-top: 20px solid #fff; }

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


#footer ul { padding:0; margin:0 0 20px 0; }
#footer ul li { list-style:none }
#footer ul li a { display:block; color:#fff; line-height:1.2; padding:13px 0; border-bottom:1px solid #b1cfd3; }
#footer ul li a:hover { color:#336a40; }

#footer p { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

#footer a { color:#336a40; }
#footer a:hover { color:#fff; }
#footer a.button { color:#fff;  }
#footer a.button:hover { color:#fff }

#footer i { margin-right:5px;}

#footer .facebook, #footer .pinterest, .social .facebook, .social .pinterest { position:relative; z-index:2; width:40px; height:40px; line-height:40px; font-size:20px; font-weight:400; display:inline-block; color:#fff; background:#336a40; text-align:center; font-style:normal; margin-right:3px; border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
#footer .facebook:before, .social .facebook:before { font-family: "Flaticon"; content: "\f115"; font-weight:normal  }
#footer .pinterest:before, .social .pinterest:before { font-family: "Flaticon"; content: "\f12f"; font-weight:normal  }
#footer .facebook:hover, #footer .pinterest:hover, .social .facebook:hover, .social .pinterest:hover { background-color:#8bbfc6; color:#fff; }

.member { text-align:center; background:#8bbfc6; padding:40px 30px; }
.member img { width:auto; max-height:100px; margin:10px; }


.credits { position:relative; clear:both; font-family: 'Poppins', sans-serif; background:#336a40; padding:25px; text-align:left; font-size:12px; font-weight:400; margin: 0; color:#ddd; z-index:60 }
.miniwebs { text-align:left; margin-top:4px;}
.miniwebs a { color:#ddd; vertical-align:middle; }
.miniwebs img {width:auto; height:14px; display:inline; margin-right:5px; vertical-align:middle}

@media (max-width: 860px) {

.credits  { background-attachment:scroll; }

}



/*
	
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

*/

.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: opacity 300ms;}


.gallery { position:relative; text-align:center; margin-left:-1px; margin-right:-1px; }
.gallery:after { content:""; clear:both; display:block; visibility:hidden; height:0; }

.gallery a { position:relative; float:left; margin:0.5%; width:24%; padding-bottom: 17.5%;  height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat; border:1px solid #fff; }
body#pg3 .gallery a { margin:0; width:25%; }
body#pg3 .container { padding:0; }

.gallery.sidepics a { margin:0.5%; width:49%; padding-bottom: 28%; }
.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.photo a { margin:0; width:100%; padding-bottom: 67%; }

.gallery a img { display:block; width:100%; height:auto; position: absolute; display:block; top: 0; left: 0; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; }



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



.gallery a:before { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background: rgba(0,0,0,0); content:""; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; }
.gallery a:hover:before { position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.4); content:""; }

.gallery a:after { font-family: "General"; content: "\f148";  font-size:30px; text-shadow:0 0 2px #333; background:rgba(0,0,0,0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index:3; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; font-size:24px; line-height:50px; width:50px; height:50px; color:#fff; opacity:0;  -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transform: translate3d(0,0,0) scale(0,0); -moz-transform: translate3d(0,0,0) scale(0,0); -webkit-transform: translate3d(0,0,0) scale(0,0); transform: translate3d(0,0,0) scale(0,0); }
.gallery a:hover:after {  opacity:1; -ms-transform: translate3d(0,0,0) scale(1,1); -moz-transform: translate3d(0,0,0) scale(1,1); -webkit-transform: translate3d(0,0,0) scale(1,1); transform: translate3d(0,0,0) scale(1,1);}

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




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

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

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

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

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

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

.grid-item div a img {  }

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

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

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

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

.gallery2 a:before { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background: rgba(0,0,0,0); content:""; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; }
.gallery2 a:hover:before { position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.4); content:""; }

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

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


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


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

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

}




@font-face{font-family:lg;src:url(fonts/lg.ttf?22t19m) format("truetype"),url(fonts/lg.woff?22t19m) format("woff"),url(fonts/lg.svg?22t19m#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.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%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(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:0;background:0 0;border:none;box-shadow:none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.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: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); font-weight: 600; text-shadow: 0px 0px 5px rgba(0,0,0,0.6); bottom:0;color:#EEE;font-size:14px;left:0;padding:20px 40px 10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.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(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!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 .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(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{cursor:pointer;float:left;overflow:hidden;height:100%;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.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 .25s ease;-o-transition:bottom .25s ease;transition:bottom .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;outline:0;border:none}.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-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.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}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(img/youtube-play.png) 0 -60px no-repeat}.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:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;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-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-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 .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .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-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.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 #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .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,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff 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"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{height:100%;width:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e904"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e907"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e905"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e906"}.lg-outer .lg-img-rotate{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .3s cubic-bezier(.32,0,.67,0) 0s;-moz-transition:-moz-transform .3s cubic-bezier(.32,0,.67,0) 0s;-o-transition:-o-transform .3s cubic-bezier(.32,0,.67,0) 0s;transition:transform .3s cubic-bezier(.32,0,.67,0) 0s}.lg-rotate-left:after{content:"\e900"}.lg-rotate-right:after{content:"\e901"}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:"\e903"}.lg-flip-hor:after{content:"\e902"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;outline:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .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-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-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-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-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{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(img/circles.svg) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.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}.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 .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .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,.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:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-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,.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-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .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-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .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-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}


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




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

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

.fieldleft { float:left; width:50%; padding:0 10px 0 0 }
.fieldright { float:right; width:50%;  padding:0 0 0 10px; }
.fieldthird { width:33.333333333333333333333333333333%; float:left; padding:0 10px; }
.alignedgeforotherfields { padding:0 10px; }
.field_checkboxes { min-width:150px; display:inline; margin-right:15px; }


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

#contactform form input.submit.active, #contactform form input.submit.active:hover { background:url(img/ajax-loader.gif) center center no-repeat #8bbfc6; background:url(img/tail-spin.svg) center center no-repeat #8bbfc6; 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; }

#contactform input[type=checkbox].css-checkbox { display:none; }
#contactform 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; vertical-align:middle; cursor:pointer;   }
#contactform input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -40px; }
#contactform 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: 'Poppins', 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:#8bbfc6; 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: 'Poppins', 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: #8bbfc6; color:#fff; z-index:5; padding:0 20px; text-align:center; font-size: 14px; }
.mobile-call-us a i { color:#fff; vertical-align: middle; font-size:30px; }
.mobile-call-us a:hover { color:#fff; }


.scrollToTop { position:fixed; bottom:30px; right:100px; width:46px; height:46px; font-size:20px; line-height:46px; background: #8bbfc6; 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) {

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

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

}

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



}


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

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


.header-wrapper { position:relative; top:auto; left:auto; display:block;  }
.header { padding: 5px 20px 15px 20px; }
.header .logo { position: relative; display: block; width:100%; margin:0 auto; margin-top: 20px; margin-bottom:10px; text-align:center;  }
body.sticky .header { padding-bottom:15px; }
body.sticky .header .logo img { width:257px;  }
.table { display: table;   /* Allow the centering to work */ margin: 0 auto; height:40px; width:auto  }


.header p { position:relative; bottom:auto; left:auto; top:auto; font-size:18px; margin:0; }

.menu_wrapper { float:none }
.header #menu { height:auto; margin: 20px 0 0 0; }
body.sticky #menu { margin: 20px 0 0 0; }

#menu li a { padding-top:0; text-shadow:none; height: 40px; text-transform:none; font-size:12px;  }
#menu li a.calltoaction { position:absolute; right:20px; top:60px; line-height:40px;  }

body.sticky .header #menu li a { padding-top: 0; height: 40px;  }
body.sticky .header p, body.sticky .header .languages { -webkit-transform: translate3d(0, 0, 0); opacity:1 }

.owl-carousel, #slideshow { height:340px;}
body#pg3 .owl-carousel, body#pg3 #slideshow { height:340px;}


.equal-thirds { width:100%; padding:20px 0 0 0; }



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


}



@media (max-width: 767px) {


body { }
body:after { display:none}


H1 { display:none}

.header-wrapper { }
.header { position:relative; top:auto; left:auto; display:block; padding:0 2%; }
body.sticky .header { padding-bottom:0; }

.header:before { background: #8bbfc6; }


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





.top_bar { padding:0; }
.contact_bar { width:100%; background-color:#8bbfc6; column-gap: 0;  }
.contact_bar .facebook, .contact_bar .pinterest, .contact_bar .callus, .contact_bar #weather { text-align:center; width:33.333333333%; height:100px; display:flex; flex-direction:column; font-size:12px; line-height:1; padding:0 10px; font-weight:400; background: #8bbfc6; color:#fff; border-radius:unset}

.contact_bar .items.social:before { font-size:34px; }
.contact_bar .facebook:before, .contact_bar .pinterest:before, .contact_bar .callus:before, .contact_bar .reservations:before { padding:0; margin:0 0 7px 0; font-size:34px; line-height:1; float:none; color:#fff}


	.contact_bar .facebook { background:#c6b5a8 }
	.contact_bar .pinterest { background:#ccbeb3 }
	.contact_bar .callus { background:#8bbfc6 }
	.contact_bar #weather { background:#d5c7bc }
	.contact_bar .callus span:before { content:"Call us"; display:block; }
	.contact_bar .callus:hover { background:#8bbfc6 }
	.contact_bar .facebook:hover, .contact_bar .pinterest:hover { background:#8bbfc6; color:#fff; }
	.contact_bar a.items.social span { display:block; }

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



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


#menu-icon { position:relative; font-family: 'Poppins', sans-serif;  font-size: 20px; font-weight:400; color:#acacac; width: 100%; margin: 0 auto; margin-top:0;  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:20px; font-size:16px;  }
#menu-icon.active:before { color:#8bbfc6; content:"\f122" }
#menu-icon.active { color:#8bbfc6;}
.table { display: block; margin: 0 auto; height:auto; width:90% }
.header #menu { display:none; margin:0; width:100%;}
body.sticky .header #menu { margin:0; }

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

#menu li { width:100%; }
#menu li a {  display:flex; border-bottom:1px solid #ddd; height:60px; font-size:16px; }
#menu li a span { display:none }
/*#menu li a:before {  display:block; float:left; color:#8bbfc6; margin-right:20px; text-align:center; font-size:26px; line-height: 60px; font-weight:400 }*/
#menu li a:hover { background:#fff; color:#333 !important}
body#hom .hom, body#acc .acc, body#att .att, body#gal .gal, body#ter .ter, body#rev .rev, body#con .con { color:#8bbfc6; }

#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 }
#menu li.drop:hover ul { display:none; }

body.sticky .header .table { }
body.sticky .header #menu li a { height:60px; padding: 0 0 0 10px; }
body.sticky .header #menu li a.calltoaction, #menu li a.calltoaction { position:relative; right:auto; top:auto; line-height: 60px; font-size:16px; margin: 0 0 20px 0; display: block; }
body.sticky .header #menu li a.calltoaction:hover, #menu li a.calltoaction:hover { color:#fff;}
#menu li.drop > a:after { display:none}
#menu li ul {display:none}

.header .logo, body.sticky .header .logo { height: 120px; text-align:center; width:100%; margin: 10px 0 3px 0; background-size:contain; background-image: url(logo.svg);  }
.header .logo img, body.sticky .header .logo img{ width:257px; height:auto }

.header p { font-size:10px; }

.owl-carousel, #slideshow { height:400px;}
.static-slideshow { height:200px;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 30px; opacity:0.3; font-size:14px; border-radius:0; }
.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:28px; }
.owl-carousel .caption .slide_title .line2 {  }
	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;  }


.yogamap { height:400px !important }

.title_box h3 { font-size: 12px; }


h2.fancy { font-size:40px; }

.container { position:relative; padding:100px 15px }
.one-half-right { margin-bottom:0px;}

.flexed_container, .flexed_container.alt { flex-direction:column; align-items: normal; }
.flexed_container .columns_2 { margin-bottom:20px; }

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

table.rates_table h5 { font-size:20px;}
.button.large { font-size:14px; }

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


.message { bottom:60px; }

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

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



}


@media (max-width: 600px) {

h2 { font-size:30px; }
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; }

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

ul.list_style { margin:10px 0;}

.member img { max-height: 75px; }



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


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


}

@media (max-width: 500px) {

.header p { font-size:12px; }
.header .logo { margin-top:20px; }

.owl-carousel, #slideshow { height:250px;}
.owl-carousel .owl-dot { width: 10px; height: 10px; }
.owl-carousel .caption .slide_title .line1 { font-size:23px; }
.owl-carousel .caption .slide_title .line2 { font-size:12px; }
.owl-carousel .caption .slide_title .button { width:155px; font-size:11px; }
.static-slideshow { height:150px; }

.banners h4 { font-size:22px; }
.banners img { width:55px; }

.tab_content { padding: 30px 0; }
.tab_content .tab-title img { width:55px; }
.tab_content h4 { font-size:24px;}

.pricing-table .package { margin: 8px 0; }

body#pg2 table h5 { font-size:20px; }

ul.list_style li { font-size:16px; }


.contactdetails span { float:none }
#contactform input, #contactform textarea, #contactform select, #contactform subject { padding:12px; font-size:14px; margin-bottom: 25px; }

#footer { padding: 50px 15px 10px; }

body#pg3 .gallery a { width:50%; margin:0; padding-bottom: 36%;}

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

.one-half-right { padding: 0;}

.full-width-banner { background-position: left -200px bottom; } 


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


}

@media (max-width: 400px) {


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

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




}

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



}