banner@charset "UTF-8";

html,body{ height:100%; margin:0; padding:0; }

#debug { position:fixed; top:2px; left:2px; padding:2px; background:#ffffff; color:#000000; z-index:1000000 }
body { font-size: 14px; background-color:#e1be90; height:100%; margin:0; padding:0; color:#fff;  font-family: 'Josefin Sans';}

.white{color:#ffffff}
.black{color:#000000}
.blue{color:#86c5c2}
.pink{color:#d15683}
.orange{color:#efc144}
.gold{color:#e1be90}
.salmon{color:#e09693}
.bgsalmon{background-color:#ec9e80}
.bgblue{ background-color:#86c5c2;}
.fl { float: left;}
.fr { float: right;}

img{box-shadow: #000 0 0 0}

.s10{font-size:10px}.s12{font-size:12px}.s14{font-size:14px}.s16{font-size:16px}.s17{font-size:17px}.s18{font-size:18px}.s19{font-size:19px}.s20{font-size:20px}.s22{font-size:22px}.s24{font-size:24px}.s28{font-size:28px}.s32{font-size:32px}

.response-only { display:none; }

h1{ margin:50px 0px 30px 0px; padding:0; display:block; font-size:48px; line-height:0.9em; font-weight:normal; font-family: 'Oswald'; text-transform:uppercase}
h2{ margin:20px 0px 10px 0px; padding:0; display:block; font-size:48px; line-height:0.9em; font-family: 'Oswald'; font-weight:normal; text-transform: uppercase; letter-spacing: -1px;}
h3{ margin:20px 0px 10px 0px; padding:0; display:block; font-size:17px; line-height:1.2em; font-weight:normal; color:#efc144;font-family: 'Josefin Slab';}
h4{ margin:20px 0px 10px 0px; padding:0; display:block; font-size:16px; line-height:1.2em; font-weight:normal; color:#86c5c2;font-family: 'Josefin Slab';}
h5{ margin:20px 0px 10px 0px; padding:0; display:block; font-size:17px; line-height:1.2em; font-weight:normal; color:#d15683;font-family: 'Josefin Slab';}

p { font-family:"Josefin Sans"; }
a { color: #c5736f; }

.divider{ height:1px; display:block; clear:both; border-bottom:#ffffff solid 1px; margin:12px 0px 12px 0px;}

.wrapper{width:100%;clear:both;  margin:0px 0px 0px 0px;}
.content{width:896px; display:block; margin: 0px auto 0px auto; }

#headerwrapper{width:100%; clear:both; padding:0px; background:url(media/head-bg.png) repeat-x top center; position:fixed; top:0px;z-index:20000 }
#header{width:/*896px*/950px;margin: 0px auto 0px auto; clear:both; height:228px; background:url(media/header-arrow-bg-v2.png) no-repeat top center; }
#navi1 { display:inline-block; width:35%; line-height:64px; margin-bottom: 36px; }
#navi2 { display:inline-block; width:30%; text-align:center }
#navi3 { display:inline-block; width:35%; line-height:64px; margin-bottom: 36px;}
#navi2 img { width:220px; }

.dim:hover { opacity:0.6; filter:alpha(opacity=60); }
a:link { text-decoration: none; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out; }
a:hover { color: #e3aba8; text-decoration: none; }

a#gototop { display:block; background:url(media/gototop.png) no-repeat 0px 0px; height:17px;  width:69px; cursor:pointer; padding-top:10px; position:fixed; right:0px; bottom:0px; font-family: 'TradeGothicW01-BoldCn20 675334';; color:#ffffff; font-size:10px; text-align:center;z-index:10000; }
a#gototop:hover { color:#ffffff  }

a:visited{color:#000000}
a:focus, a:active, input:focus, input:active{ outline:0; border:none;}
.clear{ clear:both; overflow:hidden; height:1px;}

ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;list-style: none;}
li {margin:0px; padding:0px 0px 0px 0px;list-style-position: outside; }

table { border-collapse: collapse; margin: 20px 0;}
td,th { border: 1px solid #fff; padding:3px 18px; }

/*-------nav-------*/
.trigger{display:none;}
#menu{width:/*896px*/950px; position:absolute; top:5px; margin: 0px auto 0px auto; }
ul.navleft {	margin:0px;padding:0px ;list-style-type:none; }
ul.navright {	margin:0px;padding:0px ;list-style-type:none; }
li.navleft, li.navright{	margin:0px;padding:0px ;list-style-type:none;}

.navleft li{margin:0px; padding:0px 0px 0px 4px;list-style:none;display:block;float:left; font-family: 'Oswald'; }
.navright li{margin:0px; padding:0px 0px 0px 4px;list-style:none;display:block;float:left; font-family: 'Oswald'; }

.navleft a, .navright a, .navright a.pink, .navleft a.salmon{display: block; float:left; color:#ffffff; padding:0px 5px; font-size:14px; font-family: 'Oswald'; text-transform: uppercase; letter-spacing: 0.2px; }
.navleft a:hover{ color:#e09693;}
.navleft a.salmon:hover{ color:#ec9e80;}
.navright a:hover{ color:#e09693;}
.navright a.pink:hover{ color:#d15683;}
.navright a.blue:hover{ color:#86c5c2;}
.navleft a.selected{display: block; float:left; padding:0px 5px;font-size:14px; font-family: 'Oswald'; letter-spacing: 0.2px; }
.navleft a.salmon.selected{display: block; float:left; color:#ec9e80; padding:0px 5px;font-size:12px; font-family: 'Oswald'; }
.navright a.selected{display: block; float:left; color:#efc144; padding:0px 5px;font-size:12px; font-family: 'Oswald'; }
.navright a.pink.selected{display: block; float:left; color:#e09693; padding:0px 5px;font-size:12px; font-family: 'Oswald'; }
.navright a.blue.selected{display: block; float:left; color:#86c5c2; padding:0px 5px;font-size:12px; font-family: 'Oswald'; }

.socialresponse { display:none; }
#navi1respons, #navi2respons, #navi3respons{ display:none; }
/*-------submenus-------*/
.submenu{width:242px; border-top:#ffffff solid 1px;  border-bottom:none; border-right:none; border-left:none; display:block; margin-top:20px;}

a.submenublue {display: block; color:#ffffff; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrow.png) no-repeat right 6px}
a.submenublue:hover, a.submenublueselected{display: block; color:#86c5c2; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334';background:url(media/subarrowblue.png) no-repeat right 6px }
a.submenupink {display: block; color:#ffffff; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrow.png) no-repeat right 6px;}
a.submenupink:hover, a.submenupinkselected{display: block; color:#d15683; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowpink.png) no-repeat right 6px; }
a.submenublack {display: block; color:#ffffff; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrow.png) no-repeat right 6px;}
a.submenublack:hover, a.submenublackselected{display: block; color:#000000; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowblack.png) no-repeat right 6px; }
a.submenuyellow {display: block; color:#ffffff; padding:20px 10px; font-size:12px; font-family: 'Josefin Sans'; border: 1px solid #fff; text-align: center; letter-spacing: 2px;}
a.submenuyellow:hover{display: block; color:#fff; background: #c5736f; border: 1px solid #c5736f; }
a.submenusalmon {display: block; color:#ffffff; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrow.png) no-repeat right 6px}
a.submenusalmon :hover, a.submenusalmonselected{display: block; color:#ec9e80; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334';background:url(media/subarrowsalmon.png) no-repeat right 6px }

a.submenublueback {display: block; color:#ffffff; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowback.png) no-repeat right 6px}
a.submenublueback:hover{display: block; color:#86c5c2; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334';background:url(media/subarrowblueback.png) no-repeat right 6px }
a.submenupinkback {display: block; color:#ffffff; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowback.png) no-repeat right 6px;}
a.submenupinkback:hover{display: block; color:#d15683; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowpinkback.png) no-repeat right 6px; }
a.submenublackback {display: block; color:#ffffff; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowback.png) no-repeat right 6px;}
a.submenublackback:hover{display: block; color:#000000; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowblackback.png) no-repeat right 6px; }
a.submenuyellowback {display: block; color:#ffffff; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowback.png) no-repeat right 6px;}
a.submenuyellowback:hover{display: block; color:#efc144; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowyellowback.png) no-repeat right 6px; }
a.submenusalmonback {display: block; color:#ffffff; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowback.png) no-repeat right 6px;}
a.submenusalmonback:hover{display: block; color:#ec9e80; padding:3px 0px 0px 0px; font-size:17px; font-family: 'TradeGothicW01-BoldCn20 675334'; background:url(media/subarrowsalmonback.png) no-repeat right 6px; }



/*-------BACKGROUND-------*/
.full-bg{ width:100%;  display:block; background-size:cover; background-position: center top;}
#full-home { margin-top:168px; }
.full-slider-window{ width:100%; height:100%; overflow:hidden; position:absolute; }
.full-slider-carousel{  height:100%; }
.full-slider-curr,
.full-slider-mode { display:none; }
.full-slide{  height:100%; display:block; background-size:cover; background-position: center top; float:left;  }

.full-slider-controls{  display:block; position:absolute;  bottom:40px; width:200px; left:-110px; height:39px; margin:0px 0px 0px 50%; 
						padding:10px; border-radius:20px;  background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.6);}

.full-slider-prev{ cursor:pointer; display:block; display:block; background:url(media/prev.png) no-repeat 0px 0px; height:39px;  width:39px; margin-left:0px;   -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;z-index:10000; float:left; }

.full-slider-next{ cursor:pointer; display:block; display:block; background:url(media/next.png) no-repeat 0px 0px; height:39px;  width:39px;  margin-left:80px;  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;z-index:10000; float:right; }

/*#full-the-development-5,#full-local-area-3 { background-size:cover;}*/

a.galclose {height:38px; width:38px; position:absolute; background:url(media/galclose.png) no-repeat center top; display:block; margin-left:310px; margin-top:13px;}
a.galopen {height:40px; width:40px; position:absolute; background:url(media/galopen2.png) no-repeat center top; display:block; margin-left:308px; margin-top:11px;}
.backtogal{width:339px; margin: 0px 0px 0px 33px; padding:40px 41px 0px 20px;  height:110px; display:block}
#full-local-area-2 .colmid, #full-local-area-3 .colmid, #full-apt-gallery .colmid, #full-xy-air-apt-gallery .colmid, #full-the-development-5 .colmid, #full-the-development-2 .colmid { position:absolute; z-index:5000;}
/*-------home-------*/
.colhome{ width:320px; margin: 0px; padding:0px 0px 20px 50px; display:block}
.colthin{ width:257px; margin: 0px 0px 0px 33px; padding:40px 118px 30px 20px; background:url(media/transparent-bg.png) repeat top center; display:block;}
.colmid{ width:315px; margin: 0px 0px 0px 33px; padding:30px 50px 60px; background-color: rgba(0,0,0,0.7); display:block;}
.colwide{ width:780px; margin: 0px 0px 0px 33px; padding:40px 20px 30px 20px; background:url(media/transparent-bg.png) repeat top center; display:block;}
.colleft{float:left; width:339px; margin-right:60px;}
.colright {float:left; width:339px; margin-right:0px;}
.colmidblue{ width:315px; margin: 0px 0px 0px 33px; padding:50px 50px 40px; background:url(media/transparent-blue-bg.png) repeat top center; display:block;}
.colwideblue{ width:800px; margin: 0px 0px 0px 33px; padding:40px 0px 30px 20px; background:url(media/transparent-blue-bg.png) repeat top center; display:block;}
.colmidsalmon{ width:315px; margin: 0px 0px 0px 33px; padding:50px 50px 40px; background:url(media/transparent-salmon-bg.png) repeat top center; display:block;}
.colwidesalmon{ width:800px; margin: 0px 0px 0px 33px; padding:40px 0px 30px 20px; background:url(media/transparent-salmon-bg.png) repeat top center; display:block;}

p{ margin:0px 0px 20px 0px;}
a.homebox{ background:url(media/homebox-bg.png) repeat; padding: 12px 0px 12px 0px; text-align:center; font-size:16px; font-family:'Trade Gothic W01 Cn 18'; color:#000000; display:block; float:left; width:143px; margin-right:20px; margin-bottom:50px;}
a.homebox:hover{  color:#efc144; }
.logocamden { float:right; height:109px; width:270px;}

/*-------availability-------*/

.colavailleft{float:left; width:239px; margin-right:80px;}
.availability-box {float:left; width:450px; margin-right:0px; margin-top:18px; }

/*search*/

.searchbox{width:159px; overflow:hidden; color:#000000; font-family: 'TradeGothicW01-BoldCn20 675334'; font-size:14px; text-align:left}
.colsearch{ float:left; width:159px; margin-bottom:10px;}
.searchbox a{width:159px; margin-bottom:2px;  }
.searchbox a:hover{color:#000000; }

.searchbox .tick_off {float:left; background:url(media/tickred.png) no-repeat left 3px;  height:14px; color:#000000;text-align:left; cursor:pointer; padding: 3px 0px 5px 30px; font-size:15px; line-height:15px}
.searchbox .tick_off:focus, .searchbox .tick_on:focus { color:#000000; font-size:15px;line-height:15px}
.searchbox .tick_off:hover, .searchbox .tick_on {float:left; background:url(media/tickred.png) no-repeat left -32px;  height:15px; color:#000000;text-align:left; cursor:pointer; padding: 3px 0px 5px 30px;font-size:15px;line-height:15px}

.avail,.avail-air{width:450px; height:600px; overflow-x:hidden;overflow-y:scroll; float:left; padding: 0px 0px 0px 0px;font-family: 'TradeGothicW01-BoldCn20 675334'; text-align:center;  }
.availsalmon{width:450px; height:600px; overflow-x:hidden;overflow-y:scroll; float:left; padding: 0px 0px 0px 0px;font-family: 'TradeGothicW01-BoldCn20 675334'; text-align:center; background-color:#ec9e80;  }
.responsfull{ display:none}

.headrow{width:450px;display:block;overflow:hidden;line-height:25px; padding: 0px 0px 5px 0px; color:#FFFFFF; background-color:#000000; font-size:12px;}
.row{width:450px;display:block;overflow:hidden;line-height:20px; padding: 3px 0px 3px 0px; background-color:#ffffff; color:#000000; font-size:11px;}
.sold{ background-color:#86c5c2; color:#ffffff; }
.avail-loading { background-color:#86c5c2; color:#ffffff;  padding: 3px 0px 3px 0px; font-size:10px; text-transform:uppercase;} 
.bigarrow{ background:url(media/more2.png) no-repeat center center; display:block}

.apart{float:left; width:62px; display:block; }
.bed{float:left; width:62px; display:block; }
.area{float:left; width:52px; display:block; }
.building{float:left; width:60px; display:block; }
.floor{float:left; width:60px; display:block; }
.price{float:left; width:72px; display:block;}
.blank{float:left; width:82px; display:block;}
a.more{float:left; width:82px; display:block;text-decoration:none;overflow:hidden; color:#ffffff; font-family: 'TradeGothicW01-BoldCn20 675334';; }
a.more:hover{color:#000000;}

.tab1{float:left; width:130px;}
.tab2{float:left; width:60px;}
/*-------map-------*/
.map{width:850px; display:block; padding-top:56px; margin:0px auto 0px auto}
#googlemap{width:100%;  display:block; margin-bottom:0px; background-color:#efefef; position:absolute;}
div.infoBubble{ color:#000000; font-size:10px; font-family: 'TradeGothicW01-BoldCn20 675334';; }

/*-------REGISTER-------*/

.required, select.customselect.required { background-color: #F69193 }
#form1{ text-align:left; }
.Label {font-size:13px; width:70px; float:left; height:15px; line-height:15px; margin: 0px 0px 0px 0px; color:#ffffff; font-family:'Trade Gothic W01 Cn 18';}
.Labellong {font-size:13px; width:120px; float:left; height:15px; line-height:15px; margin: 0px 0px 0px 0px; color:#ffffff; font-family:'Trade Gothic W01 Cn 18';}
input {height:15px;width:178px;overflow:hidden;border:none; float:left;font-family:'Trade Gothic W01 Cn 18'; font-size:13px;font-weight:normal; padding: 0px; margin-bottom:0px; background-color:transparent; color:#ffffff;}
.inputshort {height:15px;width:128px;overflow:hidden;border:none; float:left;font-family:'Trade Gothic W01 Cn 18'; font-size:13px;font-weight:normal; padding: 0px; margin-bottom:0px; background-color:transparent; color:#ffffff;}
.line{  height:1px; display:block; clear:both; border-bottom:#ffffff solid 1px; margin:0px 0px 10px 0px;}
select.customselect {height:15px;width:150px;overflow:hidden;border:none;color:#000000;background-color:#ffffff;font-family:'Trade Gothic W01 Cn 18'; font-size:13px; padding-left:4px; margin:0px 0px 1px 0px; display:block}
.customoption{ background-color:#ffffff; color:#000000}



input, textarea {-webkit-appearance: none;-webkit-border-radius: 0;}
.Labeltick {font-size:13px; width:50px; float:left; height:20px; line-height:20px; margin: -2px 0px 0px 0px; color:#ffffff; }
.Labeltick2 {font-size:13px; width:69px; float:left; height:20px; line-height:20px; margin: -2px 0px 0px 0px; color:#ffffff; }
input[type="radio"] {height:10px;width:10px;float:left; margin-right:10px; line-height:20px;-webkit-appearance: radio;}

#formSubmit {color:#ffffff;font-size:16px; font-family:'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif; height:25px;width:120px; background-color:transparent; display:block; padding:0px; border:#efc144 solid 1px; padding:0px 0px 0px 0px; cursor:pointer; overflow:hidden; text-align:center; font-weight:normal; float:right; margin-top:20px;}
#formSubmit:Hover {color:#efc144;}

.mandatory{font-size:11px; font-family: 'Futura W01 Book';display:block;float:right; margin-top:30px;}
.warn{color:#e41e32;font-size:12px;display:block;padding-left:10px;position:absolute;margin:0px 0px 0px 280px;}


.btn-dark {
    cursor: pointer;
    margin-top: 8px;
    padding: 12px 22px;
    display: inline-block;
    background: #fff;
    letter-spacing: 1px;
    font-weight: 400;
    color: #000 !important;
    font-size: 10px;
    line-height: 12px;
    border: 1px solid #000;
    text-transform: uppercase;
	outline: none;
	position: relative;
	overflow:hidden;
    text-decoration: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.btn-dark:hover {
	background: #c5736f;
	color: #fff !important;
    font-weight: 400;
    border: 1px solid #c5736f;
}

.footer {
    font-size: 11px;
    background: #222;
    padding: 20px;
    text-align: center;
}


/*------------------- transition between full and tablet.-------------------  */
@media screen and (min-width:769px) and (max-width:959px) {
	
.content{width:100%; }
#header{width:100%; }
#menu{width:100%; top:20px; margin: 0px auto 0px auto; }

#navi1, #navi2, #navi3{ display:none}
#navi2respons{ display:block; position: absolute; right:42%; top:23px}
#navi1respons{ display:block; position: absolute; left:1px; top:23px; width:150px;}
#navi3respons{ display:block; position: absolute; right:0px; top:23px; width:150px;}
ul.navleft {	position:absolute; left:10px; }
ul.navright {position:absolute; right:10px;}
li.navleft, li.navright{ float:none;}

.navleft li{float:none;}
.navright li{float:none;}

.navleft a, .navright a, .navright a.pink,  .navleft a.salmon, .navright a.blue{display: block; float:none; font-size:16px;  }
.navleft a.selected{display: block; float:none; padding:0px 0px 0px 0px;font-size:16px; }
.navright a.selected{display: block; float:none; padding:0px 0px 0px 0px;font-size:16px; }
.navright a.pink.selected, .navright a.blue.selected, .navleft a.salmon.selected{display: block; float:none; padding:0px 0px 0px 0px;font-size:16px; }

.socialresponse { display:inline-block; position: absolute; right:60px; top:23px }
.respons{ display:none}
.responsfull{ display:inline-block}

.toggle_container {position:absolute;  top:10px; margin: 0px; height:100px;padding:0px;overflow: hidden;clear: both; width:100%; display:none; }
.trigger{ margin-top:10px;height: 44px;width: 50px; position:absolute; right:10px; display:block;}
.trigger a {height: 44px; text-decoration: none; display: block; padding:0px 0px 0px 0px; background:url(media/menunav-bg.png) no-repeat right 0px;background-size: 35px 35px; }
.trigger a:hover,.trigger a.opened:hover { -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); }
.trigger a.opened { height: 44px; text-decoration: none; display: block;  padding:0px 0px 0px 0px; background:url(media/menunav-bg-closed.png) no-repeat right 0px;background-size: 35px 35px; }

.colwide{ width:749px; margin: 0px 0px 0px 0px; padding:60px 10px 30px 10px;}
/*.colwideblue{ width:800px; margin: 0px 0px 0px 33px; padding:60px 0px 30px 10px; }*/

.map{width:769px; }
#googlemap{width:769px; height:650px; display:block;}

}

/*------------------- TABLET max width of 768 pixels.-------------------  */
@media screen and (max-width: 768px) {
.content{width:100%; }
#header{width:100%; }
#menu{width:100%; }

#navi1, #navi2, #navi3{ display:none}
#navi2respons{ display:block; position: absolute; right:42%; top:23px; z-index:20000}
#navi1respons{ display:block; position: absolute; left:1px; top:23px; width:150px;}
#navi3respons{ display:block; position: absolute; right:0px; top:23px; width:150px;}
ul.navleft {	position:absolute; left:10px; }
ul.navright {position:absolute; right:10px;}
li.navleft, li.navright{ float:none;}

.navleft li{float:none;}
.navright li{float:none;}

.navleft a, .navright a, .navright a.pink,  .navleft a.salmon, .navright a.blue{display: block; float:none; font-size:16px;  }
.navleft a.selected{display: block; float:none; padding:0px 0px 0px 0px;font-size:16px; }
.navright a.selected{display: block; float:none; padding:0px 0px 0px 0px;font-size:16px; }
.navright a.pink.selected, .navright a.blue.selected, .navleft a.salmon.selected{display: block; float:none; padding:0px 0px 0px 0px;font-size:16px; }


.socialresponse { display:inline-block; position: absolute; right:60px; top:23px }
.respons{ display:none}
.responsfull{ display:inline-block}

.toggle_container {position:absolute;  top:10px; margin: 0px; height:100px;padding:0px;overflow: hidden;clear: both; width:100%; display:none; }
.trigger{ margin-top:10px;height: 44px;width: 50px; position:absolute; right:10px; display:block;}
.trigger a {height: 44px; text-decoration: none; display: block; padding:0px 0px 0px 0px; background:url(media/menunav-bg.png) no-repeat right 0px;background-size: 35px 35px; }
.trigger a:hover,.trigger a.opened:hover { -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); }
.trigger a.opened { height: 44px; text-decoration: none; display: block;  padding:0px 0px 0px 0px; background:url(media/menunav-bg-closed.png) no-repeat right 0px;background-size: 35px 35px; }

.colwide{ width:730px; margin: 0px 0px 0px 0px; padding:60px 10px 30px 10px;}
.colleft{float:left; width:339px; margin-right:20px;}
.colright {float:left; width:339px; margin-right:0px;}
.colwideblue, .colwidesalmon{ width:740px; margin: 0px 0px 0px 0px; padding:60px 0px 30px 10px; }
.colavailleft{ margin-right:30px;}
.map{width:768px; }
#googlemap{width:768px; height:650px; display:block;}

a#reghomemob { display:block; font-family: 'TradeGothicW01-BoldCn20 675334'; color:#ffffff; font-size:22px}
a#reghomemob:hover { color:#ec9e80  }
a#reghomemob:visited { color:#ffffff  }
}

/*------------------- TABLET max width of 700 pixels.-------------------  */
@media screen and (max-width: 700px) {

.content{width:100%; }
#header{width:100%; }
#menu{width:100%; }

#navi1, #navi2, #navi3{ display:none}
#navi2respons{ display:block; position: absolute; right:32.5%; top:0; z-index:20000}
#navi1respons{ display:block; position: absolute; left:1px; top:0; width:180px; }
#navi3respons{ display:block; position: absolute; right:40px; top:0px; width:180px;}
ul.navleft {	position:absolute; left:10px; }
ul.navright {position:absolute; right:10px;}
li.navleft, li.navright{ float:none;}

.navleft li{float:none;}
.navright li{float:none;}

.navleft a, .navright a, .navright a.pink,  .navleft a.salmon, .navright a.blue{display: block; float:none; font-size:16px;  }
.navleft a.selected{display: block; float:none; padding:0px 0px 0px 0px;font-size:16px; }
.navright a.selected{display: block; float:none; padding:0px 0px 0px 0px;font-size:16px; }
.navright a.pink.selected, .navright a.blue.selected, .navleft a.salmon.selected{display: block; float:none; padding:0px 0px 0px 0px;font-size:16px; }

.socialresponse { display:inline-block; position: absolute; right:60px; top:23px }
.respons{ display:none}
.responsfull{ display:inline-block}

.toggle_container {position:absolute;  top:10px; margin: 0px; height:100px;padding:0px;overflow: hidden;clear: both; width:100%; display:none; }
.trigger{ margin-top:10px;height: 44px;width: 50px; position:absolute; right:10px; display:block;}
.trigger a {height: 44px; text-decoration: none; display: block; padding:0px 0px 0px 0px; background:url(media/menunav-bg.png) no-repeat right 0px;background-size: 35px 35px; }
.trigger a:hover,.trigger a.opened:hover { -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); }
.trigger a.opened { height: 44px; text-decoration: none; display: block;  padding:0px 0px 0px 0px; background:url(media/menunav-bg-closed.png) no-repeat right 0px;background-size: 35px 35px; }

.colwide{ width:660px; margin: 0px 0px 0px 0px; padding:60px 10px 30px 10px;}
.colleft{float:left; width:320px; margin-right:20px;}
.colright {float:left; width:320px; margin-right:0px;}
.colwideblue, .colwidesalmon{ width:670px; margin: 0px 0px 0px 0px; padding:60px 0px 30px 10px; }
.colavailleft{ margin-right:30px;}
.availability-box {width:390px; margin-right:0px; }
.avail{width:390px; height:600px; overflow:auto ;overflow-y:scroll; }
.map{width:700px; }
#googlemap{width:700px; height:650px; display:block;}

}


/*------------------- MOBILE max width of 480 pixels.-------------------  */
@media screen and (max-width: 480px) {
body { font-size: 90% !important; max-width:100%; width:100%; overflow-x:hidden; }
p { margin: 0px 0px 15px 0px; }
#full-home { margin-top:89px; }
.full-bg{ display:block; background-size:auto 100%; }
.full-slide{   background-size:auto 100%;  }
.register{ width:95%; }
.Label {width:20%;}
input {width:75%;}

#headerwrapper{width:100%; clear:both; padding:0px; background:none; position:fixed; top:0px;z-index:20000 }
#header{width:100%; height:140px; background:url(media/header-arrow-bg-short.png) no-repeat center top; }

.content{width:100%; }
#menu{width:100%; }
.headlogo img{ width:150px; }
#navi1, #navi2, #navi3{ display:none}
#navi2respons{ display:block; position: absolute; top:8px; z-index:20000}
#navi1respons{ display:block; position: absolute; left:1px; top:48px; width:180px;}
#navi3respons{ display:block; position: absolute; right:40px; top:48px; width:180px;}
ul.navleft {	position:absolute; left:10px; padding: 15px 25px; }
ul.navright {position:absolute; right:10px; padding: 15px 25px;}
li.navleft, li.navright{ float:none; font-size:1.5em;}

.navleft li{float:none;}
.navright li{float:none;}

.navleft a, .navright a, .navright a.pink, .navleft a.salmon, .navright a.blue{display: block; float:none; font-size:0.9em; padding:0px 0px 8px 0px;  }
.navleft a.selected{display: block; float:none; padding:0px 0px 8px 0px;font-size:0.9em; }
.navright a.selected{display: block; float:none; padding:0px 0px 8px 0px;font-size:0.9em; }
.navright a.pink.selected, .navright a.blue.selected, .navleft a.salmon.selected{display: block; float:none; padding:0px 0px 8px 0px;font-size:0.9em; }

.navright li.tel{font-size:0.9em; padding:0px 0px 8px 10px; display:block}
.socialresponse { display:inline-block; position: absolute; right:60px; top:23px }
.respons{ display:none}
.responsfull{ display:inline-block}

.toggle_container {position:absolute;  top:48px; margin: 0px; height:240px;padding:0px;overflow: hidden;clear: both; width:100%; display:none; background: #000; /* background:url(media/header-arrow-bg-small.png) no-repeat top center transparent; */ }
.trigger{ margin-top:30px;height: 44px;width: 50px; position:absolute; right:30px; display:block; z-index: 1000; }
.trigger a {height: 44px; text-decoration: none; display: block; padding:0px 0px 0px 0px; background:url(media/menunav-bg.png) no-repeat right 0px;background-size: 40px 40px; }
.trigger a:hover,.trigger a.opened:hover { -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); }
.trigger a.opened { height: 44px; text-decoration: none; display: block;  padding:0px 0px 0px 0px; background:url(media/menunav-bg-closed.png) no-repeat right 0px;background-size: 36px 36px; }

.colhome{ width:358px; margin: 0px; padding:50px 0px 20px 10px; display:block}
.colthin{ width:242px; margin: 0px 0px 0px 0px; padding:60px 138px 30px 20px;}
.colmid, .colmidblue, .colmidsalmon, .backtogal{ width:310px; margin: 0px 0px 0px 0px; padding:60px 40px; }
.colmid{ background-color: rgba(0,0,0,0.3); }
.mobilehome { background-color: rgba(0,0,0,0.5) !important; }
a.homebox{  font-size:16px; width:120px; margin-right:20px; margin-bottom:20px;}

.colwide{ width:450px; margin: 0px 0px 0px 0px; padding:60px 10px 30px 10px;}
.colleft{float:left; width:450px; margin-right:0px;}
.colright {float:left; width:450px; margin-right:0px;}
.colavailleft{float:none; width:239px; }
.availability-box {float:none; width:450px;  }
.avail{width:450px; height:500px; overflow-x:hidden ;overflow-y:scroll; }

.map{width:480px; height:500px; }
#googlemap{width:480px; height:515px; display:block; }

.warn{margin:0px 0px 0px 200px;}
.logocamden { margin-top:40px}

}

@media screen and (orientation:portrait) {
	
.full-bg, .full-slide{ 
    background-size:auto 100%; 
    background-position: 72% 50%;
}
	
}

.map-switch { cursor:pointer; display:block; width:242px; height:24px; clear:both; }
.map-switch:hover { color:#fff;}

.map-switch .map-check { float:right; display:block; width:16px; height:16px; margin:4px; border:1px solid #fff; } 
.map-switch .map-check-on { background:url(media/check-slash.png) no-repeat center center; }



.vip img {
  -webkit-filter: blur(2px) grayscale(1) !important;
  filter: blur(2px) grayscale(1) !important;
}

div, p, span, button, a, textarea, input, select { outline: none;}


.albumbox {
  margin: 0px auto 20px;
  left:0px;
  right: 0px;
}

.albumbox img {
  /*margin: 0 2% 2% 0%;*/
  width: 47.5%;
  padding: 0;
  /*float: left;*/
  /*border: 2px solid #DEB687;*/
    /*border-radius: 10px;*/;
}

.albumbox img:hover{
  opacity: .8;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.albumbox li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.album { 
  display: inline-block;
  min-width: 100px;
  max-width: 150px;
  width: 23%;
  text-align: center;
  padding: 0 15px 30px 0;
  /*float: left;*/
}

.album img {     
    max-width: 100%;
    border: 2px solid #333;
    /*border-radius: 10px;*/
    border-color: #efc144;
}
.album a { text-decoration: none; }
.album a span{ text-transform: uppercase; font-size: 11px; color:#fff;}
.album a:hover span { color: #efc144;}

#banners {
    left: 0px;
    right: 0px;
    margin: 20px auto 0px;
    bottom: 70px;
    z-index: 9999;
    text-align: center;
}