/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 16px 'Open Sans', sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #a8b600; color: #000; text-shadow: none;}
::selection {background: #a8b600; color: #000; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

a{
	color:inherit;
	text-decoration: none;
}
a:hover{
	color:inherit;
	text-decoration: underline;
}
p{
	margin-bottom: 10px;
}
.small{
	font-size:0.8em;
	font-weight: 400;
}
.bold{
	font-weight: 800;
}
h1{
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: 10px;
}
h1:first-letter{
	font-size:1.3em;
}
h2{
	font-size: 1.4em;
	font-weight: 600;
	margin-bottom: 10px;
}


/* HELPER CLASSES */
.red-border-top{
	border-top: 4px solid #9e0039;
}

.left{
	float:left;
	margin-right: 40px;
}
.right{
	float:right;
}

.small-title:first-letter { font-size: 1.5em; }
.small-title{
	font-weight:bold;
}

.text-list{
	margin-left: 30px;
}
.text-list li:before{
	content:"- ";
}
.main-content-wrapper{
	position: relative;
	z-index: 2;
}
.main-content-wrapper .wrapper{
	position: relative;
	width: 700px;
}
.oh{
	overflow: hidden;
}

.full{
	display: block;
	width: 100%;
}

.hint{
	background: #cc573a;
	color: #fff;
	padding: 10px;
	margin-top: 20px;
}
.hint p{
	margin-bottom: 0;
}

.stroke{
	border: 3px solid #fff;
}
.shadow{
	box-shadow: 3px 3px 12px -5px #000;
}
.strong{
	font-weight: 800;
}
ul.bullets li{
	position: relative;
	padding-left: 10px;
}
ul.bullets li:before{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1px;
	content:"";
	width: 4px;
	height: 4px;
	border-radius: 3px 3px 3px 3px;
	background: #a8b600;
}
.main-content-wrapper.padded{
	padding: 30px 0;
}
.half{
	width: 50%;
}

.italic{
	font-style: italic;
}
/* Custom styles */
/* STICKY FOOTER */
html,body{
	height: 100%;
	min-width: 890px;
}
.main-wrapper{
	min-height: 100%;
	margin-bottom: -190px;
}
.main-wrapper:after {
  content: "";
  display: block;
}
footer, .main-wrapper:after {
  height: 190px; 
}
/* END STICKY FOOTER */
/* CONTENT WIDTH */
.wrapper{
	width: 890px;
	margin: 0 auto;
}

/* HEADER STYLES */
.main-header{
	position: relative;
	z-index: 3;
	height: 196px;
	padding-bottom: 5px;
}
.logo-wrapper{
	position: relative;
	padding:15px 0 15px 25px;
	z-index:1;
}
.logo-wrapper .logo{
	position: relative;
	z-index: 1
}
.header-image{
	position: absolute;
	right:0;
	top:0;
	z-index:0;
}
.navigation-container{
	position: relative;
	width: 100%;
	background: #a7b700;
	z-index:2;
}
.main-nav{
	
}
.main-nav > ul{
	text-align: center;
}
.main-nav > ul > li{
	position: relative;
	display: inline-block;
	border-right: 2px solid #fff;
	text-align: left;
}
.main-nav > ul > li:first-child{
	border-left: 2px solid #fff;
}
.main-nav > ul > li a{
	display: block;
	color: #000;
	padding: 0 10px;
	text-decoration: none;
	font-size: 0.950em;
	line-height: 24px;
}
.main-nav > ul > li:hover > a,
.sub-menu > li > a:hover,
.main-nav > ul > li a.active{
	color: #fff;
	background: #9e0039;
}

.main-nav > ul > li:hover .sub-menu{
	display: block;
}

.sub-menu{
	display: none;
	position: absolute;
	top:24px;
	left:0;
	width: auto;
	background: #a7b700;
}
.sub-menu > li{
	display: block;
}

.sub-menu > li > a{
	display: block;
	white-space: nowrap;
	padding: ;
}
/* END HEADER STYLES */

/* START FOOTER STYLES */
footer{
	background: #a7b700;
	border-top:5px solid #8f9b03;
	font-size: 0.800em;
	font-weight: 600;
	padding: 5px 0 0;
}
footer .wrapper{
	position: relative;
	padding:0 40px;
}
.footer-title,
footer .contact-infos{
	margin-right: 30px;
}
.footer-title,
footer .contact-infos,
footer .opening-hours{
	vertical-align: top;
	display: inline-block;
}

footer .contact-infos,
footer .opening-hours{
	
}

.footer-title,
footer .contact-infos .org,
footer .opening-hours .title{
	font-size: 1.5em;
	font-weight: 600;
}
footer .contact-infos a{
	color:#000;
}

.footer-nav-wrapper{
	font-size:1.2em;
	margin-top: 10px;
	border-top:3px solid #fff;
}
.footer-nav-wrapper .main-nav ul li a:hover,
.footer-nav-wrapper .main-nav ul li a.active{
	color:#000;
	background: none;
}
.social-media{
	position: absolute;
	bottom: 0;
	right: 0;
}
.social-media a{
	float: right;
	display: block;
	height: 25px;
}
.social-media a.facebook{
	margin-right: 5px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM5QzY2QTYxODU5RDExRTRCNjAwQzA4ODdCREJFRUZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM5QzY2QTYyODU5RDExRTRCNjAwQzA4ODdCREJFRUZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzlDNjZBNUY4NTlEMTFFNEI2MDBDMDg4N0JEQkVFRkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzlDNjZBNjA4NTlEMTFFNEI2MDBDMDg4N0JEQkVFRkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz79IxmpAAACnElEQVR42txWT2vUQBx9k0yy3bhaCy221IqVHmotFUUPFYte1EtB68mTRfEjFD+AePEDiHcP6kmKihRFaRGKgkIRLVZrF0vRsm6X3XY33WQmGSfZbLvRFZJtvfjChGRmMm9+7/dnQh5Pzdy8O/7xxLelgqVRFdsFIQQYh3J1ZCBHJcGpH8ulk5q6fQQeCCFQFODp5NeysrhUKAoIEGVru95sm/2eMD/zxQKlgUS1g1GggMDiDso2g04pqkI4jgvNfyf+mipVQBuSQl6lsoOO1iQunDmCQz0dSCZVuK5A2eK4fe8NPqdzSOgV5oZI1i2GgwdacWvsLDrbd/8x/uDJeziuK5/UwOqY8L7VpQTXrw3WJahaWgsaTybAZi4O97ZhoLdzo99mNt59+I78GpMRJZDNF32fNETigUtn79vTEhJh/Pkn3LgzJS2syJNIqNIfcmnRAIkI7lQLqzyXzkKVSWEktY1ZEDHlUogKy+bgroN1GVUWY2E/CdlnOdBUFlhC/WSsMkUicRyBrs4UWnYZMEsc3XubQ+NdHc042t8Oo0nzCdOLq7A5ByFRLRFeyNoYPT+I4dN9/t7Ib1OuXDzuNw+5QhGXxx7ClN9oVIlqCQkkU3wJyF/qVBUrORMF0wpFlxLV47oWrYBmC5b0Gw8R0ygMuiwPL1+nkVkpoWgy9PW0YehY98aMV28XMDufQcpowszcsm8FiZWM0taEjP8X0wuYmPqCNUlyabg/RPJseh73H81ip6H5G2qSoew6bgwSUamsukwwrwm5RT/RapCUC6dSOnYYldAVrmi8rIRDIfxOas6WOmL8e/xHJCLuuRvrZyL4oWBMUO7UKxZbh3fAWYxrdHSkf2ViMp3PrppWbSnYDnDmKueG9md+CTAA+Rv/WHeuN2sAAAAASUVORK5CYII=") no-repeat;
	width: 25px;
}
.social-media a.houzz{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAZCAYAAABq35PiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUzNDM5OTdDODU5RDExRTRBNTY0REU2QUIxMTdCNkZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUzNDM5OTdEODU5RDExRTRBNTY0REU2QUIxMTdCNkZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTM0Mzk5N0E4NTlEMTFFNEE1NjRERTZBQjExN0I2RkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTM0Mzk5N0I4NTlEMTFFNEE1NjRERTZBQjExN0I2RkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gzBC0AAAFaklEQVR42uxZaUhcVxT+3izOuGs0tTGiRetEDGIlaiwupDTRig1SJSQVg6QQq7i0VhKjfxT0R0HUEjGhJMUUGhISQpWWUNOmtmmhGILFGILRSNDUfTcu42yv7xw7ozPVotZfwxy58967G+d89/vOve8piKI4AMATDvtNIf34SMXVgQU8ZdKPwYEDm1G23RGz2jEMveq1SzS2BUbn6D3Ud+Sga/xnuwRDsZVOL+eeou3FV3g6+TuW9a/gJFNt0EuUimB50uv1kMvlkMlk9sOMFcMSmh9fwOPxdihkTlzW24x2FG39V6E1LFrqFhYWkJKSgvb2dvtihggT9CYdVHJnad0FmEQTFAolt/3xsgX3XlzFilGLI0EfrmUioxEPHz7E5OSk/clEJqwSSG/SQq10xujkX/h6XmLLxH0Y9cAetb+VRMjUajXLxO4SqFE0YNmwAH/XUHwcfRFPWl7h80+uQJx1hYubGsImsxAgWq0Ws7Ozm849PT2NxcVFqzqTyQSDwXrHJ7ZRIdPpdDzvysoK31N+kg6PPI7qzIXabOf5X2CI0p+70hvvv1mAwpgr0HgehkFrRM/9aXxT+BhPvp2DSStYEUMQBKhUKly+fBkHDx6En58fTpw4gdHRUUufjo4OJCUlITg4GGFhYaiqqrI4fvv2bWRkZHBAZquoqEB1dTXf5+TkIDo6GnFxcUhISEBMTAy6u7vR1dWF2NhYLvHx8dxOfQmkXcoZQLrmU4T5vr0WrGw18omhGXxXOwO11g+Kd+VWYCwtLeHRo0ccJK18WVkZ3Nzc0NzcjL6+PqSmprLD169fx8DAAM6fP4/5+XnU19czaDSWVttsPT09cHFx4fszZ85gamqKnysrK9Hb2wtPT0+ev7y8nOU5Pj6OwsJChIeHsz+7AgZN09L7Bd6a68Y7QdlQKVwgmlad3OvvjbisAIS/5wqDRGFziqAgiLrkaH5+PteNjY3hxo0bfH/p0iV4eHigtbXVsvVSAMXFxQyes7MzS2y9OTlJO5li1d3k5GS+3rp1i0G6c+cOgoKCuO7UqVN8TU9PR2RkJBobG3cTDAEL+hl8/7wJ3RO/IlVzFkq1HBHJ+3A0/wDUrxsgN4qrFMIaGBRMYGCgpY6kQE6RFJ49e4ZDhw5ZnUGI2jRucHCQ66nv+nZ6Xs+UBw8ecOB1dXVIS0uz8pkYQe3ELm9v791NoHJBIZ0vlBiYe4I/h35EeLo7ki8EQeVjgm7RKDFl43G2WqXgaHVDQ0PR2dlpFZxZFgEBAcwMojlJzWz9/f0WmZCssrKyUFJSwmW9EetIim1tbQgJCdntc4bIB6q9zoFICT6LaP9U/DTQDN2UFnJRaTmL2Bple3P2JyNGLC8v87WgoADXrl1DZmYm8vLyOLjS0lK+9/Ly4qRIwJw+fRq5ubm8ygReTU0NA0zJmHahqKgolgrNmZiYiOHhYZ6b8tHIyAhu3rzJ8jp+/DiUSuVunDMEHH0jB4f3p8ND5fNPYHqWBQGlMy5Lx3O1lS5J/0R7X19fSx3tKLQDkOMajQZ3797FuXPncPLkSWZCUVER5xgy0j/lAUq62dnZTPWmpiYOkgAlCdIu1dDQwPNRqa2tZeZFRERwcqXcQ4tBuenYsWNbAkOQVmB2ux93fnj+JVr7LsJF4YGI144gOfgj+LuHWvWxfTehFSXnbJ0ix2kbpp3gX+cbqT+dUUgeBJg5H1HwdDXLjK40rzknrZcfGc2/BftFgR2YQTqe73MLwQcHPmMwNjLboAmUjV7afHx8Ns9VEpi27RTwf60yyWKntiNm0PcMD5Uv3J322NMb/M6Ysd9d4/i4Y+/mAMMBxuZgOP5nsmrufwswAFTjYfzoXRYaAAAAAElFTkSuQmCC") no-repeat;
	width: 67px;
}
/* END FOOTER STYLES */

/* CAROUSEL STYLES */
.carousel-wrapper{
	background: #3b312f;
	border: 4px solid #9e0039;
	margin-top: 5px;
	color:#fff;
}
.accueil .carousel-wrapper{
	background: #3b312f url('../img/carousel-aside-bg.jpg') no-repeat right bottom;
}

/* change carousel opacity when slick is initialized */
.carousel-container{
	float:left;
	width:630px;
	height:460px;
	opacity: 0;
	margin-bottom: 0;
	transition: opacity 200ms ease-in;
}
.carousel-container.slick-initialized{
	opacity: 1;
}

.carousel-slide{
	position: relative;
}
.slick-next{
	right:24px;
}
.slick-prev{
	left:24px;
}
.slick-dots{
	bottom: 24px;
}
.slick-dots li{
	margin:0;
}
.slick-dots li button:before{
	color:#fff;
	opacity: 1;
}
.slick-dots li.slick-active button:before{
	color:#9e0039;
	opacity: 1;
}
.carousel-aside{
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding:25px 15px;
	color: #fff;
}
.carousel-aside-title{
	display: block;
	font-weight: 800;
	margin-bottom: 10px;
	font-size:1.1em;
}
/* END INDEX CAROUSEL STYLES */

/* INDEX CONTENT STYLES*/
.index-main-text{
	width: 450px;
	margin: 15px 0 35px;
	text-align: justify;
}

/* END INDEX CONTENT STYLES*/

/* À PROPOS */
.propos .main-content-wrapper.first{
	min-height: 820px;
	background: url("../img/bg-a-propos.jpg") center bottom no-repeat;
}

.evolution{
	margin: 20px 0 0;
	font-weight: bold;
}
.evo-wrapper{
	margin-bottom: 10px;
}

.evo{
	float:left;
}

.propos .main-content-wrapper.second{
	min-height: 589px;
	padding-top: 30px;
	background: url("../img/bg-a-propos2.jpg") center bottom no-repeat;
}

/* END À PROPOS */

/* SERVICES */
.services .main-content-wrapper.first{
	padding-top: 30px;
	background: url("../img/services/bg-services.jpg") no-repeat center bottom;
	min-height: 789px;
}

.services .main-content-wrapper.second,
.services .main-content-wrapper.third{
	padding: 30px 0;
}
/* END SERVICES */

/* RÉALISATIONS */
.realisations .main-content-wrapper.first{
	padding: 30px 0;
}
.realisations .carousel-wrapper{
	min-height: 493px;
	border-right:none;
	border-left:none;
}

.realisations .carousel-slide{
	height:475px;
}

.realisations .carousel-slide img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin:0 auto;
	max-height: 475px;
}
.realisations .slick-slider{
	margin: 5px 0;
}
.realisations .slick-prev{
	left:-38px;
	width: 29px;
	height:35px;
	background: url("../img/left.png");
}
.realisations .slick-prev:before{
	display: none;
}
.realisations .slick-next{
	right:-38px;
	width: 29px;
	height:35px;
	background: url("../img/right.png");
}
.realisations .slick-next:before{
	display: none;
}
.gallery-categories{
	font-size: 1.6em;
	font-weight: 600;
}

.categoryLink{
	display: block;
	float:left;
	width: 33.33333%;
}
.categoryLink.current{
	color:#9e0039;
	text-decoration: underline;
}
.categoryLink.link1{
	text-align: center;
}
.categoryLink.link2{
	text-align: right;
}

/* END RÉALISATIONS */

/* NOS INSTALLATIONS */
.installations .main-content-wrapper.first .bg{
	position: absolute;
	top:-30px;
	right:-95px;
	z-index: 0;
}
.installations .main-content-wrapper section{
	position: relative;
	z-index: 1;
}

.installations .images{
	position: relative;
	margin-top:30px;
}
.installations .cnc-controle{
	position: absolute;
	top:-90px;
	right: -65px;
}
.installations .main-content-wrapper.second{
	padding-bottom: 0;
}
.installations .main-content-wrapper.second .wrapper{
	position: relative;
	min-height: 645px;
}
.installations .main-content-wrapper.second .bg{
	position: absolute;
	bottom:0;
	left:-95px;
	z-index: 0;
}
.installations .main-content-wrapper.second .img2{
	margin: 50px 0 0 10px;
}
/* END NOS INSTALLATIONS */

/* NOUS REJOINDRE */
.rejoindre .main-content-wrapper .wrapper{
	width: 890px;
	min-height: 684px;
	background: url("../img/rejoindre/bg.jpg") no-repeat left top;
}
.rejoindre .main-content-wrapper.first .right{
	padding-top: 30px;
	width: 310px;
}

.rejoindre .main-content-wrapper.first .contact-infos{
	line-height: 1.5em;
}
.rejoindre .main-content-wrapper.first .map-link{
	display: block;
	margin-top: 30px;
}

.image-video{
	position: relative;
}
.image-video img{
	display: block;
}
.image-video a{
	display: block;
	position: absolute;
	bottom: 3px;
	right:7px;
	text-decoration: none;
}
.image-video.bg a{
	bottom: 0;
	right: 0;
}
.image-video .play-button{
	display: block;
}
/* END NOUS REJOINDRE */

/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
	
		
}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  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: 1045; }

.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: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.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;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
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: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  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;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(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;
    filter: alpha(opacity=100); }
  .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: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
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; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .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);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 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-wrap: break-word;
  padding-right: 36px; }

.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) {
  /**
       * Remove all paddings around the image on small screen
       */
  .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-figure small {
    display: inline;
    margin-left: 5px; }
  .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; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 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; }