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


/*
bleu : 162541
pink : d82129
vert : 46c5ea
gris : 999999
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,300,500,700');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i');

*{
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
	 }
body { font-family: Helvetica,"Helvetica Neue", Arial,Gotham, sans-serif;  }
ul, li{ list-style:none; }

.mobileNavIco {
    display: none;
}
.wrapper{ width:1000px; margin:0 auto;}
.wrapper img{ max-width:100%; }
.sliderWrapper{ width:730px; margin:0 auto; }
.wrapper800{ width:800px; } 
.wrapper900{ width:900px; } 
.wrapper1000{ width:1000px; } 

a{ text-decoration:none; }

.section{ padding: 60px 0;  overflow: hidden; }
.sectCentered{ text-align:center; }

.btn{ background-color: #162541;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 12px 20px 10px;
    text-transform: uppercase;
	-webkit-border-radius: 10px;
border-radius: 10px; }
.btn:hover{ background-color:#162541; }


h1{ color:#162541; font-weight:400; font-size:45px; margin-bottom:30px; font-family: 'Lora', sans-serif; background: url(../_img/3dots.png) no-repeat top center; padding-top: 40px;   }
h2{ 
    color: #162541;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    text-transform: uppercase;
	 margin-bottom: 30px;  
 }
 h6{ font-size:16px; color:#162541; margin-bottom:15px;   }
 
 
p{ color: #999999;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px; }
p strong{ color:#666666}

/* SECTION ABOUT */
.aboutResume{ margin-bottom:40px; } 
.aboutResume .col{ display:inline-block; width:32%;  padding: 60px 1% 0;  vertical-align: top;}
.aboutResume .col h1{ margin-bottom:0; }
.aboutResume .col.dateCol{background: url(../_img/ico/agenda.png) no-repeat top center;}
.aboutResume .col.euroCol{ background: url(../_img/ico/euro.png)  no-repeat top center; }
.aboutResume .col.locationCol{ background: url(../_img/ico/map.png)  no-repeat top center; }
.aboutResume p{ font-size: 14px;
line-height: 22px;
display: inline-block;  }
.aboutResume .col.euroCol p{ text-align:center; display: block;  }

.aboutResume .col .fromWYSIWYG ul li{margin-bottom:0; margin-top: 0;  }
.aboutResume .col  .fromWYSIWYG p{ margin-bottom: 5px; }
.aboutResume p  strong{ color:#005187; font-size:16px;  }

.sectionAbout h3{ color:#46c5ea; font-weight:normal; }

/* sectionAboutDetail */
#sectionAboutDetail{}
#sectionAboutDetail .detail{  border-bottom: 1px solid #b3b3b3;
    clear: both;
    overflow: hidden;
    padding: 30px 0; }
#sectionAboutDetail .content{ width:70%; float:left; padding-left: 30px; }
/*#sectionAboutDetail .content li{ background: url(../_img/bullet.png) no-repeat left top 2px; padding-left:30px; font-size:14px; color:#999999;  margin-bottom: 10px; line-height: 17px;   }
*/
#sectionAboutDetail .icon{width:30%; float:left;}
#sectionAboutDetail .icon img{ width:100%; }

/*CTA / HOMEPAGE */

.sectionCTA{ background-color:#162541; overflow:hidden;  }
.sectionCTA .line .item{ width:50%; float:left;  }
.sectionCTA .line .item img{ width:50%; float:left; }
.sectionCTA .line .item h2{ color: #fff;
font-weight:200; 
    display: inline-block;
    float: left;
    font-size: 28px;
    margin-top: 14%;
    text-align: center;
    text-decoration: none;
    width: 50%; }

/* HEADER */
#header{ border-bottom:10px solid #162541; }
#header .wrapper{ overflow:hidden; padding: 0; }
#header .logo{ float:left}
#header .logo img{ display:block; }
#header ul.nav{ float:right;   padding: 18px 0;}

#header .logo{ display:block; padding:8px 0;  width: 50px; }

#header ul.nav li { display:inline-block; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:inline-block; 
}
#header ul.nav li.register{ background-color:#162541; color:#FFF; }
#header ul.nav li.register a{ 
text-transform:uppercase; 
color:#FFF; 
}
#header ul.nav li.register.selected, #header ul.nav li.register:hover  { background-color:#1d4ac6}
#header ul.nav li.register.selected a, #header ul.nav li.register:hover a,  #header ul.nav li.register a:hover{ color:#ffffff }
#header ul.nav li a{ 
	display: block;
    line-height: 17px;
    padding: 5px 7px 3px;
	color:#999999; 
	font-size: 17px;  }
#header ul.nav li.selected a, #header ul.nav li a:hover{  font-weight:bold; color:#162541 }
 #header ul.nav li a:hover{  font-weight:normal; }
 #header ul.nav li.selected a:hover{ font-weight:bold; }

/* MAIN BANNER */
#mainBanner{  background: url(../_img/photo2.jpg) no-repeat bottom center / cover; text-align:center; padding-top: 30px; position: relative}
#mainBanner:after{ content: '.'; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color:#162541; opacity: 0.2 }


#mainBanner .about{     z-index: 2;
    position: relative; }
#mainBanner .about .logoDate{ position: relative;
width: 400px;
margin: 0 auto; }
#mainBanner .about .logoDate span{ position: absolute;
bottom: 43px;
left: 0px;
font-size: 47px;
color: #f8be34; }

#mainBanner .about h3 {
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}
#mainBanner .about p {
   font-family: roboto;
   font-weight: 400;
   color: #fff;
   line-height: 40px;
   font-size: 28px;
   line-height: 30px;
   margin-bottom: 0px;
}
#mainBanner .dates{padding: 15px 35px 15px 35px;display: inline-block;margin-bottom: 105px;}
#mainBanner .dates h4{color: #FFF;font-size: 24px;text-transform: uppercase;font-weight: 600;margin-bottom: 25px;}
#mainBanner .dates h5{ color:#fff; font-weight:200; font-size: 16px; text-transform: uppercase;  }
#mainBanner h1{ font-size: 72px;
font-weight: 400;
margin-top: 10px; 
line-height: 70px;
margin-bottom: 10px;
background: none;
padding-top: 0;
color: #fff;
font-family: roboto; text-shadow: 2px 3px 8px #000; font-style: normal;}
#mainBanner .arrowToBot{ margin-bottom: 30px;  display:inline-block;  }
#mainBanner .collaboration{ overflow:hidden; margin: 20px auto 40px; max-width: 900px; }
#mainBanner .logoPS{ float:left;     margin-top: 10px;}

#mainBanner .collab { float:right; color : #999999; font-size:14px; margin-top: 0; }
#mainBanner .collab span{ display:inline-block; vertical-align:middle; color:#fff; }
#mainBanner .collab a{ display:inline-block; vertical-align:middle;  }
#mainBanner .collab img{ margin-left:10px }

/*SPEAKERS*/
.sectionSpeakers{}
.sectionSpeakers h2{ color: #918e8e;
font-size: 18px;
text-transform: uppercase;
border-bottom: 1px solid #918e8e;
padding-bottom: 5px;
margin-bottom: 20px;
display: block;
text-align: left;   }

.sectionSpeakers ul { overflow:hidden; }
.sectionSpeakers ul li{ display:block; width:25%; padding:0 5px; float:left; margin-bottom:15px; min-height: 380px; }
.sectionSpeakers ul li img{ width:100%; margin-bottom: 5px; }
.sectionSpeakers h4{ color:#162541; font-size:15px; margin-bottom:5px;   }
.sectionSpeakers h5{ font-size:11px; color:#666666; font-weight:normal; margin-bottom:5px;   }
.sectionSpeakers h5.h6{ text-transform:uppercase; color:#999999;  margin-bottom:10px; } 
.sectionSpeakers h5.h7{ font-size:10px; }
	#sectionNavAbout { text-align:center; }
#sectionNavAbout ul li{ 
display: inline-block;
width: 19%;
vertical-align: top; }
#sectionNavAbout ul li.first{ border-left:1px solid #666666;  }
#sectionNavAbout ul li .inside{ background-color:#f7f7f7; border-right:1px solid #666666;  border-top:1px solid #666666; border-bottom:1px solid #666666; text-align:center; height:230px; 
position:relative; }
#sectionNavAbout ul li .inside a{ display:block; text-transform:uppercase; color:#666666; bottom:0;  position:absolute; left: 50%; margin-left: -25px; }
#sectionNavAbout ul li .inside  h5{ font-size:16px; text-transform:uppercase; color:#666666; margin-top:15px;  padding: 0 15px; }
#sectionNavAbout ul li .inside a img{ display:block; }
#sectionNavAbout ul li .inside img.icon{ width:85%; margin-top:-50px}

/* testimonials */
#testimonials{ background-color:#46c5ea; }
.testimonial, .lastTweets{ padding:20px; }
.testimonial .message, .lastTweets .message{ margin-bottom:20px; }
.testimonial h4, .lastTweets h4{ font-size:14px; color:#162541; margin-bottom:5px;  }
.testimonial h5{ font-size:12px ; color:#666666; margin-bottom:5px; }
.testimonial h5.h6{ font-size:12px;  color:#999999; margin-bottom:5px; }
.testimonial h5.h7{ font-size:10px; color:#666666; margin-bottom:5px; }
.testimonial h1, .lastTweets h1{ padding-top: 0; background:none;  }
.testimonial b{ position:absolute; display:block; width:30px; height:31px; }
.testimonial b.decoTop{ top:10px; right:10px; background: url(../_img/decoTop.png) no-repeat center center;  }
.testimonial b.decoBottom{ bottom:10px; left:10px; background: url(../_img/decoBottom.png) no-repeat center center;  }

.sectionTestimonials{ background-color:#162541; }

.sectionLastTweets .bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
}

/* VIDEOS */
.vidWrapper .vidElt{ float:left; width:50%; padding:0 20px; }
.vidWrapper .vidElt p{ font-size:12px; }
.vidWrapper .line{ overflow:hidden; }


.iframeWrapper{}
.iframeWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframeWrapper  iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* sectionMainVideo */
.sectionMainVideo .video p{ font-size:12px; margin:10px 0 }

#sectionVideos .bx-wrapper{ margin-bottom:0; }

/* PARTNERS */
.sectionPartners{}
.sectionPartners .section{ border-bottom:1px solid #b3b3b3; padding: 30px 0 0; }
.sectionPartners .item .logoPartner{ display:inline-block; width:30%; vertical-align:middle; padding-right: 20px; }
.sectionPartners .item .logoPartner img{ max-width: 180px;
max-height: 100px;
margin: 0 auto;
display: block;
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	}
.sectionPartners .item .logoPartner:hover img{
	 -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
	}

.sectionPartners .item .aboutPartner{ display:inline-block; width:68%; vertical-align: middle; }
.sectionPartners .item .aboutPartner a{color:#162541; text-decoration:underline}
.sectionPartners .item .aboutPartner h3{ color:#666666; font-size:15px; margin-bottom:5px; }

.sectionPartners ul{ margin-bottom:40px; }
.sectionPartners ul li{ display:inline-block;  margin: 15px; }
.sectionPartners ul li  a{ text-align:center; }
.sectionPartners ul li img{ display:block; max-width: 125px; max-height: 55px; }
.sectionPartners .item{ overflow:hidden;  margin-bottom: 25px; }

.intro p{ font-size:14px; }
.intro{ margin-bottom:20px; }

/* FAQ Dropdown */
.dropdown{}
.dropdown .question{}
.dropdown .question h4{ background:#162541; color:#fff; font-size:14px; overflow: hidden; border-bottom: 1px solid #b3b3b3; cursor:pointer;  }
.dropdown .question h4 b{ padding:15px; display:block; float:left;  }
.dropdown .question h4 span{ display:block; float:right; background: url(../_img/ico/icoMoins.png) no-repeat center center; height: 45px; width: 45px; }
.dropdown .question.closed h4 span{ background: url(../_img/ico/icoPlus.png) no-repeat center center;  }
.dropdown .question .answer{ background-color:#F7F7F7; padding:20px 20px; display: none; }
.dropdown .question .answer a{ }

.programDetail{ padding:20px; }

/* FOOTER */
#footer{ background:#162541;
min-height: 330px;
color: #fff;
text-align: center;
position: relative;
font-size: 15px;
padding-top: 30px;
padding-bottom: 30px;
}
#footer .totop{ 
    position: absolute;
    right: 0;
    top: -60px;
}

#footBefore{  width:100%; height:160px; background: url("../_img/banner_yellow.png") no-repeat scroll center top }


#footer .footNewsletter{ text-align:center; margin-bottom: 80px; margin-top: 20px; }

#footer .footNewsletter h2{ color: #ffffff;
border-bottom: 0px;
    font-size: 45px;
    font-weight: 100;
    margin-bottom: 30px; text-transform:none; text-decoration:none;  }
input[type="text"]{ padding:10px; width:250px; height:40px; border:1px solid #b3b3b3; }
input[type="submit"]{ background-color:#d82129; color:#FFF;  }

#footer .footLinks{ overflow:hidden; margin-bottom: 30px; text-align: left; }
#footer .footLinks .col{  float:left; width: 30%;   }

#footer .footLinks .col.col1{width: 20%;}
#footer h3{ font-size:22px; margin-bottom:15px; font-weight: 200; }


#footer .footLinks li a{ color:#FFF; }
#footer .footLinks li.selected a{ font-weight:bold;}
#footer .footLinks li { margin-bottom:10px; }

#footer .footLinks .col.col2{   width: 60%; }
#footer .footLinks .col.col3{}
#footer .footLinks .col.col4{ width:20%; }

#footer .footLinks .social{}
.social li{ float:left; margin-right:15px;  }

#footer .copy{ text-align:left; color:#FFF; padding-right:190px}
#footer .copy p{ color:#FFF; font-size: 10px; }
#footer .copy a{ color:#FFF;  }

.wrapperLocations{ overflow:hidden; }
.wrapperLocations .col{ float:left; width:20%; text-align:left;  }
.wrapperLocations .col.colContact{ width:60%;  margin-left:13%;  }
.wrapperLocations .col .contact{ display:inline-block; width:49%; vertical-align: top;}

.contact{  margin-bottom: 30px; }
.contact h4{ color:#162541; margin-bottom:10px;  }
.contact .email{ margin-bottom:10px }
.contact .lang{    margin-bottom: 9px;
    font-size: 15px;
    color: #7f7f7f; }
.contact .tel{ margin-bottom:10px }
.contact  a{ color:#7f7f7f; }

.contact .email{ background:url(../_img/ico/icoMail2.png) no-repeat left center  / 15px ; padding-left:20px; }
.contact .tel{ background:url(../_img/ico/icoTel2.png) no-repeat left center / 15px ; padding-left:20px; }
.contact .lang{ background:url(../_img/ico/icoLang2.png) no-repeat left center / 15px ; padding-left:20px; }

.footLinks .contact .email{ background:url(../_img/ico/icoMail.png) no-repeat left center ; padding-left:20px;   }
.footLinks .contact .tel{ background:url(../_img/ico/icoTel.png) no-repeat left center; padding-left:20px; }
.footLinks .contact .lang{ background:url(../_img/ico/icoLang.png) no-repeat left center / 15px ; padding-left:20px;color: #fff }


.footLinks .contact{ 
	display: inline-block;
    margin-bottom: 11px;
    width: 49%;
	vertical-align: top;
}





#footer .contact  a{ color:#FFF; }
#footer .contact h4{ color:#FFF; }

.registerNow{
	 background-color: #162541;
    border-radius: 10px 10px 0 0;
    color: #fff;
	font-size:16px; 
	position:fixed; right:0; bottom:0;
	z-index:200;
	
 }
 
 .registerNow:hover{ background-color:#1d4ac6}
 
 
 .registerNow a{ color:#FFF; display:block; padding:10px 15px 10px 55px ; background: url(../_img/ico/hand.png) no-repeat left 15px  center;  line-height: 18px; }

.footNewsletter input[type="email"]{  
	height: 50px;
    width: 450px; 
	margin-bottom: 20px;
	padding:10px 
}
.footNewsletter input[type="submit"]{
	background-color: #fff;
    border-radius: 10px;
   
    display: inline-block;
    font-size: 16px;
    padding: 12px 80px 10px;
    text-transform: uppercase;
	cursor:pointer;
	color: #162541;
}


.graphicStory{ 
	background: url(../_img/bgArrow.png) no-repeat center bottom 30px;
display: block;

margin-bottom: 0;
position: relative;
width: 667px;
margin: 0 auto;
height: 160px;
}
.graphicStory li{ float:left; width:16%; text-align:center; position: absolute;
bottom: 30px;}
.graphicStory li a{ color:#cccccc; font-size:17px; text-align:center;  text-transform:uppercase; padding-top:35px;  display:block;   margin: 10px 0; }
.graphicStory li:hover a{ color:#162541;  }

.graphicStory li.odd{ margin-top: -8px; top: 50%; }
.graphicStory li.even{ bottom:50%; margin-bottom:-12px;  }

.graphicStory b{ 
	background-color: #ccc;
    border: 2px solid #fff;
    border-radius: 10px;
    display: inline-block;
    height: 16px;
    width: 16px; }
.graphicStory li:hover b{ background-color:#162541; } 
.graphicStory li.year6 a{ color:#162541; font-size:28px; font-weight: 100; }
.graphicStory li.year6 a strong{ font-weight:100}
.graphicStory li.year6  b{ background-color:#162541;}
.graphicStory li.year1{ left:0%; }
.graphicStory li.year2{ left:16%; }
.graphicStory li.year3{ left:32%; }
.graphicStory li.year4{ left:48%; }
.graphicStory li.year5{ left:64%; }
.graphicStory li.year6{ left:80%; }

/* AGENDA */
.sectionAgenda .daySelection li{ width:100%;  background-color:#999999; }
.sectionAgenda .daySelection li.active{  background-color:#162541; }
.sectionAgenda .daySelection li a{ display:block; color:#FFF; font-size:19px; text-transform:uppercase; padding: 20px 30px;
text-align:left; }
.sectionAgenda .daySelection li a strong{ display:inline-block; margin-right:30px; }
.sectionAgenda .programDetail .daySection{ background-color:#918e8e; color:#FFF; text-align:left; padding: 13px 30px; clear: both; }
.sectionAgenda .programDetail .daySection h2{ color:#FFF; font-size:18px; margin:0;   }
.sectionAgenda .programDetail .line{ border-bottom:1px solid #b3b3b3; padding:20px 30px 20px 30px; overflow:hidden; }
.sectionAgenda .programDetail .line .column{ float:left; width:33%; padding-right:20px;  }
#programDetail2{ display:none; }

/*fromWYSIWYG*/
.fromWYSIWYG{}
.fromWYSIWYG *{ margin:0; padding:0; border:none;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#999999}
.fromWYSIWYG p{ font-size:14px; margin-bottom:15px;  }
.fromWYSIWYG p strong{ color:#666666; }
.fromWYSIWYG h1{ font-size:18px; color:#162541; text-decoration:none; margin:0; font-weight:600; background: none; margin-bottom: 20px; }
.fromWYSIWYG h2{ font-size:16px; color:#4d4d4d; text-decoration:none; margin:0; text-transform:none; margin-bottom: 10px; }
.fromWYSIWYG h3{ font-size:14px; color:#162541; font-weight:bold; margin:0; margin-bottom: 5px;}
.fromWYSIWYG h4{ font-size:14px; color:#226195; font-weight:bold; margin:0}
.fromWYSIWYG h5{ font-size:14px; color:#162541; font-weight:bold; margin:0; background: url(../_img/bullet.png) no-repeat left center ; padding-left: 20px; }
.fromWYSIWYG h6{ font-size:14px; color:#000; font-weight:bold; margin:0}
 
.fromWYSIWYG a{ color: #162541; text-decoration:underline; }
.fromWYSIWYG span.pdf{ display:block; background: url(../_img/ico/icoPdf.png) no-repeat left center ; padding-left: 30px; }
.fromWYSIWYG ul li{ 
font-size:14px; 
margin:5px 0; 
font-size: 14px;
color: #999999;
margin-bottom: 10px;
line-height: 23px;
list-style: inside; }

.fromWYSIWYG ol li {
    font-size: 14px;
    list-style: inside disc;
    margin: 5px 0;
}
.fromWYSIWYG img{ max-width:100%; height:auto!important  }
.fromWYSIWYG table{ display: inline-block;  }
.fromWYSIWYG table td{ border-top:1px solid #ccc;  border-left:1px solid #ccc; }
.fromWYSIWYG table {  border-right:1px solid #ccc;   border-bottom:1px solid #ccc;  }
span.hour{ font-size:12px; color:#999999; margin:0}

/* COCKTAIL / RECEPTION */

.sectionReception h3{ font-size:16px; color:#d82129; margin-bottom:20px;  }
.sectionReception h2{ font-size:18px; color:#46c5ea; text-decoration:none; text-transform:none; border:none;  }
.sectionReception .location{ background: url(../_img/ico/icoLocation.png) no-repeat top center; margin-bottom:30px;  padding-top:50px; }
.sectionReception .location a{ color:#999999; font-size:14px; text-decoration:underline;   }


img.cocktail{ margin-bottom:40px; }


/* SECTION CONTACT */
.premierCercle img{ margin-bottom:10px; }
.premierCercle  a{ color:#162541; display:block; text-align:center; }
.premierCercle{ margin-bottom:50px; }

/* VENUE */

#bannerVenue{ height:450px; width:100%; background: url(../_img/venue/banner.png) no-repeat center center / cover; position:relative;   }
#bannerVenue .arrowToBot{ position:absolute; bottom:50px; left:50%; margin-left:-35px;  }
#sectionVenueChambers, #sectionVenueConference{
}
.address .localisation{
	background: url(../_img/ico/icoLocation.png) no-repeat top center; 
	padding-top:50px; 
}
.address .localisation a{ color:#999999; font-size:14px; text-decoration:underline;  }
.address a.website{ background-color: #162541;
font-size: 16px;
padding: 8px 15px;
color: #fff;
display: inline-block;
margin-bottom: 20px;
border-radius: 5px;  }

 .address a.website:hover{ background-color:#1d4ac6}
 
.address .logo{ display:inline; margin-bottom:20px;  }
.sectionVenueConference .venueVisual{ margin-top:20px}
.address h2{ margin-bottom:20px; font-size:18px; text-decoration:none; border:none; text-transform:none; font-weight:600   }

.titleFullWidth{ width:100%; text-align:center; background-color:#162541; padding:20px;   }
.titleFullWidth h2{ color:#FFF; font-size:26px; margin:0;   }

.mobileOnly{ display:none; }
#navigationMobile{ display:none; }

/*flip speakers */
/* entire container, keeps perspective */
.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}

.flip-container, .front, .back {
    width: 100%;
    height: 300px;
}

.flipper {
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;

    position: relative;
}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;


    position: absolute;
    top: 0;
    left: 0;
}

.back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.back .bio p{ font-size:12px; }
.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.front {
    z-index: 2;
}


/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border-bottom: 1px solid #ccc;
background: #fff; 
width: 100%; 
height: 30px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 100%; 
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
 background: #fff none repeat scroll 0 0;
    color: #999999;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: 0 8px;
    padding: 0;
	text-transform:uppercase; 
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #999999;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

.sectionOtherEvent .oneEvent{ padding : 20px 0; border-top:1px solid #ccc; }
.sectionOtherEvent .oneEvent.first{ border-top:0px solid #fff;  }
.photoSlider li img{ width:100%; display:block;  }
.photoSlider .bx-wrapper .bx-prev{ left: 50px; background: url(../_img/arrowBefShadow.png) no-repeat center center; width: 49px; height: 88px; margin-top: -50px; }
.photoSlider .bx-wrapper .bx-next{ right: 50px; background: url(../_img/arrowAftShadow.png) no-repeat center center; width: 49px; height: 88px; margin-top: -50px; }
.photoSlider .bx-wrapper .bx-viewport{ -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; left:0; border:none;  }


.label{ background-color: rgba(0,0,0,0.7);
padding: 10px 0;
color: #fff;
bottom: 0;
position: absolute;
left: 0;
width: 100%; }
.label h6{ color:#fff; font-size:14px; margin-bottom:5px; font-weight:100;  }
.label p{ color:#fff; margin-bottom:0;  }


.tweetsWrapper iframe{ border:1px solid #ccc!important; }

.hostel{ display:inline-block; vertical-align:top; width:30%; margin:0 1% }
.hostel .intro{ min-height:260px; }
@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 1000px) {
	.wrapper{ width:100%; padding:0 5%; }
	.sectionAgenda .daySelection li a{ font-size:15px; }
	.hostel{ width:100%; margin:0 }
	.hostel .intro{ min-height:0px; }

}
@media only screen and (max-width : 900px) {
	#header{  text-align: center; }
	#header .logo{ text-align:center; float:none;  padding-top: 13px; }
	#header .logo img{ display:inline; }
	#header ul.nav{ float:none }
			.sectionCTA .line .item h2{ font-size:25px; }
			.sectionSpeakers ul li{ width:25%}
.graphicStory li {
    bottom: 0 !important;
    float: left;
    height: 125px;
    left: 0 !important;
    margin: 0 !important;
    position: relative;
    top: 0 !important;
    width: 20%;
}
.graphicStory li b{ display:none; }
.graphicStory{ background:none; }
.year11{ display:none; }
.sliderWrapper{ width:100%; }
	.hostel{ width: 100%!important}
	#mainBanner .collaboration{ text-align: center; }
	#mainBanner .logoPS, #mainBanner .collab{ float: none;     display: block;
    margin: 0 auto;}
	#mainBanner h1 span{ display: block; }
	
	.fromWYSIWYG table{ width: 100%!important}
	.address a.website{ font-size: 13px; }
}

#sectionVisits{ text-align:left; }



@media only screen and (max-width : 750px) {
		.aboutResume .col{ width:100%; }
		.sectionCTA .line .item h2{ font-size:20px; }
	#footer .footLinks .col {
		margin-bottom: 30px;
		width: 50% !important;
	}
	.sectionAgenda .daySelection li{ width:100%; }
	.sectionAgenda .programDetail .line .column {
		border-bottom: 1px solid #ccc;
		float: left;
		padding: 10px 0;
		width: 100%;
	}
	.sectionPartners .item .logoPartner{ width:100%; text-align:center;  }
	.sectionPartners .item .logoPartner img{ width:auto; margin-bottom:10px;  }
	.sectionPartners .item .aboutPartner{ width:100%; }
	.vidWrapper .vidElt{ width:100%; }
.venueVisual{ width:100%; }
.wrapperLocations .col{ width:100%; }

.graphicStory{ width:100%; }

.footLinks .contact{ width:100%; margin-bottom:40px;  }
.footNewsletter input[type="email"]{ width:100%; }
}


@media only screen and (max-width : 500px) {
	#header .logo {
    display: inline-block;
	}
	#sectionNavAbout ul li .inside img.icon{ display:none; }
	#sectionNavAbout ul li .inside{ height:90px; border: 1px solid #ccc !important;}
	#sectionNavAbout ul li{ width:80%; border: none!important; }
	#sectionAboutDetail .icon {
    width: 50%;
    float: none;
    margin: 0 auto 30px auto;
}
#sectionAboutDetail .content {
    width: 100%;
    float: left;
    padding-left: 10px;
}
.mobileNavIco {
		border-top: 1px solid #ccc;
		cursor: pointer;
		display: block;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
	#navigationMobile {
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 4000;
	}
	#header{ padding-top:50px; }
	#header .nav{ height:auto;  position:relative;  }
	#header .nav{ display:none;  }
	.mobileOnly{ display:none; }
	ul.mobileOnly { background-color: #162541; }
	ul.mobileOnly li{ text-align:center; border-bottom:1px solid #FFF;  }
	ul.mobileOnly li a{ padding:10px; display:block; color:#FFF;   }
	
	#navigationMobile{ display:block; }
	#mainBanner .about .logo{ width:100%; }
	#mainBanner .about .logo2{ width:100%; position:relative }
	#mainBanner .about .logoDate span { position:relative; text-align:center; bottom: auto; left: auto; }
	#mainBanner .about .logoDate{ width:100%; }
	#mainBanner h1{ font-size: 30px;  margin-top: 30px; line-height: 30px;  }
	#mainBanner .arrowToBot{ margin-top: 10px;}
	#mainBanner .dates h2{ padding-top: 40px;}
	#mainBanner .dates{ background:none; }
	.sectionCTA .line .item {
    float: none;
    width: 100%;
	 clear: both;
    display: block;
	
}
.sectionCTA .line .item h2{ float:right!important; }
	.sectionSpeakers ul li{ width:50%}
	.footNewsletter input[type="text"]{ width:100%; }
	#footer .footLinks .col {
		width: 100% !important;
	}

.registerNow{ display:none; }
#footer .copy{ padding-right:0; }
#sectionAgenda img{ width:100%; }
#sectionReception img{ width:100%; }
.graphicStory li a{ font-size:12px; }



/*iphone*/
@media only screen and (min-width : 320px) and (max-width : 480px) {
	
	input[type="submit"]{ 
	-webkit-appearance: none;
	 -moz-appearance: none;
	 border-radius: 0;
	 }
	.sectionSpeakers ul li{ width:100%}
	.graphicStory li { width:50%; }
	.footLinks .contact{ width:100%;}
.flip-container, .front, .back {	height: 530px;  }

}

/*ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/*ipadportrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}