@charset "utf-8";
/* CSS Document */

/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
sup { font-size: 70%; vertical-align: super; line-height: 0; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; z-index:999; background:#003953; background-size: 100% 100%; }
#status { width:200px; height:200px; position:absolute; left:50%; top:40%; /*background-image:url(../images/ajax-loader.gif); background-repeat:no-repeat; background-position:center;*/ margin:-100px 0 0 -100px; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/



/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; margin: 0 !important; }
html.placeholder {margin: 0 !important; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#content {padding-bottom: 0px;}
#wrap { /*border:6px solid rgb(185, 185, 185);*/ box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1) inset; background:url(../images/background/fond-cmb-stars.png) center bottom repeat; background-size: 100% auto; }
body { font: 14px "Quicksand", Georgia, "Times New Roman", Times, serif; font-weight:500; color:#212121;  background: #003953 50% 50% fixed; background-size: 100% 100%; overflow: initial !important; }
.light { font-weight:300; }
.regular{ font-weight:400; }
strong { font-weight:800; }
b { font-weight:700; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

p { line-height:1.5; padding:15px 0px; font-size:14px; font-weight:500; }
p.small, p span.small {font-size:11px;}
p.no-h2 { margin-top:21px; }
p.blockquote {padding-left:0px; font-weight: 700; }
p.blockquote span {font:14px 'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#666; letter-spacing:0px; font-style: italic; margin-bottom: 15px; display: block;line-height: 20px; font-weight: 500; }
p.blockquote b { font-weight: 700; font-size: 26px; letter-spacing: 0px; line-height: 0; color: #fd9e02; }
p.floated {float:left; width:309px; }
.floated.first {padding-right:15px; }
.floated.second {padding-left:15px; }
a { color:#fd9e02; text-decoration:none; }
a:hover { text-decoration:underline; color:#fd9e02; }
span.arrow {font:14px 'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; width:275px; height:81px; z-index:401; margin: 0 auto 20px; left: auto; display: inline-block; }
h1#logo a { display:block; background:url(../images/Logo-CMB-event.png) no-repeat; background-position: center; background-size:300px 91px; width:275px; height:81px; text-indent:-9999px; }
h1#logo a:hover { background:url(../images/Logo-CMB-event.png) no-repeat, radial-gradient(ellipse at center, rgba(0, 54, 84, 1) 25%,rgba(0, 0, 0, 0) 65%); background-position: center; background-size:265px 81px; }
h2, h3 { font-family:'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
h2 { font-size: 32px; line-height: 40px; font-weight:600; color:#fd9e02; margin:15px 0 5px 0; letter-spacing:-1px; padding: 0 0 10px 0; }
h3 { font-family:'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:28px; font-weight:600; padding:0 0 10px 0; color: #555; border-bottom: 1px solid #cdcdcd; }
h4 { font-family:'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:18px; font-weight:700; color:#555; padding:40px 40px 0px 40px; }
h5 { font-family:'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:22px; font-weight:700; color:#fff; padding:20px; text-align: center;}
.title h3 { color:#fff; font-size:20px; font-weight:600; padding:15px 20px 0px 20px; line-height:1; }
.title p { font-size:12px; color:#fff; padding:5px 20px 15px 20px; line-height:1; }
.infos h3 { padding:25px 20px 0px 20px; line-height:1; }
.accroche-orange { color:#fd9e02; font-size:18px; font-family:'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
.accroche-gris { color:#a3a3a3; font-size:18px; font-family:'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#wrapper { width:930px; position:relative; z-index:29; left: -10px; margin:0 auto; margin-bottom:25px; padding-top:35px; text-align: center; }
#container { padding:0px; width:960px; position:relative; margin:0 auto 65px;}
#container-left { float:left; width:530px; /*margin-right:30px;*/ }
#container-right { float:left; /*margin-right:30px;*/ }

#container-left article { width:530px; margin:20px 0 0 1px; padding:25px 25px 0 25px; background:rgba(0, 48, 80, 0.40); box-shadow:0 0 1px rgba(255, 255, 255, 0.3); }
#container-left article:hover { background:rgba(0, 48, 80, 0.60); }
#container-left article:first-child { margin-top: 1px; }
#container-left article .visuel { float:left; margin:18px 25px 15px 0; display:block; width:150px; height:150px; box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.15) inset; background-size:150px 150px !important; background-color:rgba(255,255,255,0.5) !important; }

#container-right article { float:left; margin:0 0 10px 0px; }
#container-right article:first-child { margin-top: 0; }

#container-centered article { padding:20px 20px 0 20px; background:rgba(255, 255, 255, 1); box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2); border-top: 4px solid #fd9e02; transition: all ease; transition-duration: .3s; }
#container-centered article:hover { box-shadow:6px 6px 6px rgba(0, 0, 0, 0.4); margin-top: -8px; }
#container-centered article .visuel { margin:0 auto; display:block; width:100%; height:150px; background-size:120px; background-position: center !important; background-repeat: no-repeat !important; }


.col1-1 { width:940px; height:auto; margin-bottom:18px; float:left; }
.col1-2 { width:185px; height:185px; margin-top:5px !important; float:left; }
.col1-3 { width:300px; height:300px; margin-bottom:18px; float:left; }
.col2-2 { width:475px; height:475px; float:left; }
.col2-3 { width:620px; height:620px; margin-bottom:18px; }
.col1-3.double {height:620px; }

.border { border:#fff 10px solid; }
.marge { padding:25px; }
.complete-border {border:1px solid #555; padding-top:1px; padding-bottom:1px; }
.hidden { display:none !important; }
.movable-content {position:absolute; width:300px; height:300px;  z-index:11; cursor:pointer }
.element {position:relative; background:rgba(255, 255, 255, 1); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1); }
.element:hover {background:rgba(255, 255, 255, 1); box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2); }
.auto {height:auto !important; }
.auto-w {width:100% !important; }
.no-bg, .no-bg:hover { background:none !important; box-shadow:none !important; }
.mt-78 { margin-top: 78px; }

.profil-visuel { display:block; float: left; margin: 15px 20px 0px 0; border-radius: 50%; width:130px; height:130px; box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.15) inset; background-size:150px 150px !important; background-color:rgba(245,245,245,1) !important; }
.bg-card { background-image: url(../images/carte-de-visite-fond.png) !important; background-size: cover !important; background-repeat: no-repeat; }
.bg-card p { padding:5px 0 5px 15px !important; text-shadow: 1px 1px rgba(255,255,255,.7); }
.bg-card p a { color:#212121; }

.prix { font-size: 10px; float: right; text-align: center; margin-left: 15px; padding: 10px 10px 8px 8px; border: rgba(255, 255, 255, 0.2) 1px solid; background: rgba(0, 0, 0, 0.2); }
.prix span { font-size: 24px; letter-spacing: -1px; }
.prix img { z-index: 111; position: relative; display: block; margin: -5px 5px; }

.bottom {position:absolute; bottom:0px; padding-bottom:36px; }
.break { height:30px; position:relative; display:block }
.overlay { display:block; position:absolute; top:0; left:0; background:url(../images/bg-overlay3.png) repeat; z-index:10; width:960px; height:960px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.overflow, .element {overflow:hidden; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Themes
--------------------------------------------------------------------------------------------------------*/
#themes { width:auto; position:absolute; z-index:999; right: 0px; top:0; padding-left:10px; margin:0 auto; background:rgba(0, 48, 80, 0.40); border-radius:0 0 3px 3px; }
#themes .th { float:left; display:block; font-size:11px; color:rgba(255,255,255,0.8); padding:4px 10px 0 0; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.30); }
#themes a { float:left; display:block; margin:0 10px 8px 0; width:18px; height:18px; border-radius:3px; box-shadow:1px 1px 0px rgba(0, 0, 0, 0.30)/*, 0px 0px 10px rgba(0, 0, 0, 0.50) inset*/; }
#themes a.classic { background:#0F87C4; }
#themes a.nature { background:#C0714A; }
#themes a.ambiant { background:#739aa6; }

article.theme-organisateur { border-top: 4px solid #FF5D0A !important; }
.theme-organisateur > a.button-home:hover { color:#fff; background: url(../images/bg-next_402x.png) 20px center no-repeat, rgba(255, 93, 10, 1); background-size: 15px 21px; }
.theme-organisateur > h2 { color:#FF5D0A; }
.theme-organisateur > a, .theme-organisateur a:hover { color:#FF5D0A; }

article.theme-exposant { border-top: 4px solid #E87509 !important; }
.theme-exposant > a.button-home:hover { color:#fff; background: url(../images/bg-next_402x.png) 20px center no-repeat, rgba(232, 117, 9, 1); background-size: 15px 21px; }
.theme-exposant > h2 { color:#E87509; }
.theme-exposant > a, .theme-exposant a:hover { color:#E87509; }

article.theme-prestataire { border-top: 4px solid #E8A909 !important; }
.theme-prestataire > a.button-home:hover { color:#fff; background: url(../images/bg-next_402x.png) 20px center no-repeat, rgba(232, 169, 9, 1); background-size: 15px 21px; }
.theme-prestataire > h2 { color:#E8A909; }
.theme-prestataire > a, .theme-prestataire a:hover { color:#E8A909; }

article.contact-organisateur { border-top: 0px !important; background: linear-gradient(to bottom right, #e89c09 0%,#FF5D0A 100%) !important; }
article.contact-exposant { border-top: 0px !important; background: linear-gradient(to bottom right, #E8A909 0%,#E87509 100%) !important; }
article.contact-prestataire { border-top: 0px !important; background: linear-gradient(to bottom right, #FFD30A 0%,#E8A909 100%) !important; }
.contact-organisateur > a.button-home, .contact-exposant > a.button-home, .contact-prestataire > a.button-home { color:#fff; background: url(../images/open-email.svg) 15px 10px no-repeat, rgba(150, 150, 150, 1); background-size: 10%; }
.contact-organisateur > a.button-home:hover, .contact-exposant > a.button-home:hover, .contact-prestataire > a.button-home:hover { color:#fff; background: url(../images/open-email.svg) 5px 10px no-repeat, rgba(100, 100, 100, 1); background-size: 15%; }
.contact-organisateur > h3, .contact-exposant > h3, .contact-prestataire > h3 { color:#fff !important; font-size: 22px; border: 0 !important; }
.contact-organisateur > .visuel, .contact-exposant > .visuel, .contact-prestataire > .visuel { height: 90px !important; background-size: 75px !important; }

.fuse {
  position: relative;
  animation: fuseanim 3s linear 0s infinite alternate;
  max-width: 114px;
}

@keyframes fuseanim {
  0%   {left:0px; top:0px;}
  25%  {left:8px; top:5px;}
  50%  {left:5px; top:2px;}
  75%  {left:2px; top:8px;}
  100% {left:0px; top:0px;}
}
/* End Themes
--------------------------------------------------------------------------------------------------------*/


/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {width:620px; height:620px; margin:0; border:0}
#map:before, #map:after {background: none; content: ''; left: 0;	position: absolute;	top: 0;	width: 100%; }
#map:after {bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Button
--------------------------------------------------------------------------------------------------------*/
a.button-action { 
font-size:16px;
font-family:'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; 
text-shadow:1px 1px 0px rgba(0, 0, 0, 0.15);
box-shadow:2px 2px 6px rgba(0, 0, 0, 0.3);
background:#fd9e02;
padding:10px 25px;
width:auto;
margin:12px auto; 
position:relative; 
display:inline-block;
color: #fff;
text-align: center;
font-weight: bold;
text-decoration: none;
}
a.button-action:hover { 
background:rgba(150, 150, 150, 1);
}
a.button-home { 
font-size:18px;
font-weight: 600;
font-family:'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; 
text-decoration:none;
text-shadow:1px 1px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2)inset;
background:url(../images/bg-next_402x.png) -5px center no-repeat, rgba(150, 150, 150, 1);
padding:15px 0;
width:120%;
margin:12px 0 0 -25px ; 
position:relative; 
display:inline-block;
background-size: 20px;
color: #fff;
}
a.button-home:hover { 
background:url(../images/bg-next_402x.png) 20px center no-repeat, rgba(253, 158, 2, 1);
background-size: 15px 21px;
}
/* End Button
--------------------------------------------------------------------------------------------------------*/


/* =Single Work
--------------------------------------------------------------------------------------------------------*/
.dedicated-page-navi {width:100%; height:10px; margin-bottom:29px; position:fixed; z-index:300; text-align:center; margin-top:0px; background-color:#fff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); }

.close {position:absolute; top:0px; left:30px; width:42px; height:42px; background:url(../images/bg-close3.png) center 13px no-repeat #fbfbfb; background-size: 18px 18px; background-color:rgba(255, 255, 255, 1); background-color:#fff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); cursor:pointer; }

.prev {position:absolute; top:0px; right:62px; width:32px; height:42px; background:url(../images/bg-prev3.png) center 13px no-repeat #fbfbfb; background-size: 12px 18px; background-color:rgba(255, 255, 255, 1); background-color:#fff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); cursor:pointer; }

.next {position:absolute; top:0px; right:30px; width:32px; height:42px; background:url(../images/bg-next3.png) center 13px no-repeat #fbfbfb; background-size: 12px 18px; background-color:rgba(255, 255, 255, 1); background-color:#fff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); cursor:pointer; }

/* =End Single Work
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.picto-services { padding-left:120px; }
.picto-services img { padding-right:50px; }
.images img {width:100%; display: block; z-index:9 }
.infos { width:300px; height:300px; top:0; left:0px; border:0; padding:0; display:none; z-index:1; background:rgba(0, 48, 80, 0.15);  position:absolute; }
.infos-single-work { width:300px; height:300px;  }
/*.movable-content {z-index:2; position:absolute; width:300px; height:300px; }*/
.tab.first {border-top:1px solid #fff; }
.tab.last {border-bottom:1px solid #e6e7e8; }
.tab { border-bottom:1px solid rgba(0, 0, 0, 0.2); width:300px; padding:19px 0px 19px 20px; }
.tab:hover {background:rgba(0, 48, 80, 0.40); color:#999; }
a .tab {color:#fff; }
a .tab:hover {color:#fff; }
.icons { height:16px; width:16px; margin-right:4px; margin-top:-3px; opacity:1 !important; line-height:0; vertical-align:middle;}
.icons-linkedin { /*height: 35px;width: 35px;margin-top: -3px;opacity: 1 !important;line-height: 0;*/float: right;font-size: 35px;}
.icons-card { border: 2px solid rgb(204, 204, 204); border-radius: 50%; padding: 4px; width: 28px; height: 28px; float: left; margin-right: 10px; opacity: 1 !important; margin-top: -3px; background: #fff; }

.email {background:url(../images/bg-email.png) no-repeat; background-size:24px 24px; }
.xing {background:url(../images/bg-xing.png) no-repeat; background-size:24px 24px; }
.google {background:url(../images/bg-googleplus.png) no-repeat; background-size:24px 24px; }
.tweat {background:url(../images/bg-tweat.png) no-repeat; background-size:24px 24px; } 
.facebook {background:url(../images/bg-facebook.png) no-repeat; background-size:24px 24px; }
.pinterest {background:url(../images/bg-pinterest.png) no-repeat; background-size:24px 24px; }
.instagram {background:url(../images/bg-instagram.png) no-repeat; background-size:24px 24px; }
.vimeo {background:url(../images/bg-vimeo.png) no-repeat; background-size:24px 24px; }
.skype {background:url(../images/bg-skype.png) no-repeat; background-size:24px 24px; }
.dribble {background:url(../images/bg-dribble.png) no-repeat; background-size:24px 24px; }
.detail {background:url(../images/bg-detail@2x.png) no-repeat; background-size:24px 24px;}
.zoom {background:url(../images/bg-zoom@2x.png) no-repeat; background-size:24px 24px; }
.link {background:url(../images/bg-link@2x.png) no-repeat; background-size:24px 24px; }
.pdf {background:url(../images/bg-file.png) no-repeat; background-size:24px 24px; }
.video {background:url(../images/bg-video.png) no-repeat; background-size:24px 24px; }
.bubble {background:url(../images/bg-bubble.png) no-repeat; background-size:24px 24px; }
.quote {background:url(../images/bg-heart.png) no-repeat; background-size:24px 24px; }
.slideshow {background:url(../images/bg-slideshow.png) no-repeat; background-size:28px 15px; width:28px; margin-top:5px; margin-left:-1px; }
.aside {background:url(../images/bg-aside.png) no-repeat; background-size:23px 23px; }
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.email {background:url(../images/bg-email@2x.png) no-repeat; }
.xing {background:url(../images/bg-xing@2x.png) no-repeat; }
.google {background:url(../images/bg-googleplus@2x.png) no-repeat; }
.tweat {background:url(../images/bg-tweat@2x.png) no-repeat; } 
.facebook {background:url(../images/bg-facebook@2x.png) no-repeat; }
.pinterest {background:url(../images/bg-pinterest@2x.png) no-repeat; }
.instagram {background:url(../images/bg-instagram@2x.png) no-repeat; }
.vimeo {background:url(../images/bg-vimeo@2x.png) no-repeat; }
.skype {background:url(../images/bg-skype@2x.png) no-repeat; }
.dribble {background:url(../images/bg-dribble@2x.png) no-repeat;  }
.detail {background:url(../images/bg-detail@2x.png) no-repeat; }
.zoom {background:url(../images/bg-zoom@2x.png) no-repeat; }
.link {background:url(../images/bg-link@2x.png) no-repeat; }
.pdf {background:url(../images/bg-file@2x.png) no-repeat; }
.video {background:url(../images/bg-video@2x.png) no-repeat; }
.bubble {background:url(../images/bg-bubble@2x.png) no-repeat; }
.quote {background:url(../images/bg-heart@2x.png) no-repeat; }
.slideshow {background:url(../images/bg-slideshow@2x.png) no-repeat; }
.aside {background:url(../images/bg-aside@2x.png) no-repeat; }
}
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images-app { width:auto; height:auto; display: block; position:relative; z-index:9; text-align:center; box-shadow:0 0 0 1px rgba(255, 255, 255, 0.15) inset; font-size:20px; line-height:0px; color:rgba(255,255,255,0.80); font-weight: 700;text-decoration: none !important;padding: 30px;margin-top: 10px;}
.images-app:hover { box-shadow:0 0 0 10px rgba(255, 255, 255, 0.25) inset; color:#FFF; }
.images-app img { margin:-15px auto 0px; opacity:0.80; width: 80px; }
.images-app:hover img{ opacity:1; margin:-25px auto 0px;width: 90px; }
.images-app.select { box-shadow:0 0 0 12px rgba(0, 0, 0, 0.25) inset; color:rgba(255,255,255,1); }
.images-app.select img { margin:-15px auto 0px; opacity:1; width: 80px; }

.btn-app { transition: .9s; width:auto; height:auto; display: block; position:relative; z-index:9; text-align:left; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.15) inset; font-size:15px; line-height:22px; color:#fff !important; font-weight: 700;text-decoration: none !important;padding: 15px 35px;margin-top: 15px;overflow: hidden;}
.btn-app:hover { box-shadow:600px 0px 0 0px rgba(150, 150, 150, .4) inset; color:#FFF; }
.btn-app img { transition: .8s; width: 25px; position: absolute; top: 12px; left: -14px;}
.btn-app:hover img{ width: 25px; position: absolute; top: 12px; left: 530px; }


.bg-organisateur { background:linear-gradient(to bottom right, #e89c09 0%,#FF5D0A 100%); }
.bg-exposant { background: linear-gradient(to bottom right, #E8A909 0%,#E87509 100%); }
.bg-prestataire { background:linear-gradient(to bottom right, #FFD30A 0%,#E8A909 100%); }
.no-select { background:linear-gradient(to bottom right, #AAAAAA 0%,#888888 100%); }

.illustration {
width: 100%;
height:100%;
display: block;
position: relative;
background-size: 100% !important;
max-width: 100% !important;
z-index: 9;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

.title { z-index:10; position:absolute; background:rgba(0, 0,0, 0.85); bottom:0px; left:0px; width:300px; cursor:pointer; pointer-events: none; }
/*.images .subtitle { top: 56px; font-weight: 400; left:40px !important; }
.title-wrap, .subtitle-wrap { overflow: hidden; position: relative; }
.title-wrap h3, .subtitle-wrap p { overflow: hidden; white-space: nowrap; color:#fff; padding:0px; font-weight:700; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3); }
.title-wrap h3 {font-size:14px; letter-spacing:1px; text-transform:uppercase; }
.subtitle-wrap p {font-size:13px; font-weight:600; }*/

/*.link-area {position:absolute; bottom:40px; right:40px; height:48px; width:48px; z-index:400; cursor:pointer; }*/
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/*
	E) PORTFOLIO
-------------------------------------------
	3. Ajax Page Loader
-------------------------------------------
*/
.container .description { width: 290px; float: left; display: inline-block;position:relative; }
.container .slider { width: 445px; display: block; margin:0 auto; position:relative; }
.container .slider img { width:445px; height:788px; }
.entries {
	width: 100%;display: inline-block;position:relative;
	/*margin-bottom: 30px;*/
}
.container #wrapper {
    position: relative;display: inline-block;position:relative;
    width: 100%;
    top: 0px;
}
#pageloader{
	margin-top: 0;display: inline-block;position:relative;
}
#portfolio h1{
	font-size: 44px;
	padding-bottom: 40px !important;
}
#loader {
	position: absolute;
	bottom: -20px;
	right: 25px;
	display: none;
	}
	
#close {
	position: absolute;
	top: 25px;
	right: 4px;
	display: none;	
	width: 32px;
	height: 32px;
	background: url(../images/bg-close@2x.png) rgba(0,0,0,1.00) no-repeat top left;
  background-size: 32px 32px;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 9999;
}
.lt-ie9 #close {
	height: 32px;
	background: url(../images/close-oproj.png) no-repeat top left;
}	
#close:hover {
	background-position: bottom left;
}
#pagecontent{
	background: rgba(0,0,0,0.9);
	height: auto;
	z-index:999;
	padding: 15px;
	display: none;
	position: relative;
	/*border-bottom: 1px solid #ddd;
	margin-bottom: 40px;*/
	float: left;
	top: 0px;
}
/*.slidecontent{
	border: 1px solid #ddd;
}*/
.slidecontent .project-title{
	/*padding: 7px;*/
	width: 90% ;
	text-align: left;
}
#projects{
	height: auto;
	position: relative;
	display: block;
	padding-bottom: 40px;
	margin: 0 auto;
}
/*
	E) PORTFOLIO
-------------------------------------------
	3.1 - Project Slider
-------------------------------------------
*/
.project-title .project-desc{
	border-bottom: 1px dotted #666;
	margin-bottom: 0px;
	padding-bottom: 15px;
}
.project-title .project-desc p {
	margin:0;
	padding:0;
}
.project-title .project-cn{
	margin-bottom: 0px;
	padding-bottom: 15px;
}
.project-title .project-cn p{
	margin-bottom: 0px;
	padding-bottom: 15px;
	font-size:12px !important;
}
.project-title .project-cn p span {
	font-size:13px !important;
}
.slidecontent .project-title h3{
	font-weight: bold;
	color: #fff;
	/*font-family: 'Open Sans', sans-serif;*/
	padding: 10px 0 10px 0;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 20px;
	border-bottom: 1px solid #ddd;
}
.slidecontent .project-title p{
	line-height:23px;
}
.slidecontent .project-title p span{
	width: auto;
	font-weight: bold;
	padding: 10px 0 7px 0;
}
.slidecontent .project-title p a{
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}



/*
	E) PORTFOLIO
-------------------------------------------
	3.2 - Project Big Images
-------------------------------------------
*/
#projects .bigimages{
	position: relative;
	height: auto;
}
.slidecontent-bi{
	border: 1px solid #ddd;
	text-align: left !important;
	margin-bottom: 20px;
}

.slidecontent-bi .project-cn{
	position: relative;
	left: 7px;
	
}
.slidecontent-bi h3{
	font-weight: bold;
	color: #333;
	font-family: Helvetica Neue, Arial;
	padding: 10px 0 10px 0;
	margin-bottom: 25px;
	font-size: 20px;
	text-transform: capitalize;
	line-height: 20px;
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.bigimg-desc{
	margin-top: 40px;
}
.slidecontent-bi .project-title-bi p{
	font-size: 13px !important;
}
.slidecontent-bi .project-title-bi p span{
	width: auto;
	font-weight: bold;
	color: #333;
	font-family: Helvetica Neue, Arial;
	padding: 10px 0 7px 0;
}
.slidecontent-bi .project-title-bi p a{
	color: #333;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
.slidecontent-bi .project-title-bi p a:hover{
	color: rgb(20, 69, 80);
}



/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list { list-style: circle; line-height:1.5; padding:0px; margin-left:40px; text-align:left !important;}
ol { list-style: decimal; line-height:1.5; padding:13px 40px 0 40px; margin-left:18px; text-align:left !important; font-style:italic;}

.menu-liste { padding:0px !important; }
.menu-liste a { padding:5px; display:block; border:1px solid rgba(255,255,255,0); transition: border 0.2s linear; }
.menu-liste a:hover { border:1px solid rgba(255,255,255,1); }

.menu-ancre { padding:0px !important; }
.menu-ancre a { padding:5px 15px; display:inline-block; margin: 5px 0px; background: #fff; color: #fd9e02; line-height: 30px; text-decoration: none; font-weight: 600; text-transform: uppercase; transition: background 0.2s linear, color 0.2s linear; }
.menu-ancre a:hover { background:#fd9e02; color: #fff; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { padding-bottom: 10px; position:relative; color:#fff;  background: rgba(28,38,40,0.5); }
footer p { padding:25px 20px 15px 20px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { padding-top:37px; letter-spacing:0; }
.social li { display:inline-block; margin:0px 5px;}
.social li a { display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
ul.social a {text-indent:-9000px; text-decoration:none; height:52px; width:52px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; overflow:hidden }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.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; }
/**** disabling Isotope CSS3 transitions ****/
.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; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

#options { z-index:300; position:relative; top:0px; right:0; display: inline-block; }
#options ul { margin: 0; list-style: none; display:block; width:100%  }
#options li { cursor:pointer; }
#options li a { color:#fff; font-family: 'Quicksand', "Open Sans", Arial, Helvetica, sans-serif; font-size:18px; font-weight:600; text-decoration:none; display:inline-block; letter-spacing:0px; opacity:0.8; padding:5px 10px; margin:0px; }
#options li.alignleft { margin-right:20px; }
#options li.alignright { margin-left:20px; }
#options li a.selected{ color:#fd9e02; opacity:1; background:rgba(255, 255, 255, 0.2); text-shadow:1px 1px 1px rgba(0, 0, 0, .3); }
#options li:hover a { color:#fd9e02; opacity:1; }

.menu-line {width:0; height:1px; background:#fd9e02; display:block; }
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:40px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(../images/bg-up@2x.png) center top no-repeat; background-size:40px 40px; display:block; width:40px; height:40px; float:right; right:10px; text-indent:-9000px; }
#backtotop ul li a:hover { height:50px; }
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/