/*
Theme Name: Sandrine
Theme URI: http://www.mosne.it
Description: for WordPress 3.7 and superior.
Version: 1.0
Author: Mosne
Author URI: http://www.mosne.it
Tags: html5, responvive
*/

/*!
 * Bootstrap v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
#map img,.google-maps img{width:none;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
.hidden{display:none;visibility:hidden;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.visible-desktop{display:inherit !important;}
@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}
/* mosne reset*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
nav ul ,nav ul li{ list-style: none; margin: 0; padding: 0;}
body,html{ margin: 0;  padding: 0;}
a{outline:0; text-decoration: none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:none;}
p{margin: 0; margin-bottom: 1em;}
.hidden{display: none;}
body { margin: 0; font: 1em/1.5 sans-serif; }
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*
Author  : Boon
URL     : http://builtbyboon.com
Twitter	: http://twitter.com/mattberridge
---------------------------------------*/


/* -- Use this wrapper if you want to block-out a column with padding
Taken from http://csswizardry.com/2011/10/the-island-object/) -- */

.row {
  margin-left: -30px; /* gutter */
  overflow: hidden;
  clear: both;

}

 [class*="col-"]{
  float: left;
  padding-left: 30px; /* gutter */
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(js/boxsizing.htc);
 }

/*!
 * MOSNE RESPONSIVE DESIGN GRIDS
 * Author  : mosne
 * URL     : http://mosne.it
 * ---------------------------------------*/

.col-full{ width: 100%;} .col-1-12{ width: 8.3333333333333%;} .col-1-6{ width: 16.666666666667%;} .col-1-4{ width: 25%;} .col-1-3{ width: 33.333333333333%;} .col-5-12{ width: 41.666666666667%;} .col-1-2{ width: 50%;} .col-7-12{ width: 58.333333333333%;} .col-2-3{ width: 66.666666666667%;} .col-3-4{ width: 75%;} .col-5-6{ width: 83.333333333333%;} .col-11-12{ width: 91.666666666667%;} .col-1-1{ width: 100%;} .col-1-8{ width: 12.5%;} .col-3-8{ width: 37.5%;} .col-5-8{ width: 62.5%;} .col-7-8{ width: 87.5%;} .col-1-7{ width: 14.285714285714%;} .col-2-7{ width: 28.571428571429%;} .col-3-7{ width: 42.857142857143%;} .col-4-7{ width: 57.142857142857%;} .col-5-7{ width: 71.428571428571%;} .col-6-7{ width: 85.714285714286%;} .col-1-5{ width: 20%;} .col-2-5{ width: 40%;} .col-3-5{ width: 60%;} .col-4-5{ width: 80%;}

/* default responsive */
@media (max-width: 767px) {
.col-1-12, .col-1-6, .col-1-4, .col-1-3, .col-5-12, .col-1-2, .col-7-12, .col-2-3, .col-3-4, .col-5-6, .col-11-12, .col-1-1, .col-1-8, .col-3-8, .col-5-8, .col-7-8, .col-1-7, .col-2-7, .col-3-7, .col-4-7, .col-5-7, .col-6-7, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-full{ width: 100%;}
}

/* -- Breakpoint 4 (.b) BIG DESKTOP
------------------------------------------------------------- */
@media (min-width: 1200px)  {

.b-col-1-12{ width: 8.3333333333333%;} .b-col-1-6{ width: 16.666666666667%;} .b-col-1-4{ width: 25%;} .b-col-1-3{ width: 33.333333333333%;} .b-col-5-12{ width: 41.666666666667%;} .b-col-1-2{ width: 50%;} .b-col-7-12{ width: 58.333333333333%;} .b-col-2-3{ width: 66.666666666667%;} .b-col-3-4{ width: 75%;} .b-col-5-6{ width: 83.333333333333%;} .b-col-11-12{ width: 91.666666666667%;} .b-col-1-1{ width: 100%;} .b-col-1-8{ width: 12.5%;} .b-col-3-8{ width: 37.5%;} .b-col-5-8{ width: 62.5%;} .b-col-7-8{ width: 87.5%;} .b-col-1-7{ width: 14.285714285714%;} .b-col-2-7{ width: 28.571428571429%;} .b-col-3-7{ width: 42.857142857143%;} .b-col-4-7{ width: 57.142857142857%;} .b-col-5-7{ width: 71.428571428571%;} .b-col-6-7{ width: 85.714285714286%;} .b-col-1-5{ width: 20%;} .b-col-2-5{ width: 40%;} .b-col-3-5{ width: 60%;} .b-col-4-5{ width: 80%;}
}


/* -- Breakpoint 3 (.d) DESKTOP
------------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1199px)  {

.d-col-1-12{ width: 8.3333333333333%;} .d-col-1-6{ width: 16.666666666667%;} .d-col-1-4{ width: 25%;} .d-col-1-3{ width: 33.333333333333%;} .d-col-5-12{ width: 41.666666666667%;} .d-col-1-2{ width: 50%;} .d-col-7-12{ width: 58.333333333333%;} .d-col-2-3{ width: 66.666666666667%;} .d-col-3-4{ width: 75%;} .d-col-5-6{ width: 83.333333333333%;} .d-col-11-12{ width: 91.666666666667%;} .d-col-1-1{ width: 100%;} .d-col-1-8{ width: 12.5%;} .d-col-3-8{ width: 37.5%;} .d-col-5-8{ width: 62.5%;} .d-col-7-8{ width: 87.5%;} .d-col-1-7{ width: 14.285714285714%;} .d-col-2-7{ width: 28.571428571429%;} .d-col-3-7{ width: 42.857142857143%;} .d-col-4-7{ width: 57.142857142857%;} .d-col-5-7{ width: 71.428571428571%;} .d-col-6-7{ width: 85.714285714286%;} .d-col-1-5{ width: 20%;} .d-col-2-5{ width: 40%;} .d-col-3-5{ width: 60%;} .d-col-4-5{ width: 80%;}
}


/* -- Breakpoint 2 (.t) TABLET
------------------------------------------------------------- */
@media (min-width: 481px) and (max-width: 768px) {
.t-col-1-12{ width: 8.3333333333333%;} .t-col-1-6{ width: 16.666666666667%;} .t-col-1-4{ width: 25%;} .t-col-1-3{ width: 33.333333333333%;} .t-col-5-12{ width: 41.666666666667%;} .t-col-1-2{ width: 50%;} .t-col-7-12{ width: 58.333333333333%;} .t-col-2-3{ width: 66.666666666667%;} .t-col-3-4{ width: 75%;} .t-col-5-6{ width: 83.333333333333%;} .t-col-11-12{ width: 91.666666666667%;} .t-col-1-1{ width: 100%;} .t-col-1-8{ width: 12.5%;} .t-col-3-8{ width: 37.5%;} .t-col-5-8{ width: 62.5%;} .t-col-7-8{ width: 87.5%;} .t-col-1-7{ width: 14.285714285714%;} .t-col-2-7{ width: 28.571428571429%;} .t-col-3-7{ width: 42.857142857143%;} .t-col-4-7{ width: 57.142857142857%;} .t-col-5-7{ width: 71.428571428571%;} .t-col-6-7{ width: 85.714285714286%;} .t-col-1-5{ width: 20%;} .t-col-2-5{ width: 40%;} .t-col-3-5{ width: 60%;} .t-col-4-5{ width: 80%;}
}


/* -- Breakpoint (.m) MOBILE
------------------------------------------------------------- */
@media (max-width: 480px) {

.m-col-1-12{ width: 8.3333333333333%;} .m-col-1-6{ width: 16.666666666667%;} .m-col-1-4{ width: 25%;} .m-col-1-3{ width: 33.333333333333%;} .m-col-5-12{ width: 41.666666666667%;} .m-col-1-2{ width: 50%;} .m-col-7-12{ width: 58.333333333333%;} .m-col-2-3{ width: 66.666666666667%;} .m-col-3-4{ width: 75%;} .m-col-5-6{ width: 83.333333333333%;} .m-col-11-12{ width: 91.666666666667%;} .m-col-1-1{ width: 100%;} .m-col-1-8{ width: 12.5%;} .m-col-3-8{ width: 37.5%;} .m-col-5-8{ width: 62.5%;} .m-col-7-8{ width: 87.5%;} .m-col-1-7{ width: 14.285714285714%;} .m-col-2-7{ width: 28.571428571429%;} .m-col-3-7{ width: 42.857142857143%;} .m-col-4-7{ width: 57.142857142857%;} .m-col-5-7{ width: 71.428571428571%;} .m-col-6-7{ width: 85.714285714286%;} .m-col-1-5{ width: 20%;} .m-col-2-5{ width: 40%;} .m-col-3-5{ width: 60%;} .m-col-4-5{ width: 80%;}
}

/* grids */

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

.col3{
 -webkit-column-count: 3;  -webkit-column-gap:  15px;
     -moz-column-count: 3;     -moz-column-gap: 15px;
          column-count: 3;          column-gap: 15px;
}

.col4{
 -webkit-column-count: 4;  -webkit-column-gap:  15px;
     -moz-column-count: 4;     -moz-column-gap: 15px;
          column-count: 4;          column-gap: 15px;
}
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/
.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-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;-ms-transition-property:-ms-transform, opacity;-o-transition-property:top, left, opacity;transition-property:transform, opacity}.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}





/*
 * jQuery FlexSlider v2.0
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.full { float: left; width: 100%;}
.flexslider {margin: 0 0 34px; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav li{
    padding-top: 0;
}

.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 32px; height: 32px; margin: -20px 0 0; display: block;

 position: absolute; top: 50%; z-index: 10; cursor: pointer; /*text-indent: -9999px;*/ opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px !important;
  text-align: center;
  color: white;
  padding-top: 2px;
  background: rgba(255,255,255,0.7);
  border-radius: 200px;
}

.flex-direction-nav a:hover{
  background: rgba(255,255,255,0.9);
}

.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px; filter: alpha(opacity=100);}
.flexslider:hover .flex-prev {opacity: 0.8; left: 8px; filter: alpha(opacity=100);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled { display:none; opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 8px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 7px; height: 7px; display: block; background: #1a1a1a; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border: 2px solid #1a1a1a; opacity: .8;}
.flex-control-paging li a:hover { background: #fff; border: 2px solid #fff; opacity: 1; }
.flex-control-paging li a.flex-active { background: transparent;  cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.flexslider .slides img.m-mob{ display: none; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 0; left: 0;}
  .flex-direction-nav .flex-next {opacity: 0; right: 0;}
}

.safewrap{
float: left;
width: 100%;
margin-left: 1px;
}

.caption{
   color: #efefef;
   background: #262626;
    padding: 5px 30px;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    width: auto;
    float: left;
    margin-top: -25px;
}
.flexslider{
    margin-bottom: 0;
}
.flexslider .slide img{
    float: left;
}
/*one page*/
#fullPage-nav{
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	right: 10px;
	opacity: 1;
	z-index: 999;
}
#fullPage-nav ul{
	margin:0;
	padding:0;
}
#fullPage-nav li{
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
}
#fullPage-nav li a{
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}
#fullPage-nav .current span{
	background: #BE222A;
}
#fullPage-nav span{
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border: 1px solid #BE222A;
	background: rgba(0, 0, 0, 0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}
/*
 * photoswipe.css
 */


body.ps-active,body.ps-building,div.ps-active,div.ps-building {
	background:#000;
	overflow:hidden;
}

body.ps-active *,div.ps-active * {
	-webkit-tap-highlight-color:rgba(255,255,255,0);
/*	display: none;*/
}

body.ps-active :focus,div.ps-active :focus {
	outline:0;
}

/* Document overlay */
div.ps-document-overlay {
	background:#000;
}

/* UILayer */
div.ps-uilayer {
	background:#000;
	cursor:pointer;
}

/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate {
	background:#000;
}

div.ps-zoom-pan-rotate * {
	display:block;
}

/* Carousel */
div.ps-carousel-item-loading {
	background:url(images/loader.gif) no-repeat center center;
}

div.ps-carousel-item-error {
	background:url(images/error.gif) no-repeat center center;
}

/* Caption */
div.ps-caption {
	background:#000;
	color:#fff;
	font-size:15px;
	font-weight:700;
	text-align:center;
}

div.ps-caption * {
	display:inline;
}

div.ps-caption-bottom {
	border-top:1px solid #42403f;
	border-bottom:none;
	min-height:44px;
}

div.ps-caption-content {
	padding:13px;
	display:block;
}

/* Toolbar */
div.ps-toolbar {
	background:#000;
/*background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;*/
	color:#fff;
	font-size:13px;
/*font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;*/
	text-align:center;
	height:44px;
	display:table;
	table-layout:fixed;
}

div.ps-toolbar * {
	display:block;
}

div.ps-toolbar-top {
	border-bottom:1px solid #42403f;
	border-top:none;
}

div.ps-toolbar-close,div.ps-toolbar-previous,div.ps-toolbar-next,div.ps-toolbar-play {
	cursor:pointer;
	display:table-cell;
}

div.ps-toolbar div div.ps-toolbar-content {
	width:44px;
	height:44px;
	margin:0 auto;
	background-image:url(images/icons.png);
	background-repeat:no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content {
	background-position:0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content {
	background-position:-44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content {
	background-position:-44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content {
	background-position:-132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content {
	background-position:-132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content {
	background-position:-88px 0;
}
/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-moz-background-size: 176px 88px;
		-o-background-size: 176px 88px;
		-webkit-background-size: 176px 88px;
		background-size: 176px 88px;
		background-image: url(images/icons@2x.png);
	}
}

/* video */
.pic,
article.video{
    position: relative;
}
.pic{
    float: left;
    width: 100%;
}

a.embedvideo:after {
	content:'';
	background:url(//ssl.gstatic.com/s2/tt/images/play-overlay.png) no-repeat scroll 0 0 transparent;
	height:77px;
	left:50%;
	margin-left:-38px;
	margin-top:-38px;
	opacity:.8;
	position:absolute;
	top:50%;
	width:77px;
	z-index:15;
}

.picture.video {
	position:relative;
}

/* fonts */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

#menu-social a {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* typography */
#header{
    letter-spacing: 0.08em;
}

/* general theme */
body,html {
	padding:0;
	margin:0;
}



body {

font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
background:white;
color: #1a1a1a;
	font-size:13px;
	line-height: 1.3em;
	-webkit-font-smoothing: antialiased;
}

a{ color: #1a1a1a; }


strong{
    font-weight: 700;
}

em{
    font-style: italic;
}


.push {
	max-width:1200px;
	margin:0 auto;
	padding:0 30px;
}

.push.less {
	padding:0 15px;
}

.ha-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 990;
}
#logo a{
  	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}
#logo {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    height: 50px;
    margin-top: 50px;
}
#logo.tiny a{
    font-size: 15px;
    width: 255px;
}
main{
    max-width:
}

#bd{
    min-height: 600px;
    padding-top: 108px;
    margin-left: 254px;/*magic*/
}

.wrapper {
	margin:0 15px;
}

.hide {
	display:none;
}


#header {
	width:400px;
	float:left;
	height: 0;
}

/*header*/

#logo a {
    font-size: 24px;
	float:left;
    width: 100%;
    height: 24px;
    line-height: 24px;
	text-transform:uppercase;
	margin-bottom: 5px;
	/*background: yellow;*/
}

#sidebar, #menu{
    float: left;
    width: 155px;
    margin-right: 50px;
    margin-bottom: 25px;
}


#menu-mainmenu a{
    float: left;
    width: 100%;
    height: 15px;
    line-height: 15px;
	text-transform:uppercase;
	margin-bottom: 5px;
	overflow: hidden;
	/*background: yellow;*/
}

.single-works #menu-item-69,
.category #menu-item-72,
.single-post #menu-item-72,
.single-bonus #menu-item-66,
.active,
.current-menu-item a{
     font-weight: 800;
}

#menu  a:hover{
    font-weight: 700;
}
#sidebar #menu-item-99,
#sidebar #menu-item-100,
#sidebar #menu-item-101{
    position: relative;
}

#sidebar #menu-item-100,
#sidebar #menu-item-99,
#sidebar #menu-item-101{
    display: none;
}

.postid-36 #sidebar #menu-item-101{
    display: block;
}

.postid-34 #sidebar #menu-item-100{
    display: block;
}

.postid-32 #sidebar #menu-item-99{
    display: block;
}


#sidebar #menu-item-100 > a,
#sidebar #menu-item-99 > a,
#sidebar #menu-item-101 > a{
    float: left;
    width: 24px;
    height: 24px;
    background: #FFF541;
    border-radius: 24px;
    text-indent: -999px;
    overflow: hidden;
}


#sidebar .sub-menu{
    display: none;
    float: left;
    width: 200px;
    margin-top: 15px;
}

#sidebar{
    min-height: 155px;
}


#menu-mainmenu .sub-menu a,
#sidebar .sub-menu a{
  text-transform: uppercase;
  width: 155px;
  font-size: 11px;
}
#sidebar .sub-menu a{
    float: left;
    width: 200px;
    line-height: 15px;
    margin-bottom: 3px;
}
#menu-mainmenu .sub-menu a{
    font-weight: 400;
    margin-bottom: 3px;
}

#menu-mainmenu .sub-menu a:hover{
    font-weight: 600;
}

#menu-mainmenu .sub-menu .current-menu-item a{
    font-weight: 800;
}

#menu-mainmenu .sub-menu{
   margin-left: 1em;
   display: none;
}
.single-works #menu-mainmenu .sub-menu{
display: block;
}

/*
#sidebar .sub-menu a{
background: #1a1a1a;
color: white;
width: 155px;
padding: 5px;
font-size: 11px;
float: left;
text-transform: uppercase;
letter-spacing: 0;
border-radius: 2px;
}*/


/* footer */
#footer{
    color: #999;
}

#text-2{
    margin-left: 254px;/*magic*/
}


#menu-social{
    width: 100%;
    float: left;
    margin: 30px 0;
}

#menu-social li{
    float: left;
    font-size: 16px;
    margin-right: 8px;
}

.credits{
    padding: 30px 0;
    text-align: center;
    padding-left: 254px;/*magic*/
}


/* vue*/
.relative{
    position: relative;
    min-height: 600px;
}

.abs{
    position: absolute;
    max-width: 40%;

    z-index: 50;
}

.abs a{
    float: left;
}

.abs a img{
    opacity: 1;
    -webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.abs a:hover img{
    opacity: .15;
}
.abs h1{
    margin: 0;
    padding: 0;
}

.abs span{
position: absolute;
left: 15%;
right: 15%;
top: 50%;
margin-top: -23px;
font-size: 15px;
z-index: 99;
float: left;
padding: 10px;
border: 3px solid white;
color: white;
text-transform: uppercase;
text-align: center;
line-height: 1em;
letter-spacing: 0.08em;
}


.box1{
    width: 100%;
    float: left;
    margin: -1px;
    padding: 6px;
}
.box2{
    width: 50%;
    float: left;
    margin: -1px;
    padding: 6px;
}
.box3{
    width: 33.33%;
    float: left;
    margin: -1px;
    padding: 6px;
}

.box6{
    width: 66.66%;
    float: left;
    margin: -1px;
    padding: 6px;
}

.box4{
    width: 25%;
    float: left;
    margin: -1px;
    padding: 6px;
}
.pool{
    float: left;
    width: 100%;
    min-height: 600px;
}


.contentwrap p:last-child{
    margin-bottom: 0;
}

/* actus*/
article{
    position: relative;
}

.alignright{
    text-align: right;
    color: #1a1a1a;
}

.textbody{
     color: #1a1a1a;
}

.textbody a{
    text-decoration: underline;
    color: #1a1a1a;
}


.textbody h1 a{
color: #1a1a1a;
}

.textbody h1{
text-transform: uppercase;
margin: 0;
padding: 0;
font-weight: 300;
}

article.actus{
    margin-bottom: 30px;
}

.actus .textbody h1{
font-weight: 700;
text-transform: none;
margin-top: -1px;
margin-bottom: 1px;
}

.actus .textbody h1 a{
text-decoration: none;
}

.actus .pic{
    margin-bottom: 10px;
}


.actus .cats{
    text-transform: uppercase;
}

.actus a.cats:hover{
    font-weight: 700;
}

.edit a{
    color: white !important;
    background: #000;
    padding: 2px;
    border-radius: 2px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1em;
    float: right;
    margin-top: -30px;
    font-size: 11px;
    opacity: .3;
    letter-spacing: 0.08em;
}
.edit a:hover{
    background: #3879D9;
    opacity: .9;
}

/* bonus*/
.bonuswrap{
    padding: 15px;
}
.bonuswrap .textbody,
.single-bonus .bonuswrap  a,
.page-id-52 .bonuswrap  a{
  color: white;
}

.bonuswrap a.shop{
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 1em;
}

.bonuswrap a.shop:hover{
font-weight: 700;
}

.open_shop{
    padding: 1em 0;
    display: none;
    font-size: 15px;
}

.open_shop a{
    text-decoration: underline;
}

.open_shop a:hover{
    text-decoration: none;
    font-weight: 700;
}
/* eyes */
.eye{
    width: 24px;
    height: 24px;
    float: left;
    position: relative;
    background: #eee;
    border-radius: 48px;
  /*  -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;*/
}


.toctoc .eye{

    -webkit-transform: scale(4,4);
    -moz-transform: scale(4,4);
    -ms-transform: scale(4,4);
    transform: scale(4,4);

    display: inline-block;

    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	 overflow: hidden;

    background: #FFF541;


    margin-left: 38px;
    margin-top: 38px;
}

.toctoc .eye:hover{
    height: 2px;
}
a.eye{
    margin-right: 176px;
}


.toctoc{
    margin-top: 50px;
    height: 154px;
}
.toctoc.elem1,
.toctoc.elem4,
.toctoc.elem5{
    margin-top: 150px;
}


.toctoc a span{
margin: 0;
float: left;
padding: 15px 0;
width: 100%;
font-weight: 700;
}

article.work .eye{
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 99;
    cursor: pointer;
}
.homewrap{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.homewrap .eye{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    margin-left: -12px;
    margin-top: -12px;
    pointer-events: none;
}

.homewrap img{
    opacity: 0;
    -webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}



.touch .homewrap img,
.homewrap.hh img{
opacity: 1;
}

.eye .iris{
    width: 12px;
    height: 12px;
    position: absolute;
    left: 6px;
    top:6px;
    background: #1a1a1a;
    border-radius: 48px;
 /* -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;*/
}



.eye .tooltip{
    position: absolute;
    bottom: 0;
    right: 36px;
    width: auto;
    background: #1a1a1a;
    padding: 5px 15px;
    white-space: nowrap;
    line-height: 1em;
    display: none;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}



/* colors*/

/*vu blue*/

.single-works,
.single-works a,
.page-id-45,
.page-id-45 a,
.blue{
color: #0062FF;
}
.tooltip,
.abs a{
background: #0062FF;
}
/* actu rose*/
.category,
.category a,
.category .textbody a:hover,
.single-post,
.single-post a,
.single .textbody a:hover,
.page-id-70,
.page-id-70 a,
.rose{
color:#FF3E8B;
}

/* blabla vert*/

.page-id-47,
.page-id-47 a,
.vert{
color:#00d480; /*#00E591*/;
}
.paddy{
    padding: 0 10px 10px 0;
    float: left;
}

.contentwrap,.imgwrap{
    border: 4px solid #00d480;
    width: 100%;
    float: left;
}

.single-works .contentwrap{
    border: 4px solid #0062FF;
    background: #0062FF;
    color: white;
}

.imgwrap{
    background: #00d480;
}

.imgwrap img{
 opacity: 0.15;
 	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.imgwrap img:hover{
    opacity: 1;
}

.contentwrap{
color: #1a1a1a;
padding: 15px;
}

.contentwrap a{
   color: #1a1a1a;
   text-decoration: underline;
}

.contentwrap a:hover{
   color: #00d480;
}

/* bonus red*/
.single-bonus,
.single-bonus a,
.page-id-52,
.page-id-52 a,
.red{
color:#FF393D;
}

article.bonus{
    color: white;
    background: #FF393D;
    margin-bottom: 15px;
}

/* toctoc yellow*/
.page-id-54,
.page-id-54 a,
.yellow{
color:#FFF541;
}
.page-id-54{
    background: #1a1a1a;
}
.page-id-54 #footer{
    color: #666;
}


.shop_wrap .asp_product_buy_btn,
.shop_wrap .asp_product_buy_btn.green,
.shop_wrap .asp_product_buy_btn.blue {
    filter:  none;
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 600;
    background: #FF393D !important;
    border-color: #fff !important;
    border:3px solid #fff !important;
    color: #fff !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-transform: uppercase;
    border-radius: 0 !important;
    }
.shop_wrap .asp_product_buy_btn:hover,
.shop_wrap .asp_product_buy_btn.green:hover,
.shop_wrap .asp_product_buy_btn.blue:hover {
    filter:  none;
    background: #fff !important;
    border-color: #fff !important;
    color: #FF393D !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-transform: uppercase;
    border-radius: 0 !important;
}



/* MEDIA QUERIES */


/* Large desktop */
@media (min-width: 1500px) {



}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {



}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

.col2,
.col3,
.col4{
  -webkit-column-count: 2;  -webkit-column-gap: 15px;
     -moz-column-count: 2;     -moz-column-gap: 15px;
          column-count: 2;          column-gap: 15px;
}


}

@media (min-width: 768px) and (max-width: 800px) {
    
  .abs {
  max-width: 65%;

}
  
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {


.safewrap{
margin-left: 0;
}


.ha-header {
	position: relative;
	top: inherit;
	left: inherit;
}
#bd{
    margin: 0;
    padding-top: 25px;
}
#header{
    height: auto;
    float: none;
    width: 100%;
}
#menu,
#sidebar{

    margin-right: 0;
}

#text-2{
    margin-left: 0;
}

.toctoc.box3{
    margin-top: 0;
    width: 50%;
}
.toctoc.elem1,
.toctoc.elem4,
.toctoc.elem5{
    margin-top: 0;
}



.col2,
.col3,
.col4{
  -webkit-column-count: 1;  -webkit-column-gap:  15px;
     -moz-column-count: 1;     -moz-column-gap: 15px;
          column-count: 1;          column-gap: 15px;
}


.box3,.box4{
    width: 50%;
}

.credits{
  padding-left: 0;

}

.abs{
    position: static;

}
.abs a{
    position: relative;
    margin-bottom: 10px;
}
.abs{
    max-width: 100%;
}


#sidebar {
  min-height: inherit;
}


}

/* Landscape phones and down */
@media (max-width: 480px) {

#logo a{
    font-size: 15px;
}



.push {
    padding: 0 10px;
}


.push.less {
    padding: 0;
}

.wrapper {
margin: 0 10px;
}

.box2,.box3,.box4{
    width: 100%;
}

.credits{
  text-align: left;
  margin: 30px 0;
}


}


/* Retina-specific stuff here */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}