@CHARSET "UTF-8";
/******************** Entête UTF-8 ******************\
*
*	fichier	: website\css\default.css
*	projet	: Baracci - EBMS
*	version	: 2 2018-03-13 11:36 MB
*
\****************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,hr,pre,form,select,fieldset,input,textarea,p,th,td,tr,a,img{margin:0;padding:0;border:0}
ul,ol{padding-left:1.8em;}
body{background:#f3f3f3;margin:0;padding:0;font-family:'Open Sans',sans-serif;color:#505050}
body.home{background-repeat:no-repeat;background-position:50% 0;color:#505050}
input,textarea{-webkit-appearance:none;border-radius:0;-moz-appearance:none;box-sizing:border-box}
a{color:inherit}
.left,[align=left]{text-align:left !important} .center,[align=center]{text-align:center !important}
.right,[align=right]{text-align:right !important} .full,[align=justify]{text-align:justify !important}
img.full,img.center,img[align=center],img[align=middle],img[align=justify]{display:block;margin:5px 20px 20px;max-width:100%}
img.left,img[align=left]{float:left;clear:left;margin:5px 20px 20px 0;max-width:40%}
img.right,img[align=right]{float:right;clear:right;margin:5px 0 20px 20px;max-width:40%}
h1,h2,h3,h4,h5,h6,h7{font-family:'Roboto Slab',serif;font-style:normal;font-weight:400}
h1{color:#1c96be;padding:0 0 20px;text-transform:uppercase;font-size:1.9em;text-align:center} 
h2{color:#f68b1f}
h4{font-size:3em;color:#FFF;font-weight:600} 
h1 span,h2 span,h3 span{display:block;font-size:0.8em;}
h4 span{color:#f68b1f}
.error { color:#f68b1f;font-weight:bold;font-size:1.1em;}
.clear { clear: both; }
textarea{ font-family:'Open Sans',sans-serif}
section{display:block;background:#f3f3f3;padding:0 5%}
section p {padding-bottom:1.3em;}
section::after,section:after,footer::after,footer:after{content:'';display:block;clear:both}
body.home > section{padding:0}
body.home h1{padding:0 0 20px}
body > header{position:absolute;padding:0 5%;top:0;right:0;left:0;background:#f3f3f3;-webkit-box-shadow:0 5px 8px 0 rgba(0,0,0,0.5);box-shadow:0 5px 8px 0 rgba(0,0,0,0.5);height:75px;z-index:99999}
body > header nav ul{list-style:none;text-align:left}
body > header nav li a{display:block;color:#FFF;height:50px;padding:25px 10px 0;text-transform:uppercase;text-decoration:none;text-align:center;font-size:1em;background:#0083ae}
body > header nav li a:hover{background:#f68b1f;color:#FFF}
body > header .logo{margin:15px 10px 0 0;display:inline-block;position:relative;z-index:99}
body > header .demo{position:absolute;top:0;right:5%;color:#FFF;width:100px;height:60px;padding:15px 10px 0;text-align:center;text-transform:uppercase;font-size:1em;text-decoration:none;background:#0083ae;transition:background 0.5s}
body > header .demo:hover{background:#f68b1f}
body.home > section > header{position:absolute;left:0;right:0;padding :0 7%}
body.home > section > header a{background:#f68b1f;transition:background 0.5s;border-radius:8px;padding:20px;width:180px;color:#FFF;text-align:center;font-size:20px;position:relative;margin:0 auto;-webkit-box-shadow:0 0 11px 5px rgba(47,20,0,0.65);box-shadow:0 0 11px 5px rgba(47,20,0,0.65);display:block;text-decoration:none}
body.home > section > header a:hover{background:#e16800}
body.home > section > header .slogan{font-weight:300;font-size:2em;color:#FFF;text-align:center;position:relative;margin:0 auto;display:block}
body.home > section > div.text > article { padding-left: 50px; }
body.home > section > div.text > article h2{font-size: 1.9em; text-align: center; }
body.home > section > div.text > article p {text-align: left;}
body > nav{text-align:center;padding:20px}
body > nav a, body.request-a-demo .options label{color:#FFF;box-sizing:border-box;text-decoration:none;text-transform:uppercase;font-family:"Roboto Slab",serif;font-size:1.3em;text-align:center;background-repeat:no-repeat;background-position:center 20px;position:relative;padding:0 10px}
body.request-a-demo .options label{text-transform:none;}
body > nav a:hover::before, body > nav a:hover:before, body > nav a.selected::before, body > nav a.selected:before{opacity:1}
body > nav.discover-ebems a:first-child{background-image:url(../img/what-is-ebems.svg)}
body > nav.discover-ebems a:first-child + a{background-image:url(../img/featured.svg)}
body > nav.discover-ebems a:first-child + a + a{background-image:url(../img/personalized.svg)}
body > nav.discover-ebems a:first-child + a + a + a{background-image:url(../img/take-a-tour.svg)}
body > nav.discover-ebems a:first-child::before, body > nav.discover-ebems a:first-child:before{background-image:url(../img/what-is-ebems-orange.svg)}
body > nav.discover-ebems a:first-child + a::before, body > nav.discover-ebems a:first-child + a:before{background-image:url(../img/featured-orange.svg)}
body > nav.discover-ebems a:first-child + a + a::before, body > nav.discover-ebems a:first-child + a + a:before{background-image:url(../img/personalized-orange.svg)}
body > nav.discover-ebems a:first-child + a + a + a::before, body > nav.discover-ebems a:first-child + a + a + a:before{background-image:url(../img/take-a-tour-orange.svg)}
body > nav.solutions a:first-child,body.request-a-demo .options label:first-child{background-image:url(../img/show-promoters.svg)}
body > nav.solutions a:first-child + a,body.request-a-demo .options label:first-child + label{background-image:url(../img/exhibit-houses.svg)}
body > nav.solutions a:first-child + a + a,body.request-a-demo .options label:first-child + label + label{background-image:url(../img/corporate-planners.svg)}
body > nav.solutions a:first-child + a + a + a,body.request-a-demo .options label:first-child + label + label + label{background-image:url(../img/events-planners.svg)}
body > nav.solutions a:first-child + a + a + a + a,body.request-a-demo .options label:first-child + label + label + label + label{background-image:url(../img/venue-manager.svg)}
body > nav.solutions a:first-child::before,body > nav.solutions a:first-child:before{background-image:url(../img/show-promoters-orange.svg)}
body > nav.solutions a:first-child + a::before,body > nav.solutions a:first-child + a:before{background-image:url(../img/exhibit-houses-orange.svg)}
body > nav.solutions a:first-child + a + a::before,body > nav.solutions a:first-child + a + a:before{background-image:url(../img/corporate-planners-orange.svg)}
body > nav.solutions a:first-child + a + a + a::before,body > nav.solutions a:first-child + a + a + a:before{background-image:url(../img/events-planners-orange.svg)}
body > nav.solutions a:first-child + a + a + a + a::before,body > nav.solutions a:first-child + a + a + a + a:before{background-image:url(../img/venue-manager-orange.svg)}
body.request-a-demo .options{background:none;padding:20px 0;text-align:center}
body.request-a-demo .options label{cursor:pointer;}
body.request-a-demo .options label::before,body.request-a-demo .options label:before{content:'';height:160px;position:absolute;top:20px;left:0;width:100%;opacity:0;transition:opacity 0.3s ease;background-repeat:no-repeat;background-position:50% 0;background-size:130px 130px}
body.request-a-demo .options label:hover::before,body.request-a-demo .options label.checked::before,body.request-a-demo .options label:hover:before,body.request-a-demo .options label.checked:before{opacity:1}
@-webkit-keyframes fadeout{
  0%{opacity:1}
  70%{opacity:1}
  100%{opacity:0}
}
@keyframes fadeout{
 0%{opacity:1}
 70%{opacity:1}
 100%{opacity:0}
}
.notification{position:fixed;top:30%;left:0;right:0;text-align:center;display:block;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-name:fadeout;animation-name:fadeout;opacity:0;z-index:99}
.notification span{display:inline-block;text-align:center;border-radius:6px;padding:20px;background:#006AAD;color:#FFF;font-weight:bold;box-shadow:0 0 11px 3px rgba(0,6,10,0.4)}
body.request-a-demo .options label:first-child::before,body.request-a-demo .options label:first-child:before{background-image:url(../img/show-promoters-orange.svg)}
body.request-a-demo .options label:first-child + label::before,body.request-a-demo .options label:first-child + label:before{background-image:url(../img/exhibit-houses-orange.svg)}
body.request-a-demo .options label:first-child + label + label::before,body.request-a-demo .options label:first-child + label + label:before{background-image:url(../img/corporate-planners-orange.svg)}
body.request-a-demo .options label:first-child + label + label + label::before,body.request-a-demo .options label:first-child + label + label + label:before{background-image:url(../img/events-planners-orange.svg)}
body.request-a-demo .options label:first-child + label + label + label + label::before,body.request-a-demo .options label:first-child + label + label + label + label:before{background-image:url(../img/venue-manager-orange.svg)}
body.request-a-demo .options label input{-webkit-appearance:radio;opacity:0;margin-left:-13px;}
body.home .customers h2{width:calc(100% - 90px);margin:0 40px 20px;border-bottom:1px solid white;padding:0 0 10px}
body.home .customers .scroller{ margin-left:calc(50% - 150px); }
body.home .customers .wrap{background:#FFF;width:214px;height:100px;margin:0 auto;display:inline-block;vertical-align:middle;overflow:hidden;position:relative}
body.home .customers .wrap .content{position:relative;display:inline-block;white-space:nowrap;letter-spacing:-4px;height:100%;}
body.home .customers .wrap .content img{box-sizing:border-box;padding: 0 12px;max-height:100%;}
body.home .customers .previous,body.home .customers .next{background-image:url(../img/arrow-left.svg);transition:opacity 0.3s;margin:10px 5px 0 0;opacity:0.6;width:25px;height:70px;display:inline-block;vertical-align:middle}
body.home .customers .next{margin:10px 0 0 5px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
body.home .customers .previous:hover,body.home .customers .next:hover{opacity:1}
body.home .testimonials > :not(h2){font-size:0.9em}
body.home .testimonials h2{color:#0083ae}
body.home .testimonials h2::before,body.home .testimonials h2::after,body.home .testimonials h2:before,body.home .testimonials h2:after{content:'';display:inline-block;width:2.5em;height:2em;background:url(../img/quote.svg) no-repeat 50% 50%;margin:0 15px 0 0}
body.home .testimonials h2::after,body.home .testimonials h2:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:0 0 0 15px}
body.home .testimonials q{display:block;padding-bottom:2em}
body.home .testimonials strong{display:block}
body.home .testimonials i{display:block; color:#0083ae}
body.home .testimonials > div {display:none;opacity:0}
body.home .testimonials > div:first-of-type {opacity:1;display:block}
body.request-a-demo .step{text-align:center;padding:40px 0;text-transform: uppercase;}
body.contact-us > section:nth-of-type(2),body.request-a-demo > section:nth-of-type(2){background:#0083ae;color:#FFF;padding:38px 5% 20px}
body.contact-us a { text-decoration: none;}
.nav-title{width:100%;margin:20px 0 0 0;padding:20px 0;background:#003242;color:#FFF;text-align:center;text-transform:uppercase;font-family:"Roboto Slab",serif;font-size:2.2em}
body section form input[type=text],body section form input[type=url],body section form input[type=tel],body section form input[type=email]{font-size:1em}
body section form input[type=submit]{cursor:pointer;transition:background 0.5s;border:0;background:#F7941D;border-radius:4px;color:#FFF;font-family:'Roboto Slab',serif;font-size:1.4em;text-transform:uppercase;text-align:center;margin:20px auto;width:200px;display:block;padding:10px 30px}
body section form input[type=submit]:hover{	color:#011921;	background-color:#FFF;}
body section form textarea{height:400px;padding:20px;border-radius:0;border:2px solid #9be4f5;color:#666;resize:none}
::-webkit-input-placeholder{color:inherit;opacity:1;text-transform:uppercase}
:-moz-placeholder{opacity:1;text-transform:uppercase}
::-moz-placeholder{opacity:1;text-transform:uppercase}
:-ms-input-placeholder{opacity:1;text-transform:uppercase}
footer{background:#011921;padding:20px 5%;position:relative;padding-bottom:80px}
footer ul li:first-child a{color:#0083ae}
footer form p{margin-bottom:40px;color:#f68b1f}
footer form input{vertical-align:bottom;border:0;color:#FFF}
footer form input[type=email]{height:1.8em;border-bottom:1px solid #FFF;background:none;font-size:1.2em;text-transform:uppercase;margin-bottom:8px}
footer form input[type=submit]{cursor:pointer;margin:0 0 8px 2px;background:#F68B1F url(../img/value.svg) no-repeat 50% 50%;background-size:100%;width:30px;height:30px}
footer form a{text-decoration:none;color:#FFF;font-family:'Roboto Slab',serif;transition:background 0.5s;text-align:center}
footer form a:first-of-type{background:#f68b1f;margin:0 13px 0 0}
footer form a:last-of-type{background:#0083ae}
footer .legal{position:absolute;left:0;right:0;bottom:0;font-size:0.9em;padding:20px 5% 16px;background:#f3f3f3}
footer .legal a{text-decoration:none;color:#0083ae}
footer .legal a:hover{text-decoration:underline}
footer .legal a:last-child{float:right}
footer .legal a span{color:#f68b1f}
#honeypot { display: none; }
