/**
 * @name main.css
 */

/* NORMALIZE 	=========================== */
/*! normalize.css v2.1.0 version perso git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* MAGNIFIC POPUP =========================== */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:502;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:503;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{height:100%;text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:505}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:504}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:white}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;padding:0;z-index:506}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;top:0;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:solid transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{opacity:.8;border-top-width:12px;border-bottom-width:12px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:20px;border-bottom-width:20px}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:12px solid #000;left:5px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{border-right:20px solid #FFF}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:12px solid #000;left:3px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:20px solid #FFF}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;top:-3px;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:black}.mfp-iframe-holder .mfp-close{top:-43px}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6)}.mfp-figure{line-height:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-break:break-word;padding-right:36px}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}}@media all and (max-width:800px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
} 
.mfp-title {
	color: #fff;
}
.mfp-title, .mfp-title small {
	font-size: 80%;
	font-weight: 100;
	line-height: 90%;
}
.mfp-title small {
	color: #aaa;
}
.mfp-title small i,
.mfp-title small i a {
	color: #888;
	font-size: 80%;
}

/* OOCSS 		=========================== */
/* **************** GRIDS ***************** */
.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}


/* FONT 		=========================== */

@font-face {
    font-family: 'alex_brushregular';
    src: url('fonts/alexbrush-regular-otf-webfont.eot');
    src: url('fonts/alexbrush-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alexbrush-regular-otf-webfont.woff') format('woff'),
         url('fonts/alexbrush-regular-otf-webfont.ttf') format('truetype'),
         url('fonts/alexbrush-regular-otf-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* MAIN 		=========================== */

html {
}
body {
    /*background: #fff url(../gfx/whitediamond.png) 0 0 repeat;*/
    background-color: #fff;
    color: #222;
    font:normal 100% Helvetica, Arial, sans-serif;
}
#page, header, footer {
    margin: 0 auto;
    overflow:hidden; _overflow:visible; _zoom:1;
}
header {
	padding-bottom: 0;
}
#page {
	margin-top: -5px;
}

a, a:hover, a:visited, a:active {
	color: #ccc;
	outline:0;
}

h1 {
	color: #ccc;
	font-family: alex_brushregular, arial, sans-serif;
	font-size: 1.4em;
	font-weight: 100;
	float:left;
	margin: 0;
	padding: .5em 0 0 3%;
}
	h1 img {
		height: 16px;
		position: relative;
		vertical-align: baseline;
		width: 16px;
	}
.st_fblike_hcount {
	float:right;
	opacity:.5;
	position: relative;
	margin: 4px 5px 0 0;
	padding-bottom: 0;
}
#sthoverbuttons {
	opacity: .6;
}
footer p {
	color: #aaa;
	font-size: .5em;
	font-weight: 100;
	margin: 0;
	padding: 0 0 1em 0;
	text-align: right;
}

.unit{
	text-align: center;
}
	figure {
		background-color: #fff;
		margin: .5em;
		overflow:hidden;
		text-align: center;
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.5);
		box-shadow: 2px 2px 4px rgba(0,0,0,.5);
		opacity: 1;
			-webkit-transition: all 0.5s ease-out;
			-moz-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
	}
		figure:hover {
			opacity: .8;
		}
		.logo figure:hover {
			opacity: 1;
		}

	.logo figure {
		background-color: #fff;
		-webkit-box-shadow: 0 0 0;
		-moz-box-shadow: 0 0 0;
		box-shadow: 0 0 0;
	}
		figure img {
			margin: 0 auto;
			max-width: 100%;
    		vertical-align:bottom;
		}

#sent-mail {
	cursor: pointer;
}

/* Smartphones (portrait) ----------- */
@media screen and (max-device-width: 480px), screen and (max-width: 600px) {
	/*body:before {
		content:"smartphone";
	}*/
	/* Styles */
	.lastUnit-desktop:after{content: "";visibility:hidden; float:left;height:auto !important;display:table-cell;line-height:0;}
	.lastUnit-desktop {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
	.lastUnit-smartphone:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
	.lastUnit-smartphone {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
	.size1of5{width:100%;}
	#page, header, footer {
		width: 173px;
	}
	h1 {
		padding: .5em 0 0 0;
		text-align: center;
	}
		figure, figure img {
			height: 260px;
		}
}

/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 600px) {
	/*body:before {
		content:"ipad";
	}*/
	/* Styles */
	.lastUnit-desktop:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
	.lastUnit-desktop {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
	.lastUnit-smartphone:after{content: "";visibility:hidden; float:left;height:auto !important;display:table-cell;line-height:0;}
	.lastUnit-smartphone {display: inherit; *display:inherit;*zoom:1;float:left;width:20%;}
	.size1of5{width:20%;}
	.size1of5{width:33.33333%;}
	#page, header, footer {
		width: 392px;
	}
	h1 {
		padding: .5em 0 0 2%;
		text-align: left;
	}
		figure, figure img {
			height: 180px;
		}
}

/* Desktops and laptops ----------- */
@media screen and (min-width: 990px) {
	/*body:before {
		content:"Desktops";
	}*/
	/* Styles */
	.lastUnit-desktop:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
	.lastUnit-desktop {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
	.lastUnit-smartphone:after{content: "";visibility:hidden; float:left;height:auto !important;display:table-cell;line-height:0;}
	.lastUnit-smartphone {display: inherit; *display:inherit;*zoom:1;float:left;width:20%;}
	.size1of5{width:20%;}
	.size1of5{width:20%;}
	#page, header, footer {
		width: 745px;
	}
	h1 {
		padding: .5em 0 0 1%;
		text-align: left;
	}
		figure, figure img {
			height: 200px;
		}
}

/* Large screens ----------- */
@media screen and (min-width: 1200px) {
	/*body:before {
		content:"Large";
	}*/
	/* Styles */
	.lastUnit-desktop:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
	.lastUnit-desktop {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
	.lastUnit-smartphone:after{content: "";visibility:hidden; float:left;height:auto !important;display:table-cell;line-height:0;}
	.lastUnit-smartphone {display: inherit; *display:inherit;*zoom:1;float:left;width:20%;}
	.size1of5{width:20%;}
	#page, header, footer {
		width: 1005px;
	}
	h1 {
		padding: .5em 0 0 1%;
		text-align: left;
	}
		figure, figure img {
			height: 300px;
		
}