@charset "utf-8";
/* CSS Document */


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


html, body { max-width: 100%; overflow-x: hidden;}

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


body { margin: 144px 0 0 0; font-family: 'Roboto', sans-serif; font-size:16px; color:#6c6c6c; overflow-x: hidden; overflow-y:visible; /*background-color:#f2e5d6;*/ /*background:url(img/bk.png);*/ background-color:#EADCC6; /*background-color:#f7ebdd; background:url(img/body-tiled.jpg) */ }
body.loaded .profile { background:#333; }
body#activities-and-attractions.loaded .profile { background:#F5EDE0; }
ul, li { margin:0; list-style:none; padding:0; }
p {margin-top:0px; margin-bottom: 20px;}
a img {border:0;}
a { color: #333; text-decoration:none; outline: 0; }
a:hover { color: #333;  }
.clearfix { clear:both; display:block; width:100%; height:0; visibility:hidden}
.green { color:#7ec624 }
.underlay { display:none; z-index: 26; position: fixed; top: 0; width:100%; left:0; height: 100%; background-color:rgba(0,0,0,0.7) }



@keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0);}
40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0);}
70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0);}
90% { transform: translate3d(0,-4px,0);}}
.bounce { animation-name: bounce; transform-origin: center bottom; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite;}

@keyframes blink { 0% { color: #777; } 100% { color: #ff664e; } }
@-webkit-keyframes blink { 0% { color: #777; } 100% { color: #ff664e; } }
@-moz-keyframes blink { 0% { color: #777; } 100% { color: #ff664e; } }
@-o-keyframes blink { 0% { color: #777; } 100% { color: #ff664e; } }

.listings img, .listings2 img, .button.wide, body#home .categories .fourth, body#home .categories .fourth:hover a, .social, #tags li a, #header .logo img, #footer_wrap .sponsors img, #footer_wrap .col ul li a, input.submit, .show_gallery, .show_gallery span:before, .show_gallery:after, ul.facilities li[class^="fac_"]:before, #header.sticky, .sharing a, .one_third .location a:before, .one_third .location img, .viewwishlist, .gallery img, .menu_wrapper > ul > li.menu-open a.drop:after, #towns .town span, #places .places span, #featured .featured span { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }


.display_options, .listings, .listings2, .gallery, body#advert ul.tabs, body#advert .tab_container, .tab_container table:hover, ul.contactowner li a, .places, .featuredplace, .town, .one_third, .heading, .featured .inner, .viewmore, .google-ads-top, .google-ads-bottom, .content { border:1px solid #E8DAC8;  }
.heading, .one_third { border-top:none }
.heading, .travelbar { border-left:none; border-right:none }
.one_third  { border-left:none; }

body#advert .one_third  { border-right:none; border-left:1px solid #E8DAC8; }
body#advert ul.tabs { border:none; }
body#advert .tab_container { border-top:none !important; }

.google-ads-top, .google-ads-bottom { position: relative; margin: 0 0 2%; background-color: #fff; clear: both; padding:30px; }
.google-ads-bottom { margin:1% 0 0 0; float:left; width:100%; }
.google-ads-side { padding: 0 0 20px; }

@media (max-width: 500px) {

.google-ads-top, .google-ads-bottom { padding:15px; }

}


h1 { position:fixed; left:0; top:0; width:100%; font-family: 'Roboto', sans-serif; font-size:10px; line-height:44px; font-weight:700; text-transform:uppercase; color: #fff; margin:0px; padding:0 1%; background-color:#44DDCE; z-index:23}
h1:before { font-family:"Flaticon"; content: "\e046"; font-weight:400; margin-right:10px; }
h3 { position:relative; font-family: 'Roboto Slab', sans-serif; font-size:18px; line-height:18px; font-weight:bold; color: #525252; padding:0 0 30px 0; margin: 0 0 30px 0; text-transform:uppercase; }

.title-box { position:relative; margin-bottom:80px; clear:both; display:block }
.title-box:after { position:absolute; bottom:-30px; left:50%; width:200px; margin-left:-100px; height:5px; background:#777; content:""; }
.title-box h2 {  position:relative; font-family: 'Roboto Slab', sans-serif;  font-size:24px; line-height:24px; text-transform:uppercase; font-weight:700; color: #777; margin:0 0 10px 0; padding:0; letter-spacing:-1px; text-align:center }
.title-box h3 {  position:relative; font-family: 'Roboto', sans-serif; font-size:16px; line-height:1.2; font-weight:400; color: #777; margin:0; padding:0; text-align:center; text-transform:none; font-style:italic}



.profile { background:url(img/svgloader.svg) center center no-repeat #333;}
	.lazyload, .lazyloading { opacity: 0;}
	.lazyloaded { opacity: 1; transition: opacity 300ms;}
.featured .profile img, .places .profile img, .town .profile img, .listings .profile img, .listings2 .profile img { position: absolute; display:block; left: 50%; top: 50%; width:100%; height:auto; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transform: translate3d(-50%,-50%,0) scale(1.05,1.05); -moz-transform: translate3d(-50%,-50%,0) scale(1.05,1.05); -webkit-transform: translate3d(-50%,-50%,0) scale(1.05,1.05); transform: translate3d(-50%,-50%,0) scale(1.05,1.05); }

.featured.type2 .profile img { -ms-transform: translate3d(-50%,-50%,0) scale(1.25,1.25); -moz-transform: translate3d(-50%,-50%,0) scale(1.25,1.25); -webkit-transform: translate3d(-50%,-50%,0) scale(1.25,1.25); transform: translate3d(-50%,-50%,0) scale(1.25,1.25); }

/*.featured:hover .profile img, .places:hover .profile img, .town:hover .profile img, .listings:hover .profile img, .listings2:hover .profile img {-ms-transform: translate3d(-50%,-50%,0) scale(1.05,1.05); -moz-transform: translate3d(-50%,-50%,0) scale(1.05,1.05); -webkit-transform: translate3d(-50%,-50%,0) scale(1.05,1.05); transform: translate3d(-50%,-50%,0) scale(1.05,1.05);}*/

.profile, .featured .profile img, .places .profile img, .town .profile img, .listings .profile img, .listings2 .profile img, .featured:hover .profile img, .places:hover .profile img, .town:hover .profile img, .listings:hover, .listings2:hover .profile img, .places .info h3 a b { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }

#header.sticky { /*-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/}
.pagination li a, .listings a.from span, #towns .town span { -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); }
.travelbar { -webkit-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1); }



.crust { display:none; }
ul#breadcrumbs { position:relative; list-style:none; margin:0; padding:0; font-family: 'Roboto', sans-serif; background-color:#fff; border-bottom:1px solid #eee; z-index:11   }
ul#breadcrumbs:before { float:left; content:"\e046"; font-family:"Flaticon"; display:block; width:45px; text-align:center; padding:0; font-size:18px; font-weight:400; line-height:45px; color:#ff664e; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }

ul#breadcrumbs li { margin:0; padding:0; float:left; }
ul#breadcrumbs li:last-child { border-right:none; }

ul#breadcrumbs li a { display:block;  color:#777; text-decoration:none; padding:15px; font-family: 'Roboto', sans-serif; font-size:10px; line-height:16px; font-weight:700; text-transform:uppercase; border-left:1px solid #eee;}
ul#breadcrumbs li a:after { font-family:"Flaticon"; content:"\e038"; color:#bbb; font-size:10px; font-weight:400;  line-height:15px; padding-left:10px; }
ul#breadcrumbs li a:hover { background-color:#f5f5f5; color:#333; }
ul#breadcrumbs:after { content:""; clear:both; display:block; visibility:hidden; height:0; width:100% }

ul#breadcrumbs .right { float:right }
ul#breadcrumbs.sticky { margin-top:80px;}

	ul#breadcrumbs.sticky.fixme { margin-top:0px; position:fixed; /*top:33px;*/ top:80px; left:0; width:100%; z-index:21; /*opacity:0;*/  /*transition: top 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;  -webkit-transition: top 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease; -moz-transition: top 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease; -o-transition: top 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease; -ms-transition: top 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease; transition: top 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;*/ -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
	ul#breadcrumbs.sticky.fixme.showcrumbs, ul#breadcrumbs.sticky.fixme:hover { /*opacity:1; top:80px; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/}
	.moretopmargin { margin-top:127px;  }

#extras { position:fixed; top: 0; right:0; width:auto; z-index:25}

#extras:after { clear:both; position:relative; width:100%; content:""; height:0; visibility:hidden; display:block; }
#extras .add_listing, #extras .facebook { float:left; background-color:#028476; padding: 0 16px; line-height:34px; color:#fff; text-transform:uppercase; font-size:12px; font-weight:700; margin:5px 5px 0 0; -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); }
#extras .facebook { font-weight:400; padding: 0 12px; }
#extras .add_listing:hover, #extras .facebook:hover { background-color:#ff664e; }
#extras .add_listing:after { content:"\e064"; font-family:"Flaticon"; margin-left:12px; }
#extras .facebook:after { content:"\f120"; font-family:"General"; }


.header { position:fixed; top:44px; left:0; display:table; width:100%; padding:0; text-align:center; /*-moz-box-shadow:0 10px 10px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.15); box-shadow: 0 10px 10px rgba(0,0,0,0.15);*/ z-index:2; z-index:26}
.header { background: #52e9da; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyZTlkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMGNiYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #52e9da 0%, #30cbbc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52e9da), color-stop(100%,#30cbbc));  background: -webkit-linear-gradient(top, #52e9da 0%,#30cbbc 100%); background: -o-linear-gradient(top, #52e9da 0%,#30cbbc 100%); background: -ms-linear-gradient(top, #52e9da 0%,#30cbbc 100%); background: linear-gradient(to bottom, #52e9da 0%,#30cbbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52e9da', endColorstr='#30cbbc',GradientType=0 ); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1); box-shadow: 0px 2px 5px rgba(0,0,0,0.1); }


.header .logo { position:relative;  display:table-cell; vertical-align:middle; overflow: hidden; text-align:center ; width:210px; padding: 0 30px; }
.header .logo img { width:auto; height:70px; z-index:2; transition: all .1s ease;  }
.header:after { content:""; clear:both; display:block; width:100%; }




#menu-icon { display: none;}


.menu_wrapper { float:right;  }
.menu_wrapper .table { display:table-cell; vertical-align:middle; height:100px; text-align:left; -webkit-transition: height 0.25s; -moz-transition: height 0.25s; -o-transition: height 0.25s; -ms-transition: height 0.25s; transition: height 0.25s; }
.menu_wrapper:after { content:""; clear:both; display:block; width:100%; }
#menu-icon { display: none; /* hide menu icon initially */}
#menu { display:table; margin:0; padding:0;  }
#menu li {  margin:0; padding:0; list-style: none; float: left;  }
#menu li a { position:relative; display:table-cell; vertical-align:middle; height:100px; font-family: 'Roboto Slab', sans-serif;  font-size:13px; line-height:1; font-weight:400; color: #fff; text-decoration: none; padding: 0px 10px; cursor:pointer; text-transform:uppercase; text-align:center; }
#menu > li > a { text-shadow:1px 1px 2px #219489 }



#menu > li > a:before { font-family: "Flaticon"; content: ""; display:block; text-align:center; font-size:26px; line-height:30px; font-weight:normal; margin-bottom:10px; }
#menu li.drop > a:after { position:absolute; top:35px; left:20px; margin-left:-5px; font-family: "General"; content: "\f16f"; font-size:10px; line-height:10px;  }
#menu li.hom > a:before { font-family: "Mozambique"; content: "\f105";  }
#menu li.acc > a:before { content: "\e00e"; }
#menu li.spe > a:before { font-family: "General";  content: "\f16a"; }
#menu li.map > a:before { font-family: "General";  content: "\f102"; }
#menu li.bil > a:before { font-family: "Mozambique"; content: "\f104"; }
#menu li.act > a:before { font-family: "General"; content: "\f100"; }
#menu li.res > a:before { font-family: "General"; content: "\f10a"; }
#menu li.moz > a:before { font-family: "Mozambique"; content: "\f102"; }
#menu li.sea > a:before { font-family: "General"; content: "\f117"; }

#menu > li > a > span { font-family:Arial, Helvetica, sans-serif; position:absolute; right:30px; top:30px; display:block; width:20px; height:20px; line-height:20px; text-align:center; background:#111; color:#ff664e; font-size:10px; text-shadow:none; -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); }

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


body.sticky .header .table { height:60px; }
body.sticky .header .table #menu > li > a:before { font-size:18px; line-height:18px; margin-bottom:5px;}
body.sticky .header .logo img { width:auto; height:40px; }
body.sticky .header #menu > li > a { height:60px; }
body.sticky .header #menu > li.drop > a:after { top:10px;  }
body.sticky .header #menu > li > a span { right:30px; top:-5px; }


/*#menu li a.active {  color:#06C4A8 }*/
#menu > li > a:hover, #menu > li.drop:hover > a { background-color:#111; color:#ff664e; text-shadow:none}
#menu > li > a:hover > span, #menu > li.drop:hover > a span { background:#ff664e; color:#111; }






#menu ul { display:none; position:absolute; width:100%; max-width:400px; margin:0; /*padding:20px;*/ }
	#menu li.moz ul { max-width:400px; left:auto; right:0; }
	/*#menu li.sea ul { max-width:600px; left:auto; right:0; }*/


#menu ul .submenu {  padding:40px; background:#111; /*border-radius:6px;*/ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); }
#menu ul .submenu .inner { position:relative;  }
#menu ul .submenu .inner:after { position:relative; clear:both; content:""; display:block; width:100%; height:0; visibility:hidden }


#menu ul li { position:relative; width:100%; padding:0; margin:0; }
	#menu li.sea li { width:100%; margin:0; }
	#menu li.moz li { width:100%; margin:0; }
	#menu li.map li { width:46%; }

#menu ul li h6 { font-family: 'Roboto Slab', sans-serif; color:#ff664e; font-weight:700; font-size:18px; text-transform:uppercase; letter-spacing:1px; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #222 }

#menu ul li a { position:relative; display:block; z-index:2; height:auto; font-size:14px; line-height:1; font-weight:400; color: #eee; text-shadow:1px 1px 3px rgba(0,0,0,0.5);  padding:0; margin-bottom:10px; text-transform:none;  text-align:left}
#menu ul li a:hover { color:#ff664e; }



    
#menu ul li.sbm { display:table }
#menu ul li.sbm a { display:table-cell; vertical-align:middle; height:200px; width:100%;  text-transform:uppercase; font-size: 24px; text-transform: none; font-weight:700; color: #fff; text-align:center}
#menu ul li.sbm a:before { font-family: "General";  content: "\f102"; display:block; font-size:40px; line-height:1; font-weight:400 }

#menu ul li.sbm a:after { position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-color:#000; background-size:cover; content:""; border-radius:5px; z-index:-1; transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; -ms-transform: translate3d(0,0,0) ; -moz-transform: translate3d(0,0,0) ; -webkit-transform: translate3d(0,0,0) ; transform: translate3d(0,0,0) ; }

#menu ul li.sbm.bg1 a:after { background-image:url(img/google-map.jpg); }
#menu ul li.sbm.bg2 a:after { background-image:url(img/pictorial-map.jpg); }
#menu ul li.sbm.bg3 a:after { background-image:url(img/google-map.jpg); }

#menu ul li.sbm a:hover:after { background-position:center top; opacity:0.5 }

#menu ul li.sbm a span { display:block; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:700; margin-top:5px; text-transform:uppercase; }

#menu ul li.sbm h6 { display: table-caption; }



/*#menu ul li a span { display:block; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:700; margin-top:5px; text-transform:uppercase; color: #fff; }*/

#menu li.drop:hover ul { display:block; /*-webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;*/}
#menu > li.drop:hover > a > b { display:block; /*-webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;*/}

#menu li.sea.showsearch, #menu li.sea.showsearch:hover > a { background-color:#111; color:#ff664e; text-shadow:none }
#menu li.sea.showsearch ul, #menu li.sea.showsearch > a > b { display:block}




#menu li.sea ul { position:fixed; left:0; top:0; width:100%; max-width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:2 }
#menu li.sea ul .submenu { padding: 50px 10%; background:none;  }
#menu li.sea ul .submenu .tipue_drop_input { font-size: 32px; line-height:1; border-bottom: 5px solid #ff664e; }

#menu > li.sea  > a > b { position:fixed; top:30px; right:30px; left:auto; margin-left:0; width: 40px; height: 40px; line-height:40px; text-align:center; border:none; display:none; z-index: 3; }
#menu > li.sea  > a > b:before { font-family: "General";  content: "\f16d"; font-size:30px; color:#fff; }


















.sub-menu-mobile {  position:relative; text-align:center; line-height:60px; font-family: 'Roboto Slab', sans-serif; font-size:16px; text-transform:uppercase; font-weight: 700; cursor:pointer; color:#fff; background-color:#ff664e; display:none;}
.sub-menu-mobile:before { position:absolute; left:0; top:0; content:"\f116"; font-family:"General"; display:block; width:60px; font-size:28px; line-height:60px; font-weight:400; color:#fff; text-align:center  }
.sub-menu-mobile:after { content:"Tap here to Explore this Area" }
.sub-menu-mobile.active:before { color:#111 }



.sub-menu { padding: 0; margin-top:-56px; }
.sub-menu .table {  }
.sub-menu ul { display:table; margin:0 auto; padding:0;  }
.sub-menu ul li { position:relative; margin:0; padding:0; list-style: none; float: left;  }
.sub-menu ul li a { position:relative; display:block; font-family: 'Roboto Slab', sans-serif; font-size:15px; line-height:1; font-weight:700; color: #fff; text-decoration: none; padding: 20px 30px; margin:0 1px; cursor:pointer; text-align:center; background:#FF664E; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.sub-menu ul li.drop > a:after { position:absolute; bottom:7px; left:50%; margin-left:-5px; font-family: "General"; content: "\f16f"; font-size:10px; line-height:10px;  }

.sub-menu ul li a b:before { content:"(" }
.sub-menu ul li a b:after { content:")" }

body#town .sub-menu ul li a.sub-menu-about { color: #777; background:#fff; }
body#accommodation .sub-menu ul li a.sub-menu-acc { color: #777; background:#fff; }
body#accommodation.cheap .sub-menu ul li a.sub-menu-che { color: #777; background:#fff; }
	body#accommodation.cheap .sub-menu ul li a.sub-menu-acc { color: #fff; background:#FF664E; }
body#activities-and-attractions .sub-menu ul li a.sub-menu-act { color: #777; background:#fff; }
body#faq .sub-menu ul li a.sub-menu-faq { color: #777; background:#fff; }

.sub-menu ul li a:hover { background:#fff; color:#777  }


.sub-menu ul li ul { position: absolute; top: 40px; left: 50%; margin-left: -150px; width: 180px; width:300px; z-index:20; padding-top:30px;  visibility:hidden; opacity:0 ; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; }
.sub-menu ul li ul div { position:relative; background:#111; padding:20px; -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius:6px; }
.sub-menu ul li ul li { float:none; display:block }
.sub-menu ul li ul li a { background:none; color:#eee; padding:10px 0; font-size:14px; font-weight:400; border-bottom:1px solid #222; }
.sub-menu ul li ul li:last-of-type a { border:none }
.sub-menu ul li ul li a:hover { color:#FF664E; background:none }
.sub-menu ul li ul div:before { content:""; position:absolute; top:-15px; left:50%; margin-left:-20px; width: 0; height: 0; border-style: solid; border-width: 0 20px 15px 20px; border-color: transparent transparent #111 transparent; -webkit-filter: drop-shadow(0 -3px 2px rgba(0,0,0,0.15)); -moz-filter: drop-shadow(0 -3px 2px rgba(0,0,0,0.15)); -ms-filter: drop-shadow(0 -3px 2px rgba(0,0,0,0.15)); -o-filter: drop-shadow(0 -3px 2px rgba(0,0,0,0.15)); filter: drop-shadow(0 -3px 2px rgba(0,0,0,0.15));}

.sub-menu ul li.drop:hover > a { color: #777; background:#fff; }
.sub-menu ul li.drop:hover ul { visibility:visible; opacity:1; top: 50px; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; }

.sub-menu:after { content:""; clear:both; display:block; width:100%; }


@media (max-width: 1000px) {

.sub-menu ul li a { position:relative; display:block; font-family: 'Roboto Slab', sans-serif; font-size:13px; line-height:1; font-weight:700; color: #fff; text-decoration: none; padding: 10px 20px; margin:0 1px; cursor:pointer; text-align:center; background:#FF664E }


}














.heading { position:relative; display:block; clear:both; text-align:center; padding:30px 0; background-color:#fff; z-index:1}
.heading H2 { position:relative; font-family: 'Roboto Slab', sans-serif; font-size:36px; line-height:50px; font-weight:700; color: #777; margin:0; padding:0; letter-spacing:-2px; }
.heading H3 { position:relative; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; color: #525252; padding:0 10%; margin:0; text-transform:uppercase; font-style:italic }


.whyus { background-color:#fff; padding:40px; display:block; position:relative; text-align:center; border-bottom:1px solid #E5E5E5; }
.whyus:before { position:absolute; bottom:-9px; left:50%; margin-left:-20px; z-index:3; content:""; width: 0; height: 0; border-style: solid; border-width: 10px 20px 0 20px; border-color: #fff transparent transparent transparent; }
.whyus:after { position: absolute; bottom: -11px; left: 50%; margin-left: -22px; z-index: -1; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 12px 22px 0px; border-color: #E5E5E5 transparent transparent;}


.whyus h2 { font-family: 'Roboto Slab', sans-serif; font-weight:700; font-size:36px; letter-spacing: -2px; color: #777; margin:0; padding:0; }
.whyus h2 b { font-weight:700; color:#ff664e  }
.whyus p { margin:0; padding:0 8%; font-size:14px; font-style:italic }
.whyus p b { border-bottom:1px solid}

.introduction { -webkit-columns: 2 250px; -moz-columns: 2 250px; columns: 2 250px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; text-align:justify; color:#555; margin-bottom:60px; }
.intromap { float:left; width:30%; height:auto; margin:0 30px 30px 0 }
.introduction .button { padding:20px; background:#ff664e; color:#fff; text-align:center; font-size:14px; border: 1px solid #ddd; border:1px solid #ddd; margin-bottom:10px; display:inline-block; }



/**************************************************
***************************************************
***************************************************

	BODY CONDITIONS

***************************************************
***************************************************
***************************************************/

body#home .menu_wrapper .menu-sub { margin-top:0; }




body#accommodation .listings { width: 31.33333%; }



body#advert .container { padding:0px; margin-bottom:60px; margin:0; width:100%  }
body#advert .gallery { position:relative; margin-bottom:30px;}
body#advert .thumbs { position:relative; background-color:#fff; margin-bottom:0px; padding:0.25%; display:none}
body#advert .thumbs a img { width:9.5%; height:auto; float:left; margin: 0.25%; position:relative; text-decoration:none; }
body#advert .thumbs:after { content:""; clear:both; display:block; visibility:hidden; width:100%; }

body#advert form:after { content:""; display:block; height:0; visibility:hidden; clear:both}

/************** END **************/














/**************************************************
***************************************************
***************************************************

	LAYOUT

***************************************************
***************************************************
***************************************************/

.container { position:relative; overflow:hidden; display:block; clear:both  }
.container.narrow { position:relative; padding:100px 8%;}

.container.recentlistings .listings { width: 31.333333333333333333333333333333%; margin:1%; background-color:#fff;  position:relative; padding: 0 0 60px 0; float:left; }

.container:before, .container:after { content:""; display:block; height:0; visibility:hidden; clear:both}

.half, .third, .fourth, .fifth, .sixth, .seventh, .eighth { position:relative; display: block; float:left; margin: 0 ; }

.half { width: 50%;   }
.third { width: 33.333333333333333333333333333333%; }
.fourth { width: 25%;  }
.fifth { width: 20%; }
.sixth { width: 16.666666%; }
.seventh { width: 14.28%; }
.eighth { width: 12.5%; }

.container .box { position:relative; padding:60px; display:block;   }
.lessmargin { margin-left:1%; margin-right:1%; }

.two_thirds { position:relative; width:68%; float:left; margin: 2%; padding:0px;  }

.one_third { position:relative; width: 28%; float: left; margin-top:0%;  margin-bottom: -99999px; padding-bottom: 99999px; background-color:#fff; z-index:10;}
.one_third .box { padding:40px; margin-bottom:0%; background-color:#fff; }
.one_third .box p { text-align:left }
.one_third .box p:last-of-type { margin-bottom:0; }
.one_third img { width:100%; height:auto;}
.orange { background-color:#ff664e !important; color:#fff}
.blue { background-color:#4acbcb !important; color:#fff}

.one_third .location .profile { position: relative; padding-bottom: 66.6666666666667%; /* 16:9 ratio */ height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat #333; }
.one_third .location .profile:after { position:absolute; bottom:-1px; left:50%; margin-left:-20px; z-index:2; content:""; width: 0; height: 0; border-style: solid; border-width: 0 20px 10px 20px; border-color: transparent transparent #ffffff transparent; }
.one_third .location h1 { background-color:#fff;  text-align:center; padding:0; font-size:20px; line-height:20px; font-weight:400; position:static; letter-spacing:0; font-family: 'Roboto Slab', sans-serif; margin-bottom:0; }
.one_third .location h1:before { display:none}
.one_third .location h1 a { color:#777; display:block; padding:20px 0; }

.one_third .location h1 a b { position:absolute; top:10px; left:-5px; font-family: 'Roboto Slab', sans-serif; width:auto; height:auto; padding:8px 15px 12px; text-align:center; background-color:#333; color:#ff664e; letter-spacing:0px; }
.one_third .location h1 a b:after { font-family: 'Roboto', sans-serif; content:"lodges"; display:block; font-size:10px; line-height:10px; font-weight:bold; font-style:italic; text-transform:uppercase; color:#fff}
.one_third .location h1 a b:before { position:absolute; left:0; bottom:-5px; content:url(img/corner.png);}
.one_third .location h1 a b { font-size:35px; line-height:35px; padding:12px 18px 16px; }

body#accommodation .two_thirds { position:relative; width:74%; float:right; margin:0; padding:20px;  }
body#accommodation .two_thirds .box { background-color:#fff; margin-bottom:3%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); padding:40px;}
body#accommodation .one_third { position:relative; width: 26%; float: left; margin-top:0%;  margin-bottom: -99999px; padding-bottom: 99999px; background-color:#fff; z-index:10;}
	body#restaurants-and-bars .one_third { position:relative; width: 28%; float: left; margin-top:0%;  margin-bottom: -99999px; padding-bottom: 99999px; background-color:#fff; z-index:10;}
	body#activities-and-attractions .one_third { position:relative; width: 28%; float: left; margin-top:0%;  margin-bottom: -99999px; padding-bottom: 99999px; background-color:#fff; z-index:10;}

body#accommodation .one_third .box { padding:40px; margin-bottom:0%; background:none }


.content { position: relative; margin: 0 0 2%; background-color: #fff; clear: both; padding:60px; }


.content.area-information {}
.content .fancy-titles p:nth-child(1) { font-size:18px; font-style:italic; padding: 10px 0 10px 20px; border-left:5px solid #FF664E; }
.content .fancy-titles p:nth-child(1):before { content:'" ' }
.content .fancy-titles p:nth-child(1):after { content:' "' }

.content .fancy-titles p:nth-child(2) { font-family: 'Roboto Slab', sans-serif; font-size:50px; font-weight:700; line-height:1; text-transform:uppercase; color:#222; }
.content .fancy-titles p:nth-child(3) { position:relative; font-family: 'Roboto Slab', sans-serif; font-size:20px; font-weight:700; line-height:1; text-transform:uppercase; padding:0 0 20px 30px; margin-bottom:40px; border-bottom:10px solid #eee; color:#FF664E }
.content .fancy-titles p:nth-child(3):before { position:absolute; left:0; font-family:"General"; content: "\f129"; font-weight:400; text-transform:none  }

.content.area-information h3 { margin:0; padding-bottom:20px; }
.content.area-information .separator { position:relative; width:100%; height:30px; clear:both }

.content.area-information .image { float:left; margin:0 30px 30px 0;  }

.content .columns { -webkit-columns: 2 250px; -moz-columns: 2 250px; columns: 2 250px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; text-align:justify; margin-bottom:40px }
.content .columns img { float:left; width:200px; height:auto; margin:0 20px 10px 0 }
body#advert.activities-and-attractions .content .columns { -webkit-columns: 1 250px; -moz-columns: 1 250px; columns: 1 250px;  -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; text-align:left; }

.content.area-information .button { padding:20px; background:#eee; color:#111; text-align:center; font-size:14px; border: 1px solid #ddd; border:1px solid #ddd; margin-bottom:10px; display:inline-block; }
.content.area-information .button.wide { display:block }
.content.area-information .button:after { font-family: "General"; content: "\f16e"; margin-left:10px; }

.content.area-information .button.goback:after { display:none }
.content.area-information .button.goback:before { font-family: "General"; content: "\f168"; margin-right:10px; }



.content .pleasenote *, .content .pleasenote *:before, .content .pleasenote *:after { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s;  }

.content .pleasenote { position:relative; display:table; border:1px solid #ddd; margin:40px 0; }
.content .pleasenote:after { content:""; clear:both; display:block; width:100%; }
.content .pleasenote .icon { display:table-cell; vertical-align:middle; width:30%; text-align:center; background-color:#FF664E; color:#fff; font-size:18px; line-height:20px; text-transform:uppercase; font-weight:700; }
.content .pleasenote .icon:before { font-family: "General"; content: "\f1e4"; display:block; font-size:50px; font-weight:normal; line-height:1; margin-bottom:10px; }
.content .pleasenote .tip { position:relative; display:table-cell; width:70%; background-color:#fff; padding:50px; font-style:italic }
.content .pleasenote .tip p { margin:0 }
.content .pleasenote .tip:before { font-family: "General"; content: "\f16e"; position:absolute; left:-20px; margin-left:-20px; top:50%; margin-top:-20px; width:40px; height:40px; font-size:16px; font-weight:normal; line-height:40px; text-align:center; border-radius:50%; background:#FF664E; color:#fff; font-style:normal }

.content .pleasenote .button { padding:10px 15px; background:#FF664E; color:#555; display:inline-block; margin-top:30px; font-size:12px; text-transform:uppercase }
.content .pleasenote .button:after { font-family: "General"; content: "\f16e"; margin-left:10px; }

.content .pleasenote:hover { border:1px solid #44DDCE; }
.content .pleasenote:hover .icon { background-color:#44DDCE; }
.content .pleasenote:hover .tip:before { background-color:#44DDCE; left:0; }

.content .pleasenote .button:hover { background:#555; color:#fff; }
.content .pleasenote .button:hover:after {  margin-left:15px; }


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

.content .pleasenote .icon { width:100%; display:block; padding:30px;}
.content .pleasenote .tip { width:100%; display:block; }
.content .pleasenote .tip:before { content: "\f103"; left:50%; margin-left:-20px; top:0; margin-top:-20px;}

.content .pleasenote:hover .tip:before { left:50%; }

}






.accordion { margin: 0 auto 60px; list-style:none}
.accordion li { border-bottom: 1px solid #d9e5e8; position: relative; overflow:hidden }
.accordion li div { position:relative; display: none; padding: 10px 40px 10px 40px;}
.accordion li div:after { position:absolute; left:0px; top:0px; content:"A:"; font-family: 'Roboto Slab', sans-serif; font-size:30px; font-weight:700 }

.accordion a { font-family: 'Roboto Slab', sans-serif; width: 100%; display: block; cursor: pointer; font-weight: 700; line-height: 3; font-size: 22px; line-height:28px; padding:20px 30px 20px 40px; text-indent: 0px; user-select: none; color:#bbb}
.accordion a:hover { color:#333 }
.accordion a:before { position:absolute; left:0; top:18px; content:"Q:"; font-size:30px; font-weight:700 }
.accordion a:after { width: 8px; height: 8px; border-right: 1px solid #4a6e78; border-bottom: 1px solid #4a6e78; position: absolute; right: 10px; content: " "; top: 30px; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.accordion p { font-size: 16px; }
.accordion a.active { color:#FF664E } 
.accordion a.active:hover { color:#FF664E } 
.accordion a.active:after { transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.accordion p.tip:before { content:url(img/tip-speech.gif); display:block; }







#sidemenu ul { display: none; list-style: none; margin: 0 ; padding: 0; }
#sidemenu a { position:relative; color: #fff; cursor: pointer; display: block; margin-left: 0; padding:30px 70px 30px 20px; font-family: 'Roboto Slab', sans-serif; font-size:18px; line-height:22px; font-weight:700; text-decoration: none; background-color: #ff664e; border-bottom:1px solid #fff; transition: all 0.5s;  -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; }


#sidemenu a.collapsed { background-color: #f5f5f5; color:#777  }

#sidemenu a.expanded:after, #sidemenu a.collapsed:after { font-family:"Flaticon"; font-size: 14px; font-weight:400; position:absolute; right:30px; top:50%; margin-top:-10px;  }

#sidemenu a.expanded:after { content:"\e039"; color:#fff; }
#sidemenu a.collapsed:after { content:"\e002"; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
#sidemenu ul { padding-top:0px;}
#sidemenu ul a { position:relative; display: block; font-weight: normal; padding: 18px 60px 18px 50px; margin:0; font-family:'Roboto', Arial; color: #555; font-size:14px; line-height:14px; border-bottom:1px solid #eee; text-transform:none; font-weight:400; background-color:#fff}
#sidemenu ul a:hover { background-color: #f5f5f5; }
#sidemenu a:hover:before { color:#ff664e; }

#sidemenu ul a b { font-size:12px; line-height:30px; font-weight:700; position:absolute; right:0; top:50%; margin-top:-15px; margin-right:20px; background-color: #eee; width:30px; height:30px; border-radius:50%; text-align:center; color:#555; letter-spacing:0px;  }
#sidemenu ul a:hover b { background-color:#ff664e; color:#fff}

#sidemenu li.townsnearby ul a b { width:auto; border-radius:0%; padding:0 10px; text-transform:none}

#sidemenu ul a:before { position: absolute; left: 0; content:"\e046"; font-family:"Flaticon";  margin:0 15px; font-size:22px; line-height:14px; color:#555; font-weight:400; }

#sidemenu ul a.sc:before { content: "\e030";}
#sidemenu ul a.bb:before { content: "\e05c";}
#sidemenu ul a.cp:before { content: "\e01a";}
#sidemenu ul a.gh:before { content: "\e0ab";}
#sidemenu ul a.ht:before { content: "\e05f";}
#sidemenu ul a.gf:before { content: "\e092";}
#sidemenu ul a.hh:before { content: "\e0b2";}
#sidemenu ul a.bp:before { content: "\e041";}
#sidemenu ul a.ap:before { content: "\e00e";}
#sidemenu ul a.gl:before { content: "\e088";}
#sidemenu ul a.pv:before { content: "\e01b";}
#sidemenu ul a.rs:before { content: "\e00c";}
#sidemenu ul a.wv:before { content: "\e098";}
#sidemenu ul a.hm:before { content: "\e048";}
#sidemenu ul a.cv:before { content: "\e02d";}
#sidemenu ul a.sp:before { content: "\e027";}
#sidemenu ul a.df:before { content: "\e075";}
#sidemenu ul a.pf:before { content: "\e08b";} 

#sidemenu ul a.dv:before { font-family:"Charter"; content: "\f10c"; font-size:25px;}
#sidemenu ul a.fc:before { font-family:"Charter"; content: "\f106"; font-size:25px;}

#sidemenu ul a.ch:before { font-family:"General"; content: "\f16a";} 

#sidemenu li.townsnearby.gallery ul a { float:left; width:33.333333333333333333333333333333%; padding:0; margin:0; border:none }
#sidemenu li.townsnearby.gallery ul a:before, #sidemenu li.townsnearby.gallery ul a:after { display:none }
#sidemenu li.townsnearby.gallery ul a img { width:100%; height:auto }
#sidemenu li.townsnearby.gallery ul:after { clear:both; display:block; width:100%; height:0; visibility:hidden; content:""; }


/**************************************************
***************************************************
***************************************************

	HOME

***************************************************
***************************************************
***************************************************/



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

.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }


.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel { position:relative; display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; height:600px; background:#fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;  }
.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; left: 0; width: 100%; 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: 60px; height: 5px; display: inline-block; background:#fff }
.owl-carousel .owl-dot:hover { background:#52e9da }
.owl-carousel .owl-dot.active { background:#52e9da }


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

.owl-carousel .owl-controls .owl-nav .owl-prev:before { content: "\f168"; }
.owl-carousel .owl-controls .owl-nav .owl-next:before { content: "\f16e"; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover { }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover { left:20px; }
.owl-carousel .owl-controls .owl-nav .owl-next:hover { right:20px; }
/*.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover { opacity:1; }
*/


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



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

.owl-carousel .owl-item .slide:before { position:absolute; top:0; left:0; content:""; height:100%; width:100%; background-color:#fff; 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(home-header.jpg); }
.owl-carousel .owl-item .slide.homeslide2:before{  background-image: url(home-header2.jpg); }
.owl-carousel .owl-item .slide.homeslide3:before{  background-image: url(home-header3.jpg); }



.owl-carousel .owl-item img {  width: 100%; -webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing;  }
.owl-carousel.owl-rtl { direction: rtl;}
.owl-carousel.owl-rtl .owl-item { float: right;}

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


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

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

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


.owl-carousel .owl-item.active .caption { -webkit-animation-name: myFadeIn; animation-name: myFadeIn; -webkit-animation-duration: 3000ms; animation-duration: 3000ms; -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: 'Roboto', 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 .seashell { position:relative; z-index:1; display:block }
.owl-carousel .caption .slide_title .seashell img { width:74px; height:auto; margin-bottom:10px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;}


.owl-carousel .caption .slide_title .line1 {  display:block;  font-size:66px; line-height:1; letter-spacing:-1px; font-weight:700; font-family: 'Roboto Slab', sans-serif; text-shadow: 0 0 15px rgba(0,0,0,0.5);  }
.owl-carousel .caption .slide_title .line2 { display:block;  font-size:14px; line-height:1; letter-spacing:5px; margin-left:8px; color:#fff; display:inline; text-transform:uppercase; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
.owl-carousel .caption .slide_title .button { display:block; width:180px; padding:10px; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:12px; line-height:14px; font-weight:normal; text-transform:uppercase; margin-bottom:10px; margin: 25px auto 10px auto }
.owl-carousel .caption .slide_title .button:after { font-family: "General"; content: "\f16e"; margin-left:7px; font-size:12px; line-height:12px; font-weight:normal }
.owl-carousel .caption .slide_title .button:hover { background:#FF664E; }
















.load-map { position:relative; }
.load-map .trigger { display:table; width:100%; height:340px; text-align:center; background-image:url(img/map-overlay.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; cursor:pointer; color:#fff; }
.load-map .trigger div { display:table-cell; vertical-align:middle; max-width:500px; text-shadow: 1px 1px 2px #333; padding-bottom:55px; }
.load-map .trigger div:before { font-family: "General"; content: "\f13e"; display:block; font-size:40px; line-height:1 }
.load-map .trigger div span { font-family: 'Roboto Slab', serif;  font-size:30px; font-weight:700; display:block  }

.load-map .trigger div a { padding:10px; background:#111; color:#fff; font-size:10px; line-height:1; text-transform: uppercase; font-weight: 700; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 5px 0px #FF664E, 0px 5px 15px rgba(0,0,0,.7); -moz-box-shadow: 0px 5px 0px #FF664E, 0px 5px 15px rgba(0,0,0,.7); box-shadow: 0px 5px 0px #FF664E, 0px 5px 15px rgba(0,0,0,.7); }

.load-map .trigger div a:active {
    -webkit-box-shadow: 0px 3px 0px #FF664E, 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px #FF664E, 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px #FF664E), 0px 3px 6px rgba(0,0,0,.9);
}

.ini_class { height: calc(100vh - 195px) !important; }
.mapplic-element { height: calc(100vh - 195px) !important; }

body#advert .ini_class { height: 500px !important; }
body#accommodation .ini_class { height: 500px !important; }


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

/*This rull for decorate infowindow of marker */
.yogamap { text-align:center; }
.yogamap h2 { margin: 0; position: relative; padding: 0 0 5px 0; letter-spacing: 0px; font-size:14px; text-transform:uppercase; max-width:200px;}
	body#advert .tab_container .yogamap h2 { margin: 0; position: relative; padding: 0 0 7px 0; letter-spacing: 0px; font-size:14px; text-transform:uppercase; max-width:200px;}
.yogamap p { margin-bottom:10px; max-width:200px;} 
.yogamap .button { display:block; padding:10px; text-align:center; background:#FF664E; color:#fff; font-size:12px; line-height:14px; font-weight:normal; text-transform:uppercase; margin-bottom:10px; }
.yogamap .button.accommodation:before { font-family: "General"; content: "\f179"; margin-right:7px; font-size:14px; line-height:14px; font-weight:normal }
.yogamap .button.restaurant:before { font-family: "General"; content: "\f1a4"; margin-right:7px; font-size:14px; line-height:14px; font-weight:normal }
.yogamap .button:hover { background:#41DACB; }

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

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




.static-header { position:relative; display:table; width:100%; height:500px; text-align:center; background-color:#222; background-position:center; background-repeat:no-repeat; background-size:cover }
body#home .static-header { height:600px; height: calc(100vh - 195px); background-position:center; }
.static-header > div { display:table-cell; vertical-align:middle; }

.attribution { position:absolute; top:15px; right:15px; padding:5px 8px 5px 25px; color:#fff; font-size:10px; line-height:10px; cursor:pointer;  text-shadow: 1px 1px 2px #AFAFAF; text-align:left}
.attribution:before { font-family: "General"; content: "\f165"; position:absolute; left:0; font-size:20px; line-height:1; }

.attribution a.name { display:block }

.attribution a { color:#fff; }
.attribution a:hover { color:#fff }
.attribution:after { content:" \00a9 "; font-weight:400; }
.attribution:hover { }
















.homesearch { position:relative;}
.homesearch p { font-family: 'Roboto Slab', serif; margin-bottom:10px; color:#fff; text-shadow:1px 1px 2px #333; text-transform:uppercase; font-size:14px; line-height:1 }
.homesearch p:first-of-type { font-size:50px; line-height:1.2; font-weight:700; margin-bottom:0; letter-spacing:-1px; text-transform:none }
.homesearch p:last-of-type { font-size:14px; line-height:1; text-transform:none }
.homesearch p:last-of-type:before { font-family:"General"; content:"\f109"; margin-right:8px; }
.homesearch a { color:#fff; text-decoration:underline; }

.homesearch .searchbox { position:relative; border: 10px solid rgba(0,0,0,0.3); max-width:500px; margin: 0 auto 10px auto; padding-left: 60px; }
.homesearch .searchbox:after { clear:both; display:block; width:100%; height:0; visibility:hidden; content:""; }
.homesearch .searchbox:before { position:absolute; left:0; content:"\e046"; font-family:"Flaticon"; font-size:18px; line-height:60px; width:60px; height:60px; background-color:#ff664e; color:#fff; display:block }
.homesearch .searchbox.active:before { background-color:#fff; content:"";}


.homesearch .tipue_drop_input { font-size: 18px; line-height:1; color: #eee; font-weight:700; padding: 0 20px; width: 100%; margin:0 auto; height:60px; border-radius: 0; border:none; -moz-appearance: none; -webkit-appearance: none; box-shadow: none;  outline: 0; background: rgba(0,0,0,0.8);  }
.homesearch .tipue_drop_input:focus { cursor:auto;  }

.homesearch .tipue_drop_input::-webkit-input-placeholder { color: #777; font-style:italic; font-weight:400; font-size:12px; line-height:18px;}
.homesearch .tipue_drop_input:-moz-placeholder { color: #777; font-style:italic; font-weight:400; font-size:12px}
.homesearch .tipue_drop_input::-moz-placeholder { color: #777; font-style:italic; font-weight:400; font-size:12px }
.homesearch .tipue_drop_input:-ms-input-placeholder { color: #777; font-style:italic; font-weight:400; font-size:12px}

.homesearch .tipue_drop_content {position: absolute; top:70px; left:0; width: 100%; margin: 0; line-height: 0; z-index: 1000; text-align:left }
.homesearch .tipue_drop_box { position: relative; background: #fff; padding:2px; border-radius: 2px; box-shadow: 0px 0px 14px rgba(0,0,0,0.3); }
.homesearch .tipue_drop_box:after, .homesearch .tipue_drop_box:before { position: absolute; pointer-events: none; border: solid transparent; bottom: 100%; content: ""; height: 0; width: 0;}
.homesearch .tipue_drop_box:after { border-bottom-color: #fff; border-width: 8px; left: 30px; margin-left: -8px; }
.homesearch .tipue_drop_box:before { border-bottom-color: #dcdcdc; border-width: 9px; left: 30px; margin-left: -9px; }
.homesearch #tipue_drop_wrapper { margin: 6px;}
.homesearch #tipue_drop_wrapper a { text-decoration: none;}
.homesearch .tipue_drop_item { background-color: #fff; padding:12px 0;}
.homesearch .tipue_drop_item:hover { background-color: #f7f7f7;}
.homesearch .tipue_drop_left { display: table-cell; padding: 7px; text-align:center; vertical-align:middle}
/*.homesearch .tipue_drop_image { width: 20px; height: 20px; border-radius: 50%; }*/
.homesearch .tipue_drop_left:before { content:"\e046"; font-family:"Flaticon"; color:#777}
.homesearch .tipue_drop_right { display: table-cell; vertical-align: middle; font-family:"Open Sans", Arial; font-size: 14px; line-height:16px; color: #777; font-weight:400; width: 400px; padding: 0 7px; text-transform:capitalize}

.homesearch .tipue_drop_right b { color:#EA806A }

.scrolldown { position:absolute; bottom:50px; left:50%; margin-left:-30px; width:60px; height:60px; line-height:60px; background-color:#005E57; color:#eee; border-radius:50%; cursor:pointer }
.scrolldown:after { font-family:"Flaticon"; content: "\e042"; }





/**************************************************
***************************************************
***************************************************

	FEATURED

***************************************************
***************************************************
***************************************************/





.featured { float:left; width:25%; padding:10px; }
	.featured.type2 { width:50%; }
	.featured.type3 { width:25%;  }
	.featured.type4 { width:50%;  }
	.featured.type5 { width:100%;  }
	.featured.type6 { width:33.333333333333333333333333333333%;  }

	body#town .featured { width:33.333333333333333333333333333333%; }
	body#mozambique .featured { width:50%; }


.featured .inner { position:relative; margin:0; padding-bottom:60px; background-color:#fff;}	
	.featured.type3 .inner { padding-bottom:0;}	
	.featured.type4 .inner { padding-bottom:0;}	
	.featured.type5 .inner { padding-bottom:0;}	
	.featured.type6 .inner { padding-bottom:0;}	

.featured .profile { position: relative; padding-bottom: 66.6666666666667%; height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat #333; }
	.featured.type5 .profile { padding-bottom: 30%;}
.featured .profile:after { position:absolute; bottom:-1px; left:50%; margin-left:-20px; z-index:2; content:""; width: 0; height: 0; border-style: solid; border-width: 0 20px 10px 20px; border-color: transparent transparent #fff transparent; }
	.featured.type3 .profile:after { border-color: transparent transparent #fff transparent; }
	.featured.type4 .profile:after { border-color: transparent transparent #fff transparent;  }
	.featured.type5 .profile:after { border-color: transparent transparent #fff transparent;  }
	.featured.type6 .profile:after { border-color: transparent transparent #fff transparent; }
.featured .profile img { width:100%; height:auto;}

.featured h3 { position:relative; font-size:18px; line-height:1.2; font-weight:700; padding:15px 10% 0 10%; margin:0; color:#ff664e; text-transform:none; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.featured h3 a { color:#ff664e }

.featured .links { margin:0 auto; width:80%; text-align:center }
.featured .links a { font-size:12px; color:#111 }
.featured .links a:after { content:"|"; margin-left:5px }
.featured .links a:last-of-type:after { content:""; margin-left:0 }


.featured p { width: 80%; margin:20px auto; font-size:12px; height:80px; text-align:justify}
.featured.type2 p { height:80px;}

.featured p a { color:#6C6C6C; text-decoration:underline}
.featured p a:hover { color:#333; }

.featured .counter b { position:absolute; left: -5px; top: 10px; background: #000; font-size:12px; line-height:1; font-weight:700; padding:10px; text-transform:uppercase; color:#ff664e  }
.featured .counter b:before { content:"Lodges: " }

.featured .locate { position:absolute; right: 0; top: 0; font-size:28px; width:60px; height:60px; line-height:60px; text-align:center; opacity:0.5;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;   }
.featured .locate a:before { font-family:"Flaticon"; content:"\e046"; color:#fff; text-shadow: 1px 1px 2px #333; }
.featured:hover .locate { opacity:1 }


.featured .attribution { bottom:5px; left:10px; right:auto; top:auto; opacity:0.5;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;  }
.featured:hover .attribution { opacity:1 }

.featured .button { clear:both; position:absolute; bottom:0; left:0; width:100%;  padding:20px 15px; margin:0; text-align:center; background-color:#f9f9f9; font-family: 'Roboto Slab', serif; font-weight:700; color:#111; font-size:12px; text-decoration:none; transition: background 0.5s; border-top:1px solid #eee }
	.featured.type3 .button, .featured.type4 .button, .featured.type5 .button, .featured.type6 .button { position:relative; display:block; background:#fff; border:none; color:#111;}

.featured .button:after {font-family:"Flaticon"; content: "\e038"; position:absolute; top:0; right:20px; line-height:57px; font-weight:400; transition: right 0.5s; }


.featured-button { position:relative; display:block; float:left; padding:40px 80px; margin:1%; font-size:18px; font-weight:700; text-align:center; background:#fff; color:#111; width:98%; line-height:1; border: 1px solid #E8DAC8;  -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s;  }
.featured-button:before { font-family: "General"; content:"\f179"; font-weight:normal; margin:0 10px 0 0 }
.featured-button:hover { background:#111; color:#ff664e  }





.choose-types { position:relative; display:table; float:left; width:48%; height:400px; padding:0 80px; margin:0 1% 2% 1%; text-align:center; color:#eee; background:#222; text-shadow:0 0 2px rgba(51,51,51,0.7);  }
.choose-types.all-types { width:98%; height:200px;  }

.choose-types div { position:relative; display:table-cell; vertical-align:middle; z-index:2; }

.choose-types h3 { font-size:26px; line-height:1; margin-bottom:20px; color:#fff; padding:0; }
	.choose-types.all-types h3 { margin-bottom:0; }
.choose-types h3 a { color:#fff;}
.choose-types h3:before { display:block; font-family: "Flaticon"; content:""; font-size:70px; line-height:1; font-weight:normal; margin-bottom:30px }
.choose-types:before { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); content:""; z-index:1; -webkit-transition: all 0.25s; -moz-transition: all 0.25ss; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s;  }
.choose-types p { position:relative; padding:0; margin-bottom:30px;  }
.choose-types .button { display:inline; padding:6px 10px; background:#FF664E; text-shadow:none; color:#fff; font-size: 12px; text-transform: uppercase; font-weight: 700; }
.choose-types .button:hover { background:#333; }

.choose-types:hover { color:#fff; }
.choose-types:hover:before { background:rgba(0,0,0,0.4); } 

.choose-types.type-sc { background:url(img/type-self-catering-b.jpg) center center; background-size:cover;  }
	.choose-types.type-sc h3:before { content:"\e030"; }
.choose-types.type-cp { background:url(img/type-campsites.jpg) center center; background-size:cover;  }
	.choose-types.type-cp h3:before { content:"\e01a"; }
.choose-types.type-wv { background:url(img/type-wedding-venues.jpg) center center; background-size:cover;  }
	.choose-types.type-wv h3:before { content:"\e098"; }
.choose-types.type-hh { background:url(img/type-holiday-homes-b.jpg) center center; background-size:cover; }
	.choose-types.type-hh h3:before { content:"\e0b2"; }
.choose-types.type-all { background:url(img/type-all-b.jpg) center center; background-size:cover; }
	.choose-types.type-all h3:before { font-family: "General"; content:"\f1c0"; display:inline; font-size:inherit; margin:0 10px 0 0; }



.choose-budget { position:relative; display:table; float:left; padding:0 80px; margin:0 1% 2% 1%; text-align:center; color:#eee; background:#222; text-shadow:0 0 2px rgba(51,51,51,0.7); width:98%; height:100px; background:url(img/type-budget-b.jpg) center center; background-size:cover;  }
.choose-budget div { position:relative; display:table-cell; vertical-align:middle; z-index:2; }
.choose-budget h3 { font-size:18px; line-height:1; margin-bottom:0; color:#fff; padding:0; }
.choose-budget h3 a { color:#fff;}
.choose-budget h3:before { font-family: "General"; content:"\f1c0"; font-weight:normal; margin:0 10px 0 0 }
.choose-budget:before { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); content:""; z-index:1; -webkit-transition: all 0.25s; -moz-transition: all 0.25ss; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s;  }

.choose-budget:hover { color:#fff; }
.choose-budget:hover:before { background:rgba(0,0,0,0.5); } 









/**************************************************
***************************************************
***************************************************

	LISTINGS

***************************************************
***************************************************
***************************************************/

.budget-info { padding:40px; background:#fff; border: 2px dashed #F7EBDD; text-align:center }
.budget-info h4 { font-size:30px; line-height:1; margin:0 0 10px 0; color:#ff664e }

.display_options { position:relative; margin:0 0 1%; background-color:#fff; clear:both }
.display_options ul { float:right; margin-right:20px; }
.display_options ul:after { content:""; clear:both; display:block; width:100%; height:0; visibility:hidden}
.display_options:after { content:""; clear:both; display:block; width:100%; height:0; visibility:hidden}
.display_options ul li { display:block; float:left; width:30px; height:60px; line-height:60px; text-align:center; margin-left:5px; color:#999; cursor:pointer; opacity:0.3 }
.display_options ul li.normal:before { font-family:"Flaticon"; content: "\e0a1"; font-size:20px; }
.display_options ul li.alternative:before { font-family:"Flaticon"; content: "\e0c4"; font-size:20px; }
.display_options ul li.active { opacity:1; color:#777; }
.display_options ul li.mapsearch:before { font-family:"Flaticon"; content: "\e046"; font-size:20px;}
.display_options ul li.expandview:before { font-family:"Flaticon"; content: "\e030"; font-size:20px;}
.display_options ul li.mapsearch, .display_options ul li.expandview { background-color:#4acbcb; opacity:0.6}
.display_options ul li.mapsearch:hover, .display_options ul li.expandview { opacity:1}

.sortbyprice, .sortbypax { position:relative; float:left; cursor:pointer; text-transform:uppercase; font-size:12px; line-height:60px;  display:block; color:#999; font-weight:700; padding:0 25px; }
.sortbyprice.active, .sortbypax.active { color:#333 }
.sortbyprice.active:before, .sortbypax.active:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#ff664e }
.sortbyprice:after, .sortbypax:after { font-family:"Flaticon"; content: "\e0a2"; padding-left:15px;  font-weight:400;  }
.sortbyprice:hover, .sortbypax:hover { color:#333 }

#listings { position:relative; clear:both; margin-bottom:2% }

.nolistings { padding:20px; margin:1% 1% 3% 1%;}
.nolistings p { margin-bottom:15px; }
.nolistings p:first-of-type:before { font-family:"Flaticon"; content: "\e063"; margin-right:10px; }

.listings { width: 31.333333333%; margin:1%; background-color:#fff }
.listings { position:relative; padding: 0 0 60px 0; float:left; }

.listings .profile { position: relative; padding-bottom: 66.666666666666666666666666666667%; /* 16:9 ratio */ height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat #333; }

.listings .profile:after { position:absolute; bottom:-1px; left:50%; margin-left:-20px; z-index:2; content:""; width: 0; height: 0; border-style: solid; border-width: 0 20px 10px 20px; border-color: transparent transparent #ffffff transparent; }

.listings a.from span { position:absolute; top:10px; left:-5px; font-family: 'Roboto Slab', sans-serif; font-weight:700; font-size:24px; line-height:0.8; width:auto; height:auto; padding:8px 15px 12px; background-color:#ff664e; color:#fff; }
.listings a.from span:before { font-family: 'Roboto', sans-serif; content:"from"; display:block; color:#fff; font-size:12px; line-height:1; font-weight:bold; text-transform:uppercase; }
.listings a.from span.price.perperson { background:#41DACB }
.listings a.from span.price.perunit:after, .listings a.from span.price.perperson:after { font-family: 'Roboto', sans-serif; display:block; font-size:10px; line-height:1; font-weight:bold; text-transform:uppercase; margin-top:4px;}
.listings a.from span.price.perunit:after { content:"Per Unit"; }
.listings a.from span.price.perperson:after { content:"Per Person"; }

.listings a .units { position: absolute; left: -5px; top: 78px; background: #111; padding: 5px; font-size: 11px; }
.listings a .units b { color:#ff664e }

.listings h3 { position:relative; font-family: 'Roboto Slab', sans-serif ; font-size:16px; line-height:20px; text-align:center; font-weight:700; color: #333; width:90%; margin:0 auto !important ; padding:20px 0 0px 0 !important; text-transform:uppercase; border:none; text-decoration:none; letter-spacing:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index:1}
.listings h3 a { color:#555; position:relative;}
.listings h3 a:hover { color: #333; }
.listings a.from { position:relative; color:#fff; display:block }

.listings h4 { position:relative; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:bold; color: #333; padding:0px 0 15px 0; margin:0 20px 0px 20px;  border-bottom:0px solid #e5e5e5; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.listings h4 a { color:#ff664e}
.listings p { position:relative; line-height:20px; font-size:14px; text-align:center; width:80%; margin-left:auto; margin-right:auto; height:100px; /*max-height:100px; overflow:hidden;*/}

ul.listings_types { position:relative; text-align:center; margin-top:0; margin-bottom:20px; display:block; padding:0; }
body#advert ul.listings_types { margin-top:20px; }
	body#advert .tab_container ul.listings_types { margin-bottom:0 }
	body#restaurants-and-bars ul.listings_types { margin-bottom:4px }
	body#advert .tab_container ul.listings_types li { border:none; padding-bottom:4px }
ul.listings_types div { display:table; margin: 0 auto }
ul.listings_types li { position:relative; list-style:none; margin:0 2px; padding:0; width:25px; height:25px; line-height:25px; float:left; cursor:help;  color:#696969; text-align:center; text-transform:uppercase;  font-weight:400; padding:0px; }
ul.listings_types li:before { content:""; }
ul.listings_types li:hover { color:#ff664e }


ul.listings_types:after { overflow:hidden}

ul.listings_types li.pax { font-size:14px; color:#fff; font-weight:700 }
ul.listings_types li.sc:before { font-family:"Flaticon"; content: "\e030"; font-size:25px;}
ul.listings_types li.bb:before { font-family:"Flaticon"; content: "\e05c"; font-size:25px;}
ul.listings_types li.cp:before { font-family:"Flaticon"; content: "\e01a"; font-size:25px;}
ul.listings_types li.gh:before { font-family:"Flaticon"; content: "\e0ab"; font-size:25px;}
ul.listings_types li.ht:before { font-family:"Flaticon"; content: "\e05f"; font-size:25px;}
ul.listings_types li.gf:before { font-family:"Flaticon"; content: "\e092"; font-size:25px;}
ul.listings_types li.hh:before { font-family:"Flaticon"; content: "\e0b2"; font-size:25px;}
ul.listings_types li.bp:before { font-family:"Flaticon"; content: "\e041"; font-size:25px;}
ul.listings_types li.ap:before { font-family:"Flaticon"; content: "\e00e"; font-size:25px;}
ul.listings_types li.gl:before { font-family:"Flaticon"; content: "\e088"; font-size:25px;}
ul.listings_types li.pv:before { font-family:"Flaticon"; content: "\e01b"; font-size:25px;}
ul.listings_types li.rs:before { font-family:"Flaticon"; content: "\e00c"; font-size:25px;}
ul.listings_types li.wv:before { font-family:"Flaticon"; content: "\e098"; font-size:25px;}
ul.listings_types li.hm:before { font-family:"Flaticon"; content: "\e048"; font-size:25px;}
ul.listings_types li.cv:before { font-family:"Flaticon"; content: "\e02d"; font-size:25px;}
ul.listings_types li.sp:before { font-family:"Flaticon"; content: "\e027"; font-size:25px;}
ul.listings_types li.df:before { font-family:"Flaticon"; content: "\e075"; font-size:25px;}
ul.listings_types li.pf:before { font-family:"Flaticon"; content: "\e08b"; font-size:25px;}

ul.listings_types li.dv:before { font-family:"Charter"; content: "\f10c"; font-size:25px;}
ul.listings_types li.fc:before { font-family:"Charter"; content: "\f106"; font-size:25px;}

ul.listings_types li.rt:before { font-family:"General"; content: "\f1a4"; font-size:25px;}
ul.listings_types li.br:before { font-family:"General"; content: "\f10a"; font-size:25px;}


ul.listings_types .pax { background-color:#ff664e; border-radius:50%   }


.listings .infobox { position:absolute; left:0; bottom:0; width:100%; background-color:#F9F9F9; border-top: 1px solid #eee; }
.listings .infobox > div { float:left; width:25%; height:55px; border-right:1px solid #eee; text-align:center; line-height:1.1; padding: 7px 5px 0 5px; position:relative; }
.listings .infobox > div:last-of-type { border:none }
.listings .infobox > div:hover { background:#eee }

.listings .myfav { position:absolute; bottom:0px; left:0px; width:100%; }
.listings .myfav a.wish { height:55px; width:100%; font-size:20px; line-height:57px; cursor:pointer; color:#888; display:block; }
.listings .myfav a.wish:before { font-family:"Flaticon"; content:"\e0b1";}
.listings .myfav:hover > a.wish:before { color:#ff664e; }
.listings .myfav a.wish:active:before { color:#ff664e }


.listings .infobox > div.maxpax { font-weight:700; color:#FF664E; cursor:default  }
.listings .infobox > div.maxpax:before { content:"Max:"; font-size:10px; font-weight:700; text-transform:uppercase; display:block; color: #6c6c6c; }
.listings .infobox > div.maxpax:after { content:"People"; font-size:10px; text-transform:uppercase; display:block; font-weight:400; color: #6c6c6c; }

.listings .infobox > div.maxunits { font-weight:700; color:#FF664E; cursor:default }
.listings .infobox > div.maxunits:before { content:"Units:"; font-size:10px; font-weight:700; text-transform:uppercase; display:block; color: #6c6c6c; }
.listings .infobox > div.maxunits:after { content:"Total"; font-size:10px; text-transform:uppercase; display:block; font-weight:400; color: #6c6c6c; }

.listings .infobox > div.maxperunit { font-weight:700; color:#FF664E; cursor:default }
.listings .infobox > div.maxperunit:before { content:"Max:"; font-size:10px; font-weight:700; text-transform:uppercase; display:block; color: #6c6c6c;  }
.listings .infobox > div.maxperunit:after { content:"In a unit"; font-size:10px; text-transform:uppercase; display:block; font-weight:400; color: #6c6c6c; }







body#accommodation .listings.alt { width: 98%; height:237px; background-color:#fff; position:relative; margin:2% 1%; padding: 30px 90px 30px 360px; float:none;  min-height:200px; }
body#accommodation .listings.alt a.from { position:absolute; top:0; left:0; width:320px; height:100%}
body#accommodation .listings.alt .profile { padding-bottom: 0; height:235px  }
body#accommodation .listings.alt a.from img { width:100%; height:100%;}
body#accommodation .listings.alt h3 { position:relative; font-family: 'Roboto Slab', sans-serif ; font-size:24px; line-height:24px; text-align:left; font-weight:700; text-transform:uppercase; color: #333; width:100%; margin:0 auto !important ; padding:0 0 5px 0 !important; border:none; letter-spacing:-1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
body#accommodation .listings.alt h4 { text-align:left; margin:0; padding:0 0 20px 0; }
body#accommodation .listings.alt ul.listings_types { position:absolute; bottom:30px; left:360px; text-align:left; margin-top:0; margin-bottom:0; display:block; padding:0; z-index:1; }
body#accommodation .listings.alt p { line-height:22px; font-size:16px; text-align:left; width:100%; margin-left:auto; margin-right:auto; max-height:70px; overflow:hidden;}

.listings.alt .profile:after { position:absolute; top:20px; right:0px; left:auto; margin-left:0; content:""; width: 0; height: 0; border-style: solid; border-width: 25px 12px 25px 0; border-color: transparent #ffffff transparent transparent; }

.listings.alt .infobox { position:absolute; left:0; bottom:0; width:320px; border:none; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );  }
.listings.alt .infobox > div { border:none; text-shadow: 1px 1px 2px #333;}
.listings.alt .infobox > div:hover { background:#111 }

.listings.alt .myfav a.wish, .listings.alt .infobox > div.maxpax:before, .listings.alt .infobox > div.maxpax:after, .listings.alt .infobox > div.maxunits:before, .listings.alt .infobox > div.maxunits:after, .listings.alt .infobox > div.maxperunit:before, .listings.alt .infobox > div.maxperunit:after { color:#fff }

/*body#accommodation .listings.alt .myfav { height:60px; width:320px; display:block; 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 ); }
body#accommodation .listings.alt .myfav a.wish { height:60px; width:60px; line-height:60px; font-size:20px; text-shadow:0px 0px 10px rgba(0,0,0,0.7); text-align:center; cursor:pointer; border:none; color:#eee; display:block; }
body#accommodation .listings.alt .myfav:hover > a.wish:before { color:#fff; }
body#accommodation .listings.alt .myfav a.wish:active:before { color:#ff664e }*/








.pagination { position:relative; display:block; margin:2% 1%; float:right; clear:both}
.pagination .table { display:table; margin: 0 0 0 auto }
.pagination li { display:table-cell; }
.pagination li a { display:block; width:60px; height:60px; line-height:60px; text-align:center; background-color:#fff; color:#ccc; margin:2px; font-family: "Roboto", Arial; font-weight:800; font-size:16px; }
.pagination li a.current { background-color:#ff664e; color:#fff; pointer-events:none}
.pagination li a:hover { background-color:#ff664e; color:#fff; }













/**************************************************
***************************************************
***************************************************

	LISTINGS2

***************************************************
***************************************************
***************************************************/





#listings2 { position:relative; clear:both; margin-bottom:2% }

.listings2 { position:relative; padding: 0 0 60px 0; float:left; }

.listings2 .profile { position: relative; padding-bottom: 66.666666666666666666666666666667%; /* 16:9 ratio */ height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat #333; }
body#activities-and-attractions .listings2 .profile { background:url(img/svgloader.svg) center center no-repeat #F5EDE0; }


.listings2 .profile:after { position:absolute; bottom:-1px; left:50%; margin-left:-20px; z-index:2; content:""; width: 0; height: 0; border-style: solid; border-width: 0 20px 10px 20px; border-color: transparent transparent #ffffff transparent; }

.listings2 h3 a { color:#555; position:relative;}
.listings2 h3 a:hover { color: #333; }
.listings2 h4 { position:relative; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:bold; color: #333; padding:0px 0 15px 0; margin:0 20px 0px 20px;  border-bottom:0px solid #e5e5e5; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.listings2 h4 a { color:#ff664e}

.listings2 { width: 98%; height:237px; background-color:#fff; position:relative; margin:2% 1%; padding: 30px 90px 30px 360px; float:none;  min-height:200px; }
.listings2 a.from { position:absolute; top:0; left:0; width:320px; height:100%}
.listings2 .profile { padding-bottom: 0; height:235px  }
.listings2 a.from img { width:100%; height:100%;}
body#activities-and-attractions .listings2 a.from img { width:155px; height:110px;}

.listings2 h3 { position:relative; font-family: 'Roboto Slab', sans-serif ; font-size:24px; line-height:24px; text-align:left; font-weight:700; text-transform:uppercase; color: #333; width:100%; margin:0 auto !important ; padding:0 0 5px 0 !important; border:none; letter-spacing:-1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.listings2 h4 { text-align:left; margin:0; padding:0 0 20px 0; }
.listings2 ul.listings_types { position:absolute; bottom:30px; left:360px; text-align:left; margin-top:0; margin-bottom:0; display:block; padding:0; z-index:1; }
.listings2 p { line-height:22px; font-size:16px; text-align:left; width:100%; margin-left:auto; margin-right:auto; max-height:70px; overflow:hidden;}

.listings2 .profile:after { position:absolute; top:20px; right:0px; left:auto; margin-left:0; content:""; width: 0; height: 0; border-style: solid; border-width: 25px 12px 25px 0; border-color: transparent #ffffff transparent transparent; }

.listings2 .button { clear:none; position:absolute; left:auto; top:0; right:0; width:60px; height:100%; display:block; padding:0; margin:0; font-size:11px; line-height:30px; border-radius:0; text-indent:-9999999px; color:#999; border:none; background-color:#f9f9f9; }
.listings2 .button:after { position:absolute; top:0; left:0; width:60px; height:100%; font-family:"Flaticon"; content: "\e038"; text-align:center; line-height:237px; padding:0; font-size:34px; text-indent:0 !important;   }


body#accommodation .listings.alt ul.listings_types { position:absolute; bottom:30px; left:360px; text-align:left; margin-top:0; margin-bottom:0; display:block; padding:0; z-index:1; }







/**************************************************
***************************************************
***************************************************

	ADVERT

***************************************************
***************************************************
***************************************************/

body#advert .one_third { margin-top:0%; margin-bottom: -99999px; padding-bottom: 99999px; background-color:#fff; /*-webkit-box-shadow: -4px -4px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px -4px 20px rgba(0, 0, 0, 0.2); box-shadow: -4px -4px 20px rgba(0, 0, 0, 0.2);*/ z-index:10;}



ul.pax_rate { display:none}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*@media screen and (max-width: 960px) { 
.thumbs { width:auto;}
#bsaHolder{ display:none;}
}*/

body#advert .gallery .mainpic { position: relative; padding-bottom: 52%; /* 16:9 ratio */ height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat #333; }
body#advert .gallery .mainpic img {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

body#advert .gallery .mainpic.initiate-slideshow .start-slideshow { position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; background:rgba(0,0,0,0.2); }
body#advert .gallery .mainpic.initiate-slideshow .start-slideshow div { display:table; width:100%; height:100%; text-align:center }
body#advert .gallery .mainpic.initiate-slideshow .start-slideshow p { display:table-cell; vertical-align:middle; width:100%; height:100%; color: #fff; font-size: 30px; font-weight: 700; z-index:2 }
body#advert .gallery .mainpic.initiate-slideshow .start-slideshow span:before { font-family:"General"; content:"\f1ed"; display:block; font-size: 50px; font-weight:normal }
body#advert .gallery .mainpic.initiate-slideshow .start-slideshow span { display:block; }
body#advert .gallery .mainpic.initiate-slideshow .start-slideshow b:before { content:"(" }
body#advert .gallery .mainpic.initiate-slideshow .start-slideshow b:after { content:")" }

body#advert .gallery .mainpic.initiate-slideshow .start-slideshow { opacity:0; visibility:hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
body#advert .gallery .mainpic.initiate-slideshow:hover .start-slideshow { opacity:1; visibility:visible; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms;   -o-transition-delay: 300ms; transition-delay: 300ms; }


.show_gallery { position:relative; text-align:center; width:100%; cursor:pointer; display:block; background-color:#fff; padding: 70px 0 30px 0; z-index:2 }
.show_gallery span:before { position:absolute; top:-58px; left:50%; margin-left:-58px; content:"\e018"; display:inline-block; font-family:"Flaticon"; font-size:60px; line-height:100px; width:100px; height:100px; color:#fff;  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 8px solid #fff; background-color:#ff664e; -webkit-text-stroke: 0.5px; }
.show_gallery:after { position:relative; content:"Show Photo Gallery"; font-family: 'Roboto Slab', sans-serif; font-weight:700; letter-spacing:-1px; font-size:26px; line-height:1;  text-align:center; width:100%; text-transform:uppercase; color:#ff664e; }
.show_gallery.active { padding: 10px 0 10px 0; background-color:#ff664e; }
.show_gallery.active span:before { border: 0px solid #fff; top:-100px; margin-left:-50px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.show_gallery.active:after { content:"[ hide photos ]"; font-size:18px; color:#fff; text-transform:none }
.show_gallery.active:hover { background-color:#ff664e; }
.show_gallery.active:hover:after { color:#fff;  }

.one_third .from_rate:before { content:"from"; font-family:"Roboto", sans-serif; font-size:14px; line-height:14px; font-weight:700; color:#555; display:block; letter-spacing:0px; }
.one_third .from_rate { font-family:"Roboto Slab", sans-serif; font-size:64px; line-height:55px; color:#ff664e; letter-spacing:-2px; text-transform:uppercase; text-align:center; font-weight: 700; }
.one_third .from_rate.perunit:after { content:"per unit per night"; font-family:"Roboto", sans-serif; font-size:14px; line-height:14px; display:block; margin-bottom:20px; color:#555; letter-spacing:0px; font-weight:700; margin-top: 3px; }
.one_third .from_rate.perperson:after { content:"per person per night"; font-family:"Roboto", sans-serif; font-size:14px; line-height:14px; display:block; margin-bottom:20px; color:#555; letter-spacing:0px; font-weight:700; margin-top: 3px; }
.one_third .from_rate table { margin: 0 auto }
.one_third .from_rate table td.left { color:#ff664e; padding-right:10px; }
41DACB

body#advert ul.tabs { margin: 0; padding: 0; float: left; list-style: none; width: 100%; z-index:1; }
body#advert ul.tabs li {  font-family:'Roboto', sans-serif; font-weight:700; font-size:14px; letter-spacing:-1px; text-transform:uppercase; float: left; margin: 0; cursor: pointer; padding: 20px 0; width:16.6666%; background-color: #E0D0B6; color: rgb(3,3,3); color: rgba(3,3,3,0.5); overflow: hidden; position: relative; border-left:2px solid #EADCC6;  text-align:center; transform: translate3d(0,5px,0);}
body#advert ul.tabs li:first-of-type { border-left:none }

body#advert ul.tabs li:hover { background-color: #ff664e; color: #fff;}
body#advert ul.tabs li.active { position:relative; background-color: #fff; color: #777; display: block; z-index:3; border-top:1px solid #e5e5e5; transform: translate3d(0,0,0); }
body#advert ul.tabs li.active:first-child { border-left:1px solid #e5e5e5;}
body#advert ul.tabs li.active:last-child { border-right:1px solid #e5e5e5;}

body#advert .tab_container { position:relative; clear: both; width: 100%; background: #fff; overflow: auto; margin-bottom:0px; line-height:24px; }
body#advert .tab_container #tab1 p:first-of-type { position:relative; font-size:26px; line-height:30px; font-weight:700; font-family: 'Roboto Slab', sans-serif; padding:10px 0 40px 0; margin-bottom:40px;}
body#advert .tab_container #tab1 p:first-of-type:after { position:absolute; bottom:10px; left:0; width:200px; height:5px; background:#FF664E; content:""; }


body#advert .tab_content { padding: 60px;}
body#advert .tab_content img { width:100%; height:auto }
body#advert .tab_container h2 { font-size:26px; line-height:normal; font-weight:700; margin:10px 0 10px 0; padding: 10px 0; font-family:"Roboto", Arial; letter-spacing:-1px; color:#6c6c6c }
body#advert .tab_container h2:first-child { font-family: 'Roboto Slab', sans-serif; font-size:36px; line-height:43px; margin:0 0 30px 0; padding: 10px 0 30px 0; border-bottom:1px solid #eee; letter-spacing:normal }
body#advert .tab_container h2:first-child b { display:block; font-weight:normal; font-size:12px; line-height:20px; font-weight:700; font-family: "Roboto", Arial; text-transform:uppercase  }
body#advert .tab_container h3 { border:none; margin:0 0 20px 0; padding:0; font-weight:700;  }
body#advert .tab_container h3:after { display:none;}

body#advert .tab_container .separator { position:relative; width:100%; height:30px; }

body#advert .tab_container > ul { margin: 0 0 30px 0; padding:0; list-style:none}
body#advert .tab_container > ul > li { margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #eee }

.rates { color:#ff0000; font-weight:400 }
.tab_container table { margin-bottom:30px; background-color:#f7f7f7; padding:0px; border:1px solid #fff; }
.tab_container table .title { background-color:#f1f1f1; padding:30px 0 }
.tab_container table .title h4 { margin:0; }
.tab_container table .seasons h4 { margin:0; }
.tab_container table:hover {  border:1px solid #ff664e; }
.tab_container table:hover .title { background-color:#ff664e; color:#fff; }
.tab_container table:hover .title h3 { color:#fff;  }
.tab_container table tr h3 { margin-bottom:0 !important; font-size:20px !important; letter-spacing:-1px !important; text-align:center !important}
.tab_container table tr p { margin-bottom:0 !important;}
.tab_container tr:nth-of-type(even) { background: #fefefe;}


.tgcsa_1, .tgcsa_2, .tgcsa_3, .tgcsa_4, .tgcsa_5 { position:relative; display:block; margin-bottom:10px; }
.tgcsa_1:before { content:url("img/1-stars.png");  }
.tgcsa_2:before { content:url("img/2-stars.png");  }
.tgcsa_3:before { content:url("img/3-stars.png");  }
.tgcsa_4:before { content:url("img/4-stars.png");  }
.tgcsa_5:before { content:url("img/5-stars.png");}

body#advert .tab_content ul.ticked { margin:0 0 40px 0; padding:0; }
body#advert .tab_content ul.ticked li { position:relative; margin:0 0 0px 40px; padding:10px 0 10px 0; list-style:none; border:none }
body#advert .tab_content ul.ticked li:before { font-family:"Flaticon"; content:"\e023"; font-size:14px; line-height:30px; position:absolute; top:7px; left:-40px; width:30px; height:30px; background-color:#ff664e; text-align:center; color:#fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}

.tab_content ol { counter-reset:li; margin:0 0 40px 0; padding:0;}
.tab_content ol > li { position:relative; margin:0 0 0px 50px; padding:10px 0 20px 12px; list-style:none; border-left:1px solid #eee;}
.tab_content ol > li:before { content:counter(li); counter-increment:li; position:absolute; top:4px; left:-50px; margin-right:0px; color:#fff; font-family: 'Roboto Slab', sans-serif; font-size:20px;  background-color:#ff664e; height:36px; line-height:36px; width:36px; text-align:center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 0px solid #000000; }

.tab_content table ol > li { text-align:left }



ul.facilities { list-style:none; margin:0 0 40px 0; padding:0;}
ul.facilities li { position:relative; display:block; font-size:16px; line-height:20px; padding: 0 0 0 25px;  margin-bottom:7px;}
ul.facilities li:before { position:absolute; left:0; font-family:"General"; content:"\f112";}
ul.facilities li:hover:before { color:#ff664e;}
ul.facilities:after { content:""; clear:both; display:block; width:100%;}


ul.list_style { list-style:none; margin:0 0 40px 0; padding:0; }
ul.list_style li { position:relative; display:block; font-size:16px; line-height:20px; padding: 0 0 0 25px;  margin-bottom:7px;}
ul.list_style li:before { position:absolute; left:0; font-family:"General"; content: "\f112"; }
ul.list_style li:hover:before { color:#ff664e;}
ul.list_style:after { content:""; width:100%; clear:both; height:0; visibility:hidden; display:block }



body#advert .container .box { text-align:center }

ul.contactowner { margin:0px 40px 40px; text-align:center;  }
	body#advert.activities-and-attractions ul.contactowner, body#advert.restaurants-and-bars ul.contactowner { margin:40px; text-align:center;  }

ul.contactowner:after { content:""; clear:both; display:block; width:100%; visibility:hidden }
ul.contactowner li a { position:relative; display:block; height:60px; line-height:60px; cursor:pointer; background-color:#69D8D8; color:#fff; margin:0; text-align:center; font-family: "Roboto", Arial; font-size:14px; text-transform:uppercase; border-radius:10px;}
ul.contactowner li a:first-of-type { margin-bottom:10px; }
ul.contactowner li a:before { position:absolute; left:20px; font-size:34px; font-family:"Flaticon"; }
ul.contactowner li a.callowner:before { content:"\e08d";  }
ul.contactowner li a.callowner:after { font-family:"Flaticon"; content:"\e001"; position:absolute; right:20px }
ul.contactowner li a.callowner.active:after { content:"\e042";  }

ul.contactowner li a.emailowner:before { content:"\e073";  }
ul.contactowner li a.callowner { background-color:#72CF42 }

.one_third .calldetails { position:relative; display:none; padding:0 40px 30px; clear:both}
.one_third .calldetails:after { content:""; clear:both; display:block; width:100%; visibility:hidden }
.one_third .calldetails a, .one_third .calldetails p { font-family:"Roboto"; font-size:18px; font-weight:700; text-transform:uppercase; display:block; color:#777; text-align:right; border-bottom:1px solid #e9e9e9; line-height:45px; }
.one_third .calldetails p { border:none }
.one_third .calldetails b { font-weight:700; float:left }












/**************************************************
***************************************************
***************************************************

	GALLERY PAGE

***************************************************
***************************************************
***************************************************/


body#gallery .gallery { border:none; }
body#gallery .gallery a { position:relative; float:left; margin:0.5%; width:32.333333333333333333333333333333%; padding-bottom: 20%;  height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat;    }

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

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


/**************************************************
***************************************************
***************************************************

	WEATHER

***************************************************
***************************************************
***************************************************/

#weather { background-color:#ff664e; clear:both }
#weather h2:after { content:" 5 Day Weather Forecast"; display:block; font-size:14px; line-height:14px; font-weight:700; letter-spacing:0px; text-transform:uppercase }

@font-face{font-family:weathericons;src:url(fonts/weathericons-regular-webfont.eot);src:url(fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/weathericons-regular-webfont.woff) format('woff'),url(fonts/weathericons-regular-webfont.ttf) format('truetype'),url(fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg) format('svg');font-weight:400;font-style:normal}.wi:after,.wi:before{display:inline-block;font-family:weathericons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flatWeatherPlugin{font-size:inherit;width:100%; color:#fff}.flatWeatherPlugin h2,.flatWeatherPlugin h3,.flatWeatherPlugin li,.flatWeatherPlugin p,.flatWeatherPlugin ul{ font-weight:normal !important;padding:0;margin:0;color:#fff; background:none}#flatWeatherLoading.loading{font-size:90px;text-align:center;padding:10px;overflow:hidden;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;opacity:.2}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.flatWeatherPlugin h2{margin:0 0 10px 0; padding:30px 0 0 0; text-align:center; font-family: 'Roboto Slab', sans-serif; font-size:34px; line-height:34px; letter-spacing:-1px;}.flatWeatherPlugin .wiToday{width:100%; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden}.flatWeatherPlugin .wiToday>.wiIconGroup{float:right;width:50%;text-align:center}.flatWeatherPlugin .wiToday>.wiIconGroup p{width:100%;color:inherit;line-height:1em;padding:10px 0 0}.flatWeatherPlugin .wiToday .wiIconGroup div.wi{font-size:400%;line-height:1.45em;width:100%}.flatWeatherPlugin .wiToday .wiIconGroup div.wi:before{vertical-align:text-bottom}.flatWeatherPlugin .clearfix:after{content:" ";display:table;clear:both}.flatWeatherPlugin div.wiToday>p.wiTemperature{font-size:400%;line-height:1.45em;float:left;width:50%;text-align:center;color:inherit}.flatWeatherPlugin sup{opacity:.7;font-size:65%;vertical-align:baseline;top:-.5em;position:relative}.flatWeatherPlugin .wiDetail{overflow:hidden;width:100%;padding-bottom:5px}.flatWeatherPlugin.today .wiDetail{padding-top:10px}.flatWeatherPlugin .wiDetail p.wiDay{font-weight:700;margin:5px 0 2px;text-align:left;color:inherit}.flatWeatherPlugin.partial .wiToday p.wiDay{text-align:center;font-weight:700;padding:0 0 10px;clear:both;width:100%;color:inherit}.flatWeatherPlugin .wiDetail ul{width:33%;float:left;list-style:none;font-size:90%}.flatWeatherPlugin .wiDetail ul+ul{width:27%}.flatWeatherPlugin .wiDetail ul+ul+ul{width:40%}.flatWeatherPlugin .wiDetail ul li:before{width:30px}.flatWeatherPlugin ul.wiForecasts{width:100%;overflow:hidden}.flatWeatherPlugin ul.wiForecasts li>span{width:25%;display:inline-block}.flatWeatherPlugin ul.wiForecasts li{float:left;width:100%;overflow:hidden;display:inline}.flatWeatherPlugin ul.wiForecasts ul.wiForecast{font-weight:400;list-style:none;float:right;width:75%}.flatWeatherPlugin.forecast ul.wiForecasts ul.wiForecast li{text-align:center}.flatWeatherPlugin ul.wiForecasts ul.wiForecast li{width:33%;float:left;text-align:right; font-size:20px; line-height:20px;}.flatWeatherPlugin ul.wiForecasts ul.wiForecast li.wi:before{vertical-align:bottom}.flatWeatherPlugin ul.wiForecasts li.wiDay{font-weight:700;border-color:inherit;border-top:1px solid #E0755F;padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.flatWeatherPlugin ul.wiForecasts li.wiDay:hover{ background-color:#E57A64; }.flatWeatherPlugin.forecast ul.wiForecasts li.wiDay{border-bottom:1px solid RGBA(255,255,255,.2);border-top:none}.flatWeatherPlugin ul.wiForecasts li.wiDay:last-child{border-bottom:none}.wi.sunrise:before{content:"\f051"}.wi.sunset:before{content:"\f052"}.wi.wind:before{content:"\f050"}.wi.humidity:before{content:"\f04e"}.wi.pressure:before{content:"\f040"}.wi.cloudiness:before{content:"\f041"}.wi.temperature.metric:after{content:"\f03c"}.wi.temperature.imperial:after{content:"\f045"}.wi.loading:after{content:"\f04c"}.wi.wi200:before,.wi.wi201:before{content:"\f01d"}.wi.wi202:before{content:"\f01e"}.wi.wi210:before{content:"\f010"}.wi.wi211:before,.wi.wi212:before{content:"\f01e"}.wi.wi221:before{content:"\f016"}.wi.wi230:before,.wi.wi231:before,.wi.wi232:before{content:"\f01d"}.wi.wi300:before,.wi.wi301:before,.wi.wi302:before,.wi.wi310:before{content:"\f01c"}.wi.wi311:before,.wi.wi312:before{content:"\f017"}.wi.wi313:before,.wi.wi314:before,.wi.wi321:before,.wi.wi500:before{content:"\f01a"}.wi.wi501:before{content:"\f017"}.wi.wi502:before,.wi.wi503:before{content:"\f019"}.wi.wi504:before{content:"\f018"}.wi.wi511:before{content:"\f015"}.wi.wi520:before,.wi.wi521:before,.wi.wi522:before,.wi.wi531:before{content:"\f01a"}.wi.wi600:before,.wi.wi601:before,.wi.wi602:before{content:"\f01b"}.wi.wi611:before,.wi.wi612:before{content:"\f015"}.wi.wi615:before,.wi.wi616:before,.wi.wi620:before,.wi.wi621:before,.wi.wi622:before{content:"\f017"}.wi.wi701:before{content:"\f014"}.wi.wi711:before{content:"\f062"}.wi.wi721:before{content:"\f014"}.wi.wi731:before{content:"\f063"}.wi.wi741:before{content:"\f014"}.wi.wi751:before,.wi.wi761:before,.wi.wi762:before{content:"\f063"}.wi.wi771:before{content:"\f050"}.wi.wi781:before{content:"\f056"}.wi.wi800:before{content:"\f00d"}.wi.wi801:before,.wi.wi802:before,.wi.wi803:before{content:"\f002"}.wi.wi804:before{content:"\f00c"}.wi.wi900:before{content:"\f056"}.wi.wi901:before,.wi.wi902:before{content:"\f073"}.wi.wi903:before{content:"\f076"}.wi.wi904:before{content:"\f072"}.wi.wi905:before{content:"\f050"}.wi.wi906:before{content:"\f015"}.wi.wi951:before{content:"\f00d"}.wi.wi952:before,.wi.wi953:before,.wi.wi954:before,.wi.wi955:before{content:"\f021"}.wi.wi956:before,.wi.wi957:before,.wi.wi958:before{content:"\f050"}.wi.wi959:before,.wi.wi960:before,.wi.wi961:before,.wi.wi962:before{content:"\f073"}


/**************************************************
***************************************************
***************************************************

	TRAVEL BAR

***************************************************
***************************************************
***************************************************/



.travelbar { position:fixed; bottom:0; left:0; width:100%; background-color:#f4f4f4; height:50px; z-index:29;}
.travelbar ul:after { content:""; clear:both; display:block; width:100%; height:0; visibility:hidden }
.travelbar ul li a { float:right; height:50px; text-align:center; /*line-height:50px;*/ text-transform:uppercase; cursor:pointer; display:inline-block; padding:6px 16px 0 16px; min-width:80px; border-right:1px solid #E6E6E6; z-index:22; color:#777; font-size:24px;  -webkit-text-stroke: 0.4px;  }

/* right side */

.travelbar ul li a.booknow, .travelbar ul li a.callusnow, .travelbar ul li a.sharepage, .travelbar ul li a.moreoptions { width:auto; font-size:12px; padding:0 20px;  line-height:50px; color:#fff; }
.travelbar ul li a.booknow, .travelbar ul li a.booknow:hover { background-color:#ff664e; color:#fff }
.travelbar ul li a.callusnow, .travelbar ul li a.callusnow:hover { background-color:#72CF42; color:#fff }
.travelbar ul li a.sharepage, .travelbar ul li a.sharepage:hover { background-color:#333; color:#fff }
.travelbar ul li a.moreoptions, .travelbar ul li a.moreoptions:hover { background-color:#333; color:#fff }

.travelbar ul li a:before { font-family:"Flaticon"; }
.travelbar ul li a.booknow:before, .travelbar ul li a.callusnow:before, .travelbar ul li a.sharepage:before, .travelbar ul li a.moreoptions:before { font-size:24px;  float:left; margin-right:10px; }
.travelbar ul li a:hover { color:#ff664e; }

.travelbar .callusnow:before { content:"\e08d"}
.travelbar .booknow:before { content:"\e073"}
.travelbar .callusnow:after { content:"Call us"}
.travelbar .booknow:after { content:"Book Now"}
.travelbar .email:before { content:"\e074"}
.travelbar .email:after { content:"Share"; display:block; font-size:8px; line-height:1; }
.travelbar .facebook:before { content:"\e047"}
.travelbar .facebook:after { content:"Share"; display:block; font-size:8px; line-height:1; }
.travelbar .twitter:before { content:"\e0c0"}
.travelbar .twitter:after { content:"Share"; display:block; font-size:8px; line-height:1; }



/* left side */

.travelbar ul li a.trigger_notepad, .travelbar ul li a.trigger_fav, .travelbar ul li a.trigger_calc, .travelbar ul li a.trigger_exchange { float:left }

.trigger_notepad:before { content:"\e083"; }
.trigger_notepad:after { content:"Travel Book"; display:block; font-size:8px; line-height:1; }

.trigger_fav:before { content:"\e0b1"; }
.trigger_fav { position:relative;}
.trigger_fav:after { content:"Favourites"; display:block; font-size:8px; line-height:1; }
.trigger_fav span { position:absolute; top:-12px; right:4px; display:block; width:26px; height:26px; text-align:center; line-height:20px; background-color:#ff664e; color:#fff; border-radius:50%; font-size:10px; font-weight:400; -webkit-text-stroke: 0px; border: 3px solid #f4f4f4 }

.trigger_calc:before { content:"\e078"; }
.trigger_calc:after { content:"Calculator"; display:block; font-size:8px; line-height:1; }

.trigger_exchange:before { font-family:"General" !important; content:"\f193"; }
.trigger_exchange:after { content:"Currency"; display:block; font-size:8px; line-height:1; }


.travelbar ul li a .share-count { float:right; width:30px; height:30px; background-color:#ddd; border-radius:50%; text-align:center; font-size:12px; line-height:30px; margin:10px 0 10px 10px; }
.travelbar ul li a:hover .share-count { background-color:#ff664e; color:#fff }

.travelbar .booknow, .travelbar .callusnow, body#advert.activities-and-attractions .travelbar .booknow, body#advert.call-na .travelbar .callusnow, body#advert.call-na .callowner, body#advert.restaurants-and-bars .travelbar .booknow { display:none }
#advert .travelbar .booknow, #advert .travelbar .callusnow { display:block }

.travelbar .sharepage, .travelbar .moreoptions { display:none }


/* notepad */

.notepad_wrap { display:none; position: fixed; bottom: 50px; width:30%; left:0; height: 60%; padding:0%; z-index: 28;}
.notepad_wrap.full { bottom: 0; width:100%; left:0; height: 100%; padding:5%; z-index: 27; }

.notepad { position:relative; background:#fff; font-weight:400; font-size:18px; color:#333; height: 100%;  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); }

.notepad H5, .calculator H5, .exchange H5, .wishMenu H5 { position:absolute; top:0; left:0; width:100%; font-family: 'Roboto Slab', sans-serif;  font-weight:400; margin:0; font-size:16px; line-height:28px; padding:15px; font-weight:700; margin-bottom:0px; color:#fff; background:#ff664e; text-transform:uppercase;}
.notepad H5:before { font-family:"Flaticon"; content:"\e0cc"; margin-right:15px;  }
.notepad_wrap.full H5 { position:absolute; top:0; left:0; font-size:38px; line-height:38px; padding:30px;  }

.notepad_wrap .upsize { position:absolute; right:50px; top:15px; cursor:pointer; font-size:15px; line-height:30px; width:30px; height:30px; text-align:center; font-weight:400; color:#fff }

.notepad_wrap .upsize:before { font-family:"Flaticon"; content:"\e044"; }
.notepad_wrap.full .notepad .upsize:before { content:"\e021"; }
.notepad_wrap.full .notepad .upsize { right:90px; top:20px; font-size:30px; line-height:50px; width:50px; height:50px;  }

.notepad .close, .calculator .close, .exchange .close, .wishMenu .close, #quickmap .close { position:absolute; right:15px; top:15px; cursor:pointer; font-size:15px; line-height:30px; width:30px; height:30px; text-align:center; font-weight:400; color:#fff;}
.notepad .close:before, .calculator .close:before, .exchange .close:before, #popupBox .close:before, .wishMenu .close:before, #quickmap .close:before { font-family:"Flaticon"; content:"\e033"; }
.notepad_wrap.full .notepad .close { right:30px; top:20px; font-size:30px; line-height:50px; width:50px; height:50px;  }

.notepad form { height:100%; padding:58px 0; }
.notepad_wrap.full .notepad form { padding:98px 0;  }
.notepad form #notepad { position:relative; font-style:italic; font-size:20px; line-height: 25px; color:#444; display:block; background-image: -webkit-linear-gradient(white, white 24px, #eee 24px, #eee 25px, white 25px); background-image: -moz-linear-gradient(white, white 24px, #eee 24px, #eee 25px, white 25px); background-image: -ms-linear-gradient(white, white 24px, #eee 24px, #eee 25px, white 25px); background-image: -o-linear-gradient(white, white 24px, #eee 24px, #eee 25px, white 25px); background-image: linear-gradient(white, white 24px, #eee 24px, #eee 25px, white 25px); background-size: 100% 25px; border: none; overflow: auto; resize: none; outline: 0px; padding: 25px 40px; width:100%; height:100%;  }

.notepad form #notepad::-webkit-input-placeholder { color: #bbb;}
.notepad form #notepad:-moz-placeholder { color: #bbb;}
.notepad form #notepad::-moz-placeholder { color: #bbb;}
.notepad form #notepad:-ms-input-placeholder { color: #bbb;}
.notepad form #notepad::-webkit-scrollbar { width: 20px; z-index:3}
.notepad form #notepad::-webkit-scrollbar-track { background: #eee; }
.notepad form #notepad::-webkit-scrollbar-thumb{ background: #ccc;}
.notepad form #notepad::-webkit-scrollbar-thumb:active { background-color:#999 }
.notepad form #notepad::-webkit-scrollbar-thumb:window-inactive {background: #bbb}

/* calculator */




.calculator { display:none; position: fixed; bottom: 50px; width:325px; left:142px; padding:20px; z-index: 28; background-color: #F3EEE7; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; overflow:hidden;  }

.calculator H5 { position:absolute; top:0; left:0;}
.calculator H5:before { font-family:"Flaticon"; content:"\e017"; margin-right:15px;  }

.calculator .screen { height:70px;  width:100%; color:#555; font-size:50px; line-height:70px; text-align:right; overflow:hidden; padding:0 5%; margin-bottom:5%; margin-top:58px; background-color: #C7C7B0; border: 1px solid #b2b292; border-radius: 5px; box-shadow: inset 0px -2px 10px #b2b292; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.calculator #keypad li{ list-style-type:none; cursor:pointer; width:23%; margin:1%; height:50px; background:#E0E0E0 ; color:#fff; float:left; text-align:center; line-height:50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #4B4657; border-top: 2px solid #7c748f; background-image: -webkit-linear-gradient( top , #4B4657, #332f3b); background-image: linear-gradient(to bottom, #4B4657, #332f3b); box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;  border-radius: 10px;}
.calculator #keypad .symbol { border: 0px solid #A75C45; background: #ff664e; background: -moz-linear-gradient(top, #ff664e 0%, #d3775b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff664e), color-stop(100%,#d3775b)); background: -webkit-linear-gradient(top, #ff664e 0%,#d3775b 100%); background: -o-linear-gradient(top, #ff664e 0%,#d3775b 100%); background: -ms-linear-gradient(top, #ff664e 0%,#d3775b 100%); background: linear-gradient(to bottom, #ff664e 0%,#d3775b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff664e', endColorstr='#d3775b',GradientType=0 ); box-shadow: inset 0 1px 4px #ff664e, inset 0 -4px 20px #A75C45; font-size:24px; }
.calculator #keypad .extend{ width:48%;}

.calculator #keypad li:focus { outline: 0;}
.calculator #keypad li:activecalc { background-image: -webkit-linear-gradient( bottom , #4B4657, #332f3b); background-image: linear-gradient(to top, #4B4657, #332f3b);}
.calculator #keypad li.symbol:active { background-image: -webkit-linear-gradient( bottom , #ff664e, #d3775b); background-image: linear-gradient(to top, #ff664e, #d3775b);}


/* exchange */

.exchange { display:none; position: fixed; bottom: 50px; width:325px; left:142px; padding:80px 20px 20px 20px; z-index: 28; background-color: #F3EEE7; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; overflow:hidden;  }

.exchange H5 { position:absolute; top:0; left:0;}
.exchange H5:before { font-family:"General"; content:"\f193"; margin-right:15px;  }

#currency-widget { width:223px; margin:0 auto;}
.currency-content { min-height:220px; padding:5px 10px;}
.currency-wrapper { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}

.currency-header { display:none }

.currency-form select { width:100%;}
.currency-form input, .currency-form select { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #e6e6e6; padding:5px; display:block; color: #333; font-size:11px; }
.currency-form input { text-align:center; margin:0 auto;}
.currency-form span { display:block; font-size:11px; font-weight:bold; padding:10px 0 0 3px;}

.currency-convertBtn,
.currency-backBtn { display: block; padding: 4px 12px; margin:15px auto; font-size: 12px; line-height: 20px; font-weight:bold; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #FF664E; border: none; }

.currency-convertBtn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.currency-convertBtn:hover, .currency-convertBtn:focus, .currency-backBtn:hover, .currency-backBtn:focus { color: #fff; background-color: #111; }

.currency-convertBtn:focus, .currency-backBtn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.currency-convertBtn:hover, .currency-convertBtn:focus, .currency-convertBtn:active, .currency-convertBtn.active, .currency-convertBtn.disabled, .currency-convertBtn[disabled] { color: #fff; background-color: #111;}

.currency-convertBtn:active, .currency-convertBtn.active { background-color: #cccccc \9;}

.currency-footer { text-align:center; padding-bottom:3px; }
.currency-footer a { color: #b1b1b1; text-decoration:none; font-weight:normal; }

.currency-loading-phrase, .currency-error, .currency-loading-gif { display:block; margin:0 auto; text-align:center; padding-bottom:10px; }
.currency-back-table { margin:0 auto; padding-top:10px; line-height: 100%; }

.currency-result-from, .currency-equals, .currency-result-to { font-weight:bold; text-align:center; }
.currency-result-compare1, .currency-back-gap, .currency-result-compare2 { font-size:9px; padding-top:30px; text-align:center;}







/* Favourites */



body#advert .myfav { position:relative; bottom:auto; left:auto; display: block; height: 60px; line-height: 60px; cursor: pointer; background-color: #69D8D8; color: #fff; margin: 0; text-align: center; font-family: "Roboto", Arial; font-size: 14px; text-transform: uppercase; border-radius: 10px; margin-bottom:10px; }
body#advert .myfav a.wish { height:60px; width:100%; font-size:14px; line-height:60px; text-align:center; cursor:pointer; border:none; color:#fff; display:block; background:#FF664E }
body#advert .myfav a.wish:before { position:absolute; left:20px; font-family:"Flaticon"; content:"\e0b1";}
body#advert .myfav:hover > a.wish:before { color:#fff; }


.wishMenu { display:none; position: fixed; bottom: 50px; left:71px; width: 100%; max-width: 800px; z-index: 28; background-color:#fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;}
.wishMenu a  { font-family: 'Roboto Slab', arial; font-weight: 700; font-size:17px; color:#555}
.wishMenu H5 { position:relative; top:auto; left:auto; width:100%; font-family: 'Roboto Slab', sans-serif;  font-weight:400; margin:0; font-size:16px; line-height:28px; font-weight:700; padding:15px; margin-bottom:0px; color:#fff; background:#ff664e; text-transform:uppercase; }

#wishContainer { max-height:300px; overflow:auto }

.wishMenu table { color: #333333; line-height: 20px; margin: 0px; white-space: nowrap; background-color:#fff; border-collapse:collapse;}

.wishMenu table img { width:100px; height:auto; border-radius:5px;}
.wishMenu th { font-family: 'Roboto Slab', sans-serif; font-size:20px; line-height:28px; padding:15px; margin-bottom:0px; color:#fff; background:#ff664e; text-transform:uppercase; text-align:left; font-weight:400;}    
.wishMenu td { padding: 10px; vertical-align: middle; border:0 solid #fff; margin:0; color:#555; text-align:center }
.wishMenu tfoot td { padding:20px 0; text-align:center;}
.wishMenu  tbody tr:nth-child(2n) { background-color: #f1f1f1;}

.wishMenu .cartrate { padding: 0 20px !important; font-weight: 700; }
.wishMenu .cartrate:before { content:"From:"; display:block; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:400  }

.wishMenu .cartlodge { text-align:left }
.wishMenu .cartlodge span { display:block; font-size:10px; line-height:10px; text-transform:uppercase; margin-top:3px;}

.wishMenu .cartaffix { display:block; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:400 }

.wishMenu .cartpax { padding: 0 20px !important; font-weight: 700; }
.wishMenu .cartpax:before { content:"Max:"; display:block; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:400  }
.wishMenu .cartpax:after { content:"People"; display:block; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:400  }

.wishMenu .cartunits { font-weight: 700; }
.wishMenu .cartunits:before { content:"Units:"; display:block; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:400  }
.wishMenu .cartunits:after { content: "\00a0"; display:block; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:400  }
.wishMenu .cartunits:after { content:"Total"; display:block; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:400  }

.wishMenu .cartmaxperunits { font-weight: 700; }
.wishMenu .cartmaxperunits:before { content:"Max:"; display:block; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:400  }
.wishMenu .cartmaxperunits:after { content: "\00a0"; display:block; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:400  }
.wishMenu .cartmaxperunits:after { content:"In a Unit"; display:block; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:400  }


.wishMenu .remove-product { display:block; line-height: 30px; width:30px; height:30px; margin:0 20px; color: #fff; border-radius:50%; background-color:#eee; text-align:center; cursor:pointer }
.wishMenu tr:hover .remove-product { background-color:#ff664e; color: #fff; font-family: 'Roboto', sans-serif; }
.wishMenu .emptyWish { cursor:pointer; display:inline-block; color:#CBCBCB; font-family: 'Roboto', arial; font-weight: 700; font-size:12px; text-transform:uppercase; }
.wishMenu .emptyWishmsg { padding: 20px 10px; text-align:center; display:block; width:400px; font-style:italic; font-weight:400; color:#777 }
.wishMenu .emptyWishmsg b { font-weight:400; }
.wishMenu .emptyWishmsg b:after { font-family:"Flaticon"; content: "\e0b1"; font-style:normal; margin-left:7px }

.shake { animation-name: shake; animation-duration: 1s; animation-fill-mode: both;}
@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}






#popupBox { position: fixed; top:0; right:0; left:0; bottom:0; margin: auto; width: 900px; max-width: 900px; height:65%; z-index: 25; -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); z-index:999;  background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat #333; transition: all 1s ease; -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; }

#popupBox .close { position:absolute; right:15px; top:15px; cursor:pointer; font-size:15px; line-height:30px; width:30px; height:30px; text-align:center; font-weight:400; color:#765f34;}

#popupBox .popupText {  background:url(img/follow-us.jpg) center no-repeat; background-size: cover; text-align: center; padding:60px 30px; height:100%; }
#popupBox .popupText h6 { font-family: 'Roboto Slab', sans-serif; font-size:78px; line-height:72px; font-weight:400; margin:0; color:#a08655; text-transform:uppercase; letter-spacing:1px; }
#popupBox .popupText p { font-family: 'Roboto Slab', sans-serif; font-size:22px; line-height:24px; color:#cca762; margin:0 0 30px 0; text-transform:uppercase }
#popupBox .popupText p span { font-family:"Roboto", Arial;  font-size:16px; line-height:18px; color:#927a4c; text-transform:none; font-style:italic; display:block; margin:10px auto 0; width:65%;}
#popupBox .popupText ul { margin: 0 auto; width:300px;}
#popupBox .popupText ul:after { content:""; overflow:hidden }
#popupBox .popupText ul li { float:left; width:50%; }
#popupBox .popupText ul li a { border-right:1px solid #ecdcbe; display:block}
#popupBox .popupText ul li:last-of-type a { border:none}

#popupBox .facebook, #popupBox .twitter { font-family:"Flaticon"; font-size:60px; line-height:60px; color:#4acbcb;  }
#popupBox .facebook:before { content:"\e047"}
#popupBox .twitter:before { content:"\e0c0"}

#popupBox .popupText h6, #popupBox .popupText p, #popupBox .popupText ul { display:none }
#popupBox.zoommeout { transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -webkit-transform: scale (0.3, 0.3); -moz-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); opacity:0; }






.tooltipster-default { border-radius: 5px;background-color:#111; color: #fff; box-shadow: 0px 0px 14px rgba(0,0,0,0.3); word-wrap: break-word;}
.tooltipster-default .tooltipster-content { font-size: 12px; line-height:1.1; padding: 10px; overflow: hidden; max-width:200px; text-align:center}
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible;}
.tooltipster-base .tooltipster-content { overflow: hidden;}

.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0;  height: 0; position: absolute;}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px;}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px;}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; }
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px;}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto;}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px;}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span { right: 6px;}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px;}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important;  border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px;}
.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px;}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important;  border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px;}
.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important;  border-right: 9px solid; margin-top: -8px;}

.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity;-ms-transition-property: opacity; 
transition-property: opacity; }
.tooltipster-fade-show { opacity: 1;}

.tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}









/**************************************************
***************************************************
***************************************************

	FOOTER

***************************************************
***************************************************
***************************************************/


#footer_wrap { position:relative; display:block; clear:both; z-index:20 }
#footer_wrap:after { content:""; position:relative; display:block; clear:both}
.foot { background:#111; position:relative; display:block; }
.foot:after { content:""; position:relative; display:block; clear:both}

#footer_wrap H5 {  font-family: 'Roboto Slab', sans-serif; font-size:14px; font-weight:normal; margin:0; padding:0; display:block; color:#333; text-transform:uppercase}
#footer_wrap H6 {  font-family: 'Roboto Slab', sans-serif;  font-weight:700; font-size:16px; text-transform:uppercase; color:#ff664e; padding:0px;  margin:0px 0 20px 0; text-align:left }

#footer_wrap .third { font-size:14px; line-height:18px; color:#BCBCBC; margin: 70px 0; padding:0 4%;  }
#footer_wrap .third ul { margin:0; padding: 0px; list-style:none  }
#footer_wrap .third ul li a { display:block; height:auto; margin: 0; font-size:14px; line-height:14px; padding:10px 0; color:#BCBCBC; border-bottom:1px solid #222; text-transform:none; font-family:"Roboto"; font-size:14px;}
#footer_wrap .third ul li a:hover { color:#FF664E; }

#footer_wrap .third img { margin-bottom:20px; }

#footer_wrap .button { display:inline-block; padding:10px; text-align:center; background:#FF664E; color:#fff; font-size:14px; line-height:1; font-weight:400; margin-bottom:10px; }
#footer_wrap .button:hover { background:#000; }

body#map #footer_wrap, body#contact-us #footer_wrap, body#gallery #footer_wrap, body#map .credits, body#contact-us .credits, body#gallery .credits { display:none }

.credits { clear:both; font-family:"Roboto", Arial; font-size:10px; font-weight: 700; text-transform:uppercase; position:relative; padding:20px 20px 70px; background-color:#111; color:#767676; text-align:center;}




form.form_style #contact { position:relative; text-align:left}
form.form_style #contact img { border:none; background:none}
form.form_style label { display: block; line-height: 16px; font-size: 18px; color:#343436; font-style:italic; padding-top:13px; padding-bottom:6px;}
form.form_style input, form.form_style textarea, form.form_style select, form.form_style subject { font-family:"Roboto", Arial; width: 100%;  margin-bottom: 10px; padding: 20px; color: #333; border: 0px solid #ccc; font-size:24px; background-color:#eee }
form.form_style input:focus, form.form_style textarea:focus, form.form_style select:focus { background-color:#ddd;  -moz-box-shadow:0 0 0 #ddd; -webkit-box-shadow:0 0 0 #ddd ;box-shadow: 0 0 0 #ddd; outline: none; color: #333 }
form.form_style input.submit { cursor: pointer; background-color:#4acbcb; color:#fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; background-position: center center; }
form.form_style input.submit::-moz-focus-inner {border: 0;}
form.form_style input.submit:hover { background-color:#ff664e; }
form.form_style input.submit.active, form.form_style input.submit.active:hover { background:url(img/ajax-loader.gif) center center no-repeat; background:url(img/ball-triangle.svg) center center no-repeat #ff664e; padding:40px 0; color:rgba(255,255,255,0) }
form.form_style input[type="submit"][disabled] { cursor: default; }
form.form_style span.required { font-size: 16px; color: #ff0000; }
form.form_style .captcha_image { width:20% !important; height:auto !important }




form.form_style2 #contact { position:relative; text-align:left}
form.form_style2 #contact img { border:none; background:none}
form.form_style2 label { display: block; font-size: 14px; line-height: 16px; text-transform:uppercase; color:#9A756A;  padding-top:0; padding-bottom:6px;}
form.form_style2 input, form.form_style2 textarea, form.form_style2 select, form.form_style2 subject { font-family:"Roboto", Arial; width: 100%;  margin-bottom: 10px; padding: 20px; color: #9A756A; border: 2px solid rgba(255,255,255,0.2); font-size:18px; background-color:rgba(0,0,0,0.4); margin-bottom:20px }
form.form_style2 input:focus, form.form_style2 textarea:focus, form.form_style2 select:focus { outline: none; }
form.form_style2 input.submit { cursor: pointer; background-color:#9A756A; color:#fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; background-position: center center; }
form.form_style2 input.submit::-moz-focus-inner {border: 0;}
form.form_style2 input.submit:hover { background-color:#ff664e; }
form.form_style2 input.submit.active, form.form_style2 input.submit.active:hover { background:url(img/ajax-loader.gif) center center no-repeat; background:url(img/ball-triangle.svg) center center no-repeat #ff664e; padding:40px 0; color:rgba(255,255,255,0) }
form.form_style2 input[type="submit"][disabled] { cursor: default; }
form.form_style2 .required:before { content:"*"; font-size: 16px; color: #ff664e; margin-right:5px; }
form.form_style2 .captcha_image { width:20% !important; height:auto !important }



.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.pika-single:after,.pika-single:before{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}.pika-lendar{float:left;width:400px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:7px 3px;font-size:20px;line-height:24px;font-weight:700;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0}.pika-next,.pika-prev{display:block;cursor:pointer;position:relative;outline:0;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5}.pika-next:hover,.pika-prev:hover{opacity:1}.is-rtl .pika-next,.pika-prev{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.is-rtl .pika-prev,.pika-next{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:.2}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table td,.pika-table th{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:16px;line-height:28px;font-weight:700;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:0;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:16px;line-height:20px;text-align:right;background:#f5f5f5}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#4acbcb;font-weight:700}.is-selected .pika-button{color:#fff;font-weight:700;background:#4acbcb;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.pika-button:hover{color:#fff!important;background:#ff664e!important;box-shadow:none!important;border-radius:3px!important}.pika-table abbr{border-bottom:none;cursor:help}

/*.loader { display:block; width:100%; height:32px; background:url(img/ajax-loader.gif) center center no-repeat; }*/

.message { position:fixed; bottom:60px; right:10px; max-width:350px; padding:0px; font-size:16px; color:#73b72a; z-index:30; 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 h6 { font-family: 'Roboto', sans-serif; font-size:14px; line-height:14px; margin:0 0 15px 0; padding-bottom:15px; color:#ff664e; text-transform:uppercase; border-bottom:1px solid #eee; }
.message h6 span { font-size:24px; line-height:24px; display:block; margin-bottom:5px; }
.message h6 span:before { font-family:"Flaticon"; content:"\e0bf"; font-weight:400; margin-right:10px }
.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:"\e033";  }

.message .error_title { position:relative; display: block; padding: 30px; background-color:#ff664e; }
.message .error_title h6 { color:#fff }
.message .error_title .close { color:#fff; }
.message ul.error_messages { margin: 0 !important; padding: 0 !important; }
.message ul.error_messages li { position:relative; font-family: 'Roboto', Arial; font-size:14px; line-height:16px; padding:0 0 5px 20px !important; margin:0 0 2px 0 !important; text-transform:none; list-style:none; color:#fff; border:none !important}
.message ul.error_messages li:before { position:absolute; left:0; width:20px; display:block; font-family:"Flaticon"; content:"\e033"; font-size:12px; line-height:16px; font-weight:400; margin-right:10px; color:#fff; } 

.message .success { position:relative; padding:30px; background-color:#9AD84E;}
.message .success h6 { color:#fff; margin:0; padding:0 0 0 45px; border:none }
.message .success h6:before { position:absolute; left:30px; width:30px; height:30px; font-size:30px; line-height:30px; text-align:center; font-family:"Flaticon"; content:"\e02e"; font-weight:400; border-radius:50%; color:#fff; animation-duration: 1s; animation-fill-mode: both; backface-visibility: visible;
  animation-name: successflip; animation-delay: 1s;}

.calltip { position:fixed; bottom:60px; right:10px; max-width:350px; padding:40px; background-color:#fff; text-align:justify; z-index:31; -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); display:none }
.calltip h6 { font-size:22px; line-height:30px; margin:0 0 30px 0; text-align:center; text-transform:uppercase; font-weight:700; color:#777 }
.calltip h6:before { font-family:"Flaticon"; content:"\e06b"; font-size:45px; line-height:30px; font-weight:400; position:absolute; left:30px; color:#E87F69;  }
.calltip .close:before { position:absolute; right:15px; top:15px; cursor:pointer; font-size:15px; line-height:30px; width:30px; height:30px; text-align:center; font-weight:400; color:#777; font-family:"Flaticon"; content:"\e033";}


@keyframes successflip {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  100% {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}





#submitlisting { position:relative; padding:10% 6%; color:#9A756A; font-family: 'Roboto Slab', sans-serif; background:url(img/footer-bk.jpg) center center no-repeat; background-size:cover; background-attachment:fixed }
#submitlisting .submitlisting { position:relative; float:left; width:50%; padding:2% 2% 0 2%; }
#submitlisting .submitlisting.first { padding-right:6%; }
#submitlisting .submitlisting.last { padding-left:6%; }
#submitlisting .submitlisting.first:after { position:absolute; right:0; top:0; border-right:1px solid #5F3D33; height:100%; content:""  }

#submitlisting .submitlisting h2 { font-size:28px; line-height:28px; font-weight:700; text-transform:uppercase; margin:0; }
#submitlisting .submitlisting .rate { color:#ff664e; font-size:100px; line-height:1; font-weight:700; margin-bottom:30px }

#submitlisting .submitlisting h3 { padding:0; margin:30px 0; color:#9A756A }

#submitlisting .submitlisting p { text-align:justify }


/* INTERNET EXPLORER 8 */



.scrollToTop { position:fixed; left:50%; float:none; border:none; margin-left:-26px; bottom:60px; padding:0; cursor:pointer; width:50px; height:50px; line-height:50px; text-align:center; background-color:rgba(0,0,0,0.1); display:none; z-index:24; border-radius:50% }
.scrollToTop:before { font-family:"Flaticon"; content:"\e0c1"; color:rgba(255,255,255,0.7) }
.scrollToTop:hover{ text-decoration:none; opacity:1; background-color:rgba(0,0,0,0.4); color:rgba(255,255,255,0.7);}









@media (max-width: 1250px) {

.listings { width: 31.3333333%; }
#menu li a { font-size:12px; padding: 0px 10px; text-transform:uppercase; }

body#town .featured { width:50%; }


}


@media (max-width: 1024px) {

#menu li a { font-size:12px; padding: 0px 5px; text-transform:none; }
.choose-types { height:500px; }


.featured { width:50%; }
	.featured.type2 { width:50%; }
	.featured.type3 { width:50%;  }
	body#town .featured { width:100%; }
	body#mozambique .featured { width:100%; }


.featured p { height:120px;}
.featured.type2 p { height:120px;}


.fourth { width: 49.2%; }
.col.fourth:nth-child(2n+1) { margin-left: 0; }
.fifth, .sixth, .seventh, .eighth { width: 49.2%;  }
.col.fifth:nth-child(odd), .col.sixth:nth-child(odd), .col.seventh:nth-child(odd), .col.eighth:nth-child(odd) { clear:both; margin:0 0 2% 0; }

.listings, body#accommodation .listings { width: 48%;}


body#accommodation .listings.alt, .listings2 { width: 98%; height:147px; margin:2% 1%; background-color:#fff; position:relative; padding: 20px 70px 20px 240px; float:none; min-height:111px; }
body#accommodation .listings.alt a.from, .listings2 a.from { position:absolute; top:0; left:0; width:220px; height:100%}
body#accommodation .listings.alt .profile, .listings2 .profile { padding-bottom: 0; height:145px  }
body#accommodation .listings.alt h3, .listings2 h3 { position:relative; font-size:16px; line-height:14px; font-weight:700; text-align:left; color: #333; width:100%; margin:0 auto !important ; padding:0 0 5px 0 !important; border:none; letter-spacing:-1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
body#accommodation .listings.alt h4, .listings2 h4 { line-height:10px; text-align:left; margin:0; padding:0 0 9px 0; }
body#accommodation .listings.alt ul.listings_types, .listings2 ul.listings_types { position:absolute; bottom:15px; left:240px; text-align:left; margin-top:0; margin-bottom:0; display:block; padding:0; z-index:1; }
body#accommodation .listings.alt p, .listings2 p { line-height:16px; font-size:13px; text-align:left; width:100%; margin-left:auto; margin-right:auto; max-height:32px; overflow:hidden;}
body#accommodation .listings.alt .button, .listings2 .button { clear:none; position:absolute; left:auto; top:0; right:0; width:50px; height:100%; display:block; padding:0; margin:0; font-size:11px; line-height:30px; border-radius:0; text-indent:-9999999px; color:#999; }
body#accommodation .listings.alt .button:after, .listings2 .button:after { position:absolute; top:0; left:0; width:50px; height:100%; font-family:"Flaticon"; content: "\e038"; text-align:center; line-height:147px; padding:0; font-size:22px; text-indent:0 !important;   }
body#accommodation .listings.alt .myfav, .listings2 .myfav { height:50px; width:220px;}
body#accommodation .listings.alt .myfav a.wish, .listings2 .myfav a.wish { height:50px; width:50px; line-height:50px; font-size:16px; text-shadow:0px 0px 10px rgba(0,0,0,0.7);}


.listings.alt .infobox { width:220px;}

body#accommodation .two_thirds { width:70%; }
body#accommodation .one_third { width: 30%;}


.container.recentlistings .listings { width: 48%; }



H5 {  margin:0 8% 10px 8%; }
#footer_wrap .subscribe { text-align:center; padding:130px 50px 50px }
#footer_wrap .subscribe p { margin:0 8% 10px 8%; }
#footer_wrap .subscribe:before { display:none}
#footer_wrap .subscribe ul { position:relative; top:auto; margin-top:0; right:0; width:auto; text-align:center; display: inline-block;}

#popupBox { width: 90%; max-width: 90%;}


#towns .grid-sizer, .town, .town.w2, .town.w3 { width:49%; }

.places .info ul li { width:100%; padding:0; }
	.places.w2 .info ul li { width:49%; padding:0 1% 0 0; }


}

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

	/* ensure #nav is visible on desktop version */
	#menu, ul#breadcrumbs li, ul#breadcrumbs .right { display: table !important;}
	.sub-menu { display: block !important;}
}


@media (max-width: 900px) {


body { margin:0; }
h1 { position:absolute }

.owl-carousel { height:400px;}
.static-header { height:400px;}
body#home .static-header { height:400px; }

.load-map .trigger div { padding-bottom:0px; }

.homesearch { padding:0 20px }
.homesearch p:first-of-type { font-size: 37px; }
.scrolldown { bottom: 30px; margin-left: -20px; width: 40px; height: 40px; line-height: 40px; }

ul#breadcrumbs.sticky { margin-top:0;}
body#home .first.sticky { margin-top:0;}

	ul#breadcrumbs.sticky.fixme { margin-top:0px; position:relative; top:auto; left:auto; width:auto; z-index:21; opacity:1}
	ul#breadcrumbs.sticky.fixme.showcrumbs, ul#breadcrumbs.sticky.fixme:hover { top:auto; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0); box-shadow: 0 4px 10px rgba(0, 0, 0, 0);}
	.moretopmargin { margin-top:0;  }



#extras { position:absolute; top: 0; right:0; width:auto; padding:2px;}

.header { position:relative; top:auto; left:auto; display:block; margin-top:45px;}
.header .logo {  display:block; width:auto; height:auto; margin-top: 10px; }
.header .logo img { -ms-transform: translate3d(0,-5px,0); -moz-transform: translate3d(0,-5px,0); -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); }
.header .logo img { margin:30px 0 0 0; float:none; width:80%; max-width:300px; height:auto }








.menu_wrapper { float:none; margin-right:0px; padding:0 }
#menu-icon { position:relative; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight:800; text-transform:uppercase; color:#276B64; width: 90%; margin: 0 auto; text-align:center; line-height: 70px; cursor: pointer; display: block; /* show menu icon */  -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;}
#menu-icon:before { font-family:"General"; content: "\f110"; color:#276B64; position:absolute; left:0;  }
#menu-icon.active:before { color:#2CADA0; content:"\f110" }
#menu-icon.active { color:#2CADA0;}


.menu_wrapper .table { display: block; margin: 0 auto; height:auto; width:100%; padding:0; background:#111; }
#menu { display:none; margin:0; width:100%;}
#menu li { float: none; width:100%; }
#menu li a {  display:block; float:none; width:100%; border-bottom:1px solid #222; height:60px; line-height:60px; padding: 0 30px; text-align:left; font-size:15px; text-transform:none; border-right:none; font-weight: 700; text-shadow:none  }
#menu li a:before { font-family:"Flaticon"; display:inline; float:none; color:#ff664e; margin-right:20px; margin-bottom:0; font-size:20px; line-height: 60px; font-weight:400 }
#menu li a span, body.sticky .header #menu li a span { right: 30px; top: 20px; }
#menu > li > a > span { background: #ff664e; color: #111; }
#menu li.drop > a:after { display:none }

#menu li:hover > a { color:#30353b }
#menu li:hover > a { color:#fff; background:none }




#menu li ul { opacity:1; visibility:visible; position:relative; left:auto; width:100%; padding: 20px; background: #222; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0);}
#menu li.moz ul { max-width:100%; }
#menu li.drop ul {  display:block; }

#menu li ul li { position:relative; float:none; width:100%; padding:0; margin:0 0 40px 0; }
#menu li ul li:last-of-type { margin:0; }
#menu li.map li { width:100%; margin-bottom: 20px; }

#menu li ul.columns6 li, #menu li ul.columns5 li, #menu li ul.columns4 li, #menu li ul.columns3 li, #menu li ul.columns2 li { width:100%; }
	#menu li ul.columns3 li.columns1 { width:100%; margin:20px 0 10px 0;  }
	#menu li ul.columns3 li.columns1 a { background:none; border:1px solid #50E7D8; color:#50E7D8; height: auto !important; }
	#menu li ul.columns3 li.columns1 a:hover { background:none; color:#1D7970;  }

#menu ul li h6 { margin:0; }
#menu li ul li a { font-size:12px; line-height:40px; display:block; border:none; padding:0px; margin:0; color:#fff; border-bottom: 1px solid #111;}
#menu li ul li a:before { font-size:12px; line-height: 40px; color:#fff; }
#menu li ul li a:hover { background:none; color:#fff}


#menu ul .submenu { padding:10px; background:none; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); }

#menu li.sea ul .submenu { padding: 50px 5%; }
#menu .tipue_drop_input::-webkit-input-placeholder { font-size:16px; line-height:32px;}
#menu .tipue_drop_input:-moz-placeholder { font-size:16px; line-height:32px; }
#menu .tipue_drop_input::-moz-placeholder { font-size:16px; line-height:32px; }
#menu .tipue_drop_input:-ms-input-placeholder { font-size:16px; line-height:32px; }
#menu .tipue_drop_content a { line-height: 1; border-bottom: 1px solid #eee; }

body.sticky .header .table { height:auto;}
body.sticky .header .table #menu > li > a:before { font-size:20px; line-height:60px; margin-bottom:0; }
body.sticky .header .logo img { width:80%; max-width:300px; height:auto }
/*body.sticky .header #menu li ul li a { height:40px; }*/


.featured { width:100%; }
	.featured.type2 { width:100%; }
	.featured.type3 { width:100%;  }
	.featured.type4 { width:100%;  }
	.featured.type6 { width:100%;  }

.featured p { height:120px;}
.featured.type2 p { height:120px;}



.choose-types { float:none; width:100%; height:400px; margin: 0 0 2% 0 }
.choose-types.all-types { width:100%; height:120px;  }

.ini_class { height: 600px !important; }






.display_options, .listings, .gallery, body#advert ul.tabs, body#advert .tab_container, .tab_container table:hover, ul.contactowner li a, .places, .featuredplace, .town, .one_third, .heading, .featured, .viewmore { border-right:none; border-left:none; }
body#advert .one_third  { border-left:none; }


.whyus:before, .whyus:after { display:none}

.featured .profile img, .places .profile img, .town .profile img, .listings .profile img { -ms-transform: translate3d(-50%,-50%,0) scale(1.05,1.05); -moz-transform: translate3d(-50%,-50%,0) scale(1.05,1.05); -webkit-transform: translate3d(-50%,-50%,0) scale(1.05,1.05); transform: translate3d(-50%,-50%,0) scale(1.05,1.05); }

.shake { animation-name: shake; animation-duration: 1s; animation-fill-mode: both;}
@keyframes shake { 0%, 100% { transform: translate3d(0, 0, 0);} 50%, 80% { transform: translate3d(0, -60px, 0); } 90% { transform: translate3d(0, 0, 0); } }
.display_options { margin:0 2% 1%; }


.heading { padding:25px 0 10px 0; }
.heading H2 {font-size:34px; line-height:1; margin:0; padding:0 20px; text-align:center; clear:both}
.heading H3 { font-size:12px; padding: 0 1.6% 20px 1.6% ; margin:0; text-transform:none; border-bottom:0px solid #e6d7bb; text-align:center}


.two_thirds, body#accommodation .two_thirds { width:100%; float:none; margin: 0; padding:2% 0%; }
.one_third, body#accommodation .one_third { width: 100%; float: none; margin-bottom:0px; margin-top:3%; padding:0; clear:both  }
.listings, body#accommodation .listings { width: 48%;}
.listings .button:after { opacity:1;  right:20px; }

body#advert .two_thirds { padding:0%; }
body#advert .heading { padding-bottom:0; }



ul#breadcrumbs { list-style:none; margin:0; padding:0; font-family: 'Roboto', sans-serif; background-color:#fff; }
ul#breadcrumbs:before { display:none }
ul#breadcrumbs li, ul#breadcrumbs .right { display:none; float:none; width:100%;   }
ul#breadcrumbs li a, ul#breadcrumbs .right li a { float:none; display:block; margin:0 0 2px 0;  color:#333; text-decoration:none; padding:20px; font-family: 'Roboto', sans-serif; font-size:16px; line-height:24px; background-color:#eee;}
ul#breadcrumbs li a:after { font-size:20px; line-height:24px; padding-left:0px; float:right }
ul#breadcrumbs li a:hover { border-bottom:none; background-color:#eee; }




.crust {  position:relative; text-align:center; line-height:60px; font-family: 'Roboto Slab', sans-serif; font-size:12px; cursor:pointer; color:#999; background-color:#eee; display:block; }
.crust:before { position:absolute; left:0; top:0; content:"\e046"; font-family:"Flaticon"; display:block; width:60px; font-size:28px; line-height:60px; color:#ccc; text-align:center  }
.crust.active:before { color:#ff664e }
.crust.active { margin-bottom:2px; }




.sub-menu-mobile { display:block }

.sub-menu { display:none; margin-top:0px; }
.sub-menu ul { width:100%; }
.sub-menu ul li { float:none; }
.sub-menu ul li a { border-radius:0; padding: 20px; margin: 0; background:#000; color:#FF664E; border-bottom: 2px solid #111; }
.sub-menu ul li a.sub-menu-about:before { content:"About " }

body#town .sub-menu ul li a.sub-menu-about { background:#000; color:#FF664E}
body#accommodation .sub-menu ul li a.sub-menu-acc { background:#000; color:#FF664E}
body#accommodation.cheap .sub-menu ul li a.sub-menu-che { background:#000; color:#FF664E}
body#activities-and-attractions .sub-menu ul li a.sub-menu-act { background:#000; color:#FF664E }
body#faq .sub-menu ul li a.sub-menu-faq { background:#000; color:#FF664E}
.sub-menu ul li a:hover { background:#000; color:#FF664E }
.sub-menu ul li.drop:hover > a { background:#000; color:#FF664E }


.sub-menu ul li ul { position:relative; top: auto; left: auto; margin-left: 0; width: 100%; padding-top: 0px; visibility:visible; opacity: 1; }
.sub-menu ul li ul div { border-radius:0;  -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none;  -moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none; }
.sub-menu ul li ul div:before { display:none;}
.sub-menu ul li.drop:hover ul { top: 0; }




ul.pax_rate { position:relative; margin:0; padding:0; display:block}
ul.pax_rate li { display:block; float:left; width:50%; background-color:#f5f5f5; line-height:42px; margin:0; padding:0; list-style:none; font-family: 'Roboto', Arial; font-size:11px; text-transform:uppercase; }
ul.pax_rate li:nth-child(1) {  border-right:1px solid #fff; text-align:right; padding-right:16px}
ul.pax_rate li:nth-child(2) {  border-left:1px solid #fff; text-align:left; padding-left:16px}
ul.pax_rate li:nth-child(1):before { content:"\e0a9"; font-family:"Flaticon"; font-size:20px; line-height:42px; display:block; float:left; padding:0 0 0 15px; color:#ff664e  }
ul.pax_rate li:nth-child(2):before { content:"\e009"; font-family:"Flaticon"; font-size:20px; line-height:42px; display:block; float:right;  padding:0 15px 0 0; color:#ff664e }
ul.pax_rate:after { clear:both; display:block; width:100%; visibility:hidden; content:""; }

ul.pax_rate li.perperson:after { content:" Per Person" }
ul.pax_rate li.perunit:after { content:" Per Unit" }

.third, .fifth, .sixth, .seventh, .eighth { width: 100%;  }
.col.third, .col.fifth, .col.sixth, .col.seventh, .col.eighth { margin: 0 0 30px 0;}

body#home .categories .fourth.self_catering:before, body#home .categories .fourth.bed_and_breakfast:before, body#home .categories .fourth.guest_house:before, body#home .categories .fourth.hotel:before, body#home .categories .fourth.campsites:before, body#home .categories .fourth.guest_farms:before, body#home .categories .fourth.holiday_homes:before, body#home .categories .fourth.back_packers:before { font-size:100px; font-size:20vw; }

body#advert .gallery { margin-bottom:0px; }



body#advert .gallery .mainpic.initiate-slideshow .start-slideshow p { font-size: 15px;}
body#advert .gallery .mainpic.initiate-slideshow .start-slideshow span:before { font-size: 30px;}
body#advert .gallery .mainpic.initiate-slideshow .start-slideshow { opacity:1; visibility:visible; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }





.show_gallery {padding: 40px 0 30px 0;}
.show_gallery span:before { top:-38px; margin-left:-38px; font-size:30px; line-height:60px; width:60px; height:60px; }
.show_gallery:after { font-size:22px; line-height:22px; }
.show_gallery.active { padding: 20px 0 20px 0;  }
.show_gallery.active:after {font-size:18px; text-transform:uppercase}
body#advert .thumbs { padding:1px; }
body#advert .thumbs a img { width:20%; border:1px solid #fff; margin:0;  }

body#advert ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height:auto; width: 100%; }
body#advert ul.tabs li {  font-family:'Roboto', sans-serif; width:33.333333333333333333333333333333%; margin: 0; padding: 15px 0; height: auto; line-height:normal; font-weight:400; background-color: #eee; color: #999; border:1px solid #fff; text-align:center;  transform: translate3d(0px, 0px, 0px);}
body#advert .tab_last {  }
body#advert ul.tabs li:hover { background-color: #eee; color: #333;}
body#advert ul.tabs li.active { background-color: #ff664e; color: #fff; border-top:1px solid #fff; top:0; }
body#advert .tab_container {  margin-bottom:0px; }
body#advert .tab_container #tab1 p:first-child {  border-left: solid 0px #ff664e;  }
body#advert .tab_content { padding: 15px;}
body#advert .tab_container h2 { font-size:23px; margin:0 0 10px 0; padding: 10px 0; text-align:left}
body#advert .tab_container h3 { font-size:14px; text-align:left }
body#advert .tab_container h2:first-child { font-size:26px; margin:0 0 20px 0; padding: 10px 0 20px 0;}
body#advert table {  padding:0px}

.tab_content table ol > li { text-align:left }

ul.tabs li:nth-child(1):before { content:"\e049"; font-family:"Flaticon"; font-size:30px; display:block; }
ul.tabs li:nth-child(2):before { content:"\e009"; font-family:"Flaticon"; font-size:30px; display:block; }
ul.tabs li:nth-child(3):before { content:"\e0b9"; font-family:"Flaticon"; font-size:30px; display:block; }
ul.tabs li:nth-child(4):before { content:"\e06f"; font-family:"Flaticon"; font-size:30px; display:block; }
ul.tabs li:nth-child(5):before { content:"\e0b6"; font-family:"Flaticon"; font-size:30px; display:block; }
ul.tabs li:nth-child(6):before { content:"\e073"; font-family:"Flaticon"; font-size:30px; display:block; }

ul.contactowner { margin: 0px 20px 20px; }
.one_third .box { padding:20px;}
.one_third .calldetails { padding: 0px 20px 30px; }
.one_third .calldetails:before { content:"Tap on a number below to call"; display:block; text-align:center; padding-bottom:10px; font-style:italic }

/*.tools { display:none }*/

.travelbar { bottom:-1px }
body#advert .travelbar ul li a.booknow, body#advert .travelbar ul li a.callusnow, body#advert .travelbar ul li a.sharepage, body#advert .travelbar ul li a.moreoptions { position:relative; width:25%; }
body#advert.restaurants-and-bars .travelbar ul li a { width:33.333333333333333333333333333333% }
body#advert.activities-and-attractions .travelbar ul li a { width:33.333333333333333333333333333333% }
body#advert.call-na .travelbar > ul > li > a { width:33.333333333333333333333333333333%  }
.travelbar ul li a.booknow, .travelbar ul li a.callusnow, .travelbar ul li a.sharepage, .travelbar ul li a.moreoptions { position:relative; width:50%; }

.travelbar ul li a { border-right:1px solid #D67662;  }

.travelbar .sharepage, .travelbar .moreoptions { float:right; height:50px; text-align:center; line-height:50px; cursor:pointer; display:block; border-right:1px solid #222; z-index:22; color:#ADADAD; font-size:24px;  -webkit-text-stroke: 0.4px; background-color:#F4F4F4 }
.travelbar .sharepage:before { font-family:"Flaticon";  content:"\e0aa"; }
.travelbar ul li a.sharepage:after { content:"Share page" }

.travelbar .share, .travelbar .tools { position:absolute; width:100%; -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(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}

.travelbar .tools li a { width:25%; height:70px; padding:15px 20px 20px 20px;  background-color:#F4F4F4; border:none; border-right:1px solid #e5e5e5}
.travelbar .share li a { width:33.333333333333333333333333333333%; height:70px; padding:15px 20px 20px 20px;  background-color:#F4F4F4; border:none; border-right:1px solid #e5e5e5}
.travelbar .share.active, .travelbar .tools.active { -webkit-transform: translate3d(0, -70px, 0); -moz-transform: translate3d(0, -70px, 0); -ms-transform: translate3d(0, -70px, 0); -o-transform: translate3d(0, -70px, 0); transform: translate3d(0, -70px, 0);  -webkit-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);}


.travelbar .email:before, .travelbar .twitter:before, .travelbar .facebook:before { line-height:30px; padding:0; margin:0; }
.travelbar ul li a .share-count {  width:30px; height:30px; background-color:#ddd; border-radius:50%; text-align:center; font-size:12px; line-height:30px; margin:0px; }


.travelbar .moreoptions:before { font-family:"Flaticon";  content:"\e040"; }
.travelbar ul li a.moreoptions:after { content:"More Options" }





.panel { width: 90%;}
.panel-container.is-open:after { background: rgba(0, 0, 0, 0.6); -webkit-transition: background 0.3s 0s; -moz-transition: background 0.3s 0s; transition: background 0.3s 0s;}

.tab_container table .title { padding:30px 20px }
.tab_container table {  border:1px solid #ff664e }
.tab_container table .title { background-color:#ff664e; color:#fff; }
.tab_container table .title h3 { color:#fff;  }

.foot { padding:20px 0}
#footer_wrap .third { margin:20px 0 }
#footer_wrap .sponsors a { border:none; }
#footer_wrap .graphic { display:none}
.tooltip a span { display:none }

a:focus, a:active, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-tap-highlight-color: transparent !important;}

#miniTip { display:none !important }


.notepad_wrap { width:90%; height:50%; bottom: 118px}
.notepad_wrap.full { bottom: 0; width:100%; left:0; height: 100%; padding:2%;}
.notepad_wrap.full H5 { font-size:20px; line-height:28px; padding:15px;}
.notepad_wrap.full .notepad .upsize { right:50px; top:15px; font-size:15px; line-height:30px; width:30px; height:30px;  }
.notepad_wrap.full .notepad .close { right:15px; top:15px; font-size:15px; line-height:30px; width:30px; height:30px;  }

.calculator { bottom: 118px; left:0}
.exchange { bottom: 118px; left:0}


.wishMenu { bottom: 118px; left:0; max-height: 80%;}
.wishMenu table { min-width: 200px;}
.wishMenu table img { width:80px;} 
.wishMenu td { padding: 10px; }
.wishMenu .cartrate { padding: 0 10px !important }
.wishMenu .remove-product { margin:0 10px;  background-color:#ff664e;}
.wishMenu .emptyWishmsg { width:auto; }



#submitlisting .submitlisting { float:none; width:100%; padding:2% 2% 50px 2%; }
#submitlisting .submitlisting.first { padding-right:2%; }
#submitlisting .submitlisting.last { padding-left:2%; }
#submitlisting .submitlisting.first:after { display:none }
#submitlisting .submitlisting h2 { font-size:22px; line-height:22px; }
#submitlisting .submitlisting .rate { font-size:70px; }




.yogamap h2 { line-height:1; text-align:center !important }







}


@media (max-width: 640px) {


.half { width: 100%;  }

.content.area-information .image { float:none; margin:0 0 30px 0;  }

.content { padding:30px 25px; }

.introduction { padding:0 20px }
.intromap { width:100%; height:auto; float:none; margin:0 0 30px 0 }

}





@media (max-width: 500px) {

.owl-carousel { height:200px;}
.static-header { height:200px;}

.load-map .trigger { height:200px; }
.load-map .trigger div span { font-size: 20px; }
.load-map .trigger div p { font-size:12px; }

.owl-carousel .caption .slide_title .line1 { font-size:42px; }
.owl-carousel .caption .slide_title .line2 { letter-spacing:3px;}
	.owl-carousel .owl-nav .owl-prev { left:20px; width:40px }
	.owl-carousel .owl-nav .owl-next { right:20px; width:40px}

.owl-carousel .owl-controls .owl-nav .owl-prev:hover { left:20px; }
.owl-carousel .owl-controls .owl-nav .owl-next:hover { right:20px; }

.container.narrow { padding:60px 2%;}
.choose-types { height:500px; }

.listings, body#accommodation .listings { width: 98%; background-color:#fff; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); padding: 0 0 80px 0; }
.listings a.from span { left:0; top:0; border-radius:0; opacity:0.9 }
.listings h3 { font-size:20px; line-height:20px;}

.content .fancy-titles p:nth-child(2) { font-size:30px; }
.content .fancy-titles p:nth-child(3) { font-size:16px; }
.content .columns img { width:100%; margin:0 0 20px 0 }

.container.recentlistings .listings { width: 98%; }


.fourth { width:100%; }
.fourth { margin: 0 0 30px 0;}
body#home .categories .fourth p { display:none}



H2 {font-size:35px; line-height:35px;}

.yogamap h2 { line-height:1; text-align:center }



.full_width.boxed.intro p:first-child { font-size:23px; line-height:23px;}
.full_width.boxed.intro p:first-child b { font-size:30px; line-height:30px; }

body#home .categories .fourth.self_catering:before, body#home .categories .fourth.bed_and_breakfast:before, body#home .categories .fourth.guest_house:before, body#home .categories .fourth.hotel:before, body#home .categories .fourth.campsites:before, body#home .categories .fourth.guest_farms:before, body#home .categories .fourth.holiday_homes:before, body#home .categories .fourth.back_packers:before { font-size:100px; font-size:30vw; }

body#advert .thumbs a img { width:25%; }

.display_options { margin:0 1% 2% 1%; }
.sortbyprice, .sortbypax { font-size:10px;  padding:0 8px; margin-right:0px; }
.sortbyprice:after, .sortbypax:after { padding-left:10px;  }

body#accommodation .listings.alt, .listings2  { height:111px; min-height:111px; margin:0% 1% 2%; padding: 20px 20px 20px 170px; }
body#accommodation .listings.alt a.from, .listings2 a.from { width:150px;}
body#accommodation .listings.alt .profile, .listings2 .profile { padding-bottom: 0; height:109px;}
body#accommodation .listings.alt ul.listings_types, .listings2 ul.listings_types { display:none}
body#accommodation .listings.alt .profile:after, .listings2 .profile:after { position:absolute; top:50%; margin-top:-13px; right:-1px; left:auto; margin-left:0; content:""; width: 0; height: 0; border-style: solid; border-width: 13px 6px 13px 0; border-color: transparent #ffffff transparent transparent; }
body#accommodation .listings.alt .button, .listings2 .button {display:none }

body#accommodation .listings.alt a.from span, .listings2 a.from span { font-size:14px; line-height:10px; padding:5px 5px 3px 5px; }
.listings a.from span:before { font-size:8px; line-height:8px }
.listings a.from span.price.perunit:after, .listings a.from span.price.perperson:after { font-size:8px; line-height:8px; margin-top: 2px; }

.listings a .units { left:auto; right:0; top:0; }

/*body#accommodation .listings.alt .myfav, .listings2 .myfav { height:40px; width:150px; background:none }
body#accommodation .listings.alt .myfav a.wish, .listings2 .myfav a.wish { height:40px; width:40px; line-height:40px; font-size:16px; text-shadow:0px 0px 10px rgba(0,0,0,0.7);}
*/

body#accommodation .listings.alt .infobox { width:150px; background:none}
body#accommodation .listings.alt > .infobox > div { width:50px;}
body#accommodation .listings.alt .myfav { width:150px; }
body#accommodation .listings.alt .infobox > div.maxpax { display:none }
body#accommodation .listings.alt .infobox > div.maxunits { display:none }
body#accommodation .listings.alt .infobox > div.maxperunit { display:none }
body#accommodation .listings.alt .infobox > div:hover { background:none }


.travelbar ul li a.booknow, .travelbar ul li a.callusnow, .travelbar ul li a.sharepage, .travelbar ul li a.moreoptions { padding:0px;}
.travelbar ul li a.booknow:before, .travelbar ul li a.callusnow:before, .travelbar ul li a.sharepage:before, .travelbar ul li a.moreoptions:before { float:none; margin-right:0; display:block; font-size:20px; line-height:20px; margin-top:10px;}
.travelbar ul li a.booknow:after, .travelbar ul li a.callusnow:after, .travelbar ul li a.sharepage:after, .travelbar ul li a.moreoptions:after { font-size:10px; line-height:15px; }


.calculator { bottom: 118px; width:100%; left:0; }
.exchange { bottom: 118px; width:100%; left:0; }

form.form_style .captcha_image { width:40% !important; }
form.form_style2 .captcha_image { width:40% !important; }


}

@media (max-width: 300px) {

.yogamap h2 { max-width:150px; }
.yogamap p { margin-bottom:10px; max-width:150px;} 
.gm-style-iw img { max-width:150px;}
.yogamap .profile { max-width:150px;}

.content { padding:30px 15px; }


}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {




}