/*
   _  _ _|_ _ _ | _ . _ _   _  _ _|_
\/(/_| | | _\(_)|(_||| (/_.| |(/_ | 

*/

@font-face {
font-family: 'ralewayextralight';
src: url('/font/raleway-extralight-webfont.eot');
src: url('/font/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/raleway-extralight-webfont.woff') format('woff'),
url('/font/raleway-extralight-webfont.ttf') format('truetype'),
url('/font/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewaylight';
src: url('/font/raleway-light-webfont.eot');
src: url('/font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/raleway-light-webfont.woff') format('woff'),
url('/font/raleway-light-webfont.ttf') format('truetype'),
url('/font/raleway-light-webfont.svg#ralewaylight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewayregular';
src: url('/font/raleway-regular-webfont.eot');
src: url('/font/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/raleway-regular-webfont.woff') format('woff'),
url('/font/raleway-regular-webfont.ttf') format('truetype'),
url('/font/raleway-regular-webfont.svg#ralewayregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewaybold';
src: url('/font/raleway-bold-webfont.eot');
src: url('/font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/raleway-bold-webfont.woff') format('woff'),
url('/font/raleway-bold-webfont.ttf') format('truetype'),
url('/font/raleway-bold-webfont.svg#ralewaybold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'krona_one';
src: url('/font/kronaone-regular-webfont.eot');
src: url('/font/kronaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/kronaone-regular-webfont.woff') format('woff'),
url('/font/kronaone-regular-webfont.ttf') format('truetype'),
url('/font/kronaone-regular-webfont.svg#krona_oneregular') format('svg');
font-weight: normal;
font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display:block;
}
* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}



ul{margin-left:0;}
ul li{
/*list-style:disc;*/
list-style-image:url(/img/list-item.png);
margin-left:20px;
}
ul.none{}
ul.none li{
list-style:none;
background:none;
margin-left:0;
}
ol{
margin-left:28px;
list-style-type:decimal-leading-zero;
}

blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
content:'';
content:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
img{max-width:100%;-ms-interpolation-mode:bicubic;}


html{
/*overflow-x:hidden;*/
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}

body, button, input, select, textarea{font-family:sans-serif;color:#000;}

::-moz-selection{background:#408365; color:#fff !important; text-shadow:none;}
::selection{background:#408365; color:#fff !important; text-shadow:none;}


a{color:#408364;text-decoration:none;outline:0;}
a:hover{text-decoration:none;color:#417483;}

abbr{border-bottom:1px dotted;cursor:help;}
b, strong{/*font-weight:bold;*/font-family:"ralewaybold", Helvetica, Arial, Verdana, sans-serif;}
i, em{font-style:italic;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
pre, code, kbd, samp{font-family:monospace, monospace; font-size:1em;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q{quotes:none;}
q:before, q:after{content:""; content:none;}
small{font-size:85%;}
sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
legend{*margin-left:-7px;}
label{cursor:pointer;}
button, input, select, textarea{font-size:100%; margin:0; vertical-align:middle;}
button, input{line-height:normal; *overflow:visible;}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0;}
textarea{overflow:auto; vertical-align:top;}
input:valid, textarea:valid{}
input:invalid, textarea:invalid{background-color:#f0dddd;}





.color1{color:#c00;}
.color2{color:#444;}
.color3{color:#aaa;}
.bigger{font-size:1.25em;}
.smaller{font-size:.875em;}
.fl{float:left;}
.fr{float:right;}
.flm{float:left;margin-right:20px;}
.frm{float:right;margin-left:20px;}
.fn{float:none;}
.al{text-align:left;}
.ar{text-align:right;}
.ac{text-align:center;}
.mt0{margin-top:0;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.bolder{font-weight:bolder;}
.block{display:block;}
.hidden{display:none;}


.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

.clearfix:before,
.clearfix:after{
content:'.';
display:block;
overflow:hidden;
visibility:hidden;
font-size:0;
line-height:0;
width:0;
height:0;
}
.clearfix:after{
clear:both;
}
.clearfix{
zoom:1;
}





html{
height:100%;
min-height:100%;
}
body{
height:100%;
min-height:100%;
color:#000;
text-align:left;
font-size:1em;
font-family:"ralewayregular", Helvetica, Verdana, Arial, sans-serif;
background:#000 url(/img/bg-dark.jpg) 50% 0 repeat fixed;
min-width:320px;
}


h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
font-family:"ralewaylight", Helvetica, Arial, sans-serif;
font-weight:normal;
color:#000;
line-height:1.1;
margin:50px 0 20px;
}
h1 a, h1 a:hover, h2 a, h2 a:hover,
h3 a, h3 a:hover, h4 a, h4 a:hover,
h5 a, h5 a:hover, h6 a, h6 a:hover,
.h1 a, .h1 a:hover, .h2 a, .h2 a:hover,
.h3 a, .h3 a:hover, .h4 a, .h4 a:hover,
.h5 a, .h5 a:hover, .h6 a, .h6 a:hover{
text-decoration:none;
color:#000;
}

h1,.h1{font-size:3.25em;font-family:"ralewayextralight", Helvetica, Arial, sans-serif;}
h2,.h2{font-size:2.5em;}
h3,.h3{font-size:2.125em;}
h4,.h4{font-size:1.75em;}
h5,.h5{font-size:1.5em;}
h6,.h6{font-size:1.25em;}


p,ul,ol,table,fieldset,blockquote,pre,dl,address{
margin:0 0 20px;
-webkit-column-break-after:always;
break-inside:avoid-column;
word-wrap:break-word;
}
/*ul,ol{margin:0;}*/


.transition,
nav li a, footer p a,
img.shadow,
.cycle-pager span,
.cycle-prev, .cycle-next,
.photos a{
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;	
transition:all .5s ease;
}


.ie-badass{
background:#ccc;
width:100%;
text-align:center;
padding:5px 30px;
font-size:0.875em;
}


header{}
header h1{
font-family:"krona_one", Helvetica, Arial, Verdana, sans-serif;
margin:10px 0 0;
text-align:center;
text-transform:uppercase;
font-size:18px;
}
header h1 a, header h1 a:hover{
color:#3d3d3d;
}
nav{
font-size:0.813em;
margin:10px 0 0;
text-align:center;
overflow:hidden;
}
nav ul, nav li{margin:0;padding:0;list-style:none;}
nav li{
display:inline;
position:relative;
margin:0 10px 0;
}
nav li a{
display:inline-block;
text-decoration:none;
padding:10px 7px;
color:#fff;
text-transform:uppercase;
border-bottom:3px solid rgba(0,0,0,0);
}
/*
nav li a::before, nav li a::after{
position:absolute;
top:50%;
left:50%;
width:60px;
height:60px;
border:2px solid rgba(0,0,0,.5);
border-radius:50%;
content:'';
opacity:0;
-webkit-transition:-webkit-transform 0.5s, opacity 0.5s;
-moz-transition:-moz-transform 0.5s, opacity 0.5s;
transition:transform 0.5s, opacity 0.5s;
-webkit-transform:translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform:translateX(-50%) translateY(-50%) scale(0.2);
transform:translateX(-50%) translateY(-50%) scale(0.2);
}
nav li a::after{
width:70px;
height:70px;
border-width:4px;
-webkit-transform:translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform:translateX(-50%) translateY(-50%) scale(0.8);
transform:translateX(-50%) translateY(-50%) scale(0.8);
}
nav li a:hover::before, nav li a:hover::after,
nav li a:focus::before, nav li a:focus::after{
opacity:1;
-webkit-transform:translateX(-50%) translateY(-50%) scale(1);
-moz-transform:translateX(-50%) translateY(-50%) scale(1);
transform:translateX(-50%) translateY(-50%) scale(1);
}
*/
nav li a:hover{
color:#408364;
}
nav li.current a{
color:#408364;
border-bottom:3px solid #408364;
}

nav.navbottom{
margin:0;
}
nav.navbottom li a{
padding:15px 7px;
}
nav.navbottom li.current a{
border-top:3px solid #408364;
border-bottom:0;
}

footer{
clear:both;
width:100%;
margin:0;
padding:0 0 200px;
}
footer p{
text-align:center;
font-size:0.813em;
color:#666;
background:url(/img/liner.png) 50% 0 no-repeat;
padding:20px 0 0;
}
footer p a{color:#666;text-decoration:none;}
footer p a:hover{color:#999;}
footer p.current a, footer p.current a:hover{color:#408364;}



.main{
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
font-size:0.875em;
line-height:1.4;
}

.bg-dark{
background:#000 url(/img/bg-dark.jpg) 50% 0 repeat fixed;
padding:50px 0 50px;
}
.bg-gray{
background:#353535 url(/img/bg-gray.jpg) 50% 0 repeat fixed;
padding:50px 0 50px;
}
.bg-gray,
.bg-gray h1,.bg-gray .h1,
.bg-gray h2,.bg-gray .h2,
.bg-gray h3,.bg-gray .h3,
.bg-gray h4,.bg-gray .h4,
.bg-gray h5,.bg-gray .h5,
.bg-gray h6,.bg-gray .h6{color:#fff;}
.bg-light{
background:#ccc url(/img/bg-light.jpg) 50% 0 repeat fixed;
padding:50px 0 50px;
}
.bg-dark.pt0, .bg-gray.pt0, .bg-light.pt0{padding-top:0;}
.bg-dark.pb0, .bg-gray.pb0, .bg-light.pb0{padding-bottom:0;}


.slide, .static_img{background:#000;background:rgba(0,0,0,.5);width:100%;overflow:hidden;}
.slide, .static_img, .slide img, .static_img img{min-height:200px;}
.slide img, .static_img img{min-width:420px;display:block;}
.static_img img{margin:0 auto;}
.cycle-overlay{
position:absolute;
top:0;
right:0;
width:100%;
z-index:500;
pointer-events:none;
}
.cycle-overlay a{
pointer-events:auto;
}
.cycle-overlay div{
float:right;
margin:150px 20% 0 0;
}
.oldie .cycle-overlay div{
margin-top:100px;
}
.bg-sites p.h1,
.cycle-overlay h1{
color:#fff;
margin:0;
font-size:5em;
text-shadow:1px 1px 3px #000;
}
.cycle-pager{
position:absolute;
bottom:0;
width:100%;
text-align:center;
padding:10px;
overflow:hidden;
z-index:300;
}
.cycle-pager span{
display:inline-block;
font-size:0;
text-indent:-500px;
margin:0 5px;
width:12px;
height:12px; 
line-height:12px; 
border-radius:6px;
color:#999;
background:#999;
cursor:pointer;
box-shadow:1px 1px 2px #000, inset 1px 1px 1px #fff;
}
.cycle-pager span:hover{color:#ccc;background:#ccc;}
.cycle-pager span.cycle-pager-active{color:#fff;background:#fff;}
.cycle-pager > * {cursor:pointer;}
.cycle-prev,
.cycle-next{
position:absolute;
top:0;
width:50%;
opacity:0;
filter:alpha(opacity=0);
z-index:200;
height:100%;
cursor:pointer;
}
.cycle-prev{left:0;background:url(/img/cycle-prev.png) 2% 50% no-repeat;}
.cycle-next{right:0;background:url(/img/cycle-next.png) 98% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover{opacity:1;filter:alpha(opacity=100);}

.bg-sites{background:url(/img/img-sites.png) 70% 0 no-repeat;height:618px;min-height:618px;}
.bg-sites p.h1{margin-top:70px;}

.column{
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:32px;
-moz-column-gap:32px;
column-gap:32px;
}


/* ecole */
.star-1{
background:url(/img/star-1.png) 0 58% no-repeat;
padding:0 0 0 23px;
}
.star-2{
background:url(/img/star-2.png) 0 58% no-repeat;
padding:0 0 0 36px;
}
.star-3{
background:url(/img/star-3.png) 0 58% no-repeat;
padding:0 0 0 49px;
}
img.shadow{
border-radius:10px;
box-shadow:1px 1px 3px #000;
opacity:.5;
}
img.shadow:hover{
opacity:1;
}


/* sites */
.site-1{background:url(/img/site-1.png) 100% 0 no-repeat;}
.site-2{background:url(/img/site-2.png) 0 50% no-repeat;}
.site-3{background:url(/img/site-3.png) 100% 100% no-repeat;}


/* photos */
#slider{
margin:0 0 20px;
}
#slider li{
list-style:none;
margin-left:0;
/*width:100%;*/
background:#fff;
}
#slider li img{
min-width:100%;
display:block;
box-shadow:0 5px 10px -3px #000;
}

/* photos2 */
#filter{}
#filter a{
display:inline-block;
padding:3px 5px;
border-radius:6px;
box-shadow:inset 1px 1px 2px -1px #000;
margin:0 2px 0 0;
background:#ccc;
color:#666;
}
#filter a:hover{background:#ddd;color:#333;}
#filter a.active{background:#eee;color:#000;}
.photos div.box{
float:left;
padding:10px;
}
.photos div.box span{
display:block;
background:#353535;
box-shadow:0 1px 3px #353535;
}
.photos div.box a{
display:block;
opacity:.5;
filter:alpha(opacity=50);
}
.photos div.box a:hover{opacity:1;filter:alpha(opacity=100);}
.photos div.box img{display:block;width:100%;}

.isotope, .isotope .isotope-item{
-webkit-transition-duration:0.8s;
-moz-transition-duration:0.8s;
-o-transition-duration:0.8s;
transition-duration:0.8s;
}
.isotope{
-webkit-transition-property:height,width;
-moz-transition-property:height,width;
-o-transition-property:height,width;
transition-property:height,width;
}
.isotope .isotope-item{
-webkit-transition-property:-webkit-transform,opacity;
-moz-transition-property:-moz-transform,opacity;
-o-transition-property:top,left,opacity;
transition-property:transform,opacity;
}
.isotope-item{z-index:2;}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}


/* tarif */
.rate{border-bottom:1px dotted rgba(128,128,128,.5);margin:0 0 20px;}
.oldie .rate{border-bottom:1px dotted #808080;}
.rate p{margin:0;}
.rate span{display:block;}
.rate span span{font-size:0.875em;}
.what{
float:left;
width:71%;
padding:0 20px 0 0;
}
.taro{
float:right;
width:29%;
}


/* contact */
.contact-address{padding:0 0 0 41px;background:url(/img/icon-address.png) 0 50% no-repeat;}
.contact-phone{padding:0 0 0 41px;background:url(/img/icon-phone.png) 0 50% no-repeat;}
.contact-email{padding:0 0 0 41px;background:url(/img/icon-email.png) 0 50% no-repeat;min-height:28px;}
.sep{
width:100%;
height:2px;
background:url(/img/liner2.png) 50% 0 no-repeat;
margin:0 0 20px;
opacity:.5;
}
#map_canvas{
width:100%;
max-width:1600px;
height:606px;
margin:0 auto;
}
#map_canvas img{max-width:inherit;}






.error{
border:1px solid #c00;
background:#c99;
padding:16px;
margin:0 0 20px;
box-shadow:inset 0 0 3px #c00;
}
.error ul, .error li{
margin:0;
padding:0;
background:none;
list-style:none;
}
.error li{
color:#fff;
}
.ok{
position:absolute;
top:0;
left:0;
margin:0 auto;
display:inline-block;
width:100%;
font-size:1em;
font-weight:bold;
color:#fff;
text-shadow:none;
padding:3px 10px;
border-bottom:1px solid #86ae57;
text-align:center;
background:#408365;
background:-moz-linear-gradient(top, #408365 0%, #5b9f67 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #408365), color-stop(100%, #5b9f67));
background:-webkit-linear-gradient(top, #408365 0%, #5b9f67 100%);
background:-o-linear-gradient(top, #408365 0%, #5b9f67 100%);
background:-ms-linear-gradient(top, #408365 0%, #5b9f67 100%);
background:linear-gradient(to bottom, #408365 0%, #5b9f67 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408365', endColorstr='#5b9f67', GradientType=0);
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
-o-hyphens:none;
hyphens:none;
}
.ok p{
margin:0;
color:#fff;
}

form{}
form p{margin:0 0 10px;}

input, select, textarea, button, a.button{
font-family:"ralewayregular", Helvetica, Arial, Verdana, sans-serif;
background:#fff;
color:#777;
font-size:1em;
padding:5px;
width:100%;
vertical-align:middle;
border:0;
box-shadow:inset 1px 1px 2px #d8d6d1;
}
textarea{resize:vertical;max-height:30em;min-height:4em;height:8em;}
input:hover, select:hover, textarea:hover{
box-shadow:inset 1px 1px 2px #b8b6b1;
}
input:focus, select:focus, textarea:focus{
box-shadow:1px 1px 3px -1px #c8c6c1;
}
input.w-auto, select.w-auto{width:auto;}

.ie .placeholder{color:#000;}

.focus{
color:#c00;
}
.focus input, .focus select, .focus textarea, .focus .cke{
box-shadow:inset 0 0 2px #c00;
}
input.x{
padding:0;
width:auto;
border:0;
}
a.button,
button,
input.submit{
font-family:"ralewayregular", Helvetica, Arial, Verdana, sans-serif;
color:#fff;
font-size:1.5em;
padding:10px 20px;
cursor:pointer;
width:auto;
border:0;
box-shadow:none;
background:#408365;
background:-moz-linear-gradient(top, #408365 0%, #5b9f67 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #408365), color-stop(100%, #5b9f67));
background:-webkit-linear-gradient(top, #408365 0%, #5b9f67 100%);
background:-o-linear-gradient(top, #408365 0%, #5b9f67 100%);
background:-ms-linear-gradient(top, #408365 0%, #5b9f67 100%);
background:linear-gradient(to bottom, #408365 0%, #5b9f67 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408365', endColorstr='#5b9f67', GradientType=0);
}
a.button:hover,
button:hover,
input.submit:hover{
background:#417483;
background:-moz-linear-gradient(top, #417483 0%, #5b939f 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #417483), color-stop(100%, #5b939f));
background:-webkit-linear-gradient(top, #417483 0%, #5b939f 100%);
background:-o-linear-gradient(top, #417483 0%, #5b939f 100%);
background:-ms-linear-gradient(top, #417483 0%, #5b939f 100%);
background:linear-gradient(to bottom, #417483 0%, #5b939f 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#417483', endColorstr='#5b939f', GradientType=0);
}
input.submit.disabled,
input.submit.disabled:hover{
color:#aaa;
background:#666;
}
a.button{text-decoration:none;white-space:nowrap;}
a.button.button_neutral{background:#777b5e;}
a.button.button_neutral:hover{background:#ae5d7d;}

button.call2action,
a.button.call2action{
padding-right:18px;
}
button.call2action:after,
a.button.call2action:after{
content:"►";
margin:0 0 0 16px;
}

.warning{
font-size:0.8em;
color:#999;
padding:0 0 0 10px;
text-shadow:none;
}

.wait{
width:16px;
height:16px;
overflow:hidden;
background:url(/img/ajax-loader.gif) 0 0 no-repeat;
float:left;
margin:15px 0 0 10px;
display:none;
}


.tipsy{padding:5px;font-size:.875em;position:absolute;z-index:100000;}
.tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:230px;text-align:center;}
.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.tipsy-arrow{position:absolute;background:url(/img/tipsy.gif) no-repeat top left;width:9px;height:5px;}
.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-4px;}
.tipsy-nw .tipsy-arrow{top:0;left:10px;}
.tipsy-ne .tipsy-arrow{top:0;right:10px;}
.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-4px;background-position:bottom left;}
.tipsy-sw .tipsy-arrow{bottom:0;left:10px;background-position:bottom left;}
.tipsy-se .tipsy-arrow{bottom:0;right:10px;background-position:bottom left;}
.tipsy-e .tipsy-arrow{top:50%;margin-top:-4px;right:0;width:5px;height:9px;background-position:top right;}
.tipsy-w .tipsy-arrow{top:50%;margin-top:-4px;left:0;width:5px;height:9px;}



@media screen and (max-width: 1600px){
	.cycle-overlay div{margin:100px 10% 0 0;}
}
@media screen and (max-width: 1280px){
	.bg-sites{background:url(/img/img-sites.png) 55% 0 no-repeat;}
	.cycle-overlay div{margin:70px 5% 0 0;}
}
@media screen and (max-width: 940px){
	.bg-sites p.h1, .cycle-overlay h1{font-size:4em;}
}
@media screen and (max-width: 880px){
	nav li{margin-left:0;margin-right:0;}
}
@media screen and (max-width: 767px){

	.cycle-overlay div{margin:40px 30px 0 0;}
	.bg-sites{background:url(/img/img-sites.png) 40% 0 no-repeat;height:400px;min-height:400px;}
	.bg-sites p.h1, .cycle-overlay h1{font-size:3em;}
	nav{text-align:left;padding:0 0 10px;}
	nav li{
	display:block;
	margin:0;
	padding:0 15px;
	width:50%;
	float:left;
	}
	nav li a{
	display:block;
	float:left;
	width:100%;
	padding:5px 10px;
	border-bottom:0;
	border-left:3px solid rgba(0,0,0,0);
	}
	nav li a:hover{
	color:#408364;
	}
	nav li.current a{
	color:#408364;
	border-bottom:0;
	border-left:3px solid #408364;
	}
	nav.navbottom{display:none;}
	.column{
	-webkit-column-count:auto;
	-moz-column-count:auto;
	column-count:auto;
	-webkit-column-gap:normal;
	-moz-column-gap:normal;
	column-gap:normal;
	}
	.site-1{background:url(/img/site-1-min.png) 100% 0 no-repeat;}
	.site-2{background:url(/img/site-2-min.png) 0 50% no-repeat;}
	.site-3{background:url(/img/site-3-min.png) 100% 100% no-repeat;}
	/*.photos div.box{width:25%;}*/
	a.button,button,input.submit{font-size:1.2em;padding:5px 10px;}
	button.call2action,a.button.call2action{padding-right:8px;}
	button.call2action:after,a.button.call2action:after{margin:0 0 0 6px;}
}
@media screen and (max-width: 620px){
	.cycle-overlay div{margin:20px 30px 0;}
}
@media screen and (max-width: 480px){
	.cycle-overlay{right:auto;left:0;}
	.cycle-overlay div{float:left;}
	/*.cycle-overlay div{margin:20px 30px 0 0;}
	.bg-sites p.h1, .cycle-overlay h1{font-size:3em;}*/
	.bg-sites p.h1 br, .cycle-overlay h1 br{display:none;}
	nav li{
	width:100%;
	float:none;
	}
	nav li a{
	float:none;
	width:100%;
	}
	.slide, .static_img{display:none;}
	.site-1, .site-2, .site-3{background:none;}
	/*.photos div.box{width:50%;}*/
	.photos div.box{padding:5px;}
}
@media screen and (max-width: 320px){
}