@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;
	font-style: normal;
}

.notice-message { position:fixed; left:0; bottom:0; width:100%; padding:6px; text-align:center; background:#226ab4; color:#fff; font-size:13px; z-index:1000 }

body { margin: 0px; font-family: 'Open Sans', Arial; font-weight:400; font-size:18px; line-height:26px; color:#777; overflow-x: hidden; overflow-y:visible; background-color:#f8f2e6  }
p {margin-top:0px; margin-bottom: 20px;}
a img {border:0;}
a { color: #1a5fa6; text-decoration:none; }
a:hover { color: #624d32;  }
a {outline: 0;}
.clearfix { clear:both;}
.green { color:#7ec624 }
.info.aa { text-align:center}
.info.aa img { width:133px !important; height:200px !important; }

H1 { position:relative; font-family: 'Lato', sans-serif; font-size:14px; line-height:18px; font-weight:400; font-style:italic; color: #95bbe3; margin:0px; padding:12px 1.6% 15px 1.6%; background-color:#1a5fa6;}
H2 { position:relative; margin:0 0 30px 0; padding:50px; text-align:center; font-family: 'Herr Von Muellerhoff', cursive; font-size:76px; line-height:76px; font-weight:400; color:#1a5fa6; background-color:#fff; }
H2 span { display:block; font-family:"Lato", Arial; font-size:20px; line-height:26px; font-style:normal; color:#777 } 
H3 { position:relative; font-family: 'Lato', sans-serif; font-size:26px; font-weight:400; color:#1a5fa6; margin:10px 0 10px 0; padding:0; }
H3:first-child { margin-top:0; }
H4 { margin:0 0 20px 0;  }

.flickerplate .arrow-navigation .arrow, .flickerplate .dot-navigation .dot, .flickerplate.animate-transition-slide ul.flicks, .flickerplate, #menu li a:before, #menu li a:after, .button, ul.tabs li { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
input, textarea, select, subject, .boxed, ul.tabs li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header { position:relative; display:table; width:100%; background-color:#226ab4; padding:0; color:#eee; text-align:center; }
.header .logo {  display:table-cell; vertical-align:middle; }
.header .logo img { margin:0 30px; float:left}
.header:after { content:""; clear:both; display:block; width:100%; }

.menu_wrapper { position:relative; float:right; padding: 0; margin-right:30px; text-align:center;  height: auto; z-index:1300; background-color:#226ab4; }
.menu_wrapper:after { content:""; clear:both; display:block; width:100%; }
#menu-icon { display: none; /* hide menu icon initially */}
#menu { display:table; margin:0; padding:0;  }
#menu li { margin:0; padding:0; list-style: none; float: left;}
#menu li a { position:relative; display:table-cell; vertical-align:middle; font-family:'Open Sans', sans-serif; font-weight:400; font-size:12px;  height:70px; text-decoration: none; color: #fff; padding: 20px 18px; cursor:pointer; text-transform:uppercase; border-bottom:5px solid #226ab4  }
#menu li:hover > a { border-bottom:5px solid #ff9c00; }
#menu li a.current { border-bottom:5px solid #ff9c00  }
#menu li a.current:before { color:#fff }
.menu_wrapper:hover #menu li .current, .menu_wrapper:hover #menu li .drop { border-bottom:none } 
/*#menu li .drop { background-image:url(img/drop-arrow.png); background-position: center bottom 15px; background-repeat:no-repeat;}
*/
ul#menu li ul { visibility:hidden; opacity:0; -webkit-box-shadow: 0 8px 16px -16px black; -moz-box-shadow: 0 8px 16px -16px black; box-shadow: 0 8px 12px -12px black; }
ul#menu li:hover > ul { display: block; opacity:1; visibility:visible;  }
ul#menu li ul { position:absolute; width:240px; float:left; margin:0; margin-top:0px; padding:20px; background: #226ab4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:999; text-align:left  }
ul#menu ul li { width:100%; margin:0; padding:0; }
ul#menu ul li a { display:block; height:auto; margin: 0; font-size:14px; line-height:14px; padding:10px; font-family: 'Lato', sans-serif; color:#fff; border-bottom:1px solid #1a5da3; text-transform:none}
ul#menu ul li:first-child a { padding-top:0; }
ul#menu ul li a:hover { color:#fff; border-bottom:1px solid #ff9c00 }

#menu a.home:before, #menu a.acc:before, #menu a.bal:before, #menu a.act:before, #menu a.att:before, #menu a.con:before { font-family:"Flaticon"; font-size:32px; line-height:32px; display:block; text-align:center; margin-bottom:10px; color:#124b86  }
#menu li:hover > a:before { color:#fff }

#menu a.home:before { content: "\e008"; }
#menu a.acc:before { content: "\e001"; }
#menu a.bal:before { content: "\e00e"; }
#menu a.act:before { content: "\e005"; }
#menu a.att:before { content: "\e010"; }
#menu a.con:before { content: "\e007"; }

#menu a.acc:after { content:"6"; position:absolute; top:10px; right:60px; width:20px; height:20px; border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; background-color:#124b86; line-height:20px; color:#226ab4}
#menu li:hover > a:after { background-color:#ff9c00; color:#fff }
#menu li a.current:after { background-color:#ff9c00; color:#fff }


.flickerplate { position:relative; margin: 0 auto 0px auto; height:560px; background-color:#e6e6e6; overflow:hidden;}
.flickerplate .sponsored_ads { position:absolute; bottom:0px; left:0; display:block; width:100%; padding:10px 0; background-color:#4acbcb; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.6); text-align:center; color:rgb(255,255,255); color:rgba(255,255,255,0.6); font-size:12px; letter-spacing:3px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; }
.flickerplate.advert { height:528px;}
.flickerplate ul.flicks { width:10000%;height:100%;padding:0px;margin:0px;list-style:none}
.flickerplate ul.flicks > li { float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}
.flickerplate ul.flicks>li .flick-inner { height:100%;padding:10px;color:#fff;display:table-cell;vertical-align:middle}

.flickerplate ul.flicks>li .flick-inner .flick-content a { color:#fff }
.flickerplate ul.flicks>li .flick-inner .flick-content a:hover { color:#ddd }
.flickerplate ul.flicks>li .flick-inner .flick-content { position:relative; max-width:90%;margin-left:auto;margin-right:auto; text-align:center;}
.flickerplate ul.flicks>li .promo_title { font-family: 'Oswald', sans-serif; font-size:48px; line-height:48px; font-weight:300; color:#fff; padding:10px; margin-bottom:0; display:inline-block; background-color: rgb(34,106,180); background-color: rgba(34,106,180,0.7);}
.flickerplate ul.flicks>li .promo_location { font-family: 'Oswald', sans-serif; letter-spacing:1px; font-size:14px; line-height:14px; font-weight:300; text-transform:uppercase; color:#fff; display:inline-block; padding:5px 5px 5px 9px; margin-bottom:5px; background-color: rgb(78,207,207); background-color: rgba(255,156,0,0.7);}
.flickerplate ul.flicks>li .promo_callus { font-family: 'Open Sans', sans-serif; letter-spacing:1px; font-size:16px; line-height:1; font-weight:700; text-transform:uppercase; color:#fff; display:inline-block; padding:7px 7px 7px 11px; margin-bottom:5px; background-color:red; border-radius:3px;}
.flickerplate ul.flicks>li .promo_callus a:hover { color:#fff !important; text-decoration:underline }

.flickerplate .arrow-navigation{position:absolute;height:80%;width:10%;top:10%;z-index:100;overflow:hidden}
.flickerplate .arrow-navigation .arrow{display:block;height:100%;width:90%;}
.flickerplate .arrow-navigation:hover,.flickerplate .arrow-navigation .arrow:hover{cursor:pointer}
.flickerplate .arrow-navigation.left{left:0%;}
.flickerplate .arrow-navigation.left .arrow{opacity:1;margin:0px 0px 0px 50%;background-image:url("img/arrow-left-light.png");background-repeat:no-repeat;background-position:left}
.flickerplate .arrow-navigation.right{right:0%}
.flickerplate .arrow-navigation.right .arrow{opacity:1;margin:0px 0px 0px -50%;background-image:url("img/arrow-right-light.png");background-repeat:no-repeat;background-position:right}
.flickerplate .arrow-navigation.left.hover .arrow{opacity:1;margin:0px 0px 0px 20%}
.flickerplate .arrow-navigation.right.hover .arrow{opacity:1;margin:0px 0px 0px -20%}
.flickerplate .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:center;z-index:100}
.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0px 15px}
.flickerplate .dot-navigation ul li{display:inline-block;float:none}
.flickerplate .dot-navigation .dot{width:15px;height:15px;margin:0px 5px; border: 3px solid rgba(255,255,255,0.7);border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,1)}
.flickerplate .dot-navigation .dot.active{background-color:#fff}
.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left}
.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text{background-color:rgba(255,255,255,0.5)}
.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s}
.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;}
.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0%}
.flickerplate.animate-scroller-slide{padding-bottom:0px;overflow:auto}.flickerplate.animate-scroller-slide ul.flicks{position:auto}

#parallax {  margin: 0 auto; width: 100%; max-width: 1920px; position: relative;}

#parallax.p_block_quote { background: url(quote-bk.jpg) 50% 50% no-repeat fixed;  margin-bottom:60px;}
#parallax.p_acc { background: url(accommodation-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_106 { background: url(106-la-ballito-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_acc3 { background: url(106-les-mouettets-beachfront-gem-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_acc1504 { background: url(1504-sea-forever-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_acc32 { background: url(32-malibu-at-beverly-hills-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_acc1302 { background: url(1302-la-ballito-honeymoon-bliss-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_acc20 { background: url(20-casablanca-beach-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_acc404 { background: url(106-les-mouettets-beachfront-gem-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_acc19 { background: url(19-casablanca-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_acc611 { background: url(611-jewel-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_acc11 { background: url(11-simbalina-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_ballito { background: url(ballito-beach-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_activities { background: url(activities-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_attractions { background: url(attractions-header.jpg) 50% 0 no-repeat fixed; height:450px; }
#parallax.p_contactus { background: url(contactus-header.jpg) 50% 0 no-repeat fixed; height:450px; }


.max_width { position:relative; margin:0 0 60px 0; }
	.max_width.unboxed { padding: 1% 0}
		.max_width.unboxed p { padding: 0 2%}
.full_width { position:relative; margin:0 1.6% 60px 1.6%;}
	
.container { margin:0 1.6% 60px 1.6%; } /*You have to have a container / wrap element for the columns below to work */
.container:before, .container:after { content:""; display:block; height:0; visibility:hidden; clear:both}
.container p:nth-child(1) { font-size:36px; line-height:36px; border-bottom: 5px solid #ebe1ce; padding-bottom:30px; margin-bottom:30px; text-transform:uppercase }
.container p:nth-child(1) b { color:#226ab4 }
.container p:nth-child(2) { font-size:25px; line-height:25px; font-style:italic; margin-bottom:20px }
	

	.col { display: block; float:left; margin: 0 0 0 1.6%; }
	.col:first-child { margin-left: 0;}
	
	.half { width: 49.2%; }
	.third { width: 32.26%; text-align:center }
	.fourth { width: 23.8%; text-align:center  }
	.fifth { width: 18.72%; }
	.sixth { width: 15.33%; }
	.seventh { width: 12.91%; }
	.eighth { width: 11.1%; }
	
	.boxed { position:relative; background-color:#fff; padding:2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.semi_boxed { position:relative; background-color:#fff; padding: 0 0 30px 0; margin-bottom: 1.6%;} 
		.semi_boxed p { padding:10px 30px 0px 30px;} /* We have to use PIXELS instead of PERCENTAGE */
	.unboxed { position:relative; padding:1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
		.unboxed p { padding:10px 0px 10px 0px;}
	
	.boxed img, .semi_boxed img, .unboxed img, .one_third img, .fluid_fixed .fixed img { width:100%; height:auto; margin-bottom:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	.one_third { width:40%; float:left; background:none !important  }
	.one_third img { width:100%; height:auto }
	.two_third { width:60%; float:left; background:none !important }
	.two_third:after { content:""; display:block; height:0; visibility:hidden; clear:both}

/*.third H3 span:before { content:"from"; font-size:12px; line-height:12px; display:block }
.third H3 span { position:absolute; top:-92px; left:50%; margin-left:-40px; width:80px; height:60px; text-align:center; background-color:#fff; color:#ff9c00; border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; font-size:22px; line-height:22px; padding-top:20px; font-family:"Oswald", Arial; }*/

.fluid_fixed { padding-left:430px; overflow:hidden; margin:60px 1.6% 60px 1.6%;  }
.fluid_fixed .fluid { position:relative; width:100%; float:left; margin: 0 auto 0 -430px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fluid_fixed .fluid img { width:100%; height:auto }
.fluid_fixed .fixed { position:relative; width: 400px; float: right; margin-bottom:30px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fluid_fixed .fixed H3 { text-align:center; background-color:#ff9c00; text-transform:none; padding:20px 0; margin:0 !important; color:#fff }
.fluid_fixed .fixed .content { padding:0px; }
.fluid_fixed .fixed .content .feature { position:relative}
.fluid_fixed .fixed .content .feature H4 { position:relative; background-color:#fff; padding:20px 0; margin:0 0 30px 0; color:#fff; text-align:center }
.fluid_fixed .fixed .content .feature H4 a { color:#226ab4 }

.fluid_fixed .fixed img { width:100%; height:auto; margin-bottom:0px;}
.fluid_fixed:after { content:""; display:block; height:0; visibility:hidden; clear:both }

.fluid_fixed .fluid .info { background-color:#fff; margin-bottom:30px; padding:30px 60px 60px 60px; color:#525252 }
.fluid_fixed .fluid .info H3 { margin:0; padding:0 0 30px 0; background-color:#fff; text-align:center; }
.fluid_fixed .fluid .info H3:before { content:url("img/arrow-up.png"); width:132px; height:34px; position:absolute; top:-50px; left:50%; margin-left:-66px; }
.fluid_fixed .fluid .info H3:after { content:""; width:200px; height:5px; background-color:#ff9c00; display:block; margin-top:30px; position:relative; top:0px; left:50%; margin-left:-100px;}

.fluid_fixed .fixed .info { padding:30px; font-size:14px; background-color:#fff; margin-bottom:30px; }
.fluid_fixed .fixed .info .from_rate:before { content:"from"; display:block; font-size:14px; line-height:14px; margin-left:8px; font-weight:normal }
.fluid_fixed .fixed .info .from_rate { font-family:"Lato", Arial; color:#226ab4; font-size:80px; line-height:70px; margin-bottom:20px; padding-bottom:20px; margin-left:-8px; border-bottom:1px solid #eee; font-weight:bold }
.fluid_fixed .fixed .info .from_rate:after { content:"per night"; display:inline-block; font-size:14px; line-height:14px; margin-left:8px; font-weight:normal}
.fluid_fixed .fixed .info table { margin:10px 0 }



/*.fixed_fluid { padding-right:450px; overflow:hidden; margin:60px 1.6% 60px 1.6%;  }
.fixed_fluid .fixed { position:relative; width: 430px; float: left; margin-bottom:30px; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fixed_fluid .fluid { position:relative; width:100%; float:left; margin: 0 -450px 0 auto; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.fixed_fluid .fixed img { width:100%; height:auto; margin-bottom:10px;}
.fixed_fluid:after { content:""; display:block; height:0; visibility:hidden; clear:both }*/

/*.block_quote { position:relative; background-color:#eee5d2; text-align:center; font-family:"Lato", Arial; font-size:45px;  line-height:45px; font-style:italic; padding:100px; margin-bottom:60px; color:#76633c; }*/
.block_quote { position:relative; text-align:center; font-family:"Lato", Arial; font-weight:300; font-size:45px;  line-height:45px; font-style:italic; padding:100px; color:#1a5fa6; }
.block_quote span { display:block; font-size:22px; line-height:22px; margin-top:20px; }
.block_quote:before { content:"\201C"; font-size:165px; line-height:165px; font-family:"Open Sans"; color:#fff; position:absolute; top:0; left:0; }
.block_quote:after { content:"\201D"; font-size:165px; line-height:165px; font-family:"Open Sans"; color:#fff; position:absolute; bottom:-60px; right:60px; }

.collage img { width:20%; height:auto; float:left  }

#footer { position:relative; background-color:#226ab4; padding:60px; text-align:center; color:#fff; clear:both; display:block }
#footer img { margin-bottom:20px; }
#footer p { margin-bottom:0px; font-size:14px; }



#weather { color:#fff; background: #226ab4; padding: 30px; margin: 0px auto 30px auto; border-radius: 1px;}
#weather H2 { background:none; font-family:"Lato", Arial; font-weight:300; font-size:40px; line-height:40px; margin:0 0 20px 0; padding:0; display:none}
			
@font-face{font-family:weathericons;src:url(fonts/weathericons-regular-webfont.eot);src:url(fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/weathericons-regular-webfont.woff) format('woff'),url(fonts/weathericons-regular-webfont.ttf) format('truetype'),url(fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg) format('svg');font-weight:400;font-style:normal}.wi:after,.wi:before{display:inline-block;font-family:weathericons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flatWeatherPlugin{font-size:inherit;width:100%}.flatWeatherPlugin h2,.flatWeatherPlugin h3,.flatWeatherPlugin li,.flatWeatherPlugin p,.flatWeatherPlugin ul{padding:0;margin:0;color:inherit;}#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 5px}.flatWeatherPlugin .wiToday{width:100%;overflow:hidden}.flatWeatherPlugin .wiToday>.wiIconGroup{float:right;width:50%;text-align:center}.flatWeatherPlugin .wiToday>.wiIconGroup p{width:100%;color:inherit;line-height:1em;padding:6px 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:center}.flatWeatherPlugin ul.wiForecasts ul.wiForecast li.wi:before{vertical-align:bottom}.flatWeatherPlugin ul.wiForecasts li.wiDay{font-weight:700;border-color:inherit;border-top:1px solid RGBA(255,255,255,.2);padding:5px 0}.flatWeatherPlugin.forecast ul.wiForecasts li.wiDay{border-bottom:1px solid RGBA(255,255,255,.2);border-top:none}.flatWeatherPlugin ul.wiForecasts li.wiDay:last-child{border-bottom:none}.wi.sunrise:before{content:"\f051"}.wi.sunset:before{content:"\f052"}.wi.wind:before{content:"\f050"}.wi.humidity:before{content:"\f04e"}.wi.pressure:before{content:"\f040"}.wi.cloudiness:before{content:"\f041"}.wi.temperature.metric:after{content:"\f03c"}.wi.temperature.imperial:after{content:"\f045"}.wi.loading:after{content:"\f04c"}.wi.wi200:before,.wi.wi201:before{content:"\f01d"}.wi.wi202:before{content:"\f01e"}.wi.wi210:before{content:"\f010"}.wi.wi211:before,.wi.wi212:before{content:"\f01e"}.wi.wi221:before{content:"\f016"}.wi.wi230:before,.wi.wi231:before,.wi.wi232:before{content:"\f01d"}.wi.wi300:before,.wi.wi301:before,.wi.wi302:before,.wi.wi310:before{content:"\f01c"}.wi.wi311:before,.wi.wi312:before{content:"\f017"}.wi.wi313:before,.wi.wi314:before,.wi.wi321:before,.wi.wi500:before{content:"\f01a"}.wi.wi501:before{content:"\f017"}.wi.wi502:before,.wi.wi503:before{content:"\f019"}.wi.wi504:before{content:"\f018"}.wi.wi511:before{content:"\f015"}.wi.wi520:before,.wi.wi521:before,.wi.wi522:before,.wi.wi531:before{content:"\f01a"}.wi.wi600:before,.wi.wi601:before,.wi.wi602:before{content:"\f01b"}.wi.wi611:before,.wi.wi612:before{content:"\f015"}.wi.wi615:before,.wi.wi616:before,.wi.wi620:before,.wi.wi621:before,.wi.wi622:before{content:"\f017"}.wi.wi701:before{content:"\f014"}.wi.wi711:before{content:"\f062"}.wi.wi721:before{content:"\f014"}.wi.wi731:before{content:"\f063"}.wi.wi741:before{content:"\f014"}.wi.wi751:before,.wi.wi761:before,.wi.wi762:before{content:"\f063"}.wi.wi771:before{content:"\f050"}.wi.wi781:before{content:"\f056"}.wi.wi800:before{content:"\f00d"}.wi.wi801:before,.wi.wi802:before,.wi.wi803:before{content:"\f002"}.wi.wi804:before{content:"\f00c"}.wi.wi900:before{content:"\f056"}.wi.wi901:before,.wi.wi902:before{content:"\f073"}.wi.wi903:before{content:"\f076"}.wi.wi904:before{content:"\f072"}.wi.wi905:before{content:"\f050"}.wi.wi906:before{content:"\f015"}.wi.wi951:before{content:"\f00d"}.wi.wi952:before,.wi.wi953:before,.wi.wi954:before,.wi.wi955:before{content:"\f021"}.wi.wi956:before,.wi.wi957:before,.wi.wi958:before{content:"\f050"}.wi.wi959:before,.wi.wi960:before,.wi.wi961:before,.wi.wi962:before{content:"\f073"}



ul.tabs { margin: 0; padding: 0; float: left; list-style: none; width: 100%; }
ul.tabs li { background-color:#eee6d6; font-family:'Lato', Arial; font-size:18px; float: left; margin: 0; cursor: pointer; padding:20px 0; width:25%; line-height:normal; overflow: hidden; position: relative; border-right:1px solid #fff; text-align:center}
ul.tabs li:after { content:""; clear:both; display:block; width:100%; height:0; visibility:hidden }
ul.tabs li:last-child { border:none }

ul.tabs li:nth-child(1):before { content: "\e009"; font-family:"Flaticon"; display:block; font-size:32px; line-height:32px; margin-bottom:4px; }
ul.tabs li:nth-child(2):before { content: "\e004"; font-family:"Flaticon"; display:block; font-size:32px; line-height:32px; margin-bottom:4px;}
ul.tabs li:nth-child(3):before { content: "\e00c"; font-family:"Flaticon"; display:block; font-size:32px; line-height:32px; margin-bottom:4px; }
ul.tabs li:nth-child(4):before { content: "\e00b"; font-family:"Flaticon"; display:block; font-size:32px; line-height:32px; margin-bottom:4px; }

.tab_last {  }
ul.tabs li:hover { background-color: #226ab4; color: #fff;}
ul.tabs li.active { background-color: #fff; color: #777; display: block; border-top:5px solid #fff; top:-5px;  }
ul.tabs li.active:before { color:#226ab4 }
.tab_container { position:relative; clear: both; float: left; width: 100%; background: #fff; overflow: auto; line-height:24px; top:-5px; }
.tab_content { padding: 60px;}
.tab_content p:first-child { font-size:28px; line-height:28px; margin-bottom:20px; font-weight:400 }
.tab_content p:last-child { font-weight:400}
.tab_container ul { margin: 0 0 0px 0; padding:0; list-style:none}
.tab_container:after { content:""; clear:both; display:block; width:100%; visibility:hidden; height:0; }
.tab_content h4 { margin:40px 0 20px 0; font-size:26px; font-weight:400; color:#1a5fa6; }

table { margin:30px 0; }


#galleryOverlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index:100000;background-color:#222;background-color:rgba(0,0,0,.8);overflow:hidden;display:none;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}#galleryOverlay.visible{opacity:1}#gallerySlider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;-moz-transition:left .4s ease;-webkit-transition:left .4s ease;transition:left .4s ease}#gallerySlider .placeholder{background:url(img/preloader.gif) center center no-repeat;height:100%;line-height:1px;text-align:center;width:100%;display:inline-block}#gallerySlider .placeholder:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#gallerySlider .placeholder img{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle}#gallerySlider.rightSpring{-moz-animation:rightSpring .3s;-webkit-animation:rightSpring .3s}#gallerySlider.leftSpring{-moz-animation:leftSpring .3s;-webkit-animation:leftSpring .3s}@-moz-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-moz-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}#nextArrow,#prevArrow{border:none;text-decoration:none;background:url(img/arrows.png) no-repeat;opacity:.5;cursor:pointer;position:absolute;width:43px;height:58px;top:50%;margin-top:-29px;-moz-transition:opacity .2s ease;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}#nextArrow:hover,#prevArrow:hover{opacity:1}#prevArrow{background-position:left top;left:40px}#nextArrow{background-position:right top;right:40px}

.gallery { position:relative; margin-bottom:30px; background-color:#fff; padding:0.25% }
.gallery a img { width:19.5% !important; height:auto; float:left; padding:0.25%}

.mini-gallery.gallery a img { width:32.5% !important; height:auto; float:left; padding:0.25%}

.gallery:after { content:""; clear:both; display:block; width:100%; visibility:hidden; height:0; }
.gallery.ballito a img { width:16.16666% !important; height:auto; float:left; padding:0.25%}

.button { position:relative; display:block; width:120px; padding: 10px 0px; margin:0px auto; text-decoration:none; font-family: 'Lato', Arial; font-size:18px; font-weight:300; color:#efefef; text-align:center; background-color: #226ab4;}
.button:hover { color:#fff; background-color:#ff9c00}


ul.list_style { margin:30px 0 !important; position:relative; display:block}
ul.list_style, ul.list_style li, ul.list_style ul { display:block; list-style-type:none; margin:0; padding:0; font-weight:normal;}
ul.list_style li { display:block; width: 100%; font-size:18px; line-height:20px; padding: 0px 0 0px 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(img/icon-tick.png) left center no-repeat; margin-bottom:20px;}
ul.list_style:after { content:""; width:100%; clear:both; height:0; visibility:hidden; display:block }

.tab_content ul.list_style li { width: 50%; float:left }
.tab_content ul.list_style.conditions li { width: 100%; float:none }
ul.list_style.conditions li { background: url(img/bullet.png) left center no-repeat;}

.rates { color:#ff0000}


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

.contact_form { text-align:left; clear:both; margin-top:20px; }
#contact { position:relative; text-align:left}
#contact img { border:none; background:none}
label { line-height: 25px; font-size: 18px; font-style:italic;}
input, textarea, select, subject { width: 100%;  margin-bottom: 10px; padding: 20px; margin-bottom:20px; color: #333; border: 0px solid #ccc; font-size:24px; background-color:#eee }
input:focus, textarea:focus, select:focus { background-color:#226ab4;  -moz-box-shadow:0 0 0 #ddd; -webkit-box-shadow:0 0 0 #ddd ;box-shadow: 0 0 0 #ddd; outline: none; color: #fff }
input.submit { width: 120px; cursor: pointer; background:#d0b8aa !important; color:#fff; }
input.submit:hover { background:#a28574 !important; }
input[type="submit"][disabled] { background:#888; cursor: default; }
span.required { font-size: 16px; color: #ff0000; }
.captcha_image { width:20% !important; height:auto !important }
::-webkit-input-placeholder { color: #888;}
:-moz-placeholder { color: #888;}
::-moz-placeholder { color: #888;}
:-ms-input-placeholder { color: #888;}


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

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

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



.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:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;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:12px;line-height:25px;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:12px;line-height:15px;text-align:right;background:#f5f5f5}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button{color:#fff;font-weight:700;background:#3af;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:#ff8000!important;box-shadow:none!important;border-radius:3px!important}.pika-table abbr{border-bottom:none;cursor:help}

.scrollToTop { width:50px; height:50px; position:fixed; bottom:60px; right:15px; display:none; background: url(img/backup.png) no-repeat; opacity:0.4; z-index:1001}
.scrollToTop:hover{ text-decoration:none; opacity:1}

/* INTERNET EXPLORER 8 */

.flickerplate ul.flicks>li .flick-title, .static_slider .flick-title {  color:#40dbcc\0/;}
.flickerplate .dot-navigation .dot{border: 3px solid rgb(255,255,255)\0/;}
.flickerplate .dot-navigation .dot:hover{ background-color:rgb(255,255,255)\0/;}
.flickerplate .dot-navigation .dot.active{background-color:rgb(255,255,255)\0/;}
.button {background-image:none\0/; padding-right: 20px\0/;}


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



}

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

.header .logo {  display:table-cell; vertical-align:middle; }
.header .logo img { margin:0 0 0 30px; float:left; width:200px; height:auto}


}

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

H1 { text-align:center}
.header { display:block; }
.header .logo {  display:block; width:auto; height:auto; }
.header .logo img { margin:30px 0; float:none}

.menu_wrapper { float:none; margin-right:0px; }
.table { display: table;   /* Allow the centering to work */margin: 0 auto; }

.fluid_fixed { padding-left:300px;  }
.fluid_fixed .fluid { margin: 0 auto 0 -320px; }
.fluid_fixed .fixed {  width: 300px; }

.fourth { width: 49.2%; margin-bottom:1.6% }
.col:nth-child(2n+1) { margin-left: 0; }

.third.col { margin-left:0  }
.third { width:100%; margin-bottom:30px; height:225px; padding-bottom:0; padding-top:0  }
.third img { position:absolute; top:0; left:0; width:300px; height:225px;}
.third H3 { padding:0; margin-left: 360px; text-align:left}
.third H3 span:before { content:"from"; font-size:12px; line-height:12px; display:block }
.third H3 span { position:absolute; top:50%; left:-60px; margin-top:30px; width:80px; height:60px; text-align:center; background-color:#fff; color:#ff9c00; border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; font-size:22px; line-height:22px; padding-top:20px; font-family:"Oswald", Arial; }
.third p { margin-left: 360px; padding:10px 30px 0px 0px; margin-bottom:15px; text-align:left; max-height:80px; overflow-y:hidden; line-height:20px }
.third:after { content:""; clear:both; display:block; visibility:hidden; height:0; }
.third .button { margin-left:360px; padding:8px 5px; margin-bottom:0; font-size:12px; line-height:14px; text-transform:uppercase; width:100px; }


ul.tabs li { font-size:14px; padding:15px 0;}
.tab_content { padding: 30px;}
.tab_content ul.list_style li { width: 100%; float:none }



}

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

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


@media (max-width: 767px) {



H1 { text-align:center}
.header { display:block; }
.header .logo {  display:block; width:auto; height:auto; }
.header .logo img { margin:30px 0; float:none}

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

#menu-icon { font-family: 'Lato', Arial; font-size: 24px; text-transform:uppercase; color:#fff; width: 100%; margin: 0 auto; text-align:center; line-height: 70px; background: url(img/plus-minus.png) no-repeat 31px 12px; cursor: pointer; display: block; /* show menu icon */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#menu-icon.active {	background-image:url(img/plus-minus.png); background-position:31px -35px; background-repeat:no-repeat; background-color:#1a5fa6}

#menu { display:none; }
#menu li { float: none;}
#menu li a { display:block; border-bottom:1px solid #1a5fa6; height:80px; line-height:80px; padding: 0; text-align:left; font-size:20px; text-transform:none  }
#menu li a:hover, .menu_wrapper:hover #menu li .current, #menu li a.current, .menu_wrapper:hover #menu li .drop, ul#menu li ul a:hover { border-bottom:1px solid #1a5fa6  }

#menu a.acc:after { content:"5"; position:absolute; top:15px; left:45px; width:20px; height:20px; border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; background-color:#ff9c00; line-height:20px; font-size:14px; text-align:center; color:#fff}

#menu a.home:before, #menu a.acc:before, #menu a.bal:before, #menu a.act:before, #menu a.att:before, #menu a.con:before { font-family:"Flaticon"; font-size:32px; line-height:80px; display:block; width:80px; float:left; text-align:center; margin-bottom:0px; margin-right:30px; color:#fff; border-bottom:1px solid #1a5fa6; border-right:1px solid #1a5fa6  }
#menu li:hover > a:before { color:#fff }

ul#menu li ul { position:relative; width:100%; float:none; display: block; text-align:center; opacity:1; visibility:visible;  -webkit-box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; box-shadow: 0 0 0 0 black; padding:0; margin:0; border-bottom:1px solid #1a5fa6; }
ul#menu li ul li a { margin-left:80px; padding:0; padding-left:30px; line-height:60px; font-size:16px; border-bottom:1px solid #1a5fa6;  }
ul#menu ul li:last-child a { border:none  }

.flickerplate { position:relative; margin: 0 auto 0px auto; height:360px; background-color:#e6e6e6; overflow:hidden;}
.flickerplate ul.flicks>li .promo_title { font-size:20px; line-height:20px;}
.flickerplate ul.flicks>li .promo_location { font-size:10px; line-height:10px;}

#parallax.p_acc, #parallax.p_acc19, #parallax.p_acc611, #parallax.p_acc11, #parallax.p_ballito, #parallax.p_activities, #parallax.p_attractions, #parallax.p_contactus { background:none; height:250px; }

#parallax.p_block_quote { background:#eee5d2; margin-bottom:0px; }
#parallax.p_acc:after { content:""; display:block; background: url(accommodation-header.jpg) center center no-repeat !important; height:250px; background-size:cover !important }
#parallax.p_acc19:after { content:""; display:block; background: url(19-casablanca-header.jpg) center center no-repeat !important; height:250px; background-size:cover !important }
#parallax.p_acc611:after { content:""; display:block; background: url(611-jewel-header.jpg) center center no-repeat !important; height:250px; background-size:cover !important }
#parallax.p_acc11:after { content:""; display:block; background: url(11-simbalina-header.jpg) center center no-repeat !important; height:250px; background-size:cover !important }
#parallax.p_ballito:after { content:""; display:block; background: url(ballito-beach-header.jpg) center center no-repeat !important; height:250px; background-size:cover !important }
#parallax.p_activities:after { content:""; display:block; background: url(activities-header.jpg) center center no-repeat !important; height:250px; background-size:cover !important }
#parallax.p_attractions:after { content:""; display:block; background: url(attractions-header.jpg) center center no-repeat !important; height:250px; background-size:cover !important }
#parallax.p_contactus:after { content:""; display:block; background: url(contactus-header.jpg) center center no-repeat !important; height:250px; background-size:cover !important }

H2 { margin:0 0 0px 0; }

.col { margin: 0 0 0px 0; }
.third { width: 100%;  }
.container { margin:0 0 0px 0; }

.fluid_fixed { padding-left:0px; margin:0px 0 0px 0; }
.fluid_fixed .fluid { margin: 0 auto 0 auto; padding:0px 0px 0px 0px; }
.fluid_fixed .fixed {  width: 100%; margin-bottom:0px; }

.fluid_fixed .fluid .info { background-color:#fff; margin-bottom:0px; padding:30px; color:#525252 }
.fluid_fixed .fixed .info {  margin-bottom:0px; }
#weather {  margin: 0px auto 0px auto; }
.fluid_fixed .fixed .content .feature H4 {  margin:0 0 0px 0; }

ul.tabs li { font-size:14px; padding:15px 0;}
.tab_content { padding: 30px;}
.tab_content ul.list_style li { width: 100%; float:none }

.block_quote { font-size:30px;  line-height:30px; padding:50px; }
.block_quote span { font-size:16px; line-height:16px; }
.block_quote:before { font-size:65px; line-height:65px; top:10px; left:10px; }
.block_quote:after { font-size:65px; line-height:65px; bottom:-10px; right:40px; }

.contact_form { padding-left: 0; }
.contact_form .half { width: 100% !important; margin-right: 0;}
.contact_form .first { margin-left: 0px; }
.contact_form .last { width: 100%; margin-bottom:40px;}

.fourth { width: 100%; margin-bottom:1.6% }

}


@media (max-width: 600px) {

.blockquote { font: 300 24px/30px "Times New Roman", Times, serif; padding: 90px 30px 60px 30px;}
.map { height:250px ; }
.contact_left, .contact_right { position:relative; width:100%; float:left; text-align:center }

.one_half { position:relative; }
.one_half .half { width:100%; float:none; }



}

@media (max-width: 500px) {

.flickerplate{height:200px;}
.flickerplate ul.flicks>li .flick-title { display:none}

ul.tabs li { font-size:12px;}

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

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

#post_comment_wrapper .comment { padding:0 10px !important}

}

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



}