html{
position:relative;
overflow-x:hidden;
}
body{
position:absolute;
right:0;
left:0;
}
/* ICONS */
.icon{
width:29px;
height:29px;
position:absolute;
}
.icon-bottom{
background: url("../img/icons/drop-arrow-down@2x.png") no-repeat;
background-size:50%;
}
.icon-top{
background: url("../img/icons/drop-arrow-up@2x.png") no-repeat;
background-size:50%;
}
.icon-metro{
background: url("../img/icons/icon-metro@2x.png") no-repeat;
background-size:100%;
}
.icon-bus{
background: url("../img/icons/icon-bus@2x.png") no-repeat;
background-size:100%;
}
.icon-train{
background: url("../img/icons/icon-train@2x.png") no-repeat;
background-size:100%;
}
.icon-taxi{
background: url("../img/icons/icon-taxi@2x.png") no-repeat;
background-size:100%;
}
.icon-food{
background: url("../img/icons/icon-restaurant@2x.png") no-repeat;
background-size:100%;
margin-left:25px;
}
.icon-coffee{
background: url("../img/icons/icon-coffeb@2x.png") no-repeat;
background-size:100%;
margin-left:25px;
}
.icon-beer{
background: url("../img/icons/icon-beer@2x.png") no-repeat;
background-size:100%;
margin-left:25px;
}
/* RESET */
em{
font-style: italic;
}
th{
font-weight:300;
font-style:normal;
}
.margin-top-sm{
margin-top: 10px;
}
input[type=number]{
overflow:hidden;
}
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
cursor:pointer;
display:block;
width:8px;
color: #333;
text-align:center;
position:relative;
}
input[type=number]::-webkit-inner-spin-button:before,
input[type=number]::-webkit-inner-spin-button:after {
content: "^";
position:absolute;
right: 0;
font-family:monospace;
display:none;
}
input[type=number]::-webkit-inner-spin-button:before {
top:0px;
}
input[type=number]::-webkit-inner-spin-button:after {
bottom:0px;
-webkit-transform: rotate(180deg);
}
input[type=number]::-moz-inner-spin-button {
-moz-appearance: none;
cursor:pointer;
display:block;
width:8px;
color: #333;
text-align:center;
position:relative;
}
input[type=number]::-moz-inner-spin-button:before,
input[type=number]::-moz-inner-spin-button:after {
content: "^";
position:absolute;
right: 0;
font-family:monospace;
display:none;
}
input[type=number]::-moz-inner-spin-button:before {
top:0px;
}
input[type=number]::-moz-inner-spin-button:after {
bottom:0px;
-moz-transform: rotate(180deg);
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, span {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
margin:0;
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a{
cursor:pointer;
color: #ca1f35;
}
a:link{
list-style: none;
text-decoration: none;
color: #ca1f35;
cursor:pointer;
}
a:visited{
list-style: none;
text-decoration: none;
color: #ca1f35;
}
a:hover{
list-style: none;
text-decoration: none;
color:#ca1f35;
cursor:pointer;
}
body{
overflow-x:hidden;
}
body a:active{
list-style: none;
text-decoration: none;
color: inherit;
}
body nav a:hover {
border-bottom:none ;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* END RESET */
/* Global */
body{
font-family: "myriad-pro", Helvetica, Arial, sans-serif;
font-weight:300;
font-style:normal;
/* overflow-x: hidden; */
}
.d-b{display:block !important;}.d-n{display:none !important;}.v-h{visibility:hidden;}.d-table{display:table !important;}.d-ib{display: inline-block !important;}.content-title{margin-bottom: 30px;}.strong-title{font-size: 20px;margin-bottom:20px;line-height:1.4;font-weight:400;font-style:normal;}.event-title{font-size:23px;display:inline-block;}.content-title.white{color:white;}.mg-none{margin:0 !important;}.f-n{float:none !important;}.f-r{float:right !important;}.f-l{float:left !important;}.no-border{border:none !important;}.no-outline{outline:none !important;}.bg-none{background:none !important;}.text-center{text-align:center !important;}.text-left{text-align:left !important;}.text-right{text-align:right !important;}.ml-xs{margin-left:16px;}.ml-s{margin-left:20px;}.ml-l{margin-left:50px;}.li-style{list-style: initial !important;}.mobile{display:none;}.mb-l{margin-bottom:20px;}.inactive{cursor: default;color:#9c9c9c;}.menu a.inactive {color: rgba(200,200,200,0.45) !important;}.menu a.inactive:hover {color: rgba(200,200,200,0.45) !important;}.pl-xs{padding-left:20px;}p{margin-top: 30px;line-height:1.4;font-size:18px;}.light{font-family: "myriad-pro", Helvetica, Arial, sans-serif;font-weight:300;font-style:normal;}.regular{font-family: "myriad-pro", Helvetica, Arial, sans-serif;font-weight:400;font-style:normal;}.semi-bold{font-weight:600;font-style:normal;}h1{padding-bottom: 20px;font-size: 46px;font-weight: 400;font-style: normal;}h2{font-weight: 300;font-style: normal;margin-bottom: 5px;font-size: 58px;}h3{font-size: 40px;font-weight: 300;font-style: normal;}h4{font-size: 32px;font-weight: 200;font-style: normal;}h5{font-size: 23px;font-weight: 400;font-style: normal;}h6{font-size: 20px;font-weight: 400;font-style: normal;}.color-section {position:relative;overflow:hidden;}.frame-image-left{position:absolute;width:calc(50% - 25px);height:100%;overflow:hidden;left:in}.frame-image-right{position:absolute;width:50%;height:100%;right:0;}.frame-text-left{position:relative;width:50%;float:left;padding:180px 0 180px 0;}.frame-text-right{position:relative;width:50%;float:right;padding:180px 0 180px 0; }.right-text{padding:0 0 0 25px;}.left-text{padding:0 25px 0 0;}.right-picture {position:absolute;height: 100%;left:0;top:0;padding:0 0 0 25px;}.left-picture {position:absolute;height: 100%;right:0;top:0;padding:0 25px 0 0;}.center-frame{padding:180px 0px ;}.v-h{visibility:hidden;}.uppercase{text-transform: uppercase;}
.p-a{
position:absolute;
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Home */
.banner-content .menu .speakers-link:hover a{
color:#367bcb !important;
}
.banner-content .menu .programme-link:hover a{
color:#6068ae !important;
}
.banner-content .menu .videos-link:hover a{
color:#f7971d !important;
}
.banner-content .menu .ticket-link:hover a{
color:#339746 !important;
}
.banner-content .menu .location-link:hover a{
color:#cc1f37 !important;
}
.banner-content .menu .videos-link:hover a{
color:#f7981d !important;
}
.home_header-base-rotate-first{
margin: 0 auto;
width: 500px;
height: 1300px;
right: -280px;
z-index: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.2);
margin-top: -163px;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
transform: rotate(20deg);
-webkit-animation-name: home_top_rect_first;
-webkit-animation-duration:150s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: home_top_rect_first 150s steps(1500) infinite ;
-moz-animation: home_top_rect_first 150s steps(1500) infinite;
-ms-animation: home_top_rect_first 150s steps(1500) infinite;
-o-animation: home_top_rect_first 150s steps(1500) infinite;
animation: home_top_rect_first 150s steps(1500) infinite;
animation-name: home_top_rect_first;
animation-duration: 150s;
animation-delay: 0.1s;
animation-timing-function: linear;
}
.home_header-rotate-rect-first{
margin: 0 auto;
width: 400px;
height: 1000px;
right: 200px;
z-index: 0;
position: absolute;
}
.home_header-base-rotate-middle{
margin: 0 auto;
width: 600px;
height: 2000px;
right: 10px;
z-index: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.35);
margin-top: -300px;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-name: home_top_rect_middle;
-webkit-animation-duration:170s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: home_top_rect_middle 170s steps(1500) infinite ;
-moz-animation: home_top_rect_middle 170s steps(1500) infinite;
-ms-animation: home_top_rect_middle 170s steps(1500) infinite;
-o-animation: home_top_rect_middle 170s steps(1500) infinite;
animation: home_top_rect_middle 170s steps(1500) infinite;
animation-name: home_top_rect_middle;
animation-duration: 170s;
animation-delay: 0.1s;
animation-timing-function: linear;
}
.home_header-rotate-rect-middle{
margin: 0 auto;
width: 400px;
height: 1000px;
right: 200px;
z-index: 0;
position: absolute;
}
.home_header-base-rotate-last{
margin: 0 auto;
width: 600px;
height: 100%;
left: -520px;
z-index: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.35);
animation: none;
margin-top: -332px;
transform: rotate(30deg);
}
.home_header-rotate-rect-last{
margin: 0 auto;
width: 400px;
height: 1000px;
right: 200px;
z-index: 0;
position: absolute;
animation:none;
}
.header.home .head-title span{
float: right;
font-size: 19px;
margin-top:40px;
}
.header.home .head-title span h4{
float: right;
font-size: 28px;
margin-top: -8px;
margin-left: 30px;
}
.heading{
height:400px;
background-size: 100%;
}
.header.home{
position:relative;
}
.is-mobile .post-it-container.mobile{
display: inline-block !important;
z-index: 99;
position: absolute;
background: white;
width: 100%;
padding: 7px 0;
margin-top: -28px;
text-align: center;
}
.is-mobile .post-it-container.mobile span{
top:0;
}
@media only screen and (max-width: 1366px){
.header.home .heading{
background-size: cover;
}
}
body{
overflow-x:hidden;
}
.main{
margin-top:100px;
}
.main.tickets{
margin-top:30px;
}
.main.tickets h2{
padding-top:40px;
padding-bottom:30px;
}
.rect-content{
position: absolute;
width: 100%;
height: 600px;
top: 0;
overflow:hidden;
}
#home .add-info{
z-index: 11;
display: inline-block;
width: 100%;
background: #ffd04d;
width: 100%;
background: #ffd04d;
padding:45px 0px;
}
#navSubPages.fixed-nav .grid{
position:relative;
}
#home .fixed-nav{
background:#cce2f7;
height:60px;
text-align: center;
position:relative;
color:#001b3e;
}
#home.fixed-nav .menu{
position:inherit;
text-align:center;
margin:0 auto;
float:inherit;
}
#home .fixed-nav .main-home-menu .menu li:not(:last-child){
margin-right:30px;
}
#home .fixed-nav .main-home-menu .menu li{
text-transform: uppercase;
text-align: center;
}
#home .menu li.ticket-link{
margin-left:10px
}
.main.home{
margin-bottom:-170px;
padding-top:0px;
}
.add-info{
text-align: center;
}
.add-info .grid{
height:inherit;
}
.add-info .grid h3{
padding-bottom:20px;
font-size:40px;
font-weight:400;
font-style:normal;
}
.add-info .grid h3 strong{
font-weight:700;
font-style:normal;
}
.add-info .grid p{
max-width: 850px;
margin: 0 auto;
padding-bottom:70px;
font-size:28px;
line-height: 1.3;
}
.add-info .grid p strong{
font-weight:400;
font-style:normal;
}
.add-info .grid h1 strong{
font-weight:700;
font-style:normal;
}
.add-info .grid h3 strong{
font-weight:bold;
}
#home .main-fake-rect{
width: calc(100% + 100px);
margin-left:-50px;
height: 90px;
background: white;
position: absolute;
-webkit-animation-name: main_base;
-webkit-animation-duration:20s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: main_base 20s steps(1500) infinite ;
-moz-animation: main_base 20s steps(1500) infinite;
-ms-animation: main_base 20s steps(1500) infinite;
-o-animation: main_base 20s steps(1500) infinite;
animation: main_base 20s steps(1500) infinite;
animation-name: main_base;
animation-duration: 20s;
animation-delay: 0.1s;
animation-timing-function: linear;
animation: main_base 600s infinite ease;
-moz-animation: main_base 600s infinite ease;
-webkit-animation: main_base 600s infinite ease;
outline: 1px solid transparent;
}
.picture-container .content-title{
text-align:center;
}
section.color-section.no-color.missux {
padding-bottom: 90px;
}
.all-speakers{
position: inherit;
display: inline-block;
margin: 0 auto;
font-weight:300;
font-style:normal;
font-size: 20px;
padding-bottom:50px;
margin-top:25px;
}
.all-speakers .thumb img{
width:100%;
border-radius:50%;
}
.thumb{
float: left;
position:relative;
max-width:160px;
height:auto;
z-index:9;
padding: 0 15px 0px 15px;
}
.thumb-desc{
color: #39bec3;
margin-top:10px;
text-align: center;
font-size:24px;
}
.more-info{
text-align: center;
}
.thumb.more-info{
margin:0;
max-width:inherit;
width:100%;
}
.thumb.more-info .thumb-desc{
margin-top:0;
}
.more-info .thumb-desc span {
width: 100%;
color:black;
}
.more-info .thumb-desc span a{
color:#1558CE !important;
}
.last-speaker{
visibility: visible;
display:inherit;
}
.sponsors a:hover {
border: none;
}
.sponsors.secondary{
margin-top:90px;
}
h3.secondary{
line-height:1.2;
font-size: 32px;
margin-bottom: 60px;
}
#form_container.secondary{
max-width:500px;
display:none;
}
#form_container.secondary ul{
padding-left:0px;
}
.venue-top-border{
width: calc(100% + 100px);
height: 90px;
background: white;
z-index: 11;
position: absolute;
left: -50px;
top:-45px;
-webkit-animation-name: venue_top;
-webkit-animation-duration:20s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: venue_top 20s steps(1500) infinite ;
-moz-animation: venue_top 20s steps(1500) infinite;
-ms-animation: venue_top 20s steps(1500) infinite;
-o-animation: venue_top 20s steps(1500) infinite;
animation: venue_top 20s steps(1500) infinite;
animation-name: venue_top;
animation-duration: 20s;
animation-delay: 0.1s;
animation-timing-function: linear;
outline: 2px solid white ;
}
.venue-bottom-border{
bottom:-50px;
width: calc(100% + 100px);
height: 90px;
background: white;
z-index: 11;
position: absolute;
left: -50px;
-webkit-animation-name: venue_bottom;
-webkit-animation-duration:20s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: venue_bottom 20s steps(1500) infinite ;
-moz-animation: venue_bottom 20s steps(1500) infinite;
-ms-animation: venue_bottom 20s steps(1500) infinite;
-o-animation: venue_bottom 20s steps(1500) infinite;
animation: venue_bottom 20s steps(1500) infinite;
animation-name: venue_bottom;
animation-duration: 20s;
animation-delay: 0.1s;
animation-timing-function: linear;
outline: 2px solid white;
}
.info.news{
margin-top:0px;
background-color:#2e67b1;
color:white;
padding:0px;
height:400px;
padding-bottom:100px;
}
.news .inside-info{
padding-top: 115px;
}
.sponsors-info.mobile .small-sponsors li{
margin-bottom:20px;
float:none;
padding-right:0px;
display:inline-block;
}
.sponsors{
width:100%;
display:inline-block;
}
.sponsors-info.mobile .small-sponsors {
margin-bottom:0;
}
.big-sponsors img{
max-height: 100%;
box-sizing: border-box;
}
.sponsors-info.mobile .media-partners img{
height:15px
}
.sponsors-info.mobile ul.media-partners.d-ib {
margin-top: 10px;
}
.sponsors-info ul{
margin-bottom:10px;
}
.big-sponsors li{
float:left;
padding-right:40px;
text-align:left;
margin-bottom:20px;
}
.sponsor-tittle{
font-size:14px;
color:#A5A5A5;
margin-bottom:10px;
}
.medium-sponsors{
margin-bottom:20px;
}
.medium-sponsors li{
display: inline-block;
padding-right:40px;
text-align:left;
}
.small-sponsors{
margin-bottom:40px;
}
.small-sponsors img{
margin-right:10px;
}
.media-partners img{
margin-right:10px;
}
.small-sponsors svg{
width:100px;
}
.small-sponsors li{
float:left;
display:inline-block;
padding-right:30px;
text-align:left;
}
.groups_edit .st-select .select2-container--default{
margin-left:-10px;
}
/* */
.footer_copy{
color:white;
overflow: hidden;
width: 100%;
bottom:0;
padding-bottom:40px;
position: absolute;
}
.footer-dark-bg{
transform: rotate(2deg);
background-color: rgba(0 ,0 ,0 ,0.5);
float:left;
margin-top:20px;
margin-left:-50px;
width:calc(100% + 100px);
height:100%;
}
.footer-bg{
background-color: rgba(0 ,0 ,0 ,0.4);
position: absolute;
height: 250px;
width: 100%;
bottom: 0;
}
.powered a{
padding-top:15px;
}
.powered a:hover{
border:none;
}
.powered span{
color:rgba(255,255,255,1);
}
.copy p{
color:rgba(255,255,255,0.7);
max-width:550px;
font-size: 14px;
margin-top:34px;
}
.copy div{
float:left;
font-size:13px;
margin-right:48px;
}
.copy ul li h6{
line-height:1.4;
font-size:14px;
margin-top: 35px;
max-width: 500px;
color:rgba(255,255,255,0.7);
float:left;
}
.copy h5{
margin-bottom:15px;
color:rgba(255,255,255,0.3);
}
footer{
overflow:hidden;
}
.footer_text{
font-size:14px;
width: calc(100% - 385px);
}
.footer.home .footer_copy a{
font-size:15px;
font-weight:600;
font-style:normal;
}
.contacts{
color:white !important;
margin-top:34px !important;
line-height: 1.4;
font-size: 14px;
margin-top:20px;
margin-left: 240px;
max-width: 500px;
color: rgba(255,255,255,0.7);
float: left;
}
.msg-mb{
position: absolute;
width: 300px;
top: 40px;
right: -25px;
color: white;
font-size: 16px;
line-height:1.7em;
}
.msg-mb:first-child{
font-weight:600;
}
.is-mobile .msg-mb, .is-iPad .msg-mb{
position: relative;width: 300px;top: 30px;right: initial;color: white;font-size: 16px;line-height:1.7em;margin-bottom: 60px;
}
.is-mobile .msg-mb:first-child, .is-iPad .msg-mb:first-child{
font-weight:600;
}
.no-a a{
color:white !important;
}.no-a a:hover{
color:white;
}
.footer.v1 .menu-container .menu li{margin-right:20px}.footer.v1 .footer-base-rotate-middle{margin: 0 auto;
width: calc(100% + 100px);
height: 250px;
z-index: 0;
position: relative;
background-color: rgba(0, 0, 0, 0.99);
-moz-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
transform: rotate(3deg);
left: -100px;
top: calc(100% - 200px);}.footer.v1 .footer-base-rotate-bottom{margin:0 auto;width:calc(50% - 80px);height:700px;z-index:0;position:absolute;background-color:rgba(0, 0, 0, 0.25);top:0;right:0;-webkit-transform:skew(-15deg);-moz-transform:skew(-10deg);-o-transform:skew(-10deg)}.footer.v1 .menu-container{display:inline-block;height:100%;width:calc(100% - 290px)}.footer.v1 .menu:first-of-type{margin-top:10px !important;padding-top:4px}.footer.v1 .menu:last-of-type{margin-top:10px;}.footer.v1 .menu.sponsorsandpast li a{color:#ffd04d !important;font-weight:300;}.footer .rect-container{position:absolute;width:100%;height:350px}.footer.v1 table tr{float:left;text-align:left}.footer.v1 table tr:first-child{width:calc(100% - 360px)}.footer.v1 table{width:100%;margin-top:22px}.footer.v1 .contact-dv{color:white;margin-top:22px;margin-left:50px;}.footer.v1 .org-text{margin-top:60px;display:inline-block}.footer_text{width:calc(100% - 195px)}.contact-dv span:last-child{position:relative;margin-left:10px;}
.social-nt{
margin-top:20px;
float:left;
}
.v1 .social-nt a{
width: 25px;
position: absolute;
height: 25px;
}
#mc_embed_signup input.email{
border:none;
float:left;
}
.contact-dv span:hover, .contact-dv span:link, .contact-dv span:active{
color:white;
}
.v1 .menu li{
font-weight:400;
}
.copy p{
font-weight:400;
}
.twitter{
background:url("../img/icons/social-twit@2x.png") no-repeat;
width:24px;height:24px;
display:inline-block ;
background-size:100%;
}
.twitter:hover{
background:url("../img/icons/social-twit-hover@2x.png") no-repeat;
-moz-transition: background 300ms; /* Safari 3.1 to 6.0 */
-webkit-transition: background 300ms; /* Safari 3.1 to 6.0 */
transition: background 300ms;
background-size:100%;
}
.facebook{
background:url("../img/icons/social-face@2x.png") no-repeat;
width:24px;height:24px;
display:inline-block;
background-size:100%;
}
.facebook:hover{
background:url("../img/icons/social-face-hover@2x.png") no-repeat;
-moz-transition: background 300ms; /* Safari 3.1 to 6.0 */
-webkit-transition: background 300ms; /* Safari 3.1 to 6.0 */
transition: background 300ms;
background-size:100%;
}
.flickr{
background:url("../img/icons/social-flick@2x.png") no-repeat;
width:24px;height:24px;
display:inline-block;
background-size:100%;
}
.flickr:hover{
background:url("../img/icons/social-flick-hover@2x.png") no-repeat;
-moz-transition: background 300ms; /* Safari 3.1 to 6.0 */
-webkit-transition: background 300ms; /* Safari 3.1 to 6.0 */
transition: background 300ms;
background-size:100%;
}
.lanyrd{
background:url("../img/icons/social-lan@2x.png") no-repeat;
width:24px;height:24px;
display:inline-block;
background-size:100%;
}
.lanyrd:hover{
background:url("../img/icons/social-lan-hover@2x.png") no-repeat;
-moz-transition: background 300ms; /* Safari 3.1 to 6.0 */
-webkit-transition: background 300ms; /* Safari 3.1 to 6.0 */
transition: background 300ms;
background-size:100%;
}
.youtube{
background:url("../img/icons/social-yout@2x.png") no-repeat;
width:24px;height:24px;
display:inline-block;
background-size:100%;
}
.youtube:hover{
background:url("../img/icons/social-yout-hover@2x.png") no-repeat;
-moz-transition: background 300ms; /* Safari 3.1 to 6.0 */
-webkit-transition: background 300ms; /* Safari 3.1 to 6.0 */
transition: background 300ms;
background-size:100%;
}
/* Style Speaker */
.fake-bg {
width: 100%;
height: 340px;
top: 0;
position: absolute;
background-color: rgba(0, 135, 225, 0.6);
}
.speaker-detail .fake-bg {
height: 345px;
}
.grid{
position:relative;
max-width:964px;
padding:0px 30px;
margin: 0 auto;
}
.fixed-nav{
font-weight:300;
font-style:normal;
z-index: 120;
width:100%;
height:60px;
background-color:#000;
margin:0 ;
position:fixed;
}
.logo{
margin-left:0px;
margin: 17px;
padding-bottom: 1px;
float: left;
cursor: pointer;
height:24px;
}
.logo img{
height:24px;
}
.main-home-menu{
text-align:center;
display: inline-block;
position:relative;
}
#navSubPages .menu{
top:0;
margin-top:0px;
}
.menu li{
letter-spacing: 0.5;
color:white;
display:inline-block;
cursor: pointer;
}
.contact-dv span a:hover{
text-decoration:none;
}
.contact-dv span a{
border-bottom:1px dotted white;
}
footer .menu li:nth-child(6){
margin-right:150px;
}
footer .menu li:last-child{
margin-right:0px;
margin-top:0px;
}
.header{
overflow: hidden;
position: relative;
width:100%;
background-size:100%;
}
.head-content{
position: absolute;
margin:0 auto;
width:100%;
}
.head-title .no-mobile{
float:left;
width:210px;
}
.head-title{
z-index:1;
color:white;
font-weight:300;
font-style:normal;
}
.head-title .grid{
position:absolute;
}
.head-title h3{
font-weight:300;
font-style:normal;
margin-bottom:10px;
font-size:72px;
position:relative;
z-index:400;
}
.head-title span{
line-height:1.2;
font-size:28px;
}
.sub-page .head-title{
margin-top:130px;
}
.header-fake-rect{
bottom: -45px ;
width: calc(100% + 100px);
margin-left: -50px;
height: 90px;
background: white;
z-index: 1;
position: absolute;
-webkit-animation-name: header_base;
-webkit-animation-duration:150s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: header_base 150s steps(1500) infinite ;
-moz-animation: header_base 150s steps(1500) infinite;
-ms-animation: header_base 150s steps(1500) infinite;
-o-animation: header_base 150s steps(1500) infinite;
animation: header_base 150s steps(1500) infinite;
animation-name: header_base;
animation-duration: 150s;
animation-delay: 0.1s;
animation-timing-function: linear;
outline: 1px solid transparent;
}
.header-base-rotate-first{
margin: 0 auto;
width: 100%;
height: 400px;
z-index: 0;
transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
}
.header-rotate-rect-first{
margin: 0 auto;
width: calc(100% + 800px);
margin-left:-400px;
top:200px;
height: 600px;
z-index: 0;
position: absolute;
background-color: rgba(155, 205, 245, 0.07);
-webkit-animation-name: header_rect_first;
-webkit-animation-duration:250s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: header_rect_first 250s steps(6000) infinite ;
-moz-animation: header_rect_first 250s steps(6000) infinite;
-ms-animation: header_rect_first 250s steps(6000) infinite;
-o-animation: header_rect_first 250s steps(6000) infinite;
animation: header_rect_first 250s steps(6000) infinite;
animation-name: header_rect_first;
animation-duration: 250s;
animation-delay: 0.1s;
animation-timing-function: linear;
}
.header-base-rotate-middle{ margin: 0 auto;
margin: 0 auto;
width: calc(100% + 200px);
right: 0;
height: 400px;
z-index: 0;
top: 170px;
position: absolute;
transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
}
.header-rotate-rect-middle {
margin: 0 auto;
width: calc(100% + 200px);
right: 0;
height: 600px;
z-index: 0;
position: absolute;
background-color: rgba(0, 65, 130, 0.4);
margin-left:-50px;
-webkit-animation-name: header_rect_first;
-webkit-animation-duration:300s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: header_rect_middle 300s steps(6000) infinite ;
-moz-animation: header_rect_middle 300s steps(6000) infinite;
-ms-animation: header_rect_middle 300s steps(6000) infinite;
-o-animation: header_rect_middle 300s steps(6000) infinite;
animation: header_rect_middle 300s steps(6000) infinite;
animation-name: header_rect_middle;
animation-duration: 300s;
animation-delay: 0.1s;
animation-timing-function: linear;
}
.header-base-rotate-last{ margin: 0 auto;
margin: 0 auto;
width: calc(100% + 200px);
padding-right: 50%;
right: 0;
height: 400px;
z-index: 0;
top: 170px;
position: absolute;
left:calc(0% + 20px);
transform: rotate(80deg);
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
}
.header-rotate-rect-last {
margin: 0 auto;
width: calc(100% + 200px);
right: 0;
height: 600px;
z-index: 0;
position: absolute;
background-color: rgba(5, 45, 80, 0.4);
-webkit-animation-name: header_rect_last;
-webkit-animation-duration:250s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: header_rect_last 250s steps(6000) infinite ;
-moz-animation: header_rect_last 250s steps(6000) infinite;
-ms-animation: header_rect_last 250s steps(6000) infinite;
-o-animation: header_rect_last 250s steps(6000) infinite;
animation: header_rect_last 250s steps(6000) infinite;
animation-name: header_rect_last;
animation-duration: 250s;
animation-delay: 0.1s;
animation-timing-function: linear;
}
.main{
position: relative;
width:100%;
}
.header-title {
margin-bottom: 30px;
font-weight:300;
font-style:normal;
}
ul.speaker-list li {
float:left;
max-width:452px;
margin-bottom:20px;
}
.speaker-list{
width: 100%;
position: relative;
overflow: hidden;
}
.speaker-list > .sp-bg{
background-color: #e8f2fb;
}
.speaker-list .rect-up{
content: "";
height: 135px;
background-color: white;
width: calc(100% + 100px);
display: inline-block;
margin-top: -75px;
margin-left: -50px;
position: absolute;
transform: rotate(-3deg);
overflow:hidden;
}
.speaker-list .rect-up svg{
width: 50px;
position: absolute;
top: 110px;
right: 210px;
opacity: 0.4;
}
.speaker-list:after{
content: "";
height: 135px;
background-color: white;
width: calc(100% + 100px);
display: inline-block;
margin-top: -75px;
margin-left: -50px;
position: absolute;
transform: rotate(3deg);
}
.speaker-head-info{
margin-top:35px;
display: inline-block;
/* float:left; */
font-weight:300;
font-style:normal;
}
.li-speaker img{
border-radius:60px;
margin-right:30px;
float:left;
width:120px;
}
.speaker-head-info h3{
color: #2575d4;
font-size:32px;
}
.speaker-head-info p{
margin-top:5px;
color: #999999;
max-width: 320px;
font-size:16px;
font-style: italic;
word-break: keep-all;
}
.speaker-head-info p strong {
font-weight: 500;
color: #999999;
}
.speaker-description{
max-width:450px;
float: left;
line-height:1.4;
color:black;
font-weight:300;
font-style:normal;
font-size:18px;
/* margin-bottom:50px; *//* <--- NÂO APAGAR. REACTIVAR O MARGIN-BOTTOM QUANDO SE FÔR COLOCAR OS TITULOS DOS WORKSHOPS POR BAIXO DA DESCRIÇÃO DO SPEAKER */
}
.title-event-theme{
margin: 0 0 8px 0;
}
.title-event-theme h6{
display:inline-block;
float: left;
line-height: 37px;
}
.speaker-description .speaker-workshop{
color:black;
margin-top:10px;
font-size:19px;
font-weight: 600;
max-width: 350px;
}
.speaker-description .speaker-talk{
color:black;
margin-top:10px;
font-size:19px;
font-weight: 600;
max-width:350px;
}
.fixed-nav.op-color{
background-color: rgba(0, 0, 0, 1);
-moz-transition: background 100ms;
-webkit-transition: background 100ms; /* Safari 3.1 to 6.0 */
transition: background 100ms;
}
.footer.speaker a{color:#2E67B1}
.speaker_content{
top:45px;
padding-bottom:45px;
overflow: hidden;
width: 100%;
left: 0px;
position: relative;
}
footer.speaker{
background:rgba(0,0,0,0.4);
height:220px;
}
footer.speaker .footer-dark-bg{
margin-top:80px;
}
.speaker-description p{
margin-bottom:30px;}
/* Speaker Detail */
.speaker-detail .profile-header{
overflow: hidden;
width: 100%;
left: 0px;
position: relative;
margin-top:30px;
}
.profile-header{
top:-210px;
z-index:9;
overflow: hidden;
width: 100%;
left: 0px;
position: absolute;
}
.profile-header img{
border-radius:100px;
}
.speaker-detail-desc{
width:100%;
float:left;
margin-top: 45px;
font-size:18px;
line-height: 1.4;
padding-bottom:90px;
}
.speaker-title-info{
position:relative;
}
.speaker-name.detailed{
color:white ;
padding:0px 0 0 235px;
font-size:58px;
width: 100%;
}
.speaker-name.detailed a{
color:white;
}
body#speaker_detail {
overflow:hidden;
}
.speaker_content.speaker_detail{
margin-top:-100px;
padding-bottom:0px;
}
.author-description{
max-width:450px;
margin-bottom: 50px;
line-height:1.6;
margin-top:15px;
color:grey;
font-weight:300;
font-style:normal;
font-size:18px;
}
.author-description p{
font-weight:400;
font-style:normal;
width: 100%;
color:#2E67B1;
}
.author-description .book-description{
position: relative;
font-family: "MyriadPro-It";
display: block;
color:#999999;
font-size:16px;
}
.speaker_content.speaker_detail h3{
font-size: 16px;
letter-spacing: 0.5;
}
.publisher{
color:#999999;
font-weight:700;
font-style:normal;
font-size:14px;
top:10px;
position:relative;
}
.speaker-event{
overflow: hidden;
width: 210px;
float:left;
position: relative;
margin-bottom: 45px;
}
.event-day{
width:55px;
height:55px;
background:#3B90F4;
position: relative;
border-radius:5px;
color:white;
text-align:center;
float:left;
}
.event-day span{
opacity:1;
font-size:11px;
position:relative;
top:7px;
text-transform: uppercase;
letter-spacing: 0.7;
}
.event-day h1{
font-size:36px;
position:relative;
top:5px;
}
.speaker-book img{
margin-right: 15px;
float:left;
width:95px;
background:yellow;
}
.detail-info{
overflow: hidden;
width: 100%;
position: relative;
margin-bottom: 90px;
}
.speaker-book{
padding-left:50px;
overflow: hidden;
float:left;
position: relative;
max-width:320px;
}
.speaker_content.speaker_detail .speaker-book h3{
font-size: 20px;
font-weight:700;
font-style:normal;
margin-left: 40px;
padding-bottom: 10px;
}
.event-location{
float: left;
margin-left:5px;
margin-top: 5px;
}
.event-location h4{
font-weight:400;
font-style:normal;
position:relative;
left:5px;
top:2px;
font-size:20px;
}
.event-location span{
position:relative;
left:5px;
top:3px;
font-size:18px;
}
.event-id {
position:relative;
display: inline-block;
}
.event-id h6{
font-weight:200;
}
.event-id h5{
line-height:22px;
}
.calendar-event-content .event-content .li-style{
padding-left:20px;
}
.calendar-event-content.talk .event-details{
line-height:1.4;
}
.calendar-event-content .event-details ul{
padding-left:40px;
}
.calendar-event-content.talk .title-event-theme h6{
line-height:inherit;
margin-bottom: 5px;
}
.event-id h4{
float:left;
}
.event-id h3{
margin-bottom: 10px;
font-weight:400;
font-style:normal;
text-transform:uppercase;
}
.event-theme{
margin-top:10px;
}
.event-theme.no-ml{
margin-left:0 !important;
}
.event-theme.design{
float:left;
width:70px;
height:24px;
margin-left:20px;
margin-top:6px;
text-align:center;
color:#001b3e;
border:1px solid #6EA2DF;
border-radius:5px;
}
.event-theme.design:before {
content: "Design";
font-size:13px;
top: 6px;
color:#6EA2DF;
position: relative;
text-transform: uppercase;
}
.event-theme.research{
float:left;
width:70px;
height:24px;
margin-left:20px;
margin-top:6px;
text-align:center;
color:#001b3e;
border:1px solid #6EA2DF;
border-radius:5px;
}
.event-theme.research:before {
content: "Research";
font-size:13px;
top: 6px;
position: relative;
color:#6EA2DF;
text-transform: uppercase;
}
.event-theme.strategy{
float:left;
width:70px;
height:24px;
margin-left:20px;
text-align:center;
margin-top:6px;
color:#001b3e;
border:1px solid #6EA2DF;
border-radius:5px;
}
.event-theme.strategy:before {
content: "Strategy";
font-size:13px;
top: 6px;
position: relative;
color:#6EA2DF;
text-transform: uppercase;
}
.event-content{
font-size: 18px;
position: relative;
margin-left: 225px;
margin-bottom:90px;
}
/* Ticket */
.ticket-baloon{
background: url("../img/info-balloon@2x.png") 50% no-repeat;
background-size:contain;
height: 140px;
position: absolute;
right: -80px;
text-align:center;
width: 185px;
bottom: 0;
z-index: 99999;
}
.baloon-text{
top: 40px;
position: relative;
font-weight: 500;
font-style: normal;
font-size: 14px;
text-align:center;
}
.ticket-baloon-container{
position:absolute;
width:100%;
}
.tickets-wrapper{
z-index: 1;
margin: 0 auto;
width: 100%;
position: relative;
}
.header.tickets .header-fake-rect{
background: white;
outline:1px solid transparent;
}
.header.tickets{
height:250px !important;
}
.header.tickets .fake-bg{
height:250px !important;
}
.header.tickets .head-title{
margin-top:75px;
}
.main.tickets{
padding:0px !important;
}
.header.tickets{
height:340px;
background: url("../img/head-tickets.jpg") no-repeat;
background-position: center center;
background-size: 100%;
}
.header.coverage{
height:340px;
background: url("../img/coverage-header.jpg") no-repeat;
background-position: center center;
background-size: 100%;
}
.header.videos{
height:340px;
background: url("../img/head-videos.jpg") no-repeat;
background-position: center center;
background-size: 100%;
}
.header.speakers{
height:340px;
background: url("../img/head-speakers.jpg") no-repeat;
background-position: center center;
background-size: 100%;
}
.header.speaker-detail{
height:345px;
background: url("../img/head-speakers.jpg") no-repeat;
background-position: center center;
background-size: 100%;
}
.header.programme {
height: 340px;
background: url("../img/head-programme.jpg") no-repeat;
background-position: center center;
background-size: 100%;
}
.header.practical {
height: 340px;
background: url("../img/head-practical.jpg") no-repeat;
background-position: center center;
background-size: 100%;
}
.ind-info{
line-height:1.4;
margin-top:45px;
padding:0px 60px;
font-size:24px;
margin-bottom:135px;
}
.ticket-included{
margin-top:90px;
}
.text-ticket-sales{
line-height: 1.3;
font-size:18px;
text-align:left;
float:left;
}
.text-ticket-sales h4{
margin-bottom:30px;
}
.text-ticket-sales p{
font-size:18px;
}
.text-ticket-sales .li-style{
line-height: 1.7;
}
.price-desc{
padding-left:0px;
border-radius:40px;
height:40px;
text-align:center;
background-color: #dcf2ff;
position: relative;
overflow: hidden;
display:inline-block;
margin-bottom:10px;
}
.price-desc li{
padding-right: 30px;
padding-left:30px;
float: left;
cursor: pointer;
height:40px;
width:150px;
}
.price-desc li span{
position:relative;
top:12px;
color:black;
overflow:visible;
}
.price-desc li.active{
background-color: #00a4ff;
}
.price-desc li.active span{
color:white !important;
}
.price-desc-info{
line-height: 1.1;
border-radius:40px;
text-align:center;
position: relative;
overflow: visible;
margin-top:-5px;
margin-bottom:50px;
display:inline-block;
}
.price-desc-info li{
position:relative;
padding-right: 30px;
padding-left:30px;
float: left;
cursor: pointer;
height:40px;
width:150px;
}
.price-desc-info li span{
position:relative;
top:10px;
color:black;
overflow:visible;
}
.table-price span{
font-size:11px;
position:relative;
top:23px;
}
.table-price h6{
margin-top: 3px;
font-size: 12px;
}
.table-price h6:first-child{
margin-top: 10px;
color:red;
}
.discount-wrapper{
padding-top:135px;
color:black;
background: #2B995A;
position:relative;
min-height:300px;
margin-bottom:45px;
}
.discount-wrapper{
color:white;
}
.discount-wrapper p {
max-width: 445px;
margin-bottom:20px ;
}
.discount-text{
display:inline-block;
margin-bottom:40px;
}
.payment-light-section{
background-color:#dbfdda;
padding:120px 0 150px 0;
}
.associations{
display:inline-block;
padding:0px 0 0 0;
}
.associations h5{
margin-top:65px;
}
.associations .right-text ul li{
font-size: 18px;
line-height:1.4;
}
.discount-wrapper span {
font-size: 25px;
position:relative;
bottom:10px;
}
.color-section.discounts{
overflow:inherit;
}
.color-section.discounts button.order{
background:#ffcd01;
border:none;
color:#715c02;
}
.color-section.discounts .up-rect{
z-index:0;
}
.get-yours-btn > div{
padding:0 0 150px 0;
}
.payment-light-section .low-rect{
bottom:-120px;
}
.discount-wrapper .grid {
padding-bottom: 150px;
}
.news-table.discounts-font p{
margin-bottom:40px;
font-size:18px ;
}
.info.discount .news-bottom-border{
bottom:0;
}
.group .news-title{
margin-bottom:20px;
}
.content-reg{
position: relative;
margin: 0 auto;
overflow: hidden;
}
.table-content{
position:relative;
width: 200px;
height:100%;
text-align: left;
margin: 0 auto;
}
.sub-title{
margin-bottom:20px;
}
.reg-form{
margin-top:20px;
}
.reg-title th{
font-size:20px;
padding-bottom:20px;
padding-right:20px;
text-align:left;
}
.content-reg tbody td:not(.ticket-type) {
padding-top: 15px;
width:90px;
}
.tickets-graph{
text-align:center;
margin: 0 auto;
margin-top:20px;
}
.pos-transition{
-moz-transition: all 1s; /* Safari 3.1 to 6.0 */
-webkit-transition: all 1s; /* Safari 3.1 to 6.0 */
transition: all 1s;
}
/* Organizar */
.speaker-detail .header-fake-rect {
background-color: rgba(255, 255, 255, 1);
}
.main-speaker-detail .speaker_content{
top:0;
}
.speaker-detail-desc p{
margin-top:0px;
}
.book_title{
padding:none;
margin-bottom:5px;
}
.event-description{
overflow: hidden;
width: 210px;
display:inline-block;
left: 0px;
position: relative;
margin-bottom:10px;
}
.book_title{
font-size:16px;
line-height: 1.2;
}
.speaker_detail .info.venue{
min-height:330px;
height:inherit
}
.header.tickets .fake-bg{
background-color:rgba(28, 119, 14, 0.55)
}
.header.tickets .header-rotate-rect-first{
background-color:rgba(20, 140, 88, 0.6)
}
.header.tickets .header-rotate-rect-middle{
background-color:rgba(20, 140, 88, 0.3)
}
.header.tickets .header-rotate-rect-last{
background-color:rgba(20, 140, 88, 0.55)
}
.header.coverage .fake-bg{
background-color:rgba(28, 119, 14, 0.55)
}
.header.coverage .header-rotate-rect-first{
background-color:rgba(20, 140, 88, 0.6)
}
.header.coverage .header-rotate-rect-middle{
background-color:rgba(20, 140, 88, 0.3)
}
.header.coverage .header-rotate-rect-last{
background-color:rgba(20, 140, 88, 0.55)
}
.footer_menu .menu {
font-size: 16px;
-webkit-font-smoothing: antialiased;
font-weight:300;
font-style:normal;
}
.event-content p{line-height:1.4}
.event-content .li-style{line-height:1.4}
li.day-plan.white-border.bg-none {
text-align:left;
}
li.day-plan.white-border.bg-none:last-child{
max-width:151px;
}
.table-pricing{
width:100%;
}
.table-pricing tr{
height:60px;
border-bottom: 1px solid #dadada !important;
}
.table-pricing td{
padding:0px !important;
border-bottom: 1px solid #dadada !important;
}
h1.plan-price{
text-align:left;
font-size: 24px !important;
line-height:0.8;
font-weight:400;
font-style:normal;
position: relative;
padding-bottom:0px;
}
.day-plan th h1{
padding-bottom:0px;
font-weight:300;
font-style:normal;
top:-5px;
position: relative;
font-size: 23px;
margin: 0 auto;
line-height:1.3;
}
.day-plan th span {
font-weight:300;
font-style:normal;
position: relative;
}
td.plan-name{
font-weight:400;
font-style:normal;
text-align: center;
font-size: 20px;
top:0;
text-transform: uppercase;
}
.plan-diamond td.plan-name{
background:#61B3F7;
color:#40327c;
border-bottom: 1px solid #fff !important;
}
.plan-platinum td.plan-name{
background:#6DD9F2;
color:#3c697f;
border-bottom: 1px solid #fff !important;
}
.plan-gold td.plan-name{
background:#E0C553;
color:#7f6c36;
border-bottom: 1px solid #fff !important;
}
.plan-silver td.plan-name{
background:#BCC9C9;
color:#697070;
}
.fk-signal{
top: 15px;
width:25px;
height:25px;
border-radius:30px;
margin: 0 auto;
position:relative;
}
.plan-diamond td .fk-signal {
background-color: #61B3F7;
}
.plan-platinum td .fk-signal {
background-color: #6DD9F2;
}
.plan-gold td .fk-signal{
background-color: #E0C553;
}
.plan-silver td .fk-signal {
background-color: #BCC9C9;
}
.plan-gold.second td div.fk-signal{
background-color: #E0C553;
}
.ti-tickets{
top: 25px;
text-transform:uppercase;
}
td.plan-name span{
text-transform: none;
font-weight:300;
font-style:normal;
text-align: center;
margin: 0 auto;
position: relative;
font-size: 16px;
}
.plan .plan-name p {
padding-bottom:0px;
font-weight:500;
font-style:normal;
font-size:20px;
margin:0px;
top: 5px;
position: relative;
}
td.plan-name{
padding-bottom: 30px;
}
tr.day-plan.month-day th{
position: relative;
}
tr.day-plan.month-day th:last-child{
text-align: left;
padding-left:20px;
top:7px;
}
.plan td:last-child{
position: relative;
left: 20px;
top:5px;
width:160px;
}
.fixed-nav a, .bg-ticket, .bg-ticket-sub {
-moz-transition: all 80ms !important;
-webkit-transition: all 80ms !important;
transition: all 80ms !important;
}
.vat-ticket-sales{
line-height: 1.4;
max-width:700px;
text-align:center;
margin:85px auto;
}
.vat-ticket-sales h4{
margin-bottom:20px;
}
.vat-ticket-sales p{
text-align:left;
font-size:15px;
}
/* David */
.payment-light-section .low-rect:first-child{
bottom:inherit;
top:-90px;
}
.discounts .low-rect{
background-color: white;
z-index:0;
}
.discounts .frame-text-left{
padding:0px 0 0 0;
}
.color-section.venue{
background-color: #ebf2fa;
}
.color-section.notifi{
background-color:#dbfdda;
}
.color-section.news{
background-color:#2E67B1;
color:white;
}
.color-section.discounts{
line-height:1.4;
background-color:#2B995A;
color:white;
}
.color-section.discounts p{
margin-top:20px;
padding-bottom:30px;
}
.color-section.activities p{
margin-top:20px;
padding-bottom:30px;
}
.color-section.notifi p{
max-width: 800px;
margin:0 auto;
font-size:26px;
}
.discount-left {
padding-bottom:100px;
max-width: 452px;
margin-right: 25px;
float: left;
}
.discount-left p:first-child{
margin-bottom:20px;
}
.discount-left h5.news-title {
font-weight:400;
font-style:normal;
margin-bottom: 20px !important;
}
.discount-right {
max-width: 452px;
margin-left: 25px;
float: left;
}
.discount-right p{
margin-bottom:20px;
}
.discount-right p span{
font-weight:400;
font-style:normal;
}
.discount-right h5.news-title {
margin-bottom: 20px !important;
font-weight:400;
font-style:normal;
}
.color-section.no-color{
padding-bottom:0;
background:none;
}
.color-section.no-color.where_to_section{
padding-bottom:0;
}
.color-section.no-color.food_drinks{
padding-bottom:0;
}
.no-color .right-picture{
padding-left:0px;
}
.notifi .text-center{
margin-top:0px;
}
.no-color .frame-text-left{
padding:0;
}
.no-color .frame-text-right{
padding: 0;
}
.color-section.no-color .content-left-align{
padding: 0px 25px 0px 0px ;
}
.up-rect {
position:absolute;
height:150px;
width:calc(100% + 75px);
top:-60px;
margin-left:-50px;
background-color:white;
z-index:101;
-webkit-animation-name: venue_top;
-webkit-animation-duration:40s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: venue_top 40s steps(1500) infinite ;
-moz-animation: venue_top 40s steps(1500) infinite;
-ms-animation: venue_top 40s steps(1500) infinite;
-o-animation: venue_top 40s steps(1500) infinite;
animation: venue_top 40s steps(1500) infinite;
animation-name: venue_top;
animation-duration: 40s;
animation-delay: 0.1s;
animation-timing-function: linear;
outline: 1px solid transparent;
}
.low-rect {
outline: 1px solid transparent;
position:absolute;
height:150px;
width:calc(100% + 100px);
margin-left:-50px;
bottom:-90px;
background-color:white;
z-index:1;
-webkit-animation-name: venue_bottom;
-webkit-animation-duration:40s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: venue_bottom 40s steps(1500) infinite ;
-moz-animation: venue_bottom 40s steps(1500) infinite;
-ms-animation: venue_bottom 40s steps(1500) infinite;
-o-animation: venue_bottom 40s steps(1500) infinite;
animation: venue_bottom 40s steps(1500) infinite;
animation-name: venue_bottom;
animation-duration: 40s;
animation-delay: 0.1s;
animation-timing-function: linear;
}
.content-right-align{
font-size:18px;
line-height: 1.4;
margin: 0px;
padding:0px 0 0px 25px;
}
.content-left-align{
font-size:18px;
margin: 0px;
padding:90px 25px 90px 0px;
}
.clearfix:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.content-right-align.link-obs{
padding-bottom:90px;
}
.link-obs{
line-height:1.3;
margin-top:20px;
font-size:20px;
font-weight:600;
font-style:normal;
}
.news .link-obs .general-link{
color:#FFE45C !important;
}
.transfer{
max-width: 33.33%;
float: left;
padding-right: 25px;
line-height: 1.4;
}
.card-payment{
max-width: 33.33%;
float: left;
padding-left: 25px;
line-height: 1.4;
}
.purchase_order{
max-width: 33.33%;
float: left;
padding-left: 25px;
line-height: 1.4;
}
.reg-form-cont h5{
margin-bottom:45px;
font-size:18px;
}
.text-left.ti-tickets{position: absolute;left:20;top:25px;}
.circles{
position: absolute;
margin-top: -310px;
margin-left: -10px;
}
.circles li{
margin-bottom: 12px;
width:18px;
height:18px;
background-color: white;
border-radius:20px;
}
.main.tickets .add-info{
display:inline-block;
position: relative;
width:100%;
margin-bottom:45px;
background-color:#dbfdda;
}
.reg-table{
margin:0 auto;
text-align: center;
}
.reg-table tbody{
text-align:left;
}
.reg-table tr{
font-size:18px;
width:100%;
}
.reg-table tr th{
text-align: left;
padding-right: 50px;
position: relative;
}
.reg-table tr:first-child{
margin-bottom:10px;
font-style:normal;
}
.vat-content{text-align: center;}
.reg-table label i{margin-left: 70px;margin-top:-20px;}
.picture-container.mashup-rects{
width:690px;
height: 100%;
}
.left-rect{
position: absolute;
height:calc(100% + 2px);
top: -1px;
margin-left: -40px;
width: 50px;
background-color: white;
z-index: 101;
-webkit-animation-name: left_side;
-webkit-animation-duration: 25s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: left_side 25s steps(1500) infinite;
-moz-animation: left_side 25s steps(1500) infinite;
-ms-animation: left_side 25s steps(1500) infinite;
-o-animation: left_side 25s steps(1500) infinite;
animation: left_side 25s steps(1500) infinite;
animation-name: left_side;
animation-duration: 25s;
animation-delay: 0.1s;
animation-timing-function: linear;
outline: 1px solid transparent;
}
.right-rect{
position:absolute;
height:calc(100% + 2px);
top:-1px;
width:50px;
background-color:white;
z-index:101;
-webkit-animation-name: right_side;
-webkit-animation-duration:25s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: right_side 25s steps(1500) infinite ;
-moz-animation: right_side 25s steps(1500) infinite;
-ms-animation: right_side 25s steps(1500) infinite;
-o-animation: right_side 25s steps(1500) infinite;
animation: right_side 25s steps(1500) infinite;
animation-name: right_side;
animation-duration: 25s;
animation-delay: 0.1s;
animation-timing-function: linear;
outline: 1px solid transparent;
right: 0px;
}
.vat-content.grow {
overflow: hidden;
width: 100%;
position: relative;
-webkit-animation-name: vat_text;
-webkit-animation-duration:1s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: linear;
-webkit-animation: vat_text 0.5s steps(10);
-moz-animation: vat_text 0.5s steps(10);
-ms-animation: vat_text 0.5s steps(10);
-o-animation: vat_text 0.5s steps(10);
animation: vat_text 0.5s steps(10);
animation-name: vat_text;
animation-duration: 0.5s ;
animation-delay: 0.5s ;
animation-timing-function: linear;
}
.color-section.no-color .picture-right{
padding:0px;
}
.vat-content{
white-space: normal;
}
.ticket-type{
min-width:500px;
}
.frame{
float:left;
padding:80px 0 80px 0;
}
.image-bag{
margin-left: 30px; height:200px;
}
/* -------------- */
/* FANCY */
div.fancy-select {
position: relative;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
color: #46565D;
}
div.fancy-select.disabled {
opacity: 0.5;
}
div.fancy-select select:focus + div.trigger.open {
box-shadow: none;
}
div.fancy-select div.trigger {
border-radius: 4px;
height:25px;
cursor: pointer;
padding: 15px 0px 4px 9px;
max-width:89px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
background: white;
border: 1px solid #bdbdbd;
font-size:18px;
color: black;
font-weight:600;
font-style:normal;
transition: all 240ms ease-out;
-webkit-transition: all 240ms ease-out;
-moz-transition: all 240ms ease-out;
-ms-transition: all 240ms ease-out;
-o-transition: all 240ms ease-out;
}
div.fancy-select div.trigger:after {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
right: 5px;
top: 5px;
border: 5px solid transparent;
background: url("../img/icons/drop-arrow-down@2x.png") no-repeat ;
background-size: 100%;
}
div.fancy-select div.trigger.open {
background: white;
border: 1px solid #000;
box-shadow: none;
}
div.fancy-select div.trigger.open:after {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
right: 5px;
top: 5px;
border: 5px solid transparent;
background:url("../img/icons/drop-arrow-up@2x.png") no-repeat;
background-size: 100%;
}
div.fancy-select ul.options {
list-style: none;
margin: 0;
position: absolute;
top: 30px;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 50;
max-height: 200px;
overflow: auto;
background: white;
min-width: 98px;
transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.open {
visibility: visible;
top: 35px;
opacity: 1;
border: 1px solid #CECECE;
padding-left:0;
transition: opacity 300ms ease-out, top 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out;
}
div.fancy-select ul.options.overflowing {
top: auto;
bottom: 40px;
transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.overflowing.open {
top: auto;
bottom: 40px;
transition: opacity 300ms ease-out, bottom 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}
div.fancy-select ul.options li {
padding: 8px 15px;
color: black;
cursor: pointer;
white-space: nowrap;
font-weight:300;
font-style:normal;
font-weight: normal;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
-moz-transition: all 150ms ease-out;
-ms-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
}
div.fancy-select ul.options li.selected {
background: #dbfdda;
font-weight:600;
font-style:normal;
}
div.fancy-select ul.options li.hover {
color: rgba(0,0,0,0.5);
}
.news .link-obs {
display: inline-block;
position: relative;
padding-bottom:45px;
font-size:20px;
}
.register-content{
top:80px;
padding-bottom: 80px;
position:relative;
}
.reg-form-cont .reg-link{
max-width: 800px;
margin: 0 auto;
margin-top:50px;
height:40px;
}
.reg-link span{
float:left;
font-size:18px;
}
.reg-link span:first-child{
margin-right:60px;
}
/* Videos */
.header.videos .fake-bg{
background-color:rgba(255, 170, 0, 0.6 );
}
.header.videos .header-base-rotate-first .header-rotate-rect-first{
top:0;
background-color:rgba(245, 195, 105, 0.40);
}
.header.videos .header-base-rotate-middle .header-rotate-rect-middle{
background-color:rgba(210, 100, 5, 0.55);
}
.header.videos .header-base-rotate-last .header-rotate-rect-last{
background-color:rgba(255, 175, 0, 0.40);
}
.header.videos .header-fake-rect{
background-color:#fff6e9;
}
.main.videos .add-info{
display:block;
overflow: hidden;
width:100%;
padding-top:45px;
padding-bottom: 45px;
position: relative;
background-color:#fff6e9;
text-align:left;
}
.main.videos .add-info h6{
font-weight:300;
font-style:normal;
font-size: 25px;
margin-bottom:15px;
}
.main.videos .add-info h1{
font-size:40px;
}
.main.videos .add-info img{
margin-top:40px;
margin-bottom:35px;
}
.main.videos .add-info .main-video-text{
max-width:675px;
float:left;
padding-right:25px;
}
.main.videos .add-info .video-info{
width:228px;
min-height:150px;
position:relative;
float:left;
padding-left:25px;
}
.main.videos .add-info .video-info p:first-child{
margin-bottom:10px;
font-weight:400;
font-style:normal;
}
.main.videos .add-info .video-info p:last-child{
opacity:0.5;
bottom:0;
position: absolute;
}
.add-info .low-rect{
margin-top:80px;
bottom:inherit !important;
}
.video-gallery ul{
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
}
.video-gallery ul li{
line-height:1.2;
height: 280px;
margin:0px 9px 40px 9px;
float:left;
max-width:300px;
}
.video-gallery ul li h3{
line-height: 1.3;
font-size:23px;
margin-bottom:12px;
}
.video-gallery:last-of-type{
margin-bottom: 60px;
}
.color-section.no-color.video-gallery h3.content-title{
font-weight:400;
font-style:normal;
}
.fk-video-img{
width:100%;
background-color:black;
background-size: 100%;
position: relative;
}
/* Terms */
.header.terms .fake-bg{
background: rgba(190, 190, 190, 0.90);
}
.header.terms .header-base-rotate-first .header-rotate-rect-first{
background-color:rgba(300, 300, 300, 0.25);
}
.header.terms .header-base-rotate-middle .header-rotate-rect-middle{
background-color:rgba(159, 159, 159, 0.70);
}
.header.terms .header-base-rotate-last .header-rotate-rect-last{
background-color:rgba(216, 216, 216, 0.40);
}
.header.terms{
height:340px;
background:#ccc;
}
.header.terms .header-fake-rect{
top: 250px;
margin-top: 40px;
}
section.color-section.terms-conditions {
overflow: visible;
}
.main.terms-and-conditions p{
margin-top:10px;
}
.main.terms-and-conditions{
padding-top:45px;
}
.main.policy p{
margin-top:10px;
}
.main.terms-and-conditions{
padding-top:45px ;
}
.main.terms-and-conditions{
padding-top:0;
}
.privacy-link.general-link{
font-weight:600;
font-style:normal;
}
.header.policy{
height:320px;
background:#ccc;
}
.header.policy .fake-bg{
background: rgba(190, 190, 190, 0.90);
}
.header.policy .header-base-rotate-first .header-rotate-rect-first{
background-color:rgba(300, 300, 300, 0.25);
}
.header.policy .header-base-rotate-middle .header-rotate-rect-middle{
background-color:rgba(159, 159, 159, 0.70);
}
.header.policy .header-base-rotate-last .header-rotate-rect-last{
background-color:rgba(216, 216, 216, 0.40);
}
.header.policy .header-fake-rect{
top: 250px;
margin-top: 40px;
}
.header.access{
height:320px;
background:#ccc;
}
.header.access .fake-bg{
background: rgba(190, 190, 190, 0.90);
}
.header.access .header-base-rotate-first .header-rotate-rect-first{
background-color:rgba(300, 300, 300, 0.25);
}
.header.access .header-base-rotate-middle .header-rotate-rect-middle{
background-color:rgba(159, 159, 159, 0.70);
}
.header.access .header-base-rotate-last .header-rotate-rect-last{
background-color:rgba(216, 216, 216, 0.40);
}
.header.access .header-fake-rect{
top: 287px;
}
/* Contact */
.header.contact{
height:320px;
background:#ccc;
}
.header.contact .fake-bg{
background: rgba(190, 190, 190, 0.90);
}
.header.contact .header-base-rotate-first .header-rotate-rect-first{
background-color:rgba(300, 300, 300, 0.25);
}
.header.contact .header-base-rotate-middle .header-rotate-rect-middle{
background-color:rgba(159, 159, 159, 0.70);
}
.header.contact .header-base-rotate-last .header-rotate-rect-last{
background-color:rgba(216, 216, 216, 0.40);
}
.header.contact .header-fake-rect{
top: 250px;
margin-top: 40px;
}
.contact-form h5{
font-size:18px;
float:left;
margin-right:20px;
text-align:right;
margin-top:5px;
}
.contact-form input{
border:1px solid rgba(0, 0, 0, 0.3);
float:right;
border-radius: 5px;
width:400px;
height: 40px;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
background: white;
border: 1px solid #bdbdbd;
padding-top:2px;
font-size:18px;
color: black;
font-weight:400;
font-style:normal;
}
.contact-form input::-webkit-input-placeholder{
font-size:18px;
font-weight:300;
font-style:normal;
}
.contact-form input::-moz-input-placeholder{
font-size:18px;
font-weight:300;
font-style:normal;
}
.contact-form .contact-field input:focus{
outline:2px solid rgba(0, 0, 0, 1);
}
.contact-form .contact-field textarea:focus{
outline:2px solid rgba(0, 0, 0, 1);
}
.contact-form .submit-field input:focus{
box-shadow:none;
outline:none;
border: 2px solid rgba(0, 0, 0, 1);
}
.contact-form .submit-field input{
left:85px;
cursor: pointer;
float:left;
margin-top: 20px;
font-weight:300;
font-style:normal;
font-size: 20px;
width: 200px;
height: 60px;
border-radius: 5px;
border: 1px solid;
background: #1CD500;
color: white;
text-transform: uppercase;
}
.contact-form textarea{
border-radius: 5px;
border:1px solid rgba(0, 0, 0, 0.3);
float:right;
max-width:400px;
width:400px;
max-height: 180px;
padding-left: 10px;
font-size:18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
background: white;
border: 1px solid #bdbdbd;
padding-bottom:2px;
color: black;
font-weight:300;
font-style:normal;
}
.contact-form textarea::-webkit-input-placeholder{
font-size:18px;
font-weight:300;
font-style:normal;
}
.contact-form textarea::-moz-input-placeholder{
font-size:18px;
font-weight:300;
font-style:normal;
}
.contact-form {
width: 500px;
float:left;
position: relative;
overflow: auto;
}
.contact-field{
position: relative;
overflow: auto;
margin-bottom:20px;
}
.other-contacts{
position:relative;
width:calc(100% - 550px);
}
.other-contacts h5{
margin-bottom:30px;
}
.selected{
font-weight:500;
font-style:normal;
}
.selected a:hover{
cursor: default !important;
color:white !important;
}
.ticket-link.selected{
width: 77px;
padding: 20px 20px;
}
.banner-content .ticket-link{
background-color: #339746;
padding:10px 0;
border-radius:3px;
color:white;
}
.banner-content .ticket-link:hover{
background-color: #3fb255;
}
.menu .ticket-link a{
color:white;
}
.menu .ticket-link a:hover{
color:white;
}
.banner-content .menu .ticket-link:hover a{
color:white !important;
}
.videos-link.selected{
padding-top: 19px;
}
.spam{margin-bottom:20px;}
.play-btn{
display: block;
background: url(../img/icons/vid-play@2x.png);
width: 55px;
height: 55px;
background-size: contain;
margin: 0 auto;
vertical-align: middle;
position: absolute;
top: calc(50% - 27px);
left: calc(50% - 27px);
opacity: 0.48;
}
.content-photo-list p{max-width:700px;margin:0 auto;}
.content-photo-list img{
margin-bottom:50px;
padding-top:0px;
}
.video-uni .fk-video-img:hover .play-btn {
opacity: 0.90;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0px;
margin-bottom:30px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
p.form-message{
padding-bottom: 40px;
position: relative;
left: 100px;
float: r;
top: -35px;
}
.video-title{
margin-top:30px;
}
.menu li a div{
text-align: center;
width: 128px;
position: relative;
}
.vat-price{
text-align:left;
padding-top:2px;
font-weight:300;
font-style:normal;
position: relative;
padding-left:0px;
}
.plan-price span{
font-weight:300;
font-style:normal;
font-size:13px;
line-height:normal
}
/* MENU */
.menu a{
color: #001b3e;
cursor: pointer !important;
font-size:17px;
}
.menu a:hover{
border:none;
}
.footer_menu .menu a:hover{
color: white !important;
cursor: pointer !important;
border:none;
}
table.menu{
font-weight:200;
font-style:normal;
font-size:18px;
position:absolute;
right:35px;
height:60px;
color:white;
}
table.menu tr{
width:100%;
}
table.menu td{
text-align:center;
position: relative;
height:100%;
}
table.menu td.speakers-link{
width:105px;
}
table.menu td.programme-link{
width:131px;
}
table.menu td.video-link{
width:87px;
}
table.menu td.pratical-link{
width:155px;
}
table.menu td.tickets-link{
width:93px;
}
table.menu td.home-link{
width:90px;
}
table.menu td.selected{
font-weight:500;
font-style:normal;
}
table.menu .fk-menu-bg{
height:55px;
display: inline-block;
padding:0 10px;
}
table.menu .fk-menu-bg span {
top: 15px;
position: relative;
}
.day-info{
font-size: 16px;
}
li.social{
position: relative;
top: 10px;
}
.stripe{
width:calc(100% - 20px);
height:5px;
}
.home-link.selected .stripe{
background-color: white;
}
.speakers-link.selected .stripe{
background-color: #008CFF;
}
.video-link.selected .stripe{
background-color: orange;
}
.programme-link.selected .stripe{
background-color: #7359ac;
}
.pratical-link.selected .stripe{
background-color: #d05359;
}
.tickets-link.selected .stripe{
background-color: green;
}
/* David */
.plan.not-available td:last-child{
top:10px;
}
.plan.not-available .plan-name h1{
top:12px;
}
.total-wi-he{
height: 100%;
width: 100%;
display: block;
}
/* */
.pic-effect-right{
position: absolute;
height: 100%;
left: 0;
top: 0;
padding: 0 0 0 0;
margin-left:25px;
overflow:hidden;
}
.pic-effect-right .left-rect{
outline:1px solid transparent;
left:15px;
top:-1px;
}
.pic-effect-right .right-rect{
outline:1px solid transparent;
right:-35px;
top:-1px;
}
.pic-effect-left{
position: absolute;
height:100%;
right: 0;
top: 0;
padding: 0 0 0 0;
margin-right:25px;
overflow:hidden;
}
.pic-effect-left .right-rect{
outline:1px solid transparent;
right:-35px;
top:-1;
}
.pic-effect-right .left-rect{
outline:1px solid transparent;
left:15px;
top:-1px;
}
.contacts a{
display:inline;
}
/* DAVID VIDEOS */
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
background-color: black;
}
.video-info-content {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
padding-top:20px;
}
.latest-video-text {
max-width: 675px;
float: left;
padding-right: 25px;
margin:5px 0 5px 0;
border-right:1px solid rgba(0,0,0,0.2);
}
.video-info {
width: 228px;
min-height: 100px;
height:100%;
position: relative;
float: left;
padding-left: 25px;
margin:5px 0 5px 0;
/* border-left: 1px solid rgba(0,0,0,0.2); */
}
.video-info p{
margin: 0 0 10px 0;
}
.video-info p:first-child {
font-weight: 400;
font-style: normal;
}
.video-info p:last-child {
opacity: 0.5;
bottom: 0;
position: absolute;
}
#videos .center-frame{
padding-top:45px;
padding-bottom:50px;
}
#videos .center-frame h3{
margin-bottom: 30px;
}
#videos .center-frame h6 {
font-weight: 300;
font-style: normal;
font-size: 25px;
margin:0 0 5px 0;
}
#videos h5{
font-size: 20px;
padding: 10px 0 0 0;
font-weight: 500;
font-style: normal;
}
.tickets .center-frame{
padding-top:40px;
}
.head-title h2{
z-index:2;
position:relative;
}
.head-title span{
z-index:2;
position:relative;
}
.video-gallery .content-title{
margin-left:9px;
}
.video-list{
display: flex;
flex-wrap: wrap;
}
.video-uni{
max-width: 300px;
margin: 0 9px 45px 9px;
line-height: 1.2;
position: relative;
}
.video-info-description{
width:100%;
overflow: auto;
margin-top:10px;
}
.video-info-description p{
display:inline-block;
margin-top:0;
}
.video-info-description span{
color:rgba(0,0,0,0.5);
margin-top:0;
text-align: right;
float:right;
}
.help h5{
margin-bottom: 30px;
max-width: 500px;
}
.fk-video-img a:hover {
border-bottom: none;
}
.fk-video-img a{
display:inline-block;
}
html.ua-safari img.image-bag{
margin-left:20px;
}
/* HOMEPAGE */
.fixed-nav.op-hidden{
visibility:hidden;
}
.fixed-nav.op-visible{
position:fixed !important;
visibility:visible;
-moz-transition: all 2s; /* Safari 3.1 to 6.0 */
-webkit-transition: all 2s; /* Safari 3.1 to 6.0 */
transition: all 2s;
}
#scollHomeMenu{
float:left;
top:0px ;
position:fixed !important;
}
nav#scollHomeMenu .menu {
margin-top: 0px;
}
/* Programa */
.header.programme .fake-bg{
background-color:rgba(134, 94, 191, 0.65);
}
.header.programme .header-rotate-rect-first{
background-color:rgba(115, 56, 165, 0.6)
}
.header.programme .header-rotate-rect-middle{
background-color:rgba(160, 108, 173, 0.55);
}
.header.programme .header-rotate-rect-last{
background-color:rgba(98, 48, 178, 0.55)
}
.programme-container{
padding:50px 0 150px 0;
}
.programme-container .low-rect{
background:#e6e3ff;
bottom:-130px;
}
.programme-toggle{
padding-left:0 !important;
}
.programme .header-fake-rect{
/* background: #e6e3ff; */
background: white;
outline: 1px solid transparent;
}
.programme .color-section.notifi{
background-color: #e6e3ff;
padding-bottom:100px;
}
.color-section.notifi .center-frame{
padding-top:40px;
padding-bottom:40px;
/* background-color: #e6e3ff; */
}
.hour-title{
display: inline-block;
width: 100%;
margin-bottom: 23px;
}
.hour{
float: left;
margin-right: 23px;
font-size: 23px;
color: black;
text-align: right;
width: 50px;
}
.hour-description{
float:left;
font-size:23px;
margin-left:-15px;
color:#666;
margin-right:23px;
}
.cofee-div{
top: 5px;
position: relative;
color:#BFBFBF;
}
.programme-speaker-image{
width:50px;
height:50px;
border-radius:25px;
float: left;
margin-right:8px;
}
.programme-speaker-name{
float:left;
margin-right:20px;
width:80px;
margin-top:5px;
}
.programme-description{
display: block;
float: left;
padding-left:8px;
margin-top: 3px;
width:calc(100% - 250px);
}
/*
.ul-afternoon li{
}
*/
.desc-title{
color:#1558CE;
font-size:21px;
line-height: 0.8;
}
.room{
font-size:14px;
color:#bfbfbf;
margin-left:10px;
}
.desc-text{
line-height:0.8;
}
.desc-text.description{
max-width:calc(100% - 250px);
line-height:1.3;
}
.head-desc{
margin-bottom:10px;
}
.programme-graph .price-desc{
max-width:620px;
}
.programme-graph .price-desc li{
width:90px;
}
.programme-graph .price-desc-info li{
width:90px;
}
.line-info{
position: relative;
overflow: hidden;
margin: 0 auto;
}
.line-info.strategy .programme-description{
border-left:2px solid #e12a28;
}
.line-info.research .programme-description{
border-left:2px solid #28c246;
}
.line-info.design .programme-description{
border-left:2px solid #fdb700;
}
.line-info.talks .programme-description{
border-left:2px solid #00a4ff;
}
.line-info.case-study .programme-description{
border-left:2px solid #dc99ff;
}
.programme-hour{
float:left;
margin-top:6px;
font-size: 23px;
text-align: right;
width: 50px;
}
.programme-list ul li{
margin-left:60px;
margin-bottom:25px;
}
#programme .color-section.activities{
background-color:#aca2ff;
overflow:inherit;
color:white;
/* background-color:#e6e3ff; */
}
#programme .color-section.activities .up-rect{
background-color:#aca2ff;
z-index:0;
top:-50px;
}
.color-section.notifi h3{
margin-bottom:30px;
}
.color-section.activities h3{
margin-bottom:30px;
}
.color-section.activities .frame-text-right, .color-section.activities .frame-text-left{
padding-top: 0px;
padding-bottom:150px;
}
.color-section.activities .frame-text-right, .color-section.parties .frame-text-right{
margin-top:70px;
}
.programme-graph{
text-align:center;
}
.programme-content{
text-align:left;
}
.color-section.parties{
background-color:#604689;
color:white;
}
.color-section.parties .low-rect{
background-color:#e6e3ff;
}
/* speakers */
.header.speakers .head-title{
margin-top:130px;
}
.speaker-left{
padding-right:25px;
}
.speaker-right{
padding-left:25px;
}
.header.speaker-detail .header-fake-rect{
background-color:#ebf2fa;
outline: 1px solid transparent;
}
.inside-info{
position: relative;
overflow: hidden;
padding-bottom: 90px;
}
.profile-header img{
width:200px;
height:200px;
float:left;
}
td.speakers-link .fk-menu-bg span a:hover {
color: #008CFF !important;
}
td.speakers-link.selected .fk-menu-bg span a:hover {
color: white !important;
}
td.programme-link .fk-menu-bg span a:hover{
color:#7359ac !important;
}
td.programme-link.selected .fk-menu-bg span a:hover{
color:white !important;
}
td.video-link .fk-menu-bg span a:hover {
color: orange !important;
}
td.video-link.selected .fk-menu-bg span a:hover {
color: white !important;
}
td.pratical-link .fk-menu-bg span a:hover {
color: #d05359 !important;
}
td.pratical-link.selected .fk-menu-bg span a:hover {
color: white !important;
}
td.home-link .fk-menu-bg span a:hover{
color: #d5d5d5 !important;
}
td.home-link.selected .fk-menu-bg span a:hover {
color: white !important;
}
.back{
padding-left: 235px;
margin-bottom:35px;
font-size:20px;
}
.back-arrow{
height:14px;
width:14px;
background-image: url('../img/back-arrow.png');
background-repeat: no-repeat;
background-size:contain;
display:block;
float:left;
margin:5px 5px 0 0;
}
a.alt-link{
color:#FFDC5A !important;
}
a.alt-link:hover{
color:#FFE18D !important;
border-bottom: 1px dotted #FFE18D;
}
.all-spoeakers li > a:hover{
border:none;
}
.bg-ticket {
background: #1CD500;
border-radius: 5px;
padding:0 10px;
line-height:38px;
}
.bg-ticket-sub {
background: #1CD500;
border-radius: 4px;
padding: 10px;
position:relative;
margin-top: -10px;
}
.main-home-menu .menu{
margin-top:10px;
}
.bg-ticket:hover {
background-color:#00a000;
color:white;
}
.bg-ticket-sub:hover{
background-color:#00a000;
color:white;
}
.footer_menu .grid ul li a:hover{border-bottom:1px dotted white;}
.footer_menu .grid ul li.social ul li a:hover{border-bottom:none;}
/* Register-form */
.payment-options{
position:relative;
overflow: hidden;
}
.payment-options .left-text, .payment-options .right-text{
margin-top:15px;
}
.no-color .payment-options .frame-text-left{
padding: 0px;
}
.event-code{
position:relative;
overflow: hidden;
float: right;
height: 50px;
margin-top:27px !important;
cursor:pointer;
}
#content{
margin-top: -14px;
}
#tickets .submitBtn.order{
margin-top: 60px;
float: right;
position: absolute;
}
.secure-lock{
min-height: 200px;
width: 40%;
}
.secure-lock img{
margin:15px;
float:left;
margin-bottom:0px;
}
.secure-lock h6{
color:#359852;
font-size:17px;
margin: 33px;
margin-bottom: 10px;
margin-right: 0px;
}
.secure-lock p{
margin-top: 0px;
color:#359852;
padding: 15px;
font-size:13px;
}
/* RUBEN MOUTINHO */
.buyer{
width: 100%;
position: relative;
}
.payment.main .buyer_field {
margin-left: 20% !important;
/* background: yellow; */
position: relative;
margin-bottom: 20px !important;
width: calc(100% - 500px) !important;
height: 45px !important;
text-align: right;
}
.divider-end{
margin-right:295px;
}
/* */
.buyer_title{
float:left;
text-align: right;
font-size:18px;
}
.buyer_field input{
width:100%;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 4px;
height: 40px;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
background: white;
border: 1px solid #bdbdbd;
padding-top: 2px;
font-size: 18px;
color: black;
font-weight: 400;
font-style: normal;
}
.payment.main .buyer_field {
margin-left: 30%;
position: relative;
margin-bottom:35px;
width: 400px;
height: 30px;
text-align: right;
}
.payment.main .buyer_title{
width: 154px;
margin-top:5px;
text-align: right;
line-height: 30px;
display: inline-block;
font-size:16px;
}
.span-red{
color:red;
}
.buyer_error{
color:red;
text-align: left;
left: 20px;
top: 10px;
position: absolute;
}
.payment.main{
margin-bottom:90px;
margin-top:90px;
}
.formulario-form h5 {
margin: 30px 0px;
}
.buyer_field .fancy-select div.trigger{
max-width:250px;
text-align:left;
text-transform:capitalize;
font-size: 18px;
color: black;
font-weight: 400;
font-style: normal;
}
.needs{
float: none;
margin-top: 50px;
margin-bottom: 30px;
margin-left: 20%;
}
.buyer_radio{
margin-top:30px;
}
.twitter-input .ps{
font-size:11px;
color: #999999;
}
.twitter-input{
width: 118px;
float: left;
}
.linkedin-input .ps{
font-size:11px;
color: #999999;
}
.linkedin-input{
width: 118px;
float: left;
}
.img-credits{
z-index:-1;
position:absolute;
}
.payment-content{
margin-bottom:90px;
}
.credit-payment{
margin-left:20%;
}
.b-dotted{border-bottom:1px dotted black;}
.bt-dotted{border-top:1px dotted black;}
.other-info{
padding-bottom:20px;
}
.summary_content {
position: absolute;
max-width: 350px;
right: -70px;
top: 0;
z-index: 9;
background: white;
border: 1px solid #dff2e1;
}
.summary_content .payment_summary{
padding:20px;
padding-bottom:40px;
position:relative;
overflow: hidden;
}
.note-error{
border:2px solid red !important;
}
.content-lock-summary{
height:100px;
}
.payment_summary h2{
font-size:40px;
margin-bottom:30px;
}
.payment.main .formulario .summary{
float: left;
margin: 0 auto;
}
.summary table tbody tr td{
border-bottom:1px dotted black;
padding-right: 50px;
padding-top:10px;
}
.summary table tbody tr.vat td{
border-bottom:1px solid black;
}
.summary table tbody tr {
height: 40px;
}
.precos{
padding-right:0px !important;
margin-bottom:30px;
}
.vat div{
float:left;
color:#999999;
}
.precos.vat div{
float:left;
margin-left:0px;
}
.total{
margin-top:-20px !important;
}
.total .precos{
margin-top:-20px;
float:right;
}
.total td div strong{
position: relative;
}
.buyer_radio input{
margin-bottom:15px;
}
.price-tab-error{
text-align: right;
position: relative;
left: -20px;
top: -2px;
margin-top: 30px;
color: red;
}
div.fancy-select ul.options.open{
width: calc(100% + 4px);
top:36px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
text-align: left;
text-transform: capitalize;
}
div.fancy-select ul.options.overflowing.open{
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
div.fancy-select ul.options li{
padding-left:10px;
}
.select-td div.fancy-select ul.options.open{
min-width: 20px;
}
#formcontainer h4 {
margin: 50px 0px;
}
#payment_form{
margin:0 auto;
margin-bottom:90px;
}
.confirmation table td:first-child{
width:20%;
}
.confirmation table tr:first-child{
height:80px;
}
.confirmation .total{
max-width:570px;
}
.confirmation .precos.vat div{
float:none;
}
.confirmation table td{
height: 35px;
vertical-align:middle;
}
.confirmation .total td div strong{
top:0 !important;
}
.confirmation span strong{
margin-top:0px;
}
label b{
font-weight: 400;
margin-bottom:20px;
}
.payment.main.checkout .data-field {
width: 50px !important;
}
.payment.main.checkout .expiry-input {
text-align: initial;
}
.confirmation .header{
margin:30px 0px;
}
.payment_summary.ab{
position:absolute;
right:-20px;
}
.confirmation div h4{
margin-bottom:20px;
}
tr.ticket{
border-bottom: 1px dotted #d9d9d9;
}
.confirmation .total .precos{
margin-top:-25px;
}
.buyer_confirmation_content {
margin-top: 10px;
line-height: 1.3;
}
.buyer_confirmation_first{
margin-top:30px;
}
.buyer .buyer_field:last-child {
margin-bottom: 60px;
}
.buyer_field .fancy-select div.trigger span{
margin-top:-5px;
}
/* TIMELINE */
.ticket-timeline{
margin-bottom:50px;
}
.ticket-timeline .timeline-title li{
width:calc(25% - 3px);
text-align: left;
display:inline-block;
color:#666666;
}
.ticket-timeline .timeline-title li span{
max-width: 100% !important;
font-size:11px;
}
.ticket-timeline .timeline-color{
max-width: calc(100% - 350px);
height:6px;
width:100%;
}
.green.active{width: 25%;
background: #359852;
height: 10px;
margin-top: -2px;
float: left;
}
.timeline-title{
padding-bottom:10px;
max-width: calc(100% - 350px);
}
ul.color-bar{
height:6px;
vertical-align: middle;
position: relative;
}
#payment .header-fake-rect{
background:white;
}
ul.color-bar li {
background-color: #bce8c5;
display: inline-block;
width: calc(25% - 1px);
height: 6px;
margin-left: -2px;
}
ul.color-bar li div.past-point {
background: #359852;
height:100%;
}
ul.color-bar li div.present-point {
background: #359852;
height:100%;
padding:2px 0;
margin-top:-2px;
}
.timeline-title li.active{
color:#359852;
}
.buyer_field div.fancy-select ul.options.open{
width: calc(100% - 141px);
left: 0px;
}
.content-lock-summary .secure-lock{
margin-top:70px;
width: 100%;
margin-left: 0px;
float:none;
}
.content-lock-summary .secure-lock img{
margin-left:0px;
margin-top:0px;
}
.content-lock-summary .secure-lock p{
width:75%;
margin-right:22px;
float:right;
padding:0px;
}
.tooltip{
margin-top: 80px !important;
}
.tooltip-inner strong{
font-weight: 600;
}
.payment-footer {
font-size:32px;
background-color: black;
height: 70px;
width: 100%;
bottom: 0px;
position: relative;
}
.payment-footer .powered a{
padding-top:5px;
}
.payment-footer .powered{
display:none;
margin-top:7px;
float:left;
}
.payment-footer .contacts{
max-width:600px;
margin-top:20px!important;
font-size:20px;
}
.payment-footer .contacts span a:first-child {
color: #2d66b5;
font-weight: 500;
}
.payment-footer .contacts span.regular{
font-size:20px;
}
.invoice #formcontainer .buyer_field{
margin-left: 23%;
}
.invoice #formcontainer .payment.main .buyer_title{
width:190px;
}
.invoice .order{
margin-left:23%;
}
#payment_form{
margin-top: 30px;
}
/* changes */
.book_title{
font-size:18px;
}
.speaker-detail-desc .book-subtitle{
font-weight:300;
line-height:1;
}
#payment .home-link + .speakers-link + .programme-link + .video-link + .pratical-link {
display:none;
}
.tab-error.text-center{
margin-left: 205px;
margin-top: -19px;
font-size: 12px;
font-weight: 500;
color: red;
}
.trigger.so:after {
background: none !important;
}
.trigger.so{
padding: 15px 5px 4px 6px !important;
}
.color-section.registration-form{
background-color: #ebfdea;
padding: 180px 0px 100px 0px;
}
.color-section.registration-form .secure-lock{
background:white;
}
#tickets .submitBtn.order.get-ticket{
margin-top:30px !important;
}
.get-ticket{
float: none !important;
position: relative !important;
}
.get-ticket .general-link{
color:white;
}
.get-ticket .general-link:hover{
border-bottom:none;
}
#home a.general-link:hover {
border: none;
}
.all-info{
margin-top:0px;
float:left;
width: calc(100% - 320px);
}
.all-info p{
margin-top:0px !important;
}
.book-container{
position: relative;
float: right;
width: 270px;
margin:0 0 0 50px;
}
.image-book{
float:left;
width:90px;
}
.book-content{
width:100%;
margin-bottom:30px;
padding-left:25px;
}
.book-content h5{
margin-bottom:20px;
}
.book-content:not(:first-child) h5{
display:none;
}
.book-info{
max-width: 61%;
margin-left: 20px;
float: left;
}
.book-info .book_title{
color:#2E67B1;
font-size:16px;
}
.book-info .book-description{
margin-top:7px;
position: relative;
font-style:italic;
font-weight:300;
display: block;
color: #999999;
font-size: 14px;
}
.book-info span {
line-height: 1.3 !important;
position: relative;
}
.book-publisher{
color:grey;
font-size:14px;
}
.book-description{
font-size:16px;
}
.book-subtitle{
font-size:16px;
}
.coffee-img{
width:17px;
height:17px;
}
/* Practical */
.color-section.notifi p{
max-width: 820px;
margin: 0 auto;
font-size:26px;
}
.practical_nav{
max-width: 480px;
margin: 0 auto;
position: relative;
overflow: hidden;
margin-bottom:90px;
}
.practical_nav .practical_list{
position: relative;
overflow: hidden;
margin: 0 auto;
text-align: center;
display:block;
width: 420px;
}
.practical_list li{
float:left;
width: 120px;
}
.practical_list li:not(:last-child){
margin-right:30px;
}
.practical_list li div{
width:80px;
height:80px;
margin: 0 auto;
display:block;
}
.toggle-button.the_venue div{
background: url("../img/bt-practical-venue@2x.png") no-repeat;
background-size: cover;
}
.toggle-button.flight div{
background: url("../img/bt-practical-deals@2x.png") no-repeat;
background-size: cover;
}
.toggle-button.city div{
background: url("../img/bt-practical-around@2x.png") no-repeat;
background-size: cover;
}
li.toggle-button.the_venue.practical_on div{
background: url("../img/bt-practical-venue-on@2x.png") no-repeat;
background-size: cover;
}
li.toggle-button.flight.practical_on div{
background: url("../img/bt-practical-deals-on@2x.png") no-repeat;
background-size: cover;
}
li.toggle-button.city.practical_on div{
background: url("../img/bt-practical-around-on@2x.png") no-repeat;
background-size: cover;
}
.color-section.no-color.the_venue_section {
padding-bottom:100px;
}
.the_venue_section .left-rect{
padding-bottom:2px;
}
.the_venue_section .right-rect{
padding-bottom:2px;
}
.the_venue_section img{
width:690px;
}
.color-section.no-color.getting_there{
padding-bottom:90px;
}
.getting_there img{
width: 690px;
}
.two-col{
margin-top:35px;
}
.two-col:first-of-type{
margin-top:45px;
}
.two-col p{
margin-top:10px;
display:inline-block;
}
.two-col h6{
top: 10px;
left:10px;
position: relative;
}
.two-col ul{
list-style: initial;
padding-left:42px;
margin-top:15px;
line-height: 1.4;
}
.two-col ul li{
margin-bottom: 5px;
}
.two-col div{
width:45px;
height:45px;
}
.two-col-img{
width:100%;
margin-top:10px;
}
.map_nav{
margin-top:35px;
text-align:center;
visibility: hidden;
display:none;
}
.practical-toggle li{
width:100px;
padding:0px;
}
.part{
color:black;
font-size:18px;
}
.color-section.atractions{
background-color:#fdedf2;
}
.color-section.where-to p{
margin-top: 20px;
padding-bottom:30px;
}
.three-col-wrapper{
position:relative;
overflow:hidden;
margin-top:30px;
}
.three-col-wrapper h5{
margin:10px 0 25px 0;
}
.three-col-wrapper strong{
font-weight:500;
}
.the_venue_section strong{
font-weight:500;
}
.travel-deals .complete-paragraph strong{
font-weight:700;
}
.intro-p{
margin-bottom:50px;
}
.around-here .complete-paragraph:not(:first-child){
margin-top:30px;
}
.around-here .complete-paragraph p{
margin-top:5px;
margin-bottom: 0px;
}
.three-col{
width:calc(33.28% - 23px);
float:left;
padding:0px;
position:relative;
}
.col-middle{
margin:0 35px 0 35px;
}
.three-col h5{
margin-bottom:15px;
}
.three-col h6{
margin-bottom:15px;
}
.three-col p{
margin-top:0px;
font-size:16px;
}
.three-col ul{
list-style: initial;
padding-left:20px;
margin-top: 10px;
line-height: 1.4;
}
.three-col ul li{
margin-bottom: 5px;
}
.three-col-img{
width:100%;
}
.three-col .complete-paragraph:not(:first-child).local-atractions{
margin: 0 0 0 0;
}
.three-col .complete-paragraph.local-atractions p{
min-height:180px;
margin: 0 0 220px 0;
}
.three-col-wrapper .two-col{
margin-top: 0;
}
.three-col-wrapper .two-col p{
margin-top: 0;
}
#home .three-col .complete-paragraph.local-atractions p{
min-height:inherit;
}
.col-img-top{
margin-bottom:20px;
}
.col-img-bottom{
position:absolute;
bottom:0px;
}
.three-col-double-left{
width:calc(66.6% - 12px);
float:left;
padding-right:35px;
}
.three-col-double-left p{
margin-top:0px;
font-size:16px;
}
.no-h5 {
padding-top:43px;
}
.three-col-double-right{
width:calc(66.4% - 22px);
float:left;
padding-left:35px;
}
.three-col-double-right p{
margin-top:0px;
font-size:16px;
}
.three-col-double-left h5, .three-col-double-right h5{
margin-bottom:20px;
}
.three-col-double-left h6, .three-col-double-right h6{
margin-bottom:15px;
}
.three-col-img.map-extended{
margin:20px 0 10px 0;
}
.three-col-img.map-extended img{
width:100%;
}
.country-map-holder{
width:450px;
margin:25px 0 0 0;
}
.news .three-col-double-left {
width: calc(66.6% - 48px);
float: left;
margin-right: 35px;
padding-right: 35px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.error-ticket{
color: red;
margin: 0 auto;
text-align: center;
margin-top: 20px;
padding-bottom: 5px;
}
.ticket-table .pcheck label span.checkbox.error {
background:#FCF5F6;
border-radius: 5px;
border: 1px solid red;
box-sizing: border-box;
}
#tooltipPop p{margin-top:5px;font-size:12px;}
#tooltipPop h6{font-size:16px;margin-top:5px;}
footer.no-mobile li.social{
position: absolute;
right:0;
}
.practical_list a span{
color:black;
margin-top:15px;
display:block;
}
.practical_list span{
margin-top: 15px;
font-size: 20px;
display: block;
height: 44px;
}
.practical_list a:hover{
border:none;
}
span.active{
color:#04a1ff;
}
section.color-section.no-color.column-section{
width:100%;
/* padding-bottom:90px ; */
}
.complete-paragraph h5{
margin-bottom:25px;
}
.accomodations .complete-paragraph ul li{
/* color:#0855d4; */
list-style: initial;
margin-bottom:10px;
font-size:18px;
}
.accomodations span{
font-size:18px;
line-height:1.5;
display:block;
}
.travel-deals .complete-paragraph ul li{
list-style: initial;
margin-bottom: 10px;
font-size: 18px;
line-height: 1.4;
}
.complete-paragraph ul{
padding-left:20px;
}
.travel-deals{
background-color: #d05359;
color:white;
/* padding:180px 0 !important; */
}
.city_section .frame-text-right{
padding:0;
}
.complete-paragraph p{
margin-top:15px;
margin-bottom:10px;
}
.header.practical .fake-bg{
background-color:rgba(190, 56, 75, 0.78);
}
.header.practical .header-rotate-rect-first{
background-color:rgba(244, 114, 109, 0.45)
}
.header.practical .header-rotate-rect-middle{
background-color:rgba(201, 39, 0, 0.4);
}
.header.practical .header-rotate-rect-last{
background-color:rgba(228, 66, 145, 0.30);
}
.info_lx .color-section.no-color.the_venue_section .pic-effect-right{
max-width:400px;
}
.info_lx .color-section.no-color.where_to_section .pic-effect-right img{
margin-top:55px;
max-width:400px;
}
.color-section.no-color.where_to_section{
margin-top:55px;
}
.color-section.no-color.where_to_section h3{
margin-bottom:45px;
}
.stars{
width:42px;
margin: 2px 0 2px 0;
}
.adress{
display:inline-block;
width:100%;
position: relative;
margin-bottom:2px;
}
.adress-link{
display:inline-block;
float:left;
position: relative;
top:-2px;
}
.adress-icon{
float:left;
width:21px;
margin: 0 3px 0 -3px;
}
.hotel-name{
margin-right:10px;
margin-bottom:30px;
}
.mt-none-mb{
margin-top:0 !important;
}
.fk-video-img img{
width:300px;
}
.divider-end{padding-bottom:20px;}
.tooltip input[type=checkbox]{
content: "";
display: inline-block;
width: 25px;
height: 25px;
margin-right: 5px;
margin-top: -2px;
cursor: pointer;
background-color: white;
box-shadow: none;
border: 1px solid black;
position: relative;
top: 6px;
}
.tooltip input[type=checkbox]:checked + label:before {
content:"\2714";
color:white;
background-color: #979797;
text-align:center;
line-height:10px;
font-size:5px;
}
/* Select */
.ffSelectWrapper {width:200px;height:40px;clear:both;background:white;border-radius:4px;border:1px solid #bdbdbd;}
.ffSelect {position: relative;}
.ffSelect > a {
background-position: right -128px;
display: block;
text-decoration: none;
outline: 0;
cursor: default;
}
.ffSelect > a > span {
display: block;
height: 40px;
margin-right: 40px;
padding-left: 10px;
background-position: 0 0;
overflow: hidden;
line-height: 40px;
font-size: 14px;
color: black;
font-weight:400;
white-space: nowrap;
white-space: normal;
text-overflow: ellipsis;
text-align: left;
}
.ffSelectMenuWrapper {width: 100%;}
.ffSelectMenuWrapper .ffSelectMenuMidBG ul{list-style-type:none;margin:0 0;padding:0;text-align: left;}
.ffSelectMenuWrapper .ffSelectMenuMidBG li {padding: 5px; cursor: default; background-color: #fff;}
.ffSelectMenuWrapper .ffSelectMenuMidBG li SPAN{font-size:14px;}
.ffSelectMenuWrapper .ffSelectMenuMidBG li.disabled SPAN{color:#888;}
.ffSelectMenuWrapper .ffSelectMenuMidBG li.on{background-color: #dbfdda;}
.ffSelectMenuMid {max-height: 200px; overflow: auto; border:1px solid #bdbdbd;border-top:none;}
.scrollingBarWrapper{width:24px;height:200px;background:url(images/scrollingBarBg.png) no-repeat;right:3px!important;}
.scrollingHandle {width:24px;padding-top:20px;background:url(images/scrollingHandleTop.png) no-repeat 0 0;}
.scrollingHandleBottom{width:24px;background:url(images/scrollingHandleBottom.png) no-repeat 0px bottom}
.registration-form .ffSelectWrapper{
width:100px;
position:relative;
top:29px;
}
.ffSelectWrapper a:hover{
border:none;
}
.ffSelectButton span:after{
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
right: 5px;
top: 5px;
border: 5px solid transparent;
background: url("../img/icons/drop-arrow-down@2x.png") no-repeat /* border-top-color: #4B5468; */ /* top: 20px; right: 9px; */;
background-size: 100%;
}
select.mobileSelect{opacity:0;filter:alpha(opacity=0);position:absolute;top:0;display:block;}
.picture-container.speaker-image-temp .left-rect{
height:452px;
}
.picture-container.speaker-image-temp .right-rect{
height:452px;
}
.master-wrapper{
overflow:hidden;
position: relative;
}
.summary_content.p-f {
position: fixed;
top: 80px;
right: 57px;
}.summary_content {
position: absolute;
width: 350px;
right: -75px;
top: 0;
z-index: 9;
background: white;
border: 1px solid #dff2e1;
}
.nav-date {
cursor: default;
position: absolute;
left: 180px;
color: #bababa;
width: 65px;
top: 14px;
font-size: 14px;
font-weight: 300;
line-height: 1.05;
text-transform: uppercase;
text-align: left;
}
.nav-date .lowercased{
text-transform:lowercase;
}
.event-id h5{
float: left;
display: block;
width: 100%;
margin-top: 10px;
font-weight: 300;
font-size: 18px;
}
.news ol{
margin: 8px 30px 8px 0;
margin-top:8px;
margin-left: 30px;
line-height:1.2;
list-style:decimal;
}
.news ol li{
margin-top:7px;
}
.btnrotate180 svg{
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}
.btf p{
padding-top:130px !important;
}
/* Registration_rm */
.ticket-table table{width:100%;border-collapse:collapse}.ticket-table td,.ticket-table th{vertical-align:middle;padding:15px 10px}.table-title th{text-align:center}.ticket-table .table-title th{text-transform:uppercase;font-size:20px;font-weight:500;border:1px solid #E5E5E5;border-top:0;border-right:1px dashed #E5E5E5;border-left:1px dashed #E5E5E5}.ticket-table .table-title th:first-of-type,.ticket-table .table-title th:last-of-type{border:none}.ticket-table .table-title th span{text-transform:capitalize;font-weight:300}.ticket-table td{border:1px solid #E5E5E5;border-top:1px solid #E5E5E5;border-right:1px dashed #E5E5E5;border-left:0}.ticket-table td:last-of-type{border-right:0}.ticket-table td h5{font-size:20px}.ticket-table td span{font-size:13px}.ticket-table .table-title th.diamond{color:#72B82F;border-left:0}.ticket-table .table-title th.platinum{color:#FDBE00}.ticket-table .table-title th.gold1{color:#DC2138}.ticket-table .table-title th.gold2{color:#44BADA}.ticket-table .table-title th.silver{color:#E867AB}.ticket-bird td:not(:first-of-type){text-align:center}.ticket-bird.inactive td h5{font-weight:100}.ticket-bird.inactive td a{color:inherit !important}.ticket-bird.sold-out td:not(:first-of-type){color:red;font-size:12px}
td, th {
display: table-cell;
}
/* Payment_rm */
input, textarea{padding:0 10px;}
.payment-ticket .header.tickets .header-fake-rect{background-color:white;}
.payment-ticket div.fancy-select div.trigger{ border: 1px solid #CECECE;}
.payment-ticket div.fancy-select div.trigger{ border: 1px solid #CECECE;}
textarea{resize: vertical;padding:10px}
input:focus{outline:none;}
textarea:focus{outline:none;}
.payment-ticket input, .payment-ticket textarea{font-weight:600;color:black;font-size:16px;}
.payment-ticket button{font-family:"myriad-pro", Helvetica, Arial, sans-serif !important}.payment-ticket .promo-code button.order{text-align:center;height:auto !important;}.payment-ticket strong{font-weight:400}.ticket-payment{margin-top:30px;}.ticket-payment.grid{max-width:734px}.ticket-payment h6{font-size:27px;font-weight:100}.line-desc{border-bottom:1px solid #D9D9D9;display:inline-block;width:100%;}.payment-info{padding:30px 0 35px 0;width:calc(55% - 30px);}.payment-info .f-r{font-weight:400;color:black;font-size:18px;}.payment-info li{color:#AFAFAF;font-size:16px;font-weight:100;margin-bottom:15px;height:18px;}.payment-info li:last-child{margin-bottom:0}.payment-info li h6{text-transform:uppercase;font-size:18px;font-weight:400;margin-right:5px;display:inline-block}.payment-info li h6 span{text-transform:capitalize}.payment-info li strong{font-size:18px;color:black}.payment-info li.diamond h6{color:#72B82F}.payment-info li.platinum h6{color:#FDBE00}.payment-info li.gold1 h6{color:#DC2138}.payment-info li.gold2 h6{color:#44BADA}.payment-info li.silver h6{color:#E867AB}.promotional-sum{padding:25px 0}.promotional-code{color:#4D4D4D;display:inline-block}.promotional-code span{display:block;margin-bottom:15px}.promotional-code button{width:78px !important;text-transform:uppercase;font-size:16px;font-weight:600;padding:0;margin-top:0;}.promotional-code input{width:187px;height:38px !important;padding:10px;margin:0;outline:none;box-sizing:border-box;box-shadow:none;border:1px solid #CECECE;border-radius:4px;position:relative;top:-1px;margin-right:5px}.promotional-code h6{font-weight:100 !important;font-size:16px !important;}.table-sum{width:calc(45% - 30px);display:inline-block;margin-left:54px;padding:30px 0 35px 0;}.table-sum ul li h6{font-size:18px;display:inline-block;font-weight:400}.table-sum ul li{margin-bottom:15px;font-weight:400}.table-sum ul li .f-r{font-size:18px;}.table-sum ul li:last-child{margin-bottom:0px;}.total-pay{border-top:1px solid;margin-top:5px;padding-top:15px;font-weight:600 !important;text-transform:uppercase}.form-line{display:inline-block;position:relative;width:100%;color:#4D4D4D;margin-top:20px;text-align:left}.form-line span{font-weight:400;font-size:18px;margin-bottom:10px}.form-line span.select2{margin:0;}.form-line input{height:40px;border:1px solid #CECECE;border-radius:4px;box-shadow:none;box-sizing:border-box;font-size: 18px;}.form-line .vat{margin-left:25px}.ticketBuyer{width:calc(55% - 25px);}.ticket-payment .ticketBuyer input{width:100%;}.ticket-payment .email{width:calc(45% - 4px);margin-left:25px;} .ticket-payment .email input{width:100%}.ticket-payment .company{width:calc(70% - 25px)} .ticket-payment .company input{width:100%}.ticket-payment .vat{width:calc(30% - 4px);}.ticket-payment .vat input{width:100%}.billing{float:left;width:calc(55% - 25px);}.billing textarea{width:100%;min-height:60px;border-radius:4px;border:1px solid #CECECE;box-sizing: border-box;font-size: 18px;}.ticket-payment .country{margin-left:28px;width:calc(45% - 4px)}.ticket-payment .country input{width:100%;}.ticket-payment .cardNumber{position:relative}.ticket-payment .cardNumber input{width:100%}.ticket-payment .country div.fancy-select div.trigger{max-width:100% !important;color:#4D4D4D;font-weight:400;text-transform:capitalize;border:1px solid #CECECE}.ticket-payment div.fancy-select div.trigger:after{width:15px;height:15px;right:7px;top:7px}.payment-type{background: #dcf2ff;text-align:center;height:40px;border-radius:25px;display:inline-block;margin:0 auto;margin-top:20px}.payment-type button{height:40px;border:none;box-shadow:none;background:none;float:left;width:160px;cursor:pointer;font-size:18px;color:black;font-weight:100}.payment-type button:focus{outline:none}.payment-type button.active{background:#00a4ff;color:white;font-weight:400}.payment-type button:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.payment-type button:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.payment-type button:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.expiryDate input:first-of-type{width:60px}.expiryDate input:last-of-type{width:70px}.payment-end{margin:40px 0}.security-info{position: absolute;right: 0;margin-top: 25px;top: 50px;margin: 0;float: right;padding: 0;margin-right: 25px}.bank-transfer button{margin-top:40px}.secure-lock h6,.secure-lock img{margin:0}.secure-lock h6{margin-left:56px;font-size:23px;margin-top:12px;color:#00a4ff}.secure-lock p{padding:0;padding-top:20px;color:#00a4ff}.pay-order{text-align:right}.cvv{margin-left:25px}.cvv input{width: 128px;}.promo-code{margin-top:15px;}.promotional-code h6 a{color:#AFAFAF;}.promotional-code h6 a:hover{border-bottom:1px dotted #AFAFAF}.expiryDate select{text-align:center;}.expiryDate div.fancy-select div.trigger{width:90px;height:40px;box-sizing: border-box;}.expiryDate .fancy-select{display:inline-block;box-sizing: border-box;}.expiryDate .fancy-select:last-child{margin-left:4px;}.expiry-cvv{margin-top:20px;}div.fancy-select div.trigger{padding-top:10px;}
.payment-info li:after{content: "";display: block;overflow: hidden;height: 1em;background-image: linear-gradient(to right, #CECECE 10%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;}.acceptCards .f-l{margin-right:10px;font-size:13px;color:#AFAFAF;line-height:21px;font-weight:100;}.cvv{position:relative;}.cvv svg{margin-left: 5px;position: relative;top: 4px;}.credit-card.form-line{margin-top:40px;}.ticket-payment .credit-card .label-card{width:calc(55% - 25px);}
#codigoError.error{
margin-top:10px;
color:red;
}
/* checkout_rm */
.checkout-ticket footer.payment-footer.fixed-footer{
position:fixed;
}
.checkout-ticket .name{width:calc(55% - 25px);}
.checkout-ticket .name input{width:100%;}
.checkout-ticket .email{width:calc(45% - 4px);}
.checkout-ticket .email input{width:100%;}
.checkout-ticket .jobTitle{width:calc(45% - 21px);}
.checkout-ticket .jobTitle input{width:100%;}
.checkout-ticket .dietary input{width: calc(100% - 131px);margin-left: 14px;height: 42px;padding-top: 6px;}
.checkout-ticket .company{width:calc(55% - 4px);}
.checkout-ticket .company input{width:100%;}
.checkout-ticket div.fancy-select div.trigger{ border: 1px solid #CECECE;}
.checkout-ticket #infoTicket .f-left{width:calc(50% - 13px)}
.checkout-ticket #infoTicket .f-right{width:145px}
.checkout-ticket #infoTicket .f-left input{width:100%}
.checkout-ticket #infoTicket .f-right input{width:100%}
.m25{
margin-top: 28px !important;
width: calc(100% - 155px) !important;
position: absolute;
left: 155px;
}
.form-ticket-container .form-line:last-child label:first-child{
width:auto;
}
.jobTitle{float:left;}
.mobile-ticket-list{
display:none;
}
.company-p .trigger{
width:100%;
max-width: calc(100% - 10px) !important;
}
.mb-on{
display:none;
}
.dietary div.fancy-select div.trigger{
text-transform:none;
}
input[type='checkbox'] {
opacity: 0;
position:absolute;
}
body .checkbox{
width: 24px;
height: 24px;
display: inline-block;
cursor: pointer;
position: relative;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2aWV3Qm94PScwIDAgMjUgMjUnPjxkZWZzPjxjbGlwUGF0aCBpZD0nY2xpcC1wYXRoJz48cG9seWdvbiBwb2ludHM9JzM3MCAtNzA0LjkzNyAtMTU1MCAtNjM3IC0xNTUwIC0xMDI2IDM3MCAtMTAyNiAzNzAgLTcwNC45MzcnIHN0eWxlPSdmaWxsOm5vbmUnLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0nY2xpcC1wYXRoLTInPjxwb2x5Z29uIHBvaW50cz0nMTg2MiAtNzA0LjkzNyAtNTggLTYzNyAtNTggLTEwMjYgMTg2MiAtMTAyNiAxODYyIC03MDQuOTM3JyBzdHlsZT0nZmlsbDpub25lJy8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPnV4bHgtdGlja2V0cy1jaGVja2JveC11bmNoZWNrZWQ8L3RpdGxlPjxnIGlkPSdfMTM2NicgZGF0YS1uYW1lPScxMzY2Jz48cGF0aCBkPSdNMjIsMWEyLDIsMCwwLDEsMiwyVjIyYTIsMiwwLDAsMS0yLDJIM2EyLDIsMCwwLDEtMi0yVjNBMiwyLDAsMCwxLDMsMUgyMm0wLTFIM0EzLDMsMCwwLDAsMCwzVjIyYTMsMywwLDAsMCwzLDNIMjJhMywzLDAsMCwwLDMtM1YzYTMsMywwLDAsMC0zLTNaJyBzdHlsZT0nZmlsbDojYjNiM2IzJy8+PC9nPjwvc3ZnPg==");
}
.pcheck label span.checkbox svg {
display: none;
}
.pcheck input[type='checkbox']:checked + label span.checkbox svg {
display: block;
}
.pcheck input[type='radio'] + label span.radiobtn {
background: #ecf0f1;
border-radius: 100px;
}
.pcheck label span.radiobtn svg {
display: none;
}
.cvv {position: relative;
width: calc(100% - 206px) !important;
margin-left: 20px;
}
.cvv input{width: calc(100% - 50px);
}
.ticket-bird.inactive td{
padding:5px 10px;
}
/* TEMPORARIO */
.v1 .past-editions ul li{
/* display:none; */
display: block;
}
.v1 #pastC{
width:120px;
display: none;
}
.v1 #pastC .past-editions{
margin-right:0;
}
.v1 .menu li{
margin-top:0;
padding-top:0;
}
.no-link{
cursor: default !important;
}
#pastEditions_{
font-size:17px;
}
.table-sp-inf{
margin-bottom:90px;
display:inline-block;
margin-top:50px;
}
.table-sp-inf li:first-child{
width:60%;
float: left;
padding-left:0px;
}
.table-sp-inf li:first-child p{
float:left;
margin-bottom:40px;
}
.table-sp-inf li:last-of-type{
max-width:250px;
float:right;
max-width:325px;
}
.table-sp-inf li{
/* width:40%; */
float: left;
padding-left: 15px;
box-sizing: border-box;
}
.table-sp-all{
width:100%;
}
.table-sp-all td{
width:50%;
}
.table-sp-all td .img-spk{
border-radius: 60px;
margin-right: 30px;
float: left;
width: 120px;
}
.anime .form-mailCh input#mce-EMAIL{
animation: input_anm 1s ease;
}
.form-mailCh{
position: absolute;
right: 30px;
top: 0;
}
.all-speakers td{
border:1px solid;
}
.all-speakers .thumb img{
min-width:100px;
}
.all-speakers .thumb{
height:220px;
}
/* Tooltip
João
*/
#tooltipPop{
z-index: 555;
padding:15px;
text-align:left;
line-height: normal;
color: #54463C;
background-color: #FFF9CA;
text-shadow: none;
/* width:100%; */
font-size: 12px;
visibility: visible;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
opacity: 1;
position: absolute;
cursor: default;
box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.25);
}
#tooltipPop.top{
max-width:300px;
}
#tooltipPop.left:after{
content: "";
position: absolute;
width: 0;
height: 0;
box-sizing: border-box;
border: 5px solid #FFF9CA;
box-shadow: -2px -2px 2px 0 rgba(0, 0, 0, 0.1);
left: -7px;
top: calc(50% + 5px);
margin-top: -4px;
bottom: auto;
border-top-color: #FFF9CA;
border-left-color: #FFF9CA;
transform-origin: 0 0;
transform: rotate(-45deg);
}
#tooltipPop.top:after{
content: "";
position: absolute;
width: 0;
height: 0;
box-sizing: border-box;
border: 5px solid #FFF9CA;
box-shadow: -2px -2px 2px 0 rgba(0, 0, 0, 0.1);
right: 10px;
bottom: -17px;
border-top-color: #FFF9CA;
border-left-color: #FFF9CA;
transform-origin: 0 0;
transform: rotate(-140deg);
}
#tooltipPop.right{
top: 50%;
left: auto;
right: 105%;
margin-top: -15px;
margin-left: auto;
}
#tooltipPop.right:after{
content: "";
right: -26px;
margin-top: -6px;
bottom: auto;
position: absolute;
width: 0;
height: 0;
box-sizing: border-box;
border: 8px solid #FFF9CA;
box-shadow: -2px -2px 2px 0 rgba(0, 0, 0, 0.1);
top: calc(50% + 5px);
margin-top: -6px;
bottom: auto;
border-top-color: #FFF9CA;
border-left-color: #FFF9CA;
transform-origin: 0 0;
transform: rotate(135deg);
}
#tooltipPop.bottom{
top: 115%;
bottom: auto;
left: 50%;
margin-bottom: auto;
}
#tooltipPop.bottom:after{
position: absolute;
top: -12px;
left: 50%;
margin-left: -7px;
content: ' ';
height: 0px;
width: 0px;
border: 6px solid transparent;
border-top-color: transparent;
border-bottom-color: rgba( 0, 0, 0, .6);
}
/* CHECKOUT */
select + .select2-container--default{
width: 100% !important;
}
.sel-size{
max-width:130px !important;
}
.select-nC{
width:100%;
}
.ticket-last-info li{
line-height: 19px;
}
.btn_ticket.checked:before{
content: "";
position: absolute;
width: 25px;
height: 25px;
right:10px;
top: 15px;
box-sizing: border-box;
background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2aWV3Qm94PScwIDAgMjQgMjQnPjxkZWZzPjxjbGlwUGF0aCBpZD0nY2xpcC1wYXRoJz48cG9seWdvbiBwb2ludHM9JzI5NCAtNzA1LjkzNyAtMTYyNiAtNjM4IC0xNjI2IC0xMDI3IDI5NCAtMTAyNyAyOTQgLTcwNS45MzcnIHN0eWxlPSdmaWxsOm5vbmUnLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0nY2xpcC1wYXRoLTInPjxwb2x5Z29uIHBvaW50cz0nMTc4NiAtNzA1LjkzNyAtMTM0IC02MzggLTEzNCAtMTAyNyAxNzg2IC0xMDI3IDE3ODYgLTcwNS45MzcnIHN0eWxlPSdmaWxsOm5vbmUnLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+dXhseC10aWNrZXRzLWRvbmU8L3RpdGxlPjxnIGlkPSdMYXllcl8xJyBkYXRhLW5hbWU9J0xheWVyIDEnPjxnIHN0eWxlPSdjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgtMiknPjxwYXRoIGQ9J00xMjA0LjM2MSwyMDYuOTgzbDExMC42Mi0xNDczLjE1OGEzLjM0NSwzLjM0NSwwLDAsMC0yLjkzMy0zLjU3MkwzNjcuNy0xMzg0LjIxOGEzLjM0NSwzLjM0NSwwLDAsMS0yLjU1Ny0xLjc2MmgwbC0uMDM0LDEuMDA4LS44NTEtLjU0Mi4xNC4yNjZhMy4zNDUsMy4zNDUsMCwwLDEsLjIsMi42NTZMMTguMTg1LTM4NC4xNDVhMy4zNDUsMy4zNDUsMCwwLDAsMS42NzMsNC4wOTNsMTE4Mi42NDksNTg3LjAyYTMuMzQ1LDMuMzQ1LDAsMCwxLDEuNDcyLDEuNDM3bC4zMTMuNTk0LjAzNC0xLjAwOCcgc3R5bGU9J2ZpbGw6IzIyOGI1MjtvcGFjaXR5OjAuNTUnLz48L2c+PC9nPjxnIGlkPSdfMTM2NicgZGF0YS1uYW1lPScxMzY2Jz48cGF0aCBkPSdNMTIsMUExMSwxMSwwLDEsMSwxLDEyLDExLDExLDAsMCwxLDEyLDFtMC0xQTEyLDEyLDAsMSwwLDI0LDEyLDEyLjAxNCwxMi4wMTQsMCwwLDAsMTIsMFonIHN0eWxlPSdmaWxsOiNmZmZmZmYnLz48cGF0aCBkPSdNNiwxMWEyOC43MSwyOC43MSwwLDAsMSw0LDUsMjguOTc2LDI4Ljk3NiwwLDAsMSw4LTgnIHN0eWxlPSdmaWxsOm5vbmU7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjNweCcvPjwvZz48L3N2Zz4=");
}
.btn_ticket.checked:not(.active):before{
content: "";
position: absolute;
width: 25px;
height: 25px;
right:10px;
box-sizing: border-box;
top: 15px;
background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj48cG9seWdvbiBwb2ludHM9IjI5NCAtNzA1LjkzNyAtMTYyNiAtNjM4IC0xNjI2IC0xMDI3IDI5NCAtMTAyNyAyOTQgLTcwNS45MzciIHN0eWxlPSJmaWxsOm5vbmUiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoLTIiPjxwb2x5Z29uIHBvaW50cz0iMTc4NiAtNzA1LjkzNyAtMTM0IC02MzggLTEzNCAtMTAyNyAxNzg2IC0xMDI3IDE3ODYgLTcwNS45MzciIHN0eWxlPSJmaWxsOm5vbmUiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+dXhseC10aWNrZXRzLWRvbmU8L3RpdGxlPjxnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgtMikiPjxwYXRoIGQ9Ik0xMjA0LjM2MSwyMDYuOTgzbDExMC42Mi0xNDczLjE1OGEzLjM0NSwzLjM0NSwwLDAsMC0yLjkzMy0zLjU3MkwzNjcuNy0xMzg0LjIxOGEzLjM0NSwzLjM0NSwwLDAsMS0yLjU1Ny0xLjc2MmgwbC0uMDM0LDEuMDA4LS44NTEtLjU0Mi4xNC4yNjZhMy4zNDUsMy4zNDUsMCwwLDEsLjIsMi42NTZMMTguMTg1LTM4NC4xNDVhMy4zNDUsMy4zNDUsMCwwLDAsMS42NzMsNC4wOTNsMTE4Mi42NDksNTg3LjAyYTMuMzQ1LDMuMzQ1LDAsMCwxLDEuNDcyLDEuNDM3bC4zMTMuNTk0LjAzNC0xLjAwOCIgc3R5bGU9ImZpbGw6IzIyOGI1MjtvcGFjaXR5OjAuNTUiLz48L2c+PC9nPjxnIGlkPSJfMTM2NiIgZGF0YS1uYW1lPSIxMzY2Ij48cGF0aCBkPSJNMTIsMUExMSwxMSwwLDEsMSwxLDEyLDExLDExLDAsMCwxLDEyLDFtMC0xQTEyLDEyLDAsMSwwLDI0LDEyLDEyLjAxNCwxMi4wMTQsMCwwLDAsMTIsMFoiIHN0eWxlPSJmaWxsOiM1MTUxNTEiLz48cGF0aCBkPSJNNiwxMWEyOC43MSwyOC43MSwwLDAsMSw0LDUsMjguOTc2LDI4Ljk3NiwwLDAsMSw4LTgiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiM1MTUxNTE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjNweCIvPjwvZz48L3N2Zz4=");
}
#skipDone{
position: relative;
height: 50px !important;
cursor: pointer;
text-align: left;
background: #00a4ff;
float: right;
}
.ticket-select.open-later .less, .ticket-select.open-later .value-number, .ticket-select.open-later .more{
display:none !important;
}
.ticket-cell .ticket-select{
padding-top:12px;
}
.ticket-select.open-later:after{
content:"Open @ 3pm Lisbon time";
color:#44BADA;
word-break: break-word;
max-width: 85px;
display: inline-block;
font-size: 16px;
line-height: 22px;
}
.ticket-select.soldout .less, .ticket-select.soldout .value-number, .ticket-select.soldout .more{
display:none !important;
}
.ticket-select.soldout{
padding: 20px 0;
}
.ticket-select.soldout:after{
padding: 20px 0;
content:"Sold Out";
color:#DC2138;
}
.ticket-select.later .less, .ticket-select.later .value-number, .ticket-select.later .more{
display:none !important;
}
.ticket-select.later:after{
content:"- - -";
color:#44BADA;
}
.add-ticket .select-type{
border-color:#39bec2;
border-radius:0;
}
.select-type{
height: 40px;
width: 40px;
background:white;
-ms-text-align-last: center;
-moz-text-align-last: center;
text-align-last: center;
font-weight: 600;
border: 1px solid #CECECE;
color: black;
font-size: 16px;
border-radius: 4px;
}
button#goPrevTicket.order{
position:relative;
}
.form-ticket-container {
font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}
.form-ticket-container .form-line input{
font-weight: 400;
color: black;
font-size: 16px;
}
.btnsDoneLater{
width:auto;
float:right;
}
.btnsPrevNext{
display:inline-block;
}
.select-nC{
display: inline-block;
position: relative;
}
.is-mobile .n-css{
display:inline-block;
}
.is-mobile .n-css select{
height: 40px;
background: white;
padding: 0 20px 0 10px;
font-weight: 600;
color: black;
font-size: 16px;
border: 1px solid #CECECE;
border-radius: 4px;
display: inline-block;
width: 150px;
}
.is-mobile .n-css.small select{
width:75px;
}
.is-mobile .n-css select:focus{
outline:none;
}
.is-mobile .n-css:after{
content: "";
position: absolute;
width: 9px;
height: 8px;
top: 50%;
right: 7px;
margin-top: -2px;
z-index: 2;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpolygon fill='rgb(102,102,102)' points='8,12 0,0 16,0'/%3E%3C/svg%3E") 0 0 no-repeat;
pointer-events:none;
}
input{
box-shadow: none;
-webkit-appearance: none;
}
.expiryDate.card_year{
margin-top: 27px;
position: relative;
margin-left:-20px;
}
select{
font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}
.ticket-table table tr:not(.ticket-bird) td:first-child h5{
font-size: 15px;
font-weight: 100 !important;
text-transform: uppercase
}
.ticket-table table tr:not(.ticket-bird) td:first-child span{
font-size: 18px;
font-weight:500;
}
.ticket-table table tr:not(.ticket-bird) td:first-child{
line-height:20px;
}
:root{
--green:#84dc38;
--yellow:#f9cc47;
--blue:#78d0e7;
--pink:#fe85a9;
--grey:#beb6b5;
--lightsection:#fafaff;
--darksection:#f1f1fc;
--bordergrey:rgba(0, 0, 0, 0.05);
--programme-maintext:#e6e3ff;
}
/* PROGRAMME 2019 */
.programme{
margin-bottom:50px;
}
.programme .prog-navigation{
width:100%;
display:inline-block;
margin-bottom:90px;
}
.programme .prog-navigation ul li{
width:20%;
text-align:center;
display:table-cell;
border-width:1px;
border-style: solid;
box-sizing: border-box;
font-size: 18px;
padding:11px;
background-color:white;
vertical-align: middle;
cursor:pointer;
}
.programme .prog-navigation ul li span{
pointer-events:none;
}
.programme .prog-navigation ul li:not(:first-child){
border-left:none;
}
.programme .prog-navigation ul{
width:100%;
display:table;
}
.programme [class^="green"]{
border-color: var(--green);
color: var(--green);
}
.programme [class^="yellow"]{
border-color: var(--yellow);
color: var(--yellow);
}
.programme [class^="blue"]{
border-color: var(--blue);
color: var(--blue);
}
.programme [class^="pink"]{
border-color: var(--pink);
color: var(--pink);
}
.programme [class^="grey"]{
border-color: var(--grey);
color: var(--grey);
}
.programme [class^="green"].active{
border-color: var(--green);
background: var(--green);
color: white;
}
.programme [class^="yellow"].active{
border-color: var(--yellow);
background: var(--yellow);
color: white;
}
.programme [class^="blue"].active{
border-color: var(--blue);
background: var(--blue);
color: white;
}
.programme [class^="pink"].active{
border-color: var(--pink);
background: var(--pink);
color: white;
}
.programme [class^="grey"].active{
border-color: var(--grey);
background: var(--grey);
color: white;
}
.programme .prog-content{
position:relative;
padding-bottom:100px;
}
#content_page{
min-height:500px;
}
#content_page .prog-content:nth-child(even):before{
display:none;
height:2px;
}
.programme .prog-content:after{
content:"";
position: absolute;
left:0;
right:0;
z-index:0;
height: 1px;
bottom: 40px;
max-width: 964px;
padding: 0px 30px;
margin: 0 auto;
box-sizing:border-box;
background-color:rgba(96, 104, 174, 0.5);
}
#content_page .prog-content:last-of-type:after{
display:none;
}
.programme .prog-content .prog-content-header{
width:100%;
}
.programme .prog-content .prog-content-schedule{
width:100%;
table-layout:fixed;
}
.programme .prog-content .prog-content-schedule .part-schedule{
width:100%;
}
.programme .prog-content .prog-content-schedule > tbody > tr > td:first-of-type > table.part-schedule > tbody > tr > td:last-child{
padding-right:10px;
}
.programme .prog-content .prog-content-schedule > tbody > tr > td:last-of-type > table.part-schedule > tbody > tr > td:first-child{
padding-left:10px;
}
.programme .prog-content .prog-content-header th{
font-size: 24px;
font-weight: 300;
color: #6068ae;
margin-bottom:20px;
padding:20px 0;
}
.programme .prog-content .prog-content-header th strong{
margin-right:15px;
font-weight: normal;
}
.programme .prog-content .prog-content-header tbody tr td:first-of-type{
font-size:16px;
}
.programme .prog-content .prog-content-header tbody tr td:first-of-type strong{
margin-right:15px;
}
.programme .prog-content small{
font-size: 12px;
font-weight: 300;
color: #969696;
margin-left:15px;
text-transform: uppercase;
}
.programme .prog-content .prog-content-header small{
text-transform: uppercase;
}
.programme .prog-content .prog-content-wrapper{
width:100%;
height:100%;
}
.prog-workshop-link{
color: #39bec3;
font-size: 18px;
}
.prog-workshop-room{
font-size: 14px;
color:#000;
width:50px;
text-align:right;
}
.prog-workshop-speaker{
font-size: 14px;
font-weight:normal;
}
.prog-content-wrapper:not(.tb-coffee-break) > tbody > tr > td:last-of-type tr td{
padding:0px 0 0px 10px;
}
.prog-content-wrapper:not(.tb-coffee-break) > tbody > tr > td:last-of-type tr td:last-of-type{
padding:0px 0 20px 10px;
}
.prog-workshop-desc p{
color:#969696;
font-size: 16px;
margin:0;
}
.programme .prog-content .prog-content-wrapper.tb-coffee-break{
border-bottom:0;
table-layout: fixed;
position:relative;
}
.programme .prog-content .prog-content-wrapper.tb-coffee-break > tbody > tr > td > table{
margin-top:10px;
}
.programme .prog-content .prog-content-wrapper.tb-coffee-break td{
font-size: 14px;
width: calc(100% - 50px);
line-height:20px;
vertical-align:top;
}
.programme .prog-content .prog-content-wrapper.tb-coffee-break:after{
content:"";
width:1px;
height:100%;
display: inline-block;
position:absolute;
background:var(--bordergrey);
top:0;
left:calc(50% - 1px);
}
.programme .font-normal{
font-weight:normal;
}
.programme .prog-content .prog-content-wrapper.tb-coffee-break td.coffee-time{
font-weight:300;
color:#969696;
font-size:12px;
}
.programme .prog-content .prog-content-wrapper.tb-coffee-break > tbody > tr > td:not(:first-of-type){
padding:0 10px
}
ul.workshops-wrapper li table{
width:100%;
padding:10px;
}
.programme ul.workshops-wrapper{
display: flex;
flex-wrap: wrap;
}
.programme ul.workshops-wrapper li{
width: 50%;
box-sizing: border-box;
flex-grow: 1;
position:relative;
}
.programme ul.workshops-wrapper li:first-child, .programme ul.workshops-wrapper li:nth-child(6), .programme ul.workshops-wrapper li:nth-child(7), .programme ul.workshops-wrapper li:nth-child(12){
margin-bottom:0;
}
.programme ul.workshops-wrapper li table tr td.workshop-room{
width:75px;
text-align: right;
font-weight: 300;
font-size: 14px;
line-height:1.5em;
vertical-align: middle;
}
.programme ul.workshops-wrapper li table tr td.workshop-title{
height:35px;
line-height:1.2;
vertical-align: middle;
font-weight:400;
font-size: 20px;
line-height: 1;
}
.programme ul.workshops-wrapper li table tr td.workshop-speaker{
font-size: 14px;
font-weight: normal;
font-weight:100;
}
.programme ul.workshops-wrapper li table tr td.workshop-speaker span{
position:relative;
font-weight: 500;
font-size:16px;
color:#7d7b7b;
margin-top:5px;
display: block;
}
.programme ul.workshops-wrapper li.design table tr td.workshop-speaker span:after{
content: "Design";
display: inline-block;
position: absolute;
margin-left:20px;
color: #969696;
font-weight: 300;
font-size: 12px;
text-transform: uppercase;
border: 1px solid;
padding: 2px 5px;
border-radius: 4px;
top: 1px;
}
.programme ul.workshops-wrapper li.strategy table tr td.workshop-speaker span:after{
content:"Strategy";
display: inline-block;
position: absolute;
margin-left:20px;
color: #969696;
font-weight: 300;
font-size: 12px;
text-transform: uppercase;
border: 1px solid;
padding: 2px 5px;
border-radius: 4px;
top: 1px;
}
.programme ul.workshops-wrapper li.research table tr td.workshop-speaker span:after{
content:"Research";
display: inline-block;
position: absolute;
margin-left:20px;
color: #969696;
font-weight: 300;
font-size: 12px;
text-transform: uppercase;
border: 1px solid;
padding: 2px 5px;
border-radius: 4px;
top: 1px;
}
.programme ul.workshops-wrapper li table tr td.workshop-desc{
color: black;
padding-top: 15px;
font-size: 16px;
font-weight: 300;
padding-bottom:15px;
line-height:1.2;
}
.programme ul.workshops-wrapper li table tr td.workshop-sp-photo{
width:40px;
}
.programme ul.workshops-wrapper li table tr td.wk-sp-picture{
vertical-align:top;
padding-top:10px;
}
.programme ul.workshops-wrapper li table tr td.wk-sp-picture img{
margin-bottom:10px;
}
.programme ul.workshops-wrapper li table {
border-collapse: none;
}
.programme ul.workshops-wrapper li:first-child, .programme ul.workshops-wrapper li:nth-child(2), .programme ul.workshops-wrapper li:nth-child(3), .programme ul.workshops-wrapper li:nth-child(4), .programme ul.workshops-wrapper li:nth-child(5), .programme ul.workshops-wrapper li:nth-child(6){
padding: 15px 25px 10px 0;
border-right:1px solid var(--bordergrey);
}
.programme ul.workshops-wrapper li:nth-child(7), .programme ul.workshops-wrapper li:nth-child(8), .programme ul.workshops-wrapper li:nth-child(9), .programme ul.workshops-wrapper li:nth-child(10), .programme ul.workshops-wrapper li:nth-child(11), .programme ul.workshops-wrapper li:nth-child(12){
padding: 15px 0 10px 25px;
}
.programme ul.workshops-wrapper li:not(:first-child):not(:nth-child(7)):after{
content:"";
width:calc(100% - 25px);
display: inline-block;
height:1px;
background-color:var(--bordergrey);
position:absolute;
bottom:0;
}
.programme .prog-content.column-1 ul.workshops-wrapper li:after{
width:100%;
}
.programme ul.workshops-wrapper li:first-child table, .programme ul.workshops-wrapper li:nth-child(7) table{
border-bottom:none;
margin: 10px 0;
}
.programme .prog-content.column-1 ul.workshops-wrapper{
display: block;
}
.programme .prog-content.column-1 ul.workshops-wrapper li{
width:100%;
}
.programme .prog-content.column-1 ul.workshops-wrapper li:first-child, .programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(2), .programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(3), .programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(4), .programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(5), .programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(6){
border:none;
padding-right:0;
}
.programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(7), .programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(8), .programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(9), .programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(10), .programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(11), .programme .prog-content.column-1 ul.workshops-wrapper li:nth-child(12){
padding-left:0;
}
@media only screen and (max-width: 767px) {
/* happy hour */
.table-day tr.h-h td:last-child:before{
display: none;
}
.h-h .programme-speaker-image{
border-radius:0;
width:100%;
margin-right:0;
border-radius:15px;
}
.table-day tr.h-h td:last-child .mb-sp-info > .d-ib{
float: right;
position: relative;
top: 60px;
}
/* */
.programme-day-container .hour-description .hour{
margin-right:10px;
}
#showFullProgram{
display:none;
}
.day-three.table-day .talk .hour-description{
margin:0;
display:inline-block;
}
.programme-day-container .day-three.table-day .hour-description .hour{
margin-right:10px;
bottom: 0;
}
.hour-ttl{
line-height: 23px;
}
.mb-table-programme{
display:block !important;
}
.nomb-table-programme{
display:none;
}
.table-day{
margin: 0;
}
.room.nomb-table-programme{
display:none !important
}
.programme-day-container tr td{
position:relative;
}
.programme-day-container tr td p:last-child{
color:#666666;
max-width:100%;
}
.hour-description .coffee-break{
display:none;
}
.programme-day-container .coffee-break{
margin:15px 35px;
}
.programme-day-container .coffee-break:before{
top:-1px;
}
.hour{
bottom:0;
}
.mb-sp-info{
position:relative;
display: inline-block;
width:100%;
height:22px;
}
.mb-sp-info p{
position:absolute;max-width:100%;
}
.mb-truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.table-day{
padding:0px;
}
.head-desc{
position: relative;
display: inline-block;
width: 100%;
height: 20px;
margin:0;
}
.table-day .speaker-name{
width:100%;
}
.head-desc .desc-title{
width: 100%;
position: absolute;
height: 22px;
font-weight: 300;
}
.prog-desc-info{
display:none !important;
}
.day-three.table-day td:first-child{
vertical-align: top;
}
.checkout-ticket .dietary input{
width: 100%;
margin-left: 0;
margin-left: 0;
margin-top: 12px;
padding-top: 0;
}
.AI_lightbox_grid{
height:auto !important;
}
ul#pagination-demo li{
margin-right: 0 !important;
}
ul#pagination-demo li.disabled{
visibility:hidden;
}
.image_div div.block img{
margin:5px !important;
}
#mc_embed_signup .clear{
display: inline-block !important;
width:auto !important;
}
}
.double td .speaker-name.regular:last-child{
margin-top:25px;
}
.double td .programme-speaker:last-child{
margin-top:10px;
}
.contact-dv span, .contact-dv span:hover {
color:white;
}
.a-nohover{
color:black !important;
border-bottom:none;
}
.a-nohover:hover{
color:black !important;
border-bottom:none;
}
.list-dropdown li{
width:100%;
margin-bottom:10px;
}
.list-dropdown li .title-dropdown{
background-color:#D5F1F2;
line-height:50px;
padding:0 25px;
border-radius:5px;
margin-bottom:20px;
position:relative;
cursor:pointer;
}
.list-dropdown li .title-dropdown i {
display: inline-block;
position: absolute;
right: 20px;
width: 50px;
height: 50px;
}
.list-dropdown li .title-dropdown span{
text-transform: uppercase;
font-weight: 400;
}
.list-dropdown li .li-content {
display:none;
}
.list-dropdown li.active .li-content {
display:block;
padding:0;
margin:20px 0 50px 0;
}
.list-dropdown li.active .title-dropdown{
background-color:#39BEC3;
}
.list-dropdown li.active .title-dropdown span{
color:white;
}
.list-dropdown li .li-content .speaker-thumb {
border-radius:50%;
float:left;
margin-right:15px;
display:inline-block;
}
.list-dropdown li .li-content .speaker-thumb img{
width:50px;
height:50px;
border-radius:50%;
}
.list-dropdown li .li-content .content-header {
width:100%;
position:relative;
padding-bottom:0px;
padding-top:20px;
box-sizing: border-box;
}
.list-dropdown li .li-content .content-header:after {
content:"";
background:#808080;
width:100%;
height:3px;
display:inline-block;
position:absolute;
box-sizing: border-box;
left:0;
bottom:0;
}
.list-dropdown li .li-content .content-header .speaker-details{
display: inline-block;
vertical-align: middle;
padding: 8px 0;
width: calc(100% - 190px);
}
.list-dropdown li .li-content .content-header .speaker-details .workshop-name{
font-weight: 600;
font-size:20px;
margin-bottom:5px;
width: 100%;
}
.list-dropdown li .li-content .content-header .workshop-code{
position: relative;
right: 0;
top: 0;
font-size: 30px;
margin: 15px 0;
color: #4A4A4A;
font-weight: 100;
display: inline-block;
float: right;
}
.list-dropdown li .li-content .content-container{
margin-top:-3px;
margin-bottom:20px;
}
.list-dropdown li .li-content .content-container iframe body .topbar{
display:none;
}
.list-dropdown li .li-content .content-container .slide-title{
margin:15px 0 0 0;
display: inline-block;
width: 100%;
}
.list-dropdown li .li-content .content-container .slide-title i{
width:50px;
height: 50px;
background-color: white;
display: inline-block;
float:left;
box-sizing:border-box;
}
.list-dropdown li .li-content .content-container .slide-title span{
line-height: 50px;
font-weight:600;
margin-left:10px;
}
.list-dropdown li .li-content .content-container iframe {
margin:15px 0 0 0;
overflow: scroll !important;
width:595px;
height:485px;
}
.list-dropdown li .li-content .content-container canvas {
width:595px;
}
.list-dropdown li .li-content .content-container .slide-bar {
width:595px;
margin:0 auto;
background-color: rgba(0,0,0,0.8);
margin-top:-3px;
padding: 9px 0;
height: 38px;
box-sizing:border-box;
}
.list-dropdown li .li-content .content-container iframe > body{
overflow: scroll !important
}
.list-dropdown li .li-content .content-container .list-point{
margin-left:60px;
}
.list-dropdown li .li-content .content-container .list-point li{
margin-bottom:30px;
}
.list-dropdown li .li-content .content-container .list-point li div{
width:100%;
margin-bottom:10px;
}
.list-dropdown li .li-content .content-container .list-point li span{
font-style: italic;
}
.main.coverage{
margin-top: 100px;
}
.list-dropdown li .title-dropdown .icon-bottom{
width:50px;
height:50px;
background: url("../img/icons/icon-seta-blue@2x.svg");
background-size:cover;
}
.list-dropdown li .title-dropdown .icon-up{
width:50px;
height:50px;
background: url("../img/icons/icon-seta-cima@2x.png");
background-size:cover;
display:none;
}
.list-dropdown li.active .title-dropdown .icon-bottom{
display:none;
}
.list-dropdown li.active .title-dropdown .icon-up{
display:inline-block;
}
.line-dropdown {
margin-bottom:50px;
}
.app-mobile{
display:none;
}
#home .add-info.data-green{
background: #38964a;
color:white;
}
#home .add-info.data-red{
background: #c76568;
}
#home .u-userBackgroundColor:not([disabled]){
background:lightblue !important;
}
#home .home-programme{
margin-top:30px;
}
/* só em pequeno colocar img */
#home .heading{
height:300px;
background-color:#001b3e;
}
#home .head-title span{
text-shadow: 0px 0px 25px black;
}
#home .rect-content{
height:400px;
}
#home .h-city, .h-days{
float: right;
margin-top: 40px;
}
#home .h-city{
margin-right:30px;
font-size: 19px !important;
position:relative;
top:10px;
}
#home .h-days{
font-size: 28px !important;
margin-left: 30px;
}
#home .full-lineup{
margin-bottom: 90px;
display:inline-block;
width:100%;
}
#home .full-lineup a{
padding: 14px 20px;
background-color: #39bec3;
color: white;
border-radius: 3px;
font-weight:300;
display:inline-block;
margin-top:30px;
}
#home .full-lineup a:hover{
border:none;
}
#home .main-home-menu{
line-height: 60px;
}
#home .main-home-menu .menu{
margin-top:0;
}
#home .mb-sp-info p{
margin-top:0px;
font-weight: 300;
}
#home .coffee-break:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
top: 2px;
left: 0;
background: url('../img/icons/cofee-br@2x.png') no-repeat ;
background-size: 100%;
}
#home .hour-description{
margin-top: 15px;
float:none;
}
#home .coffee-break {
position: relative;
margin-left: 20px;
color: #BFBFBF;
font-size: 18px;
padding-left: 30px;
}
/* rmrm */
.table-reo div.sp-cell{
max-width:50%;
}
.table-reo{
width:100%;
display:flex;
flex-wrap: wrap;
margin-top:40px;
}
.table-reo div.sp-cell{
min-width:50%;
box-sizing: border-box;
flex-grow: 1;
flex-shrink: 0;
flex-basis: auto;
flex-shrink: 0;
}
.table-reo div .img-radius{
float:left;
overflow:hidden;
display:inline-block;
max-width: 120px;
max-height: 120px;
margin-right:30px;
}
.table-reo div .img-radius img{
border-radius:50%;
overflow:hidden;
width: 120px;
height: 120px;
}
.table-reo div .speaker-description p{
max-width: 450px;
float: left;
line-height: 1.4;
color: black;
font-weight: 300;
font-style: normal;
font-size: 18px;
margin-top:15px;
}
.sp-cell.df{
margin-bottom: 30px;
}
.sp-subtitle-detail{
margin-top:40px;
}
.no-mgr p{margin-bottom:0 ;}
.fourth-line .ticket-buyer-conf{
display: inline-block;
margin: 35px 0 0 35px;
}
/* radio buttons */
.control {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
cursor: pointer;
font-size: 18px;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control__indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #e6e6e6;
}
.control--radio .control__indicator {
border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
background: #ccc;
}
.control input:checked ~ .control__indicator {
background: #2aa1c0;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
background: #0e647d;
}
.control input:disabled ~ .control__indicator {
background: #e6e6e6;
opacity: 0.6;
pointer-events: none;
}
.control__indicator:after {
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control__indicator:after {
display: block;
}
.control--radio input:disabled ~ .control__indicator:after {
background: #7b7b7b;
}
.control--radio .control__indicator:after {
left: 7px;
top: 7px;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
}
#programme .color-section.activities .low-rect{
z-index:0 ;
}
.form-waiting-list{
background:#FFF9CA;
position: absolute;
margin-top:20px;
color:black;
padding:20px;
width: calc(100% + 150px);
right:0;
box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.1);
display:none;
}
.form-waiting-list.active{
display:inline-block;
}
.form-waiting-list.active .checkbox{
display:inline-block;
}
.form-waiting-list.active .pcheck label span.checkbox.error{
background: #FCF5F6;
border-radius: 5px;
border: 1px solid red;
box-sizing: border-box;
}
.form-waiting-list .box.pcheck{
margin-top:10px;
width:100%;
position:relative;
}
.form-waiting-list .box.pcheck{
margin-top:10px;
width:100%;
position:relative;
}
.form-waiting-list .box.pcheck:before {
width: 24px;
height: 24px;
background-color: white;
display: inline-block;
content: "";
position: absolute;
left: 0px;
top: 0px;
z-index: -0;
}
.form-waiting-list .box.pcheck input[type="checkbox"]{
height:20px;
left:0;
z-index: 999;
cursor: pointer;
}
.form-waiting-list .box.pcheck label span:last-of-type{
margin-left:5px;
margin-bottom:5px;
line-height: 24px;
font-size:13px;
display:inline-block;
width:calc(100% - 35px);
margin-bottom:10px;
}
.form-waiting-list .bg-ticket{
color:white;
cursor:pointer;
font-size:16px;
}
.form-waiting-list .close-form-waiting.for-mobile{
display:none;
}
.form-waiting-list:before{
content: "";
position: absolute;
width: 0;
height: 0;
top: 1px;
right: 140px;
box-sizing: border-box;
border: 8px solid black;
border-color: transparent transparent #FFF9CA #FFF9CA;
transform-origin: 0 0;
transform: rotate(135deg);
box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.form-waiting-list input[type="email"], .form-waiting-list input[type="text"]{
width: 100%;
margin-top: 10px;
border: none;
font-family: "myriad-pro", Helvetica, Arial, sans-serif;
width: 100%;
border: none;
font-size: 15px;
border: 1px solid #ABB0B2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #343434;
background-color: white;
box-sizing: border-box;
height: 32px;
padding: 0px 0.4em;
display: inline-block;
margin: 0 0 10px 0;
vertical-align: top;
}
.form-waiting-list input.error{
background: #FCF5F6;
border: 1px solid red;
}
.form-waiting-list > form > strong{
display: inline-block;
text-align: left;
font-size: 15px;
margin: 10px 0;
}
/* Dias UXLX */
.image_div{
margin-bottom:40px;
}
.image_div div.block img{
height:145px;
float:left;
margin: 15px;
}
ul#pagination-demo{
text-align: center;
}
ul#pagination-demo li{
display:inline-block;
margin-right:10px;
}
ul#pagination-demo li.disabled{
visibility:hidden;
}
ul#pagination-demo li:last-of-type{
margin-right:0;
}
ul#pagination-demo li.active{
font-weight: bold;
}
ul#pagination-demo li.disabled a{
color:lightgrey;
cursor:default;
}
ul#pagination-demo li a:hover{
border-bottom:0;
}
ul#pagination-demo li a{
display:inline-block;
width:20px;
line-height:20px;
border-radius: 20px;
padding: 10px;
color:#00a4ff;
float:left;
}
ul#pagination-demo li.first a, ul#pagination-demo li.last a, ul#pagination-demo li.prev a, ul#pagination-demo li.next a{
background-color:#dcf2ff;
}
ul#pagination-demo li.active a{
background-color:#00a4ff;
color:white;
}
/* NEM HOME */
#home .header-rotated-bar{
width: 100%;
height: 100px;
-webkit-transform: skewY(2deg);
-moz-transform: skewY(2deg);
-o-transform: skewY(2deg);
background: red;
position:absolute;
bottom:0;
z-index:999;
}
#home .fixed-nav{
height:auto;
margin-top:-50px;
padding-top:75px;
padding-bottom:10px;
}
#home .fixed-nav .main-home-menu{
height:60px;
}
#home .fixed-nav .main-home-menu .menu li a{
color:#001b3e !important;
font-weight: 500;
}
.desktop-note{
display: inline-block;
overflow: auto;
width: 500px;
position: absolute;
left: 0;
top: 0;
}
.desktop-note .bg-note{
width: 0;
height: 0;
border-top: 145px solid #ffcc02;
border-right: 500px solid transparent;
display: inline-block;
}
/* ux 2019 */
.banner-bg-blue{
background-color:#001b3e;
background-size:cover;
width:100%;
height:150px;
display:inline-block;
}
html{
overflow-x: hidden
}
.header-home .main-header{
background-color:#001b3e;
padding:0 0 150px 0;
height:450px;
position:relative;
}
.header-home .main-header .header-box-left div.logo-cont{
height:75px;
padding:15px 0 40px 0;
}
.header-home .main-header .header-box-left div.presents-cont{
padding:30px 0 0 0;
}
.header-home .main-header .header-box-left div.presents-cont img{
height:33px;
float:left;
}
.header-home .main-header .header-box-left div.presents-cont span{
font-size: 18px;
font-weight: 300;
color: #677e9d;
display: inline-block;
line-height:35px;
margin-left:15px;
}
.header-home .main-header .header-box-left div img{
height: 75px;
}
.header-home .main-header .header-box-left div div.logo-cont span{
width: 100px;
display: inline-block;
line-height:25px;
margin-left:25px;
text-align: left;
text-transform:uppercase;
}
.header-home .main-header .grid{
max-width:1366px;
}
.header-home .main-header .header-box-left{
width:520px;
z-index:1;
font-size: 21px;
display:inline-block;
color: #a6a6a6;
float:left;
position:absolute;
}
.header-home .main-header .header-box-left h1{
color: white;
margin-top:65px;
text-align: left;
font-size: 45px;
font-weight: 300;
}
.header-home .main-header .header-box-left h1 span{
font-weight: 500;
}
.header-home .main-header .header-box-right {
top: -60px;
position: absolute;
display: inline-block;
width: 100%;
right:-15px;
}
.header-home .regular-info{
position:absolute;
z-index: 2;
left:0;
margin:40px;
font-size: 20px;
color:#702600;
}
.regular-info h6{
line-height:26px;
}
.regular-info span{
margin-top:5px;
font-size:16px;
display: inline-block
}
.banner-bg{
position:absolute;
bottom:0;
width:100%;
}
.turn{
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.banner-bg-yellow{
position:absolute;
}
#kaleidoscope{
position: relative;
z-index: 121;
/* float: right; */
width: 800px;
height: 800px;
margin-left: 520px;
margin-top: -200px;
}
#paginationCarousel{
display:none;
}
#img-kaleido{
display:none;
}
.banner-content .menu{
margin:-50px 0;
z-index:122;
}
.banner-content .menu li a{
margin: 0 10px;
}
.header-home{
display: inline-block;
width: 100%;
height: 550px;
margin-bottom:50px;
}
.header-home .banner-content .menu a.blue:hover{
color:#3399ff;
}
.header-home .banner-content .menu a.purple:hover{
color:#3333ff;
}
.header-home .banner-content .menu a.pink:hover{
color:#9933cc
}
.header-home .banner-content .menu a.red:hover{
color:#cc0000
}
.header-home .banner-content .menu a.orange:hover{
color:#ff6600
}
.header-home .banner-content .menu a.yellow:hover{
color:#ff9900
}
.header-home .banner-content .menu a.green:hover{
color:#80c22e
}
.menu{
font-size:18px;
position: relative;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
font-style:normal;
-webkit-font-smoothing: subpixel-antialiased;
}
/* footer */
footer .light-nav{
background-color:#193c6a;
padding:30px 0;
}
footer .light-nav .menu li{
margin-right:20px;
}
footer .light-nav .menu li a{
color:white;
font-weight:300;
}
footer .light-nav .social-links{
display:inline-block;
margin-top:30px;
}
footer .light-nav .social-links a:hover{
border:none;
}
footer .light-nav .social-links a{
cursor:pointer;
}
footer .light-nav .social-links li{
float:left;
margin-right:10px;
}
footer .light-nav .social-links li:first-of-type span{
line-height:30px;
color:white;
}
footer .dark-nav {
background:#001b3e;
padding:15px 0;
}
footer .dark-nav > div > ul > li{
display: table-cell;
padding-right: 30px;
vertical-align:top;
}
footer .dark-nav > div > ul > li:last-child{
padding-right:0;
}
footer .dark-nav > div > ul > li:first-child span{
color:#9b9b9b;
display:block;
font-size:18px;
}
footer .dark-nav > div > ul > li:first-child a:hover{
bordeR:none;
}
footer .dark-nav > div > ul > li:first-child img{
margin-top:5px;
height:45px;
}
footer .dark-nav > div > ul p{
color:white;
margin-top:25px;
font-size:17px;
}
footer .dark-nav > div > ul li img.office-pic{
height:195px;
margin-top: -15px;
margin-bottom: -17px;
}
footer .dark-nav > div > ul > li:nth-child(2){
font-weight: 300;
}
footer .dark-nav > div > ul > li:nth-child(2) a{
margin:15px 0;
display:inline-block;
}
footer .dark-nav > div > ul > li button{
background-color:#ffcc02;
color: #001b3e;
border:none;
width:80px;
height:45px;
font-size:16px;
border-radius: 3px;
margin-top:25px;
}
/* tickets 2019 */
.ticket-table .bg-green .ticket-header{
background-color:#84dc38;
color:white;
}
.ticket-table .ticket-header > div.p-a{
height:25px;
top:-25px;
width:100%;
}
.ticket-table .ticket-container > svg{
width:100%;
top:-20px;
}
.grid-tickets{
position: relative;
max-width: 1306;
padding: 0px 30px;
margin: 0 auto;
}
.ticket-table .bg-orange .ticket-header{
background-color:#f9cc47;
color:white;
}
.ticket-table .bg-blue .ticket-header{
background-color:#78d0e7;
color:white;
}
.ticket-table .bg-pink .ticket-header{
background-color:#fe85a9;
color:white;
}
.ticket-table .bg-grey .ticket-header{
background-color:#beb6b5;
color:white;
}
.ticket-table .bg-green{
background-color:#dbf7c0;
}
.ticket-table .bg-orange{
background-color:#fcf9ef;
}
.ticket-table .bg-blue{
background-color:#f2fafc;
}
.ticket-table .bg-pink{
background-color:#fcf6f6;
}
.ticket-table .bg-grey{
background-color:#f8f8f8;
}
.bg-4days{
background-color:#dbf7c0;
}
.bg-3days{
background-color:#fcf9ef;
}
.bg-2days{
background-color:#f2fafc;
}
.bg-1dayw{
background-color:#fcf6f6;
}
.bg-1dayt{
background-color:#f8f8f8;
}
.payment-info li.bg-4days-text h6{
color:#c8da2a;
}
.payment-info li.bg-3days-text h6{
color:#ffcc02;
}
.payment-info li.bg-2days-text h6{
color:#e66567;
}
.payment-info li.bg-1dayw-text h6{
color:#39bec2;
}
.payment-info li.bg-1dayt-text h6{
color:#ababab;
}
.ticket-table .ticket-cell .ticket-container{
position:relative;
}
.ticket-table .bg-green .ticket-container{
background-color:#dbf7c0;
border-top:none;
}
.ticket-table .bg-orange .ticket-container{
background-color:#ffedb7;
border-top:none;
}
.ticket-table .bg-blue .ticket-container{
background-color:#cbf4ff;
border-top:none;
}
.ticket-table .bg-pink .ticket-container{
background-color:#ffe4e7;
border-top:none;
}
.ticket-table .bg-grey .ticket-container{
background-color:#ebe7e7;
border-top:none;
}
.ticket-table .ticket-content .ticket-level li.no-ticket .ticket-quant{
display:none;
}
.ticket-table .ticket-content .ticket-level li.no-ticket .ticket-price{
line-height:18px;
}
.ticket-table .ticket-content .ticket-level li.sold-out .ticket-price, .ticket-table .ticket-content .ticket-level li.sold-out .ticket-quant{
display:none;
}
.ticket-table .ticket-content .ticket-level li.active.sold-out .ticket-price, .ticket-table .ticket-content .ticket-level li.active.sold-out .ticket-total{
display:none;
}
.ticket-table .ticket-content .ticket-level li.active.sold-out > div:after{
content:"Sold Out";
display: inline-block;
width:100%;
position:relative;
margin-top:10px;
text-align: center;
font-size: 35px;
text-decoration: none;
}
.ticket-table .ticket-content .ticket-level li.active.not-available > div:after{
content:"Not Available";
display: inline-block;
width:100%;
position:relative;
margin-top:10px;
text-align: center;
font-size: 35px;
text-decoration: none;
}
.ticket-table .ticket-cell .ticket-level li.active.sold-out h6.ticket-title{
float:none;
text-decoration: line-through;
}
.ticket-table .ticket-cell .ticket-level li.active.not-available h6.ticket-title{
float:none;
text-decoration: line-through;
}
.ticket-table .ticket-content .ticket-level li.active.sold-out span.ticket-quant{
display:none;
}
.ticket-table .ticket-content .ticket-level li.active.not-available span.ticket-quant{
display:none;
}
.ticket-table .ticket-content .ticket-level li.active.sold-out .ticket-title{
text-decoration: line-through;
}
.ticket-table .ticket-content .ticket-level li.active.not-available .ticket-title{
text-decoration: line-through;
}
.ticket-table .ticket-content .ticket-level li.sold-out:before{
content:"Sold out";
display: inline-block;
position:absolute;
right:10px;
font-weight: 400;
text-transform: uppercase;
font-size: 11px;
margin: 23px 0 0 0;
top: 1px;
color:#d6d6d6;
}
.ticket-table .ticket-content .ticket-level li.not-available:before{
content:"N/A";
display: inline-block;
position:absolute;
right:10px;
font-weight: 400;
text-transform: uppercase;
font-size: 12px;
margin: 23px 0 0 0;
top: 1px;
color:#d6d6d6;
}
.ticket-table .ticket-content .ticket-level li.active.sold-out:before{
display:none;
}
.ticket-table .ticket-content .ticket-level li.active.not-available:before{
display:none;
}
.ticket-table .ticket-content .ticket-level li.active.not-available:before{
display:none;
}
.ticket-table .ticket-content .ticket-level li.sold-out .ticket-title{
text-decoration: line-through;
}
.ticket-table .ticket-content .ticket-level li.not-available .ticket-title{
text-decoration: line-through;
}
.ticket-table .ticket-content .ticket-level li.no-ticket .ticket-quant{
display:none;
}
.ticket-table .ticket-content .ticket-level li.active{
height:149px;
}
.ticket-table .bg-green .ticket-content .ticket-level li{
border :1px solid #dbf7c0;
border-top:0;
}
.ticket-table .bg-green .ticket-content .ticket-level li.active{
border-color:#84dc38;
border-width: 2px;
border-top:1px solid #84dc38;
border-bottom:2px solid #84dc38;
}
.ticket-table .bg-orange .ticket-content .ticket-level li{
border :1px solid #ffedb7;
border-top:0;
}
.ticket-table .bg-orange .ticket-content .ticket-level li.active{
border-color:#f9cc47;
border-width: 2px;
border-top:1px solid #f9cc47;
border-bottom:2px solid #f9cc47;
}
.ticket-table .bg-blue .ticket-content .ticket-level li{
border: 1px solid #cbf4ff ;
border-top:0;
}
.ticket-table .bg-blue .ticket-content .ticket-level li.active{
border-color:#78d0e7;
border-width: 2px;
border-top:1px solid #78d0e7;
border-bottom:2px solid #78d0e7;
}
.ticket-table .bg-pink .ticket-content .ticket-level li{
border: 1px solid #ffe4e7 ;
border-top:0;
}
.ticket-table .bg-pink .ticket-content .ticket-level li.active{
border-color:#fe85a9;
border-width: 2px;
border-top:1px solid #fe85a9;
border-bottom:2px solid #fe85a9;
}
.ticket-table .bg-grey .ticket-content .ticket-level li{
border: 1px solid #ebe7e7 ;
border-top:0;
}
.ticket-table .bg-grey .ticket-content .ticket-level li.active{
border-color:#beb6b5;
border-width: 2px;
border-top:1px solid #beb6b5;
border-bottom:2px solid #beb6b5;
}
.tickets-all{
margin-top:100px;
}
.ticket-table .ticket-content .ticket-prog{
padding:10px 0;
}
.ticket-table .ticket-content .ticket-prog li{
padding: 9px 20px;
font-size: 13px;
position:relative;
}
.ticket-table .ticket-content .ticket-prog li span{
line-height:1.2;
}
.ticket-table .bg-green .ticket-content .ticket-prog li:before{
content:"";
width:5px;
height:5px;
display:inline-block;
border-radius:50%;
left:10px;
top:12px;
position:absolute;
background-color: #84dc38;
}
.ticket-table .bg-orange .ticket-content .ticket-prog li:before{
content:"";
width:5px;
height:5px;
display:inline-block;
border-radius:50%;
left:10px;
top:12px;
position:absolute;
background-color: #f9cc47;
}
.ticket-table .bg-blue .ticket-content .ticket-prog li:before{
content:"";
width:5px;
height:5px;
display:inline-block;
border-radius:50%;
left:10px;
top:12px;
position:absolute;
background-color: #78d0e7;
}
.ticket-table .bg-pink .ticket-content .ticket-prog li:before{
content:"";
width:5px;
height:5px;
display:inline-block;
border-radius:50%;
left:10px;
top:12px;
position:absolute;
background-color: #fe85a9;
}
.ticket-table .bg-grey .ticket-content .ticket-prog li:before{
content:"";
width:5px;
height:5px;
display:inline-block;
border-radius:50%;
left:10px;
top:12px;
position:absolute;
background-color: #beb6b5;
}
.ticket-table .bg-orange:parent{
background:blue;
}
.ticket-table .bg-green .ticket-container:before{
content: "";
position: absolute;
width: 100%;
top: -24px;
height: 20px;
z-index: -1;
}
.ticket-table .bg-orange .ticket-container:before{
content:"";
position:absolute;
width:100%;
top: -24px;
height:20px;
z-index: -1;
}
.ticket-table .bg-blue .ticket-container:before{
content:"";
position:absolute;
width:100%;
top: -24px;
height:20px;
z-index: -1;
}
.ticket-table .bg-pink .ticket-container:before{
content:"";
position:absolute;
width:100%;
top: -24px;
height:20px;
z-index: -1;
}
.ticket-table .bg-grey .ticket-container:before{
content: "";
position: absolute;
width: 100%;
top: -24px;
height: 20px;
z-index: -1;
}
.ticket-table{
display: -ms-flex;
display: -webkit-flex;
display: flex;
}
.ticket-table .ticket-cell{
width: 188px;
flex:1;
position: relative;
vertical-align: top;
border-collapse: separate;
margin-right: 10px;
}
.ticket-table .ticket-cell:last-of-child{
margin-right:0;
}
.ticket-table .ticket-container{
padding:0 0 0 0;
}
.ticket-table .ticket-container .ticket-header{
padding: 17px 0 17px 0;
height:85px;
}
.ticket-table .ticket-cell .ticket-header h6{
font-size: 26px;
text-align: center;
}
.ticket-table .ticket-cell .ticket-header h6.workshops{
width:calc(50% - 18px);
display:inline-block;
text-align: right;
}
.ticket-table .ticket-cell .ticket-header h6.workshops:after{
content: "Workshops";
display: inline-block;
position: absolute;
font-size: 16px;
line-height: 30px;
font-weight: 100;
margin-left: 10px;
text-transform: uppercase;
}
.ticket-table .ticket-cell .ticket-header h6.talks{
width:50%;
display:inline-block;
text-align: right;
}
.ticket-table .ticket-cell .ticket-header span{
display: block;
font-size: 15px;
text-align: center;
margin-top:10px;
font-weight: 500;
}
.ticket-table .ticket-cell:last-child{
margin-right: 0;
}
.ticket-table .ticket-cell .ticket-level li h6.ticket-title{
font-size:13px;
}
.ticket-table .ticket-cell .ticket-level li.sold-out h6.ticket-title{
font-size:13px;
color:#d6d6d6;
}
.ticket-table .ticket-cell .ticket-level li.not-available h6.ticket-title{
font-size:13px;
color:#d6d6d6;
}
.ticket-table .ticket-cell .ticket-level li span.ticket-quant{
font-size:12px;
color:#d6d6d6;
}
.ticket-table .ticket-cell .ticket-level li h5.ticket-price{
font-size:13px;
float:right;
line-height:30px;
font-weight:300;
}
.ticket-table .ticket-cell .ticket-level li .ticket-total{
display:none;
}
/* open option */
.ticket-table .ticket-cell .ticket-level li{
background-color: white;
color: #879599;
width:100%;
padding: 20px 15px;
box-sizing: border-box;
font-weight:normal;
position:relative;
height:55px;
}
.ticket-table .ticket-content .ticket-level li.no-ticket{
padding: 14px 9px;
}
.ticket-table .ticket-content .ticket-level li.sold-out{
padding: 8px 9px;
}
.ticket-table .ticket-content .ticket-level li.not-available{
padding: 20px 9px;
}
.ticket-table .ticket-cell .ticket-level li.active{
color:black;
}
.ticket-table .ticket-cell .ticket-level li.active > .d-ib{
width:100%;
}
.ticket-table .ticket-cell .ticket-level li.active h6.ticket-title{
font-size:16px;
float:left;
}
.ticket-table .ticket-cell .ticket-level li.active h5.ticket-price{
font-size: 34px;
float:none;
text-align: center;
margin:14px 0;
font-weight:500;
}
.ticket-table .ticket-cell .ticket-level li.active h5.ticket-price span{
display:none;
}
.ticket-table .ticket-cell .ticket-level li.active span.ticket-quant{
float:right;
margin:2px 0;
font-size:11px;
}
.ticket-table .ticket-cell .ticket-level li.active span{
display:block;
text-align: center;
font-weight: 300;
color:#879599;
}
.registration-ticket .ticket-table:last-of-type{
margin-top:20px;
}
.ticket-table .ticket-cell.sold-out > div.d-ib, .ticket-table .ticket-cell.soon > div.d-ib, .ticket-table .ticket-cell.not-available > div.d-ib{
display:none !important;
}
.ticket-table .ticket-cell.sold-out:after{
content:"Sold Out";
display:block;
text-align: center;
color: #de0000;
font-weight: 300;
font-size: 25px;
line-height: 55px;
}
.ticket-table .ticket-cell.soon:after{
content:"Coming Soon";
display:block;
text-align: center;
color: rgba(0, 0, 0, 0.32);
font-weight: 300;
font-size: 25px;
line-height: 55px;
}
.ticket-table .ticket-cell.not-available:after{
content:"N/A";
display:block;
text-align: center;
color: rgba(0, 0, 0, 0.32);
font-weight: 300;
font-size: 25px;
line-height: 55px;
}
.ticket-table .ticket-num{
font-size:32px;
}
.gradient1{
font-weight: 300;
padding: 0px;
margin: 0px;
display: inline-block;
font-size: 72px;
position:absolute;
z-index: 1;
transform: translateZ(1px) rotate(-3deg);
}
.ticket-select{text-align:center;font-size:20px;}
.ticket-select button{width:35px;height:35px;margin:0 5px;border:none;background:none;cursor:pointer;display:inline-block;background:#39bec2 ;}
.ticket-select button:focus{outline:none}
.ticket-select button svg{fill:white;width:13px; padding: 3px 0 0 0;}
.ticket-select .value-number{display:inline-block;vertical-align:middle;margin-top:-3px;}
.ticket-select .value-number input{display:inline-block;border:1px solid #39bec2;width:35px;height:35px;font-size:20px;display:block;font-weight:500;text-align:center;padding:0 ;box-sizing: border-box;}
.ticket-select .value-number input:focus{outline:none}.no-border td{border-top:none !important;border-bottom:none !important}
.ticket-bird td{border-top:none}
.ticket-value td{padding:0;border-top:none;border-bottom:none;}
.ticket-value td:first-child{border:none}
.sign{color:white;line-height:28px;text-align:center;width:28px;height:28px;margin:0 auto;padding:0;border-radius:50%}
.diamond-sign{background-color:#72B82F}
.platinum-sign{background-color:#FDCA00}
.gold1-sign{background-color:#DC2138}
.gold2-sign{background-color:#44BADA}
.silver-sign{background-color:#E867AB}
.ticket-table .buy-btn{text-align:center;margin-top:20px}
.ticket-table .buy-btn button{text-transform:uppercase;height:50px !important;width:250px !important;}
.agreement{width: 280px;margin: 25px auto 10px auto;line-height: 25px;}
.ticket-table .pcheck{display: inline-block;margin-top: 20px;}
.agreement .terms:not(#waitingList){margin-left:10px;}
.ticket-table .pcheck{margin-top:0;}
.ticket-buy{
width: 185px;
height: 45px;
background-color: #35bdeb;
font-size: 22px;
text-align: center;
color: #ffffff;
font-weight: 300;
letter-spacing: 1px;
margin-top:40px;
border:none;
font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}
.pagination-carousel{
display: inline-block;
}
.pagination-carousel li{
display:inline-block;
cursor:pointer;
}
.pagination-carousel li.active{
border:1px solid red;
}
nav{
height:60px;
position:fixed;
z-index:999999;
background:#001b3e;
width:100%;
}
nav .nav-logo{
display:inline-block;
float:left;
}
nav .nav-logo img{
height:25px;
margin:10px;
margin-right:20px;
float:left;
margin:18px 10px 17px 0px;
}
nav .nav-logo span{
display:inline-block;
width:62px;
margin:16px 0;
color:#bababa;
font-weight: 300;
font-size:14px;
}
nav .nav-menu{
display: inline-block;
color:white;
width: calc(100% - 300px);
text-align: right;
height:60px;
float:right;
}
nav .nav-menu .menu-bottom-bar.ticket-link:hover span{
background-color: #3fb255;
}
nav .nav-menu .menu-bottom-bar.ticket-link span{
background-color: #339746;
padding: 10px;
border-radius: 3px;
color: white;
}
nav .nav-menu .menu li{
margin-right:20px;
position:relative;
}
nav .nav-menu .menu li.ticket-link{
margin-right:0;
}
nav .nav-menu .menu li.menu-bottom-bar:after{
content:"";
height:5px;
width:100%;
display:inline-block;
position:absolute;
bottom:10px;
left:0;
right:0;
}
nav .nav-menu .menu a{
color:white;
line-height: 60px;
font-weight:300;
padding:0 3px;
}
#home .menu-bottom-bar.home-link{
display:none;
}
#videos .menu-bottom-bar.videos-link:after{
background-color:#f7971d;
}
#coverage .menu-bottom-bar.coverage-link:after{
background-color:#00A4FF;
}
#practical .menu-bottom-bar.location-link:after{
background-color:#cc1f37;
}
#programme .menu-bottom-bar.programme-link:after{
background-color:#6068ae;
}
#speakers .menu-bottom-bar.speakers-link:after{
background-color:#367bcb;
}
#speakers .menu-bottom-bar.speakers:after{
background-color:#367bcb;
}
#programme .menu-bottom-bar.programme:after{
background-color:#6068ae;
}
#videos .menu-bottom-bar.videos:after{
background-color:#f7971d;
}
#practical .menu-bottom-bar.practical:after{
background-color:#cc1f37;
}
#tickets .menu-bottom-bar.tickets:after{
background-color:#339746;
}
nav .nav-menu .btn-mb{
display:none;
background:url("../img/menu.svg");
width:20px;
height:20px;
position:absolute;
right:0;
margin:20px;
cursor:pointer;
z-index:99;
}
#webWidget{
z-index:9999999999999 !important;
}
nav .nav-menu .btn-mb.open{
background:url("../img/menu-close.svg");
}
nav .nav-menu .cont-mb{
display:none;
background-color: #39bec3;
width:195px;
position:fixed;
right:0;
top:0px;
bottom:0;
}
nav .nav-menu .cont-mb:before{
content: "";
background-color: #39bec3;
display: inline-block;
width: 155px;
transform: rotate(-4deg);
position: fixed;
left: calc(100% - 240px);
top: -60px;
bottom: -60px;
}
nav .nav-menu .cont-mb.open{
display:inline-block;
}
.slideshow{
position: absolute;
display: inline-block;
top: 160px;
right:160px;
}
.slideshow__slides {
position: relative;
width: 480px;
height: 480px;
margin: 0px auto;
text-align: center;
background-color:#001b3e;
border-radius:50%;
}
.slideshow__slide {
position: absolute;
width: 480px;
height: 480px;
border-radius: 50%;
overflow: hidden;
opacity: 0;
transition: opacity 1.5s ease-in-out;
}
.slideshow__overlay {
position: absolute;
width: 480px;
height: 480px;
border-radius: 50%;
border: 4px solid #fff;
overflow: hidden;
}
.slideshow__overlay--is--shadow {
box-shadow: inset 0px 0px 10px #000;
opacity: 0.6;
}
.slideshow__overlay--is-highlight {
background: -webkit-radial-gradient(30% 30%, closest-corner, #fff, #2F2727);
background: -moz-radial-gradient(30% 30%, closest-corner, #fff, #2F2727);
background: -ms-radial-gradient(30% 30%, closest-corner, #fff, #2F2727);
opacity: 0.4;
}
.slideshow__slide--is-active {
opacity: 1;
}
.slideshow__slide img.horizontal {
height:480px;
width:480px;
width: auto;
}
.slideshow__slide img.vertical {
width:480px;
height:480px;
}
.slideshow__nav {
width: 480px;
margin: -175px auto 0 auto;
padding: 10px;
text-align: center;
overflow: auto;
display:none;
}
.slideshow__nav_link {
padding: 0px 5px;
color: #5E5E5E;
font-size: 1.5rem;
transition: color 0.25s linear;
}
.slideshow__nav_link:hover {
color: #383838;
}
.slideshow__nav_link--is-previous {
float: left;
}
.slideshow__nav_link--is-next {
float: right;
}
.date-conf{
margin-right:20px;
color:#677e9d;
font-size:26px;
}
.place-conf{
font-size: 18px;
color: #677e9d;
}
.place-conf .mobile{
display:none !important;
}
.date-conf strong{
font-weight: 500;
}
.date-conf span{
font-size:18px;
}
.all-speakers ul{
display:inline-block;
}
.all-speakers > span{
display:block;
margin-bottom:100px;
color: #39bec3;
}
footer{
position:relative;
overflow:initial;
}
footer .dark-nav img.mobile{
display:none;
}
.venue-pic{
position:relative;
left:-300px;
right:inherit;
top:-55px;
}
.bg-head .grid{
display: table;
height:220px;
width:100%;
}
.bg-head .grid .grid-cell{
display: inline-block;
vertical-align: bottom;
width: 100%;
height: calc(100% + 35px);
position: absolute;
}
.bg-head .grid .grid-cell span{
transform:rotate(-4deg);
position:absolute;
line-height:1.2em;
top:calc(100% - 110px);
}
.header-tcond .bg-head .grid .grid-cell span:first-of-type{
top: calc(100% - 125px);
}
.bg-head .grid .grid-cell span:first-child{
font-size:100px;
}
.bg-head .backbg{
height: 320px;
margin-top: -100px;
width: calc(100% + 150px);
background-color: #367bcb;
position: absolute;
transform: rotate(-4deg);
margin-left:-50px;
}
.bg-head .grid .grid-cell span:last-of-type{
position: absolute;
bottom: -30px;
font-size: 30px;
color: #367bcb;
font-weight: 300;
left: calc(25% - 50px);
top:calc(100% - 20px);
max-width:500px;
}
.post-notes-bg{
background: yellow;
position: absolute;
right: -500px;
width: 1000px;
height: 350px;
transform: rotate(25deg);
z-index: -1;
top: 0;
background-color:#ffcc02;
}
.post-notes{
position: absolute;
right: 30px;
z-index: 0;
top: 210px;
color:#702600;
text-align: right;
}
.tickets-on-sale{
font-size:25px;
font-weight: 500;
}
.kaleidoscope .tile{
width:100px;
left:inherit;
right:400px;
z-index:-1;
}
section.overlay-billing:after {
content: "";
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
cursor: default;
}
.change-speakers{
display:inline-block;
overflow:hidden;
border-radius: 25px;
position: absolute;
top:-90px;
right: 35px;
z-index:99;
}
.change-speakers button{
height:45px;
float:left;
background-color:rgb(150, 215, 219);
box-shadow:none;
border:none;
outline:none;
cursor: pointer;
font-size: 20px;
font-weight: 300;
color:white;
margin:0;
font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}
.change-speakers button.list-speakers{
border-left:1px solid rgb(75, 201, 208);
border-right:1px solid rgb(75, 201, 208);
color:white;
}
.change-speakers button.list-speakers a{
color:white;
}
.change-speakers button.list-speakers a:hover{
border:none;
}
.change-speakers button svg{
fill:rgb(150, 215, 219);
}
.main.main-speaker-detail{
margin-top:0;
padding-top:100px;
background: rgb(216, 234, 255);
}
.color-section.venue{
background: #e8f2fb;
}
#speaker_detail .color-section.venue:not(.workshops){
background: rgb(216, 234, 255);
}
.main.main-speaker-detail .sponsors{
background:white;
}
.main.main-speaker-detail .color-section.workshops{
background-color:white;
}
.profile-header{
top:-120px;
}
.book-content{
width:auto;
}
.book-content h5{
color:#6EA2DF;
font-weight:100;
font-family: "myriad-pro", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 17px;
}
.book-content a{
color:black;
}
.book-content a img{
border:2px solid white;
}
/* CAROUSEL */
#carousel {
position: relative;
top: 50%;
}
#carousel div.carousel-images {
position:relative;
}
#carousel div.carousel-images div:not(.carousel-buttons) {
position: absolute;
opacity: 1;
top:0;
}
#carousel div.carousel-images div img {
width:100%;
max-height: 520px;
pointer-events: none;
}
#carousel div.hideLeft {
left: 0%;
opacity: 0;
}
#carousel div.prev {
z-index: 5;
left:0;
width: calc(100% - 200px);
}
#carousel div.prev img {
margin:25px 0;
}
#carousel div.prevLeftSecond {
z-index: 5;
right:0;
width: calc(100% - 200px);
}
#carousel div.prevLeftSecond img {
margin:25px 0;
}
#carousel div.selected {
z-index: 10;
left:50px;
right:50px;
}
#carousel div.next {
z-index: 5;
right:0;
width: calc(100% - 200px);
}
#carousel div.next img {
margin:25px 0;
}
#carousel div.nextRightSecond {
z-index: 5;
left:0;
width: calc(100% - 200px);
}
#carousel div.nextRightSecond img {
margin:25px 0;
}
.carousel-buttons{
position: absolute;
width: 100%;
top: calc(50% - 50px);
z-index: 9;
}
.carousel-buttons button{
width:45px;
height:45px;
background-color:none;
border:none;
outline:none;
cursor:pointer;
}
.carousel-buttons button#prev{
background:url("../img/button-carrosel.svg") no-repeat;
background-size:cover;
float:left;
margin-left: -22px;
}
.carousel-buttons button#next{
transform: rotate(180deg);
background:url("../img/button-carrosel.svg") no-repeat;
background-size:cover;
pointer-events:auto;
float:right;
margin-right: -22px;
}
.carousel-text{
position:relative;
}
.carousel-text li{
text-align: center;
}
.carousel-text li span{
height:100px;
display:inline-block;
font-size: 18px;
font-weight: 300;
line-height: 1.67;
text-align: center;
color: #000000;
}
.carousel-text li:not(.active){
display:none;
}
html[ghost-mode] * {
background: #000 !important;
color: #0f0 !important;
outline: solid lightgreen 1px !important;
}
/* Headers Animation */
.float-1{
transform: translatey(0px);
animation: float-no-rotate-1 8s ease-in-out infinite;
/* */
position:absolute;
height:87px;
z-index: 1;
top: 20px;
left: 50%;
}
.float-2{
transform: translatey(0px) rotate(-25deg);
animation: float 6s ease-in-out infinite;
position:absolute;
height:76px;
z-index: 1;
bottom: 25px;
left: -75px;
height: 76px;
}
.float-3{
transform: translatey(0px);
animation: float-no-rotate-2 6s ease-in-out infinite;
position:absolute;
right:0;
height:100px;
bottom:50px;
}
#speakers .bg-head .grid .grid-cell span.gradient1{
top: calc(100% - 110px);
}
#speaker_detail .bg-head .grid .grid-cell span.gradient1{
top: calc(100% - 108px);
background-color:linear-gradient(0, rgb(110, 162, 222) 13%, rgb(110, 162, 222) 0%, #FFF 0%, #FFF 100%);
}
#programme .bg-head .grid .grid-cell span{
top: calc(100% - 114px);
}
#practical .bg-head .grid .grid-cell span{
top: calc(100% - 115px);
}
#privacy .bg-head .grid .grid-cell span{
top: calc(100% - 116px);
}
/* Home2020 */
:root{
/* navcolors */
--home-topbar:#636262;
--speakers-topbar: #6496C9;
--workshops-topbar: #74BE44;
--programme-topbar: #C8DA2A;
--practical-topbar: #F6EB0B;
--videos-topbar: #F7971D;
--tickets-topbar: #CA1F35;
--checkin-topbar: #ffcc02;
}
.of2020{
overflow:hidden;
}
.of2020 header nav{
background:none;
width:auto;
position:relative;
height:auto;
text-align: center;
display:inline-block;
float:right;
margin-right:20px;
}
.of2020 header{
/* height:710px; */
box-sizing: border-box;
padding:35px 0 0 0 ;
position: relative;
}
.of2020 .home-link{
display:none;
}
.of2020 .image-650{
position: absolute;
transform: translateX(-50%);
left:50%;
height:650px;
}
.of2020 .image-650 img{
position:relative;
height:100%;
}
.of2020-logoxperienz{
z-index:1;
position: relative;
}
.of2020-logoxperienz span{
color:white;
line-height: 25px;
float: right;
}
.of2020 .event-date {
margin:0 auto 8px auto ;
display: flex;
justify-content: flex-start;
}
.of2020 .event-date > div:first-of-type{
width: 255px;
padding: 0 30px;
box-sizing: border-box;
}
.of2020 .event-date > div.date-local{
display: flex;
justify-content: flex-end;
width:100%;
}
.of2020 .event-date .local{
font-size:18px;
color:#8F8F8F;
margin-right:15px;
top:4px;
position: relative;
}
.of2020 .event-date .local strong{
font-weight: 600;
}
.of2020 .event-date .date{
font-size:22px;
color:#646464;
}
.of2020 .event-date .date strong{
font-weight: 600;
}
.of2020 header .logo{
height:auto;
float:none;
margin:0;
position:relative;
top:-50px;
max-width:210px;
}
.of2020 header h1{
margin:145px auto 0 auto;
background:white;
padding:40px 20px;
max-width:460px;
font-size:42px;
text-align: center;
font-weight:100;
z-index:2;
}
.of2020 header .header-post-it{
display:flex;
margin:145px auto 0 auto;
background:#ffd04d;
padding: 10px 60px 15px 60px;
max-width:460px;
width:100%;
text-align: center;
font-weight:100;
z-index:2;
position:absolute;
margin:0;
left:50%;
bottom: calc(20% - 50px);
transform: translateX(-50%);
text-transform: uppercase;
font-weight: 700;
}
.of2020 header .header-post-it > *{
flex:1;
}
.of2020 header h1 span{
font-weight:600;
font-style:normal;
}
.of2020 header .notes2020{
width: 170px;
position: absolute;
right: 0;
transform: translateX(35%);
top: 200px;
background: #39bec2;
color: white;
padding: 15px 25px 15px 15px;
box-sizing: border-box;
z-index: 9;
}
.of2020 header .notes2020 span{
font-size:15px;
display:block;
text-align: center;
line-height:20px;
/* font-weight: 600; */
}
.of2020 header .notes2020 span a{
font-size:15px;
display:block;
text-align: center;
line-height:20px;
font-weight: 600;
}
.of2020 header .notes2020 p{
margin:0;
text-align: right;
font-size:14px;
}
.of2020 h2{
font-size: 38px;
font-weight: 600;
position: relative;
margin-bottom:50px;
text-transform: uppercase;
}
/* TEMPORARY */
.of2020--savedate{
background-color:#39bec3;
padding:50px 0;
color:white;
text-align: center;
margin-top:-35px;
font-size:38px;
max-width:700px;
}
.of2020--savedate span{
margin:0 auto;
margin-bottom: 5px;
text-transform: none;
font-weight: 600;
font-size: 32px;
font-size:30px;
width:100%;
}
.of2020--savedate p{
margin-top:30px;
font-size:17px;
}
.of2020--savedate > span{
font-size: 27px;
font-weight: 400;
font-size:21px;
}
.of2020--savedate > span > a{
display:block;
}
.of2020--savedate p a{
font-size:20px;
line-height:1.2em;
color:#ffd04d;
}
.of2020--savedate p a:hover{
border-bottom:1px solid #ffd04d;
}
/* END TEMPORARY */
.of2020--oursponsors-spalignment{
margin:20px;
display: inline-block;
}
.of2020--oursponsors-spalignment span{
display:block;
font-size:15px;
color:#949494;
font-weight: 300;
margin-bottom:15px;
}
.of2020.home-2020 .of2020--oursponsors h2{
max-width:300px;
text-align: left;
}
.of2020.home-2020 .of2020--oursponsors h2.plus-sign-green--before:before{
content: "";
display: inline-block;
position: absolute;
width: 248px;
height: 124px;
z-index: -1;
left: -62px;
top: -20px;
}
.of2020.sub-page main .of2020--savedate p{
font-size: 18px;
margin-bottom: 5px;
}
.of2020.sub-page main .of2020--savedate button.btn-y{
padding: 10px 35px;
font-weight: 600px;
margin-top: 20px;
margin-bottom: -15px;
}
/* signs */
.circle-sign-grey--before:before,
.circle-sign-grey--after:after{
background-image: url(/img/2020/pattern-grey-circles.svg);
background-repeat: repeat;
background-size: 31px;
}
.circle-sign-yellow--before:before,
.circle-sign-yellow--after:after{
background-image: url(/img/2020/pattern-yellow-circles.svg);
background-repeat: repeat;
background-size: 31px;
}
.lines-sign-blue--before:before,
.lines-sign-blue--after:after{
background-image: url(/img/2020/pattern-blue-lines.svg);
background-repeat: repeat;
background-size: 31px;
}
.plus-sign-green--before:before,
.plus-sign-green--after:after{
background-image:url("/img/2020/pattern-green-plus.svg");
background-repeat: repeat;
background-size: 31px;
}
.of2020--speakers h2.plus-sign-green--before:before{
content:"";
display:inline-block;
position:absolute;
width: 217px;
height:100px;
z-index:-1;
left:-31px;
top:-25px;
transform: translateX(62px) rotate(90deg);
}
.of2020--content-left.plus-sign-green--before:before{
content:"";
display:inline-block;
position:absolute;
width: 217px;
height:248px;
z-index:-1;
right:-50px;
top:-25px;
transform: rotate(90deg) translateY(-62px) translateX(-145px);
}
.of2020 .button-link.circle-sign-grey--before:before{
content: "";
display: inline-block;
position: absolute;
width: 248px;
height: 100px;
z-index: -1;
left: -110px;
top: -30px;
}
.of2020--programme.circle-sign-yellow--after:after{
content: "";
display: inline-block;
position: absolute;
width: 200px;
height: 100px;
z-index: -1;
left: -110px;
}
.of2020--content-info.lines-sign-blue--before:before{
content: "";
display: inline-block;
position: absolute;
width: 186px;
height: 155px;
z-index: -1;
top: -62px;
margin-left:-45px;
}
.of2020--content-info.circle-sign-yellow--after:after{
content: "";
display: inline-block;
position: absolute;
width: 186px;
height: 124px;
z-index: -1;
bottom: -124px;
right: calc(50% - 400px);
}
.of2020-mobilebar{
display:none;
}
.of2020 a{
box-sizing: border-box;
display: inline-block;
}
.of2020 a.btn-y{
font-size: 17px;
background-color:#ffd04d;
padding:15px 45px;
display: inline-block;
margin-top:20px;
color:#9c6500;
font-weight: 500;
}
.home-2020 section{
margin:75px 0;
}
.home-2020 section.of2020--savedate{
margin:-30px auto 75px auto;
}
.of2020 .ticket-table .ticket-cell .ticket-level li h5.ticket-price{
line-height: 20px;
}
/* FOOTER */
.of2020 .of2020--footer .of2020--footer-options{
background-color:rgba(245, 149, 153, 0.25);
padding:25px 0;
border-top: solid 3px #f59599;
}
.of2020.videos-page .of2020--footer .of2020--footer-options{
background-color: rgba(247, 151, 29, 0.08);
border-top: solid 3px #f7971d;
}
.of2020.practical-page .of2020--footer .of2020--footer-options{
background-color: rgba(246, 235, 11, 0.08);
border-top: solid 3px #f6eb0b;
}
.of2020.speakers-page .of2020--footer .of2020--footer-options{
background-color: rgba(100, 150, 201, 0.08);
border-top: solid 3px #6496c9;
}
.of2020.workshops-page .of2020--footer .of2020--footer-options{
background-color: rgba(116, 190, 68, 0.08);
border-top: solid 3px #74be44;
}
.of2020.checkin-page .of2020--footer .of2020--footer-options{
background-color: rgba(255, 204, 2, 0.15);
border-top: solid 3px #ffcc02;
}
.of2020.sub-page.bottom-page .of2020--footer .of2020--footer-options{
background-color: rgba(171, 171, 171, 0.15);
padding:25px 0;
border-top: solid 3px #ababab;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--footer-nav{
display:flex;
justify-content: space-between;
width: calc(100% - 300px);
}
#mc_embed_signup{
display:inline-block;
position: absolute;
top:0;
right:0;
}
#ourHolder > div > div > svg{
visibility: hidden;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--footer-nav{
margin-bottom:18px;
}
.of2020 .of2020--footer .of2020--footer-options ul li{
display:inline-block;
margin-right:25px;
text-transform: uppercase;
position:relative;
float:left;
}
.of2020 .of2020--footer .of2020--footer-options .of2020--past-editions ul li{
margin-right: 0;
float:left;
}
.of2020 .of2020--footer .of2020--footer-options .of2020--past-editions ul li a{
font-weight: 300;
display:block;
}
.of2020 .of2020--footer .of2020--footer-options ul li a{
color:black;
font-size: 16px;
font-weight: 600;
}
.of2020 .of2020--footer #mc_embed_signup input.email{
float:none;
margin-top:10px;
background:none;
padding:10px 0;
font-weight: 300;
border-bottom:1px solid grey;
width:200px;
font-size: 14px;
font-style: italic;
}
.of2020 .of2020--footer #mc_embed_signup label{
display:block;
font-weight: 600;
}
.of2020 .of2020--footer #mc_embed_signup .clear{
display: inline-block;
position: relative;
}
.of2020 .of2020--footer #mc_embed_signup .clear input{
background-color: rgba(202, 31, 53, 0.95);
color:white;
line-height:38px;
padding:0 25px;
font-size:15px;
font-weight:bold;
border:none;
margin-left:15px;
z-index:1;
position: relative;
cursor:pointer;
}
.of2020 .of2020--footer #mc_embed_signup .clear:after{
content: "";
display: inline-block;
position: absolute;
width: 80px;
height: 39px;
z-index: 0;
left: 0;
bottom: -15px;
background-image: url(/img/2020/pattern-white-circles.svg);
background-repeat: repeat;
background-size: 13px;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--pack-links{
display: inline-block;
position: relative;
margin-bottom:20px;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--pack-links li a{
color: #ca1f35;
font-size: 12px;
font-weight: 500;
}
.of2020 .of2020--footer #mc_embed_signup input.email{
font-size:16px;
padding:5px 0;
margin-top:12px;
border-radius:0;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--social-links{
display: block;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--social-links li{
display: inline-block;
float:none;
margin-right:10px;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--social-links li:first-of-type{
line-height: 30px;
font-size: 14px;
font-weight: 600;
text-transform: none;
float:left;
}
.of2020 .of2020--footer .of2020--footer-info{
background-color:#001b3e;
color:white;
}
.of2020 .of2020--footer .of2020--footer-info {
background-color:#001b3e;
color:white;
}
.of2020--info-section{
display:flex;
}
.of2020--info-section div span{
font-weight: 300;
margin-bottom:10px;
display: block;
}
.of2020--info-section div p{
margin-top:0;
font-size: 17px;
padding: 0 0 0 25px;
}
.of2020--info-section div a{
margin-top:10px;
padding:10px 25px;
}
.of2020--info-section div a:link, .of2020--info-section div a:visited, .of2020--info-section div a:hover{
color:#06979a;
}
.of2020--info-section div{
padding:50px 0 30px 0;
}
.of2020--info-section div:last-of-type{
padding:0;
}
.of2020--info-section div:last-of-type{
background-image: url(/img/footer-image@2x.png);
background-size: cover;
background-position: center;
min-width: 280px;
box-shadow: 0 0 black;
background-repeat: no-repeat;
}
.of2020--past-editions{
position:absolute;
bottom: calc(100% + 25px);
border:3px solid;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
display: none;
}
.of2020--past-editions.active{
display:block;
}
.of2020 .of2020--past-editions ul{
width:160px;
display:inline-block;
padding:25px 0;
background:white;
}
.of2020 .of2020--past-editions ul li{
display:block;
text-align: center;
width:50%;
margin:0;
line-height:30px;
cursor:pointer;
}
.of2020 .of2020--past-editions ul li:hover{
background-color: rgba(202, 31, 53, 0.95);
}
.of2020 .of2020--past-editions ul li:hover a{
color:white;
}
.of2020 .of2020--past-editions:after {
content:"";
display: inline-block;
position:absolute;
bottom:-22px;
width:22px;
height:22px;
background-image:url("/img/2020/footer-shape.svg");
background-size:cover;
left:calc(50% - 12px);
}
/* NAV */
.of2020 header .of2020--navigation {
display:inline-block;
background:black;
text-align: center;
left: 50%;
transform: translate(-50%, 0);
width:760px;
position: relative;
top:30px;
transition: width 250ms ease;
z-index:3;
visibility:hidden;
}
.of2020 header .of2020--navigation.head-fixed{
position:fixed;
top:0;
width:1024px;
z-index:3;
transition: width 250ms ease;
visibility:visible;
}
.of2020 header .of2020--navigation a{
position:relative;
font-size:16px;
float:left;
color:white;
list-style: none;
color:white;
display: inline-block;
padding: 22px 10px;
font-weight: 300;
text-transform:uppercase;
}
.of2020--navigation img{
position:absolute;
top:10px;
bottom:10px;
left:30px;
height:40px;
opacity: 0;
}
.of2020--navigation.head-fixed img{
opacity: 1;
transition: opacity 250ms;
transition-delay: 250ms;
}
.of2020--navigation .notes2020{
visibility:hidden;
transform:translateY(-120%)
}
.of2020 header .notes2020 p a, .of2020 header .notes2020 p a:link, .of2020 header .notes2020 p a:visited, .of2020 header .notes2020 p a:hover, .of2020 header .notes2020 p a:active{
padding:0;
color:#ffd04d;
float: none;
text-transform: none;
text-decoration:none;
}
.of2020--navigation .notes2020 a, .of2020--navigation .notes2020 a:link, .of2020--navigation .notes2020 a:visited, .of2020--navigation .notes2020 a:hover, .of2020--navigation .notes2020 a:active{
padding:0;
color:#ffd04d;
float: none;
text-transform: none;
text-decoration:none;
}
.of2020--navigation.head-fixed .notes2020{
visibility:visible;
top:0;
position:absolute;
right:30px;
width:140px;
transform:translateY(0%);
transition:transform 250ms ease;
transition-delay: 250ms;
}
.of2020--navigation.head-fixed .notes2020:after{
content: "";
display: inline-block;
position: absolute;
right: 0;
left: 0;
top: calc(100% - 1px);
height: 20px;
background: #39bec2;
clip-path: polygon(100% 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(100% 100%, 100% 0, 0 0);
}
.of2020 header .header-content{
height:650px;
}
.of2020 header .of2020--navigation a.ticket-link:after {
content:"";
display:inline-block;
position:absolute;
right:0;
bottom:12px;
width:18px;
height:18px;
background-color:#ca1f35;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
}
.of2020--speakers-list{
margin-bottom:60px;
}
.of2020--speakers a.button-link{
margin-left:100px;
position:relative;
}
.of2020 .button-link{
background-color: rgba(202, 31, 53, 0.95);
color:white;
padding: 10px 20px;
position:relative;
font-weight:400;
}
/* TEMP DEC 2019 */
/* */
.of2020--speakers-list li span{
color:#505050;
font-weight: 600;
}
.of2020--speakers-list li span.tba{
color:#b9b9b9;
}
.of2020--content-left{
display:flex;
align-items: flex-end;
}
.of2020--content-left img{
height:545px;
margin-right: -85px;
}
.of2020 .of2020--content-info{
text-align: right;
padding-right:44px;
align-items: bottom;
}
.of2020 .of2020--content-info p{
margin-bottom:50px;
}
.shape--tri-yellow{
display:inline-block;
background-color:#c8da2a;
mix-blend-mode:multiply;
}
.of2020--programme .shape--tri-yellow{
width:100px;
height:100px;
bottom: -20px;
position:absolute;
right:0;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
}
/* VANUE */
.of2020--venue{
position:relative;
}
.of2020--venueimage-tri img{
height: 650px;
position:relative;
left:50%;
transform:translateX(-50%)
}
.of2020--venue .plus-sign-green--before:before{
content: "";
display: inline-block;
width: 248px;
height: 496px;
position: absolute;
left: 0;
transform: translateY(-476px) translateX(-192px);
z-index: -1;
}
.shape--tri-blue{
display:inline-block;
background-color:#39bec2;
mix-blend-mode:multiply;
}
.of2020--venue .of2020--content-info{
display: flex;
flex-direction: row;
width: 100%;
margin-top: -40px;
}
.of2020--venue .of2020--content-info > div, .of2020--venue .of2020--content-info p{
flex:1;
position: relative;
}
.of2020--venue .of2020--content-info > div{
display: flex;
flex-direction: column;
}
.of2020--venue .of2020--content-info > div h2{
margin-bottom:0;
flex-grow: 1;
}
.of2020--venue .of2020--content-info > div a{
margin-top:auto;
margin-top: auto;
}
.of2020--venue .of2020--content-info p{
margin:0;
padding-left:45px;
text-align: left;
font-size: 20px;
}
.of2020 p{
margin-top:0;
font-size:20px;
font-weight:300;
}
.of2020-circlesGallery h2{
flex-grow: 1;
max-width:300px;
text-align: left;
}
/* GALLERY */
.of2020-circlesGallery h2.circle-sign-yellow--before:before{
content: "";
display: inline-block;
width: 248px;
height: 248px;
position: absolute;
top: -31px;
z-index: -1;
transform: translateX(-124px);
}
/* POSTS */
.of2020--posts ul{
flex-wrap: wrap;
display: flex;
}
.of2020--posts ul li{
width: 50%;
float: left;
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
margin-bottom:60px;
cursor:pointer;
}
.of2020--posts ul li:nth-child(odd){
padding-right:40px;
box-sizing: border-box;
}
.of2020--posts ul li img{
display:none;
}
.of2020--posts ul li .tw-user-name{
font-size:18px;
font-weight:400;
position:relative;
padding-left:50px;
}
.of2020--posts ul li .tw-user-id{
font-size: 16px;
margin-left: 10px;
}
.of2020--posts h2{
margin-bottom:100px;
}
.of2020--posts ul li .tw-user-name:before{
content: "";
display: inline-block;
width: 84px;
height: 63px;
position: absolute;
background-image: url(/img/2020/pattern-grey-circles.svg);
background-repeat: repeat;
background-size: 19px;
transform: translateY(-30px) translateX(0);
z-index: -1;
left:0;
}
.of2020--posts ul li .tw-user-name:after{
content: "";
display: inline-block;
width: 40px;
height: 40px;
position: absolute;
mix-blend-mode: multiply;
}
.of2020--posts ul li:first-child .tw-user-name.jj:after{
content:url('data:image/svg+xml; utf8, ');
background:none;
clip-path: none;
}
.of2020--posts ul li:first-child .tw-user-name:after{
background-color:#f7971d;
left: 0;
top: -25px;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
}
.of2020--posts ul li:nth-child(2) .tw-user-name:after{
background-color:#39bec2;
left: 5px;
top: -25px;
clip-path: polygon(100% 0, 0 0, 0 100%);
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
}
.of2020--posts ul li:nth-child(3) .tw-user-name:after{
background-color:#5f68ae;
left: 0;
top: -29px;
clip-path: polygon(100% 0, 0 0, 0 100%);
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
}
.of2020--posts ul li:nth-child(4) .tw-user-name:after{
background-color: #f6eb0b;
left: -7px;
top: -33px;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
}
/* . . . . . . . . . . */
/* . . . Tickets . . . */
/* . . . . . . . . . . */
/* Tickets Before */
.of2020 .ticket-table .bg-green .ticket-container:before{
width:100%;
background-color:#b1c125;
height:45px;
line-height:45px;
top:-45px;
content:"5 Workshops + Talks";
text-align: center;
z-index:1;
color:white;
font-size: 18px;
}
.of2020 .ticket-table .bg-orange .ticket-container:before{
width:100%;
background-color:#ed9700;
height:45px;
line-height:45px;
top:-45px;
content:"4 Workshops + Talks";
text-align: center;
z-index:1;
color:white;
font-size: 18px;
}
.of2020 .ticket-table .bg-blue .ticket-container:before{
width:100%;
background-color:#c84749;
height:45px;
line-height:45px;
top:-45px;
content:"2 Workshops + Talks";
text-align: center;
z-index:1;
color:white;
font-size: 18px;
}
.of2020 .ticket-table .bg-pink .ticket-container:before{
width:100%;
background-color:#249ea1;
height:45px;
line-height:45px;
top:-45px;
content:"2 Workshops + Talks";
text-align: center;
z-index:1;
color:white;
font-size: 18px;
}
.of2020 .ticket-table .bg-grey .ticket-container:before{
width:100%;
background-color:#918e8e;
height:45px;
line-height:45px;
top:-45px;
content:"Talks";
text-align: center;
z-index:1;
color:white;
font-size: 18px;
}
/* Tickets head */
.of2020 .ticket-table .ticket-header{
text-align: center;
}
.of2020 .ticket-table .bg-green .ticket-header{
background-color:#c8da2a;
}
.of2020 .ticket-table .bg-orange .ticket-header{
background-color:#ffcc02;
}
.of2020 .ticket-table .bg-blue .ticket-header{
background-color:#e66567;
}
.of2020 .ticket-table .bg-pink .ticket-header{
background-color:#39bec2;
}
.of2020 .ticket-table .bg-grey .ticket-header{
background-color:#ababab;
}
.ticket-table .ticket-cell .ticket-level li:not(.not-available):not(.active){
display:flex;
align-items: center;
}
.of2020 .ticket-table .ticket-cell .ticket-level li h5.ticket-price{
margin-left:auto;
float:none;
}
/* Tickets border */
.of2020 .ticket-table .bg-green .ticket-content .ticket-level li{
border-color:#c8da2a
}
.of2020 .ticket-table .bg-orange .ticket-content .ticket-level li{
border-color:#ffcc02
}
.of2020 .ticket-table .bg-blue .ticket-content .ticket-level li{
border-color:#e66567
}
.of2020 .ticket-table .bg-pink .ticket-content .ticket-level li{
border-color:#39bec2
}
.of2020 .ticket-table .bg-grey .ticket-content .ticket-level li{
border-color:#ababab
}
.of2020 .ticket-table .bg-green .ticket-container,
.of2020 .ticket-table .bg-orange .ticket-container,
.of2020 .ticket-table .bg-blue .ticket-container,
.of2020 .ticket-table .bg-pink .ticket-container,
.of2020 .ticket-table .bg-grey .ticket-container
{
background-color:rgba(255,255,255,0.8);
}
/* Tickets BG body */
.of2020 .ticket-table .bg-green{
background-color:rgba(200,218,42,0.5);
}
.of2020 .ticket-table .bg-orange{
background-color:rgba(255,204,2,0.5);
}
.of2020 .ticket-table .bg-blue{
background-color:rgba(230,101,103,0.5);
}
.of2020 .ticket-table .bg-pink{
background-color:rgba(57,190,194,0.5);
}
.of2020 .ticket-table .bg-grey{
background-color:rgba(171,171,171,0.5);
}
/* Tickets selected */
.of2020 .ticket-table .bg-green .ticket-content{
background-color:rgba(200,218,42,0.2);
}
.of2020 .ticket-table .bg-orange .ticket-content{
background-color:rgba(255,204,2,0.2);
}
.of2020 .ticket-table .bg-blue .ticket-content{
background-color:rgba(230,101,103,0.2);
}
.of2020 .ticket-table .bg-pink .ticket-content{
background-color:rgba(57,190,194,0.2);
}
.of2020 .ticket-table .bg-grey .ticket-content{
background-color:rgba(171,171,171,0.2);
}
/* Tickets Plus */
.of2020 .ticket-table .bg-green .ticket-content .ticket-prog li:before{
content: "";
width: 25px;
height: 25px;
display: inline-block;
border-radius: 0px;
background-image: url(/img/2020/pattern-green-plus.svg);
background-repeat: repeat;
background-size: 25px;
position: absolute;
background-color: transparent;
left: 0;
top: 3px;
}
.of2020 .ticket-table .bg-orange .ticket-content .ticket-prog li:before{
content: "";
width: 25px;
height: 25px;
display: inline-block;
border-radius: 0px;
background-image: url(/img/2020/pattern-orange-plus.svg);
background-repeat: repeat;
background-size: 25px;
position: absolute;
background-color: transparent;
left: 0;
top: 3px;
}
.of2020 .ticket-table .bg-blue .ticket-content .ticket-prog li:before{
content: "";
width: 25px;
height: 25px;
display: inline-block;
border-radius: 0px;
background-image: url(/img/2020/pattern-pink-plus.svg);
background-repeat: repeat;
background-size: 25px;
position: absolute;
background-color: transparent;
left: 0;
top: 3px;
}
.of2020 .ticket-table .bg-pink .ticket-content .ticket-prog li:before{
content: "";
width: 25px;
height: 25px;
display: inline-block;
border-radius: 0px;
background-image: url(/img/2020/pattern-blue-plus.svg);
background-repeat: repeat;
background-size: 25px;
position: absolute;
background-color: transparent;
left: 0;
top: 3px;
}
.of2020 .ticket-table .bg-grey .ticket-content .ticket-prog li:before{
content: "";
width: 25px;
height: 25px;
display: inline-block;
border-radius: 0px;
background-image: url(/img/2020/pattern-grey-plus.svg);
background-repeat: repeat;
background-size: 25px;
position: absolute;
background-color: transparent;
left: 0;
top: 3px;
}
.of2020.sub-page main > .body{
margin-bottom:100px;
}
.of2020--oursponsors{
margin-top:100px;
}
.of2020--speakers-list{
display:block;
width:calc(100% + 48px );
margin-left:-24px;
margin-right:-24px;
}
.of2020--speakers-list li{
display:inline-block;
max-width: calc(25% - 3px);
padding: 0 24px;
box-sizing: border-box;
padding-bottom:80px;
}
.of2020--speakers-list li:nth-child(even){
position:relative;
top:40px;
}
.of2020--speakers-list li img{
width:100%;
position: relative;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);filter: grayscale(100%);
}
.of2020--speakers-list li a span.tba{
color:#505050;
}
.of2020--speakers-list li a:hover span.tba{
color: #ca1f35;
}
.of2020--speakers-list li:hover img{
width:100%;
position: relative;
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter:none;
}
.of2020--speakers-list li span{
display:block;
font-size: 24px;
font-weight: 600;
text-align: center;
margin-top:10px;
}
.of2020 .ticket-table .ticket-cell .ticket-header h6.workshops:after{
content:"";
}
.of2020 .ticket-table .ticket-cell .ticket-header h6.workshops{
width:100%;
text-align: center
}
.of2020 .ticket-table .ticket-cell .ticket-level li.active h5.ticket-price{
font-weight: 600;
margin-top: 20px;
margin-bottom: 23px;
}
.of2020.sub-page main p.tickets-on-sale{
margin-top:60px;
}
.tickets-all .ticket-buy{
background-color: #ca1f35;
font-size: 17px;
font-weight: bold;
text-transform: none;
color: white;
padding: 0 30px;
border: none;
line-height: 50px;
outline: none;
margin-top:30px;
cursor:pointer;
width:auto;
height:auto;
border-radius: 0;
}
.order{
background-color: #ca1f35;
font-size: 17px;
font-weight: bold;
text-transform: none;
color: white;
padding: 0 30px;
border: none;
line-height: 50px;
outline: none;
margin-top:30px;
cursor:pointer;
}
.order.w-tickets-icon:before{
content:"";
background-image: url("/img/2020/tickets-icon.svg");
background-size:cover;
display: inline-block;
width:27px;
height:27px;
float:left;
margin: 7px 10px 7px 0;
}
/* WORKSHOPS */
.of2020.sub-page.workshops-page .of2020--list-speakers{
margin-top:50px;
width:calc(100% + 50px);
margin-left:-25px;
margin-right:-25px;
}
.of2020.sub-page.workshops-page .of2020--list-speakers .of2020--speaker-body p{
font-size:20px;
}
.of2020.sub-page.workshops-page .of2020--list-speakers .of2020--speaker-head h6{
font-size:27px;
}
.of2020.sub-page.workshops-page .of2020--list-speakers .date-workshop{
font-size:15px;
display:inline-block;
float:left;
}
.of2020.sub-page.workshops-page .of2020--list-speakers .type-workshop{
border-left:1px solid #ca1f35;
padding-left:10px;
}
.of2020.sub-page.workshops-page .of2020--list-speakers .date-workshop span{
font-weight: 600;
}
.of2020.sub-page.workshops-page .of2020--list-speakers .type-workshop{
display:inline-block;
font-size: 13px;
margin-left:10px;
color:#8d8d8d;
float:left;
margin-top:1px;
}
.of2020.sub-page.workshops-page .of2020--list-speakers .of2020--speaker-datetime{
display: inline-block;
width: 100%;
}
.of2020.sub-page.workshops-page .of2020--list-speakers .word-marks{
display: block;
margin-top:20px;
}
.of2020.sub-page.workshops-page .of2020--list-speakers .word-marks .mark{
border:1px solid #ca1f35;
color:#ca1f35;
display: inline-block;
padding:7px;
}
.of2020.sub-page.workshops-page button.red-button{
background-color:#ca1f35;
color:white;
color: white;
padding: 15px 20px;
font-size:17px;
outline:none;
border:none;
cursor:pointer;
position: relative;
border:2px solid #ca1f35;
margin-top:50px;
}
.of2020.sub-page.workshops-page button.red-button:before{
content: "";
display: inline-block;
position: absolute;
width: 248px;
height: 100px;
z-index: -1;
left: -110px;
top: -30px;
background-image: url(/img/2020/pattern-grey-circles.svg);
background-repeat: repeat;
background-size: 31px;
}
.of2020.sub-page.workshops-page button.red-button#workshopAttend.active {
background-color:white;
color:#ca1f35;
}
#workshopAttend.active svg{
transform:rotate(180deg);
fill:#ca1f35;
}
#workshopAttend svg polyline{
stroke:#fff;
}
#workshopAttend.active svg polyline{
stroke:#ca1f35;
}
.of2020--savedate{
display:none;
}
/* .of2020--speakers-list li a{
pointer-events: none;
} */
/* END CSS */
.workshop-explain picture{
display: block;
text-align: center;
}
.workshop-explain picture img{
width:100%;
margin-top:40px;
}
/* ************************************************************************* */
/* */
/* 2020 NEW STYLES */
/* A repor */
.of2020.sub-page header{
padding:0;
}
/* */
.of2020.sub-page header .top-bar{
display: inline-block;
text-align: center;
left: 50%;
top: 20px;
transform: translate(-50%, 0);
width: 1024px;
transition: width 250ms ease;
display:flex;
position: absolute;
z-index: 3;
height:60px;
box-sizing: border-box;
align-items: center;
}
.of2020.sub-page header .top-bar.topfixed{
position:fixed;
top:0;
/* background:#000; */
}
.of2020.sub-page header .top-bar .ux-logo{
max-height: 20px;
margin-left:30px;
visibility:visible;
}
.of2020.sub-page header .top-bar .ux-date{
color:#989898;
margin:0 20px 0 15px;
max-width: 50px;
font-size: 12px;
font-weight: 400;
line-height: 1.3;
text-align: left;
text-transform: uppercase;
}
.of2020.sub-page header .top-bar.scrolled nav a.ticket-link:after{
right:0;
}
.of2020.sub-page header .top-bar nav{
z-index:6;
text-align: right;
height: 100%;
display:flex;
margin-right: 0;
/* background:black; */
/* padding:0 25px; */
}
.of2020.sub-page header .top-bar nav a:first-of-type{
padding-left:30px;
}
.of2020.sub-page header .top-bar nav a:last-of-type{
padding-right:30px;
}
.of2020.sub-page header .top-bar nav a{
color:white;
text-transform: uppercase;
padding:0 7px;
box-sizing: border-box;
height:100%;
line-height:60px;
display: inline-block;
background:black;
/* margin-right:-7px; */
font-weight: 400;
position: relative;
white-space: nowrap;
text-align: center
}
.of2020.sub-page header .top-bar nav a.active{
background-image: url("/img/2020/nav-pointer-bg@2x.png");
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
background-color: transparent;
font-weight: 400;
}
.of2020.sub-page header .top-bar.scrolled nav a{
padding:0 10px;
}
/*
.of2020.sub-page header .top-bar nav a.speakers-link.active, .of2020.sub-page header .top-bar nav a.speakers-link:hover{
color:#aac8e4;
}
*/
.of2020.sub-page header .top-bar nav a.home-link.active, .of2020.sub-page header .top-bar nav a.home-link:hover{
color:#9c9c9c;
}
.of2020.sub-page header .top-bar nav a.speakers-link.active, .of2020.sub-page header .top-bar nav a.speakers-link:hover{
color:#AF94F1;
}
.of2020.sub-page header .top-bar nav a.workshops-link.active, .of2020.sub-page header .top-bar nav a.workshops-link:hover{
color:#74BE44;
}
.of2020.sub-page header .top-bar nav a.programme-link.active, .of2020.sub-page header .top-bar nav a.programme-link:hover{
color:#56adff;
}
.of2020.sub-page header .top-bar nav a.location-link.active, .of2020.sub-page header .top-bar nav a.location-link:hover{
color:#F6EB0B;
}
.of2020.sub-page header .top-bar nav a.videos-link.active, .of2020.sub-page header .top-bar nav a.videos-link:hover{
color:#F7971D;
}
.of2020.sub-page header .top-bar nav a.ticket-link.active, .of2020.sub-page header .top-bar nav a.ticket-link:hover{
color:#d46979;
}
.of2020.sub-page header .top-bar nav a.checkin-link.active, .of2020.sub-page header .top-bar nav a.checkin-link:hover{
color:#ffcc02;
}
.of2020.sub-page header .top-bar .note-container{
background: black;
position: relative;
height: 100%;
width: 150px;
padding-right: 30px;
padding-left: 20px;
text-align: right;
}
.of2020.sub-page header .top-bar .note-container .note{
max-width: 100%;
padding: 12px 10px 15px 10px;
position: absolute;
background: #39bec2;
right: 30px;
top: 10px;
left: 20px;
box-sizing: border-box;
text-align:center;
}
.of2020.sub-page header .top-bar .note-container .note:after{
content: "";
display: inline-block;
position: absolute;
right: 0;
left: 0;
top: 100%;
height: 20px;
background: #39bec2;
clip-path: polygon(100% 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(100% 100%, 100% 0, 0 0);
}
.of2020.sub-page header .top-bar .note span{
font-size:16px;
color:white;
font-weight:500;
display: block;
text-align: center;
}
.of2020.sub-page header .top-bar .note p{
font-size:14px;
color:white;
display: block;
text-align:right;
margin-top:5px;
}
.of2020.sub-page header .top-bar .note a{
color: #ffd04d;
}
.of2020.sub-page header .top-home-link{
background:black;
height:100%;
display: flex;
align-items: center;
z-index:9;
}
.of2020.sub-page header .header-image-bg{
margin-left:-1px;
margin-right:-1px;
overflow:auto;
overflow-x:hidden;
}
.of2020.sub-page header .header-image{
height:365px;
transform: translateX(-50%);
left:50%;
position:relative;
margin-top:60px;
float:left;
display: inline-block;
}
.of2020.sub-page header h1{
position:absolute;
margin:0;
left:50%;
bottom:0;
transform: translateX(-50%);
padding: 20px 60px 0px 60px ;
text-transform: uppercase;
font-weight: 700;
font-size:50px;
}
.of2020.videos-page .header-image-bg.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 155px;
height: 62px;
bottom: 0;
background-image: url("/img/2020/pattern-white-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(150%);
z-index:1;
}
.of2020.videos-page .header-image-bg.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 155px;
height: 93px;
bottom: -92px;
background-image: url("/img/2020/pattern-orange-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(150%);
}
.of2020.videos-page header.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 62px;
height: 124px;
top: 120px;
background-image: url("/img/2020/pattern-white-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-557px);
z-index:1;
}
.of2020.videos-page header.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 124px;
top: 120px;
background-image: url("/img/2020/pattern-orange-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-650px);
}
.of2020.videos-page header h1.title-after:after{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 31px;
bottom: -50px;
background-image: url("/img/2020/pattern-orange-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-50%);
}
/* Bottom pages */
.of2020.bottom-page .header-image-bg.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 155px;
height: 62px;
bottom: 0;
background-image: url("/img/2020/pattern-white-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: calc(50% + 100px);
transform: translateX(150%);
z-index:1;
}
.of2020.bottom-page .header-image-bg.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 155px;
height: 93px;
bottom: -92px;
background-image: url("/img/2020/pattern-grey-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: calc(50% + 100px);
transform: translateX(150%);
}
.of2020.bottom-page header.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 62px;
height: 124px;
top: 120px;
background-image: url("/img/2020/pattern-white-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-557px);
z-index:1;
}
.of2020.bottom-page header.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 124px;
top: 120px;
background-image: url("/img/2020/pattern-grey-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-650px);
}
.of2020.bottom-page header h1.title-after:after{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 31px;
bottom: -50px;
background-image: url("/img/2020/pattern-grey-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-50%);
}
/* --------------------------------- */
.of2020.workshops-page .header-image-bg.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 93px;
bottom: calc(50% - 50px);
background-image: url(/img/2020/pattern-white-circles.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(434px);
z-index: 1;
}
.of2020.workshops-page .header-image-bg.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 62px;
height: 93px;
bottom: calc(50% - 50px);
background-image: url(/img/2020/pattern-green-circles.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(557px);
}
.of2020.workshops-page header.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 124px;
top: calc(100% - 124px);
background-image: url(/img/2020/pattern-white-circles.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-500px);
z-index: 1;
}
.of2020.workshops-page header.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 62px;
top: 100%;
background-image: url(/img/2020/pattern-green-circles.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-500px);
}
.of2020.workshops-page header h1.title-after:after{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 31px;
bottom: -50px;
background-image: url("/img/2020/pattern-green-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-50%);
}
/* --------------------------------- */
/* ------Pratical Info-------------- */
.practical-nav{
display:flex;
width:calc(100% + 60px);
margin-left:-30px;
margin-right:-30px;
}
.practical-nav li{
width:100%;
text-align:center;
padding:0 30px;
}
.practical-nav li a{
width:100%;
background-color:#ca1f35;
color:white;
font-size:22px;
padding: 9px 0;
border:2px solid #ca1f35;
justify-content: center;
display:flex;
align-items: center;
}
.practical-nav li.active a{
background-color:white;
border-color: #ca1f35;
color:#ca1f35;
}
.practical-nav li a svg{
margin-right:10px;
width:38px;
fill:white;
}
.practical-nav li.active a svg{
fill:#ca1f35;
}
.practical-content .venue > div{
margin-top:90px;
}
.practical-content .venue .venue-info{
display:flex;
}
.practical-content .venue .venue-info div p{
padding-right: 50px;
}
.practical-content .venue .venue-info img{
width:450px;
margin-top:8px;
}
.practical-content .venue .getting-info{
display:flex;
}
.practical-content .venue .getting-info div span{
font-size: 25px;
font-weight: 600;
}
.practical-content .venue .getting-info div p{
margin-bottom:40px;
}
.practical-content .venue .getting-info .practical-bimg-container.mapp{
background-image: url("/img/2020/practical/the_venue/pratical-1venue-sec-02.jpg");
background-size: cover;
margin-left: 50px;
min-width: 450px;
background-position: center;
}
.practical-content .venue .food-info > div:not(.practical-bimg-container){
width:450px;
}
.practical-content .venue .food-info .practical-bimg-container.food{
background-image: url("/img/2020/practical/the_venue/pratical-1venue-sec-03-01.jpg");
margin-right: 50px;
background-size: cover;
background-position: center;
flex:1;
}
.practical-content .venue .food-info{
display:flex;
flex-direction: row-reverse;
}
.practical-content .venue .food-info div span{
font-size: 25px;
font-weight: 600;
}
.practical-content .venue .food-info div p{
margin-bottom:40px;
}
.practical-content .venue .food-info img{
width:530px;
height:100%;
margin-right:50px;
margin-left:-80px;
}
.practical-content .venue .atractions{
background-color: rgba(246, 235, 11, 0.1);
width: calc(100% + 160px);
margin-left: -80px;
box-sizing: border-box;
padding: 80px;
}
.practical-content .venue .atractions ul{
display:flex;
}
.practical-content .venue .atractions ul li{
display: flex;
width: calc(33.33% - 30px);
flex-direction: column;
margin-left: 50px;
}
.practical-content .venue .atractions ul li:first-of-type{
margin-left:0;
}
.practical-content .venue .atractions ul li span{
font-size: 25px;
font-weight: 600;
}
.practical-content .venue .atractions ul li .location{
margin-top:auto;
color:#ca1f35;
font-size:15px;
}
.practical-content .venue .atractions ul li .location svg{
width:17px;
height:17px;
float:left;
margin-right: 7px;
}
.practical-content .venue .atractions ul li img{
height:175px;
margin-top:25px;
}
.practical-content .venue .atractions ul li:not(:last-child) img{
margin-left:-16px;
}
.practical-content .deals > div{
margin-top:90px;
}
.practical-content .deals .accomodation div.single-hotel{
display:flex;
}
.practical-content .deals .accomodation div.single-hotel > div > p{
margin-top:30px;
}
.practical-content .deals .accomodation div.single-hotel img{
max-height:375px;
position: relative;
left:-40px;
}
.practical-content .deals .accomodation div.multiple-hotels h3{
margin-bottom:30px;
}
.practical-content .deals .accomodation div.tap-section{
background-color: rgba(246, 235, 11, 0.1);
width: calc(100% + 160px);
margin-left: -80px;
box-sizing: border-box;
padding: 80px;
}
.practical-content .deals .accomodation div.tap-section .flight-code{
font-weight: 600;
color:white;
background-color: rgba(202, 31, 53, 0.95);
padding:0 10px;
}
.practical-content .deals .accomodation div.tap-section h3{
font-weight:600;
}
.practical-content .deals .accomodation div.tap-section > div{
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
.practical-content .deals .accomodation div.tap-section > div > *{
padding-right:40px;
font-size:20px;
line-height: 1.4em;
margin-bottom:30px;
}
.practical-content .deals .accomodation div.tap-section > div > h3{
margin-bottom:10px;
margin-top:5px;
}
.practical-content .deals .accomodation div.tap-section > div > ul li{
display:flex;
}
.practical-content .deals .identity{
width: 31px;
height: 31px;
box-sizing: border-box;
}
.practical-content .deals .accomodation div.single-hotel .room-prices{
margin-top:30px;
}
.practical-content .deals .accomodation div.single-hotel .room-prices p{
margin-top:30px;
}
.practical-content .deals .accomodation div.single-hotel .room-prices .hotel-price{
margin-bottom:10px;
font-size:17px
}
.practical-content .deals .accomodation div.single-hotel .room-prices .hotel-price span:first-of-type{
font-size:19px;
margin-right:4px;
padding-right:5px;
border-right:1px solid #f7971d;
font-weight: 600;
}
.practical-content .deals .accomodation div.single-hotel .room-prices .hotel-price span:not(:first-of-type){
font-size:19px;
}
.practical-content .deals .accomodation div.single-hotel .room-prices p{
font-size: 18px;
}
.practical-content .deals .accomodation div.single-hotel div span.hotel-name{
font-weight: 600;
font-size: 25px;
}
.practical-content .deals .location {
margin-top: auto;
color: #ca1f35;
font-size: 20px;
}
.practical-content .deals .hotel-name.star-one:after{
content:"";
background: url("/img/2020/practical/the_hotels/icon-star.svg");
background-size:12px;
width:12px;
height:12px;
display:inline-block;
background-repeat: repeat no-repeat;
margin-left:10px;
}
.practical-content .deals .hotel-name.star-two:after{
content:"";
background: url("/img/2020/practical/the_hotels/icon-star.svg");
background-size:12px;
width:24px;
height:12px;
display:inline-block;
background-repeat: repeat no-repeat;
margin-left:10px;
}
.practical-content .deals .hotel-name.star-three:after{
content:"";
background: url("/img/2020/practical/the_hotels/icon-star.svg");
background-size:12px;
width:36px;
height:12px;
display:inline-block;
background-repeat: repeat no-repeat;
margin-left:10px;
}
.practical-content .deals .hotel-name.star-four:after{
content:"";
background: url("/img/2020/practical/the_hotels/icon-star.svg");
background-size:12px;
width:48px;
height:12px;
display:inline-block;
background-repeat: repeat no-repeat;
margin-left:10px;
}
.practical-content .deals .hotel-name.star-five:after{
content:"";
background: url("/img/2020/practical/the_hotels/icon-star.svg");
background-size:12px;
width:60px;
height:12px;
display:inline-block;
background-repeat: repeat no-repeat;
margin-left:10px;
}
.practical-content .deals .hotel-name.star-six:after{
content:"";
background: url("/img/2020/practical/the_hotels/icon-star.svg");
background-size:12px;
width:72px;
height:12px;
display:inline-block;
background-repeat: repeat no-repeat;
margin-left:10px;
}
.practical-content .deals .location svg {
width: 17px;
height: 17px;
float: left;
margin-right: 7px;
}
.practical-content .deals .accomodation div.multiple-hotels{
margin-top:65px;
}
.practical-content .deals .accomodation div.multiple-hotels ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.practical-content .deals .accomodation div.multiple-hotels ul li{
margin-right:30px;
margin-bottom:70px;
}
.practical-content .deals .accomodation div.multiple-hotels ul li:nth-child(3), .practical-content .deals .accomodation div.multiple-hotels ul li:last-child{
margin-right:0;
}
.practical-content .deals .accomodation div.multiple-hotels ul li img{
height:175px;
position: relative;
margin-bottom:30px;
}
.practical-content .deals .accomodation div.multiple-hotels ul li img.left-tri{
left:-16px;
}
.practical-content .deals .accomodation div.multiple-hotels ul li img.right-tri{
right:-16px;
}
.practical-content .deals .accomodation div.multiple-hotels ul li h4{
font-size:21px;
font-weight: 600;
margin-bottom:10px;
}
.practical-content .deals .accomodation a.no-color{
display:block;
color:black;
}
.practical-content .deals .accomodation a.no-color:hover{
display:block;
color: #ca1f35;
}
.arround .arround-city{
display:flex;
margin-top:90px;
}
.arround .arround-city img{
width:450px;
margin-right:50px;
margin-left:-40px;
}
.arround .arround-needs{
background-color: rgba(246, 235, 11, 0.1);
width: calc(100% + 160px);
margin-left: -80px;
box-sizing: border-box;
padding: 80px;
margin-top:90px;
}
.arround .arround-needs .arround-info{
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
}
.arround .arround-needs .arround-info > span{
font-size: 25px;
font-weight: 600;
}
.arround .arround-needs .arround-info > p{
margin-bottom:40px;
padding-right:45px;
}
.arround .arround-needs .arround-contact{
margin-top:20px;
}
.arround .arround-needs .arround-contact li{
margin-bottom:15px;
}
.arround .arround-needs .arround-contact li span:first-of-type{
font-size: 17px;
font-weight: 600;
padding-right:10px;
margin-right:10px;
border-right: 1px solid #f7971d;
}
.arround .arround-spots{
margin-top:90px;
}
.arround .arround-spots > div{
display:flex;
margin-bottom:60px;
}
.arround .arround-spots > div > div{
padding-right:50px;
}
.arround .arround-spots > div > div span{
font-weight: 600;
font-size:25px;
}
.arround .arround-spots div img{
max-width:450px;
max-height:225px;
}
.arround .arround-tour{
background-color: rgba(246, 235, 11, 0.1);
width: calc(100% + 160px);
margin-left: -80px;
box-sizing: border-box;
padding: 80px;
margin-top:90px;
}
.arround .arround-tour .arround-info{
display: flex;
}
.arround .arround-tour .arround-info > div{
width:50%;
}
.arround .arround-tour .arround-info > div{
margin-right: 50px;
}
.arround .arround-tour .arround-info span{
font-size:25px;
font-weight:600;
}
.of2020.practical-page .header-image-bg.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 93px;
bottom: calc(50% - 50px);
background-image: url(/img/2020/pattern-white-plus.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(434px);
z-index: 1;
}
.of2020.practical-page .header-image-bg.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 62px;
height: 93px;
bottom: calc(50% - 50px);
background-image: url(/img/2020/pattern-yellow-plus.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(557px);
}
.of2020.practical-page header.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 124px;
top: calc(100% - 124px);
background-image: url(/img/2020/pattern-white-plus.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-500px);
z-index: 1;
}
.of2020.practical-page header.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 62px;
top: 100%;
background-image: url(/img/2020/pattern-yellow-plus.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-500px);
}
.of2020.sub-page.practical-page header h1.title-after:after{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 31px;
bottom: -50px;
background-image: url('/img/2020/pattern-yellow-plus.svg');
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-50%);
}
/* --------------------------------- */
.mb-hamburguer{
display:none;
}
.elastic-element{
background: black;
flex-grow: 1;
height: 100%;
display:none;
}
.of2020.sub-page header .top-bar nav a.ticket-link:after{
content: "";
display: inline-block;
position: absolute;
right: 20px;
bottom: 10px;
width: 10px;
height: 10px;
background-color: #ca1f35;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
}
.of2020.sub-page main p {
font-size: 19px;
font-weight: 300;
line-height: 1.4em;
margin-top:15px;
margin-bottom:20px;
}
.of2020.sub-page:not(.home-2020) main p{
font-size:20px;
}
.of2020.sub-page .m-large{
margin-top:50px;
}
.of2020.sub-page.bottom-page main > div h2{
font-size: 20px;
margin-bottom: 20px;
line-height: 1.4em;
}
.of2020.sub-page h3 {
font-size: 25px;
font-weight: 500;
margin-bottom: 15px;
}
/* Remover sub-page */
/* */
.of2020.sub-page.bottom-page.contact-page main > div h2{
text-transform: initial;
margin:100px 0 50px 0;
}
.of2020.sub-page.bottom-page.terms-conditions main{
margin-top:100px;
}
.of2020.sub-page.bottom-page main > div h2{
margin-top:100px;
}
.contact-page .contact-container{
display:flex;
}
.contact-page .contact-column{
flex: 2;
position:relative;
}
.contact-page .contact-column iframe{
border: 0;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
/* Sponsors sub pages */
.sub-page .of2020--oursponsors h2{
max-width:100%;
text-align: center;
}
.sub-page .of2020--oursponsors h2.plus-sign-green--before:before{
display:none;
}
.of2020 .of2020--programme .of2020--content-info h2{
margin-bottom:25px;
}
.home-2020 section.of2020--programme {
margin-bottom:100px;
margin-top:100px;
}
.of2020.sub-page main .of2020--venue .of2020--content-info p{
margin-top:0;
}
.of2020.sub-page header .header-image-bg.w-af:before{
content:"";
width:100px;
height:75px;
display:inline-block;
position:absolute;
left:50%;
bottom:180px;
transform:translateX(-557px);
background-image: url(/img/2020/pattern-yellow-circles.svg);
background-repeat: repeat;
background-size: 25px;
margin-left:-100px;
}
.of2020.sub-page header .header-image-bg.w-af:after{
content:"";
width:100px;
height:75px;
display:inline-block;
position:absolute;
left:50%;
bottom:330px;
transform:translateX(557px);
background-image: url(/img/2020/pattern-yellow-circles.svg);
background-repeat: repeat;
background-size: 25px;
margin-right:-100px;
}
/* */
/* Registration Main Page */
.of2020.registration-ticket .header-image-bg.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 93px;
bottom: calc(50% - 50px);
background-image: url(/img/2020/pattern-white-circles.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(434px);
z-index: 1;
}
.of2020.registration-ticket .header-image-bg.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 62px;
height: 93px;
bottom: calc(50% - 50px);
background-image: url(/img/2020/pattern-pink-circles.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(557px);
}
.of2020.registration-ticket header.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 124px;
top: calc(100% - 124px);
background-image: url(/img/2020/pattern-white-circles.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-500px);
z-index: 1;
}
.of2020.registration-ticket header.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 62px;
top: 100%;
background-image: url(/img/2020/pattern-pink-circles.svg);
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-500px);
}
.of2020.sub-page.registration-ticket header h1.title-after:after{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 31px;
bottom: -50px;
background-image: url('/img/2020/pattern-pink-plus.svg');
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-50%);
}
/* Speakers Main Page */
.of2020--list-speakers{
display: flex;
flex-wrap: wrap;
width:100%;
}
.of2020--list-speakers li{
width:calc(50% - 25px);
position:relative;
border-bottom:1px solid #d8d8d8;
padding-bottom:30px;
margin-bottom:40px;
}
.speakers-page .of2020--list-speakers li:nth-child(odd){
margin-right:25px;
}
.speakers-page .of2020--list-speakers li:nth-child(even){
margin-left:25px;
}
.of2020--speaker-head a{
display:flex;
flex-direction: column;
margin-bottom:15px;
position: relative;
}
.of2020--speaker-head a span{
font-size:17px;
font-weight:300;
padding-top:8px;
}
.of2020--speaker-head img{
width:90px;
height:90px;
margin-right:20px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);filter: grayscale(100%);
}
.of2020--speaker-head h6{
font-size:27px;
font-weight:500;
margin-bottom:8px;
}
.of2020--speaker-head > div{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.of2020--speaker-head > div > div span {
display: flex;
flex-direction: row;
color:#505050;
}
.of2020--speaker-head > div > div span:first-of-type{
margin-right:5px;
font-weight:600;
}
.of2020--speaker-head a{
margin-bottom:0;
}
.of2020--speaker-head {
margin-bottom:20px;
}
.of2020--list-speakers li .of2020--speaker-head a.sp20-img:after{
content:"";
display:inline-block;
position:absolute;
top:0;
width:34px;
height:34px;
background-color: #c8da2a;
mix-blend-mode: multiply;
}
.of2020--list-speakers li:first-of-type .of2020--speaker-head a.sp20-img:after{
left:70px;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
background-color:#e66567;
}
.of2020--list-speakers li:nth-child(2) .of2020--speaker-head a.sp20-img:after{
left:-10px;
top:50%;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
background-color:#f6eb0b;
}
.of2020--list-speakers li:nth-child(3) .of2020--speaker-head a.sp20-img:after{
left:-10px;
top:50%;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
background-color:#c8da2a;
}
.of2020--list-speakers li:nth-child(4) .of2020--speaker-head a.sp20-img:after{
left:70px;
top:11px;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
background-color:#f7971d;
}
.of2020--list-speakers li:nth-child(5) .of2020--speaker-head a.sp20-img:after{
left:30px;
top:-15px;
clip-path: polygon(0 0, 100% 0, 100% 100%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
background-color:#ca9a2c;
}
.of2020--list-speakers li:nth-child(6) .of2020--speaker-head a.sp20-img:after{
left:30px;
top:calc(100% - 25px);
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
background-color:#39bec2;
}
.of2020--list-speakers li:nth-child(7) .of2020--speaker-head a.sp20-img:after{
left:70px;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
background-color:#6496c9;
}
.of2020--list-speakers li:nth-child(8) .of2020--speaker-head a.sp20-img:after{
left:-10px;
top:50%;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
background-color:#ffcc02;
}
.of2020--list-speakers li:nth-child(9) .of2020--speaker-head a.sp20-img:after{
left:-10px;
top:50%;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
background-color:#ca1f35;
}
.of2020--list-speakers li:nth-child(10) .of2020--speaker-head a.sp20-img:after{
left:70px;
top:11px;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
background-color:#74be44;
}
.of2020--list-speakers li:nth-child(11) .of2020--speaker-head a.sp20-img:after{
left:30px;
top:-15px;
clip-path: polygon(0 0, 100% 0, 100% 100%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
background-color:#ca9a2c;
}
.of2020--list-speakers li:nth-child(12) .of2020--speaker-head a.sp20-img:after{
left:30px;
top:calc(100% - 25px);
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
background-color:#ca9a2c;
}
.of2020--list-speakers li:nth-child(13) .of2020--speaker-head a.sp20-img:after{
left:70px;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
background-color:#e66567;
}
.of2020--list-speakers li:nth-child(14) .of2020--speaker-head a.sp20-img:after{
left:-10px;
top:50%;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
background-color:#f6eb0b;
}
.of2020--list-speakers li:nth-child(15) .of2020--speaker-head a.sp20-img:after{
left:-10px;
top:50%;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
background-color:#c8da2a;
}
.of2020--list-speakers li:nth-child(16) .of2020--speaker-head a.sp20-img:after{
left:70px;
top:11px;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
background-color:#f7971d;
}
.of2020--list-speakers li:nth-child(17) .of2020--speaker-head a.sp20-img:after{
left:30px;
top:-15px;
clip-path: polygon(0 0, 100% 0, 100% 100%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
background-color:#ca9a2c;
}
.of2020--list-speakers li:nth-child(18) .of2020--speaker-head a.sp20-img:after{
left:30px;
top:calc(100% - 25px);
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
background-color:#ca9a2c;
}
.of2020--list-speakers li:nth-child(19) .of2020--speaker-head a.sp20-img:after{
left:70px;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
background-color:#e66567;
}
.of2020--list-speakers li:nth-child(20) .of2020--speaker-head a.sp20-img:after{
left:-10px;
top:50%;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
background-color:#f6eb0b;
}
.of2020--list-speakers li:nth-child(21) .of2020--speaker-head a.sp20-img:after{
left:-10px;
top:50%;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
background-color:#c8da2a;
}
.of2020--list-speakers li:nth-child(22) .of2020--speaker-head a.sp20-img:after{
left:70px;
top:11px;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
background-color:#f7971d;
}
.of2020--list-speakers li:nth-child(23) .of2020--speaker-head a.sp20-img:after{
left:30px;
top:-15px;
clip-path: polygon(0 0, 100% 0, 100% 100%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
background-color:#ca9a2c;
}
.of2020--list-speakers li:nth-child(24) .of2020--speaker-head a.sp20-img:after{
left:30px;
top:calc(100% - 25px);
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
background-color:#ca9a2c;
}
.of2020--list-speakers li:nth-child(25) .of2020--speaker-head a.sp20-img:after{
left:-10px;
top:50%;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
background-color:#c8da2a;
}
.of2020--speaker-head{
display:flex;
min-height:90px;
}
.of2020.speakers-page header h1.title-after:after{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 31px;
bottom: -50px;
background-image: url("/img/2020/pattern-purple-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-50%);
}
.of2020.speakers-page header.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 93px;
top: calc(50% - 24px);
background-image: url("/img/2020/pattern-white-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-557px);
z-index: 1;
}
.of2020.speakers-page header.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 31px;
height: 93px;
top: calc(50% - 24px);
background-image: url("/img/2020/pattern-purple-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-588px);
z-index: 1;
}
.of2020.speakers-page .header-image-bg.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 62px;
bottom: 0;
background-image: url("/img/2020/pattern-white-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(464px);
z-index: 1;
}
.of2020.speakers-page .header-image-bg.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 93px;
bottom: 0;
background-image: url("/img/2020/pattern-purple-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(464px) translateY(31px);
z-index: -1;
}
.of2020.speakers-page:before{
content:"";
display: inline-block;
position: absolute;
width:124px;
height:248px;
top:50%;
background-image: url("/img/2020/pattern-purple-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-625px) ;
z-index: -1;
}
.of2020.speakers-page:after{
content:"";
display: inline-block;
position: absolute;
width:90px;
height:100px;
top:50%;
background-size: 31px;
left: 50%;
transform: translateX(-655px) translateY(190px);
z-index: -1;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
background-color:#efefef;
}
.filt{
margin:50px 0 35px 0;
}
.filt ul{
flex:1;
}
.speaker-filter li{
padding:0 15px;
display:inline-block;
border:1px solid #ca1f35;
line-height:25px;
color:#ca1f35;
cursor:pointer;
margin: 0 10px 0 0;
font-size: 11px;
text-transform: uppercase;
}
.speaker-filter li.active{
border:1px solid #ca1f35;
background-color:#ca1f35;
}
.speaker-filter li.active{
color:white;
}
.speaker-filter li:hover{
border:1px solid #ca1f35;
background-color:#ca1f35;
color:white;
}
/* */
.of2020.programme-page header h1.title-after:before{
content: "";
display: inline-block;
position: absolute;
width: 62px;
height: 31px;
bottom: -45px;
background-image: url("/img/2020/pattern-blue-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-50%);
margin-left: -31px;
}
.of2020.programme-page header h1.title-after:after{
content: "";
display: inline-block;
position: absolute;
width: 62px;
height: 31px;
bottom: -70px;
background-image: url("/img/2020/pattern-blue-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-50%);
}
.of2020.programme-page header.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 93px;
top: calc(50% - 24px);
background-image: url("/img/2020/pattern-white-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-557px);
z-index: 1;
}
.of2020.programme-page header.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 31px;
height: 93px;
top: calc(50% - 24px);
background-image: url("/img/2020/pattern-blue-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-588px);
z-index: 1;
}
.of2020.programme-page .header-image-bg.wall:before{
content: "";
display: inline-block;
position: absolute;
width: 93px;
height: 62px;
bottom: 0;
background-image: url("/img/2020/pattern-white-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(464px);
z-index: 1;
}
.of2020.programme-page .header-image-bg.wall:after{
content: "";
display: inline-block;
position: absolute;
width: 124px;
height: 93px;
bottom: 0;
background-image: url("/img/2020/pattern-blue-circles.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(464px) translateY(31px);
z-index: -1;
}
.of2020.programme-page:before{
content:"";
display: inline-block;
position: absolute;
width:124px;
height:248px;
top:50%;
background-image: url("/img/2020/pattern-blue-plus.svg");
background-repeat: repeat;
background-size: 31px;
left: 50%;
transform: translateX(-625px) ;
z-index: -1;
}
/* */
.workshops-desktop{
display:block;
}
.workshops-mobile{
display:none;
}
#workshops main{
margin-top:80px;
}
.workshops-filter{
display:flex;
}
.workshops-filter li{
flex:1;
cursor:pointer;
border:1px solid;
padding:4px 20px;
box-sizing: border-box ;
height:40px;
}
.workshops-filter li{
margin-right:40px;
display:flex;
justify-content: center;
}
.workshops-filter li:last-child{
margin-right:0;
}
.workshops-filter li.green-color{
background-color:white;
color:#c8da2a;
}
.workshops-filter li.orange-color{
background-color:white;
color:#ffcc02;
}
.workshops-filter li.red-color{
background-color:white;
color:#e66567;
}
.workshops-filter li.blue-color{
background-color:white;
color:#39bec3;
}
.workshops-filter li span{
line-height:30px;
font-size:17px;
}
.workshops-filter li svg{
height:30px;
float: left;
margin-right:10px;
}
.workshops-filter li svg.arrow{
height: 7px;
margin: 13px 0px 10px 5px;
}
.workshops-content li{
display:none;
}
.workshops-content li > div div{
display:block;
text-align: center;
}
.workshops-content li span{
display: block;
text-align: center;
color:#929292;
font-size: 16px;
margin-bottom:20px;
font-weight:600;
}
.workshops-content li p{
font-size:13px;
color:#afafaf;
}
.workshops-content li img{
max-height:70px;
}
.workshops-content li.active{
display:flex;
}
/* .workshops-content li > div:not(:last-of-type){
border-right: 1px solid #d8d8d8;
} */
.workshops-content li > div{
display:flex;
flex-direction: column;
margin-top:40px;
flex:1;
position:relative;
}
.workshops-content li > div:after{
content:"";
display:inline-block;
position:absolute;
width:1px;
height:calc(50% - 25px);
background-color:#d8d8d8;
top:0;
right:0;
}
.of2020.sub-page main .workshops-content li p{
font-size:17px;
text-align: left;
padding:0 10px;
margin-top:25px;
color: #929292;
}
.workshops-page .of2020--list-speakers li:not(.show){
display:none;
}
.workshops-page .of2020--list-speakers li{
width:calc(50% - 50px);
margin-left: 25px;
margin-right: 25px;
}
.of2020.sub-page main .workshop-explain p{
margin-top:40px;
margin-bottom:0;
}
/* WORKSHOPS MOBILE */
.workshops-mobile ul li button{
width:100%;
height:40px;
}
.workshops-mobile ul ul li{
margin-bottom:20px;
}
.workshops-mobile ul ul{
display: none;
margin-bottom:40px;
}
.workshops-mobile ul ul.show-graphics{
display: block;
}
.workshops-mobile > div > ul > li{
text-align: center;
margin-bottom:50px;
}
.workshops-mobile ul li img{
height:145px;
display: block;
margin: 0 auto 20px auto;
}
.of2020.sub-page main .workshops-mobile ul li p{
text-align: center;
color:#afafaf;
font-size:13px;
}
.of2020.sub-page main .workshops-mobile ul li > button{
outline:none;
font-size: 17px;
padding:0;
margin-bottom:20px;
}
.workshops-mobile ul li.green-color > button{
color: #c8da2a;
border: 1px solid #c8da2a;
background-color: white;
}
.workshops-mobile ul li.orange-color > button{
color: #ffcc02;
border: 1px solid #ffcc02;
background-color: white;
}
.workshops-mobile ul li.pink-color > button{
color: #e66567;
border: 1px solid #e66567;
background-color: white;
}
.workshops-mobile ul li.blue-color > button{
color: #39bec3;
border: 1px solid #39bec3;
background-color: white;
}
/* ------ */
/* PROGRAMME 2020 */
/* ------ */
.programme--days-filter{
display:flex;
justify-content: center;
}
.programme--days-filter li{
width:100%;
margin:0 25px;
}
.programme--days-filter li:first-of-type{
margin-left:0;
}
.programme--days-filter li:last-of-type{
margin-right:0;
}
.programme--days-filter li .programme--days-day{
border: 1px solid;
background-color:#ca1f35;
color:white;
padding:5px;
box-sizing: border-box;
cursor:pointer;
}
.programme--days-filter li.active .programme--days-day{
border: 1px solid;
background-color:white;
color:#ca1f35;
padding:5px;
box-sizing: border-box;
cursor:pointer;
}
.programme--days-filter li .programme--days-day span{
display: block;
text-align:center;
}
.programme--days-filter li .programme--days-day span:last-of-type{
font-weight: 600;
font-size:17px;
margin-top:5px;
}
.programme--days-content{
margin-top:50px;
}
.programme--days-content .double-time{
display:flex;
line-height: 1.3;
}
.programme-day-speaker-list{
display: flex;
position:relative;
}
.programme--days-content .double-time .programme-day-speaker-list > div{
flex:1;
display:flex;
flex-direction: column;
}
.programme--days-content .double-time .programme-day-speaker-list > div:first-of-type{
padding-right:75px;
}
.programme--days-content .double-time .programme-day-speaker-list > div:last-of-type{
padding-left:75px;
}
.programme--days-content .programme--days-hour{
font-size: 23px;
font-weight: 600;
}
.programme--days-content .programme--days-hour{
font-size: 23px;
font-weight: 600;
padding-right:0;
min-width:70px;
display:inline-block;
float:left;
}
.programme--days-content .programme--days-title{
font-size: 23px;
text-transform: capitalize;
flex:1;
}
.programme--day-speaker-info img{
height:60px;
width:60px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.programme--days-content > li > div:not(.programme-day-info){
margin-top:10px;
margin-bottom:20px;
}
#day4 .check-1{
margin-bottom: 30px;
}
.programme-day-info{
margin-top:10px;
position:relative;
display: flex;
flex-direction: column;
}
.programme-day-speaker-list:after{
content:"";
display: inline-block;
width:1px;
position: absolute;
background-color:#e5e4e4;
left:50%;
bottom:0;
top:0px;
}
.of2020 p.talk-description{
font-size: 16px;
margin-top: 10px;
padding-left: 60px;
}
.programme-day-front{
display: flex;
flex-direction: row;
}
.programme-day-front span{
font-size: 20px;
font-weight: 600;
margin-bottom:10px;
}
.programme--day-speaker-info{
flex-direction: column;
}
.programme--day-speaker-info.available .programme-day-desc:after{
content:"Available";
text-transform: uppercase;
color:#a9f576;
border:1px solid #a9f576;
padding:2px;
width:60px;
text-align: center;
margin-top: 10px;
font-size: 12px;
font-weight: 600;
}
.programme--day-speaker-info.last-seats .programme-day-desc:after{
content:"Last Seats";
text-transform: uppercase;
color:#ffe834;
border:1px solid #ffe834;
padding:2px;
width:60px;
text-align: center;
margin-top: 10px;
font-size: 12px;
font-weight: 600;
}
.programme--day-speaker-info.full .programme-day-desc:after{
content:"Full";
text-transform: uppercase;
color:#ffc3be;
border:1px solid #ffc3be;
padding:2px;
width:30px;
text-align: center;
margin-top: 10px;
font-size: 12px;
font-weight: 600;
}
.programme--day-speaker-info > div{
display:flex;
}
.programme--day-speaker-info .programme-day-desc{
flex:1;
display:flex;
flex-direction: column;
padding-left:15px;
position: relative;
top:-3px;
}
.programme--dayscontent:not(#day4) .programme--day-speaker-info .programme-day-desc{
min-height:100px;
}
.programme--day-speaker-info .programme-day-desc span, .programme--day-speaker-info .programme-day-desc a{
display:block;
}
.programme--day-speaker-info .programme-day-desc span.programme--days-room{
display:none;
}
.programme-day-front span{
display:none;
}
#day4 .programme-day-front span{
display:inherit;
margin-right:10px;
min-width:50px;
}
.programme--day-speaker-info .programme-day-desc a{
/* margin-top:auto; */
font-size:21px;
font-weight:600;
margin-bottom:5px;
}
.programme--day-speaker-info .programme-day-desc a span{
font-size:17px;
font-weight:300;
margin-top:5px;
line-height:1.2;
}
.programme-day-speaker-list > div ul{
display: flex;
height: 100%;
flex-direction: column;
}
.programme--day-speaker-info{
margin-bottom:30px;
display: flex;
/* min-height:95px; */
width: 100%;
}
.programme--days-room{
font-size: 16px;
font-weight: bold;
line-height:25px;
}
.filter-timezone-container{
display:flex;
justify-content: center;
margin-bottom:50px;
}
.filter-timezone-container *{
outline:none;
}
.filter-timezone-container label{
margin-bottom:20px;
display:block;
text-align:center;
font-size: 24px;
font-weight:500;
}
.filter-timezone-container .select2-container .select2-selection--single .select2-selection__rendered{
padding-left:15px;
padding-right:25px;
}
.filter-timezone-container .select2-container{
border-color:#000;
border-radius: 0;
font-weight: 600;
}
.filter-timezone-container .select2-container--default .select2-selection--single .select2-selection__arrow b{
border:none;
}
.filter-timezone-container .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
content: "";
display: inline-block;
border: solid #ca1f35;
border-width: 0 2px 2px 0;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
right: 0;
top: calc(50% - 5px);
}
.programme-page .select2-container--default .select2-results__option[aria-selected=true]{
background:none;
}
.programme-page .select2-container--default .select2-results__option--highlighted[aria-selected]{
color:#000;
font-weight:500;
background-color:transparent;
}
.filter-timezone-container .select2-container--default .select2-selection--single .select2-selection__rendered{
color:#000;
font-size:19px;
}
.filter-timezone-inner{
min-width:315px;
}
.programme--speaker-name{
font-size: 18px;
color: #9f9f9f;
}
.schedule-info{
margin-bottom:25px;
}
.schedule-info div{
flex:1;
}
.schedule-info div:first-of-type{
padding-right:75px;
}
.schedule-info div:last-of-type{
padding-left:75px;
}
.events-schedule{
display:flex;
margin-top:10px;
padding:20px 0;
border-top:1px solid #e5e4e4;
border-bottom:1px solid #e5e4e4;
position: relative;
}
.events-schedule-morning{
padding-right:20px;
}
.events-schedule-afternoon{
padding-left:20px;
}
.events-schedule-morning, .events-schedule-afternoon{
flex:1;
display: flex;
}
.events-schedule-morning li, .events-schedule-afternoon li{
flex:1;
display:flex;
}
.events-schedule-morning li img.img-icon, .events-schedule-afternoon li img.img-icon{
width: 36px;
height: 36px;
padding-right:7px;
}
.events-schedule-morning li .programme-hour-interval > span, .events-schedule-afternoon li .programme-hour-interval > span{
font-size: 14px;
font-weight: 600;
}
.events-schedule-morning li > div , .events-schedule-afternoon li > div{
flex:1;
}
.events-schedule-morning li > div > div , .events-schedule-afternoon li > div > div{
margin-bottom:5px;
}
.events-schedule:after{
content:"";
display: inline-block;
width:1px;
position: absolute;
background-color:#e5e4e4;
left:50%;
top:10px;
bottom:10px;
}
.programme-hour-interval{
display:flex;
}
.programme-hour-interval img{
width: 15px;
height: 15px;
margin: 0 2px;
position:relative;
}
.programme--dayscontent{
margin-bottom:50px;
}
.programme--dayscontent:not(.active){
display:none
}
.programme--dayscontent > div:first-of-type{
display: flex;
}
.ticket-day-filter{
/* display:flex; */
display:none;
}
.ticket-day-filter .allowed-tickets{
display:flex;
flex-direction: column;
margin-right:50px;
}
.ticket-day-filter .allowed-tickets span:first-of-type{
font-size: 23px;
}
.ticket-day-filter .allowed-tickets span:last-of-type{
font-size: 18px;
}
.ticket-day-filter ul.ticket-list{
display:flex;
flex:1;
flex-direction: row;
}
.ticket-day-filter ul.ticket-list li.days-4 .fill-change{
fill:#c8da2a;
}
.ticket-day-filter ul.ticket-list li.days-4 span{
color:#c8da2a;
}
.ticket-day-filter ul.ticket-list li.days-3 .fill-change{
fill:#ffcc02;
}
.ticket-day-filter ul.ticket-list li.days-3 span{
color:#ffcc02;
}
.ticket-day-filter ul.ticket-list li.days-2 .fill-change{
fill:#e66567;
}
.ticket-day-filter ul.ticket-list li.days-2 span{
color:#e66567;
}
.ticket-day-filter ul.ticket-list li.days-2b .fill-change{
fill:#39bec2;
}
.ticket-day-filter ul.ticket-list li.days-2b span{
color:#39bec2;
}
.ticket-day-filter ul.ticket-list li.days-1 .fill-change{
fill:#a9a9a9;
}
.ticket-day-filter ul.ticket-list li.days-1 span{
color:#a9a9a9;
}
/* 4days */
.ticket-day-filter ul.ticket-list[data-target="days-4"] li:not(:first-child) .fill-change {
fill:#E1E1E1
}
.ticket-day-filter ul.ticket-list[data-target="days-4"] li:not(:first-child) span {
color:#E1E1E1
}
/* 3days */
.ticket-day-filter ul.ticket-list[data-target="days-3"] li:not(.days-4):not(.days-3):not(.days-2) .fill-change {
fill:#E1E1E1
}
.ticket-day-filter ul.ticket-list[data-target="days-3"] li:not(.days-4):not(.days-3):not(.days-2) span {
color:#E1E1E1
}
/* 2days */
.ticket-day-filter ul.ticket-list[data-target="days-2"] li:not(.days-4):not(.days-3):not(.days-2b) .fill-change {
fill:#E1E1E1
}
.ticket-day-filter ul.ticket-list[data-target="days-2"] li:not(.days-4):not(.days-3):not(.days-2b) span {
color:#E1E1E1
}
.ticket-day-filter ul.ticket-list li.days-3 svg{
}
.ticket-day-filter ul.ticket-list li.days-2 svg{
}
.ticket-day-filter ul.ticket-list li.days-2b svg{
}
.ticket-day-filter ul.ticket-list li.days-1 svg{
}
/* WORKSHOPS SVG */
/*
.workshop-illust{
display:flex;
}
.workshop-illust > div{
display:flex;
position: relative;
}
*/
.workshop_selection_ticket{
margin-top:40px;
}
.workshop-illust {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 50px;
grid-row-gap: 35px;
margin-top:60px;
}
.workshop-illust > div{
display:flex;
align-items: flex-start;
}
.workshop-illust > div > img{
margin-right:20px;
}
.of2020.sub-page main .workshop-illust > div > p{
margin-top:0;
top:-0.4em;
position: relative;
line-height: 1.6em;
}
.w-ill-1 { grid-area: 1 / 1 / 2 / 2; }
.w-ill-2 { grid-area: 1 / 2 / 2 / 3; }
.w-ill-3 { grid-area: 2 / 1 / 3 / 2; }
.w-ill-4 { grid-area: 2 / 2 / 3 / 3; }
.w-ill-5 { grid-area: 3 / 1 / 4 / 2; }
.w-ill-6 { grid-area: 3 / 2 / 4 / 3; }
/*
.ticket-day-filter ul.ticket-list li svg{
fill: #fff;
stroke:#E1E1E1;
}
.ticket-day-filter ul.ticket-list li svg .svg-number{
fill:#E1E1E1;
stroke:#E1E1E1;
}
.ticket-day-filter ul.ticket-list li span{
color:#E1E1E1
}
*/
/* 4DAYS */
/*
.ticket-day-filter ul.ticket-list li.days-4 span {
color:#c8da2a;
}
.ticket-day-filter ul.ticket-list li.days-4 svg.days-4-svg {
stroke:#c8da2a;
}
.ticket-day-filter ul.ticket-list li.days-4 svg.days-4-svg .svg-number {
fill:#c8da2a;
stroke:#c8da2a;
}
*/
/* 3DAYS */
/*
.ticket-day-filter ul.ticket-list:not([data-target="days-4"]) li.days-3 svg.days-3-svg {
stroke:#ffcc02;
}
.ticket-day-filter ul.ticket-list:not([data-target="days-4"]) li.days-3 svg.days-3-svg .svg-number {
fill:#ffcc02;
stroke:#ffcc02;
}
.ticket-day-filter ul.ticket-list:not([data-target="days-4"]) li.days-3 span {
color:#ffcc02;
}
*/
/* 2DAYS */
/*
.ticket-day-filter ul.ticket-list:not([data-target="days-4"]):not([data-target="days-2"]) li.days-2 svg.days-2-svg {
stroke:#e66567;
}
.ticket-day-filter ul.ticket-list:not([data-target="days-4"]):not([data-target="days-2"]) li.days-2 svg.days-2-svg .svg-number {
fill:#e66567;
stroke:#e66567;
}
.ticket-day-filter ul.ticket-list:not([data-target="days-4"]):not([data-target="days-2"]) li.days-2 span {
color:#e66567;
}
*/
/* 2DAYS B */
/*
.ticket-day-filter ul.ticket-list:not([data-target="days-4"]):not([data-target="days-3"]) li.days-2b svg.days-2b-svg {
stroke:#39bec3;
}
.ticket-day-filter ul.ticket-list:not([data-target="days-4"]):not([data-target="days-3"]) li.days-2b svg.days-2b-svg .svg-number {
fill:#39bec3;
stroke:#39bec3;
}
.ticket-day-filter ul.ticket-list:not([data-target="days-4"]):not([data-target="days-3"]) li.days-2b span {
color:#39bec3;
}
*/
/* Talks B */
/*
.ticket-day-filter ul.ticket-list[data-target="days-1"] li.days-1 svg.days-1-svg {
stroke:#a9a9a9;
}
.ticket-day-filter ul.ticket-list[data-target="days-1"] li.days-1 svg.days-1-svg .svg-number {
fill:#a9a9a9;
stroke:#a9a9a9;
}
.ticket-day-filter ul.ticket-list[data-target="days-1"] li.days-1 span {
color:#a9a9a9;
}
*/
/* END WORKSHOPS SVG */
/*
.ticket-day-filter ul.ticket-list[data-target="days-4"] li:not(:first-child) svg text {
fill:#E1E1E1
}
.ticket-day-filter ul.ticket-list[data-target="days-4"] li:not(:first-child) svg rect {
stroke:#E1E1E1
}
*/
/*
.ticket-day-filter ul.ticket-list[data-target="days-3"] li:nth-child(4), .ticket-day-filter ul.ticket-list[data-target="days-3"] li:last-child {
display:none;
}
.ticket-day-filter ul.ticket-list[data-target="days-2"] li:nth-child(3), .ticket-day-filter ul.ticket-list[data-target="days-2"] li:last-child {
display:none;
}
.ticket-day-filter ul.ticket-list[data-target="days-2b"] li:nth-child(3), .ticket-day-filter ul.ticket-list[data-target="days-2b"] li:last-child {
display:none;
}
.ticket-day-filter ul.ticket-list[data-target="days-1"] li{
display:flex;
}
*/
.ticket-day-filter ul.ticket-list li{
margin-left:40px;
display:flex;
text-align: center;
}
.ticket-day-filter ul.ticket-list li svg{
width:33px;
height:33px;
}
.ticket-day-filter ul.ticket-list li span{
display:flex;
align-items:center;
margin-left:10px;
}
/*
.ticket-day-filter ul.ticket-list .days-4{
color:#c8da2a;
}
.ticket-day-filter ul.ticket-list .days-3{
color:#ffcc02;
}
.ticket-day-filter ul.ticket-list .days-2{
color:#e66567;
}
.ticket-day-filter ul.ticket-list .days-2b{
color:#39bec3;
}
.ticket-day-filter ul.ticket-list .days-1{
color:#a9a9a9;
}
*/
/* HOME CHANGED */
.of2020--venueimage-tri .polygon-clip-triangle-equilateral {
clip-path: polygon(0% 100%, 50% 0%, 50% 0%, 100% 100%);
-webkit-clip-path: polygon(0% 100%, 50% 0%, 50% 0%, 100% 100%);
-moz-clip-path: polygon(0% 100%, 50% 0%, 50% 0%, 100% 100%);
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
.of2020--venue.hoverimg .polygon-clip-triangle-equilateral{
clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
-webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
-moz-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
transition:all 1s ease;
}
.tri-list{
height: 520px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.tri-list li{
display:none;
position: relative;
margin: 0 auto;
height: 544px;
left: 50%;
transform: translateX(-50%);
}
.tri-list li.active{
display:inline-block
}
.clip-svg{
height:0;
}
.of2020--venueimage-tri img{
height:544px;
}
.grid-tri{
max-width: 964px;
width:100%;
padding: 0px 30px;
margin: 0 auto;
position:relative;
z-index:1;
margin:0 auto;
top:0;
text-align: right;
height:0;
}
.venue-slide-close{
background:none;
box-shadow:none;
border:none;
cursor:pointer;
position: relative;
top:-15px;
right:15px;
visibility:hidden;
outline:none;
}
.venue-slide-close svg{
width:28px;
height:28px;
}
.of2020--venue.hoverimg .venue-slide-close{
transition:visibility 1s ease;
transition-delay: 700ms;
visibility:visible;
}
.of2020--venue .of2020--content-info{
margin-top:40px;
}
.slide-commands{
visibility: hidden;
display:flex;
}
.slide-commands button{
background:none;
box-shadow:none;
border:none;
cursor:pointer;
position: relative;
height:24px;
padding:0;
outline:none;
}
.of2020--venue.hoverimg .slide-commands{
transition:visibility 1s ease;
transition-delay: 700ms;
visibility: visible;
top:47px;
}
.slide-commands button:first-of-type svg{
transform:rotate(180deg)
}
.slide-commands span{
line-height:24px;
margin:0 10px;
font-size:20px;
}
.slide-commands button svg{
width:24px;
height:24px;
}
.home-2020 section.of2020--venue{
margin:0;
padding: 75px 0;
}
.of2020.sub-page main .of2020--venue .of2020--content-info p{
margin-bottom:0;
}
.of2020--venue .of2020--content-info > div a{
margin-bottom:5px;
}
.of2020--venue .of2020--content-info > div > div.mobile{
display:none;
}
.filtered-img{
width:140px;
left:50%;
position:absolute;
transform: translateX(-50%);
z-index:1;
mix-blend-mode: multiply;
margin-top: -30px;
}
.home-2020 section.of2020-circlesGallery .circles-img:not(.closed){
margin-bottom:75px;
}
.stop-scrolling{
overflow:hidden;
}
.venueSlideOpen{
margin-left:auto;
margin-bottom:auto;
}
.of2020--venue .of2020--content-info > div h2{
text-align: left;
}
.of2020--venue .of2020--content-info > div.commands-explore{
flex:0;
}
.of2020 .button-link.venueSlideOpen{
padding:10px 7px;
text-align: center;
}
.of2020--venue .of2020--content-info > div a{
margin:0;
}
.of2020--venue .of2020--content-info > div, .of2020--venue .of2020--content-info p{
flex:0;
flex-basis:200px;
}
.of2020--venue .of2020--content-info p{
flex:1;
padding-right:20px;
}
.of2020--venue.hoverimg .slide-commands{
top:0;
}
.of2020-circlesGallery h2{
max-width:100%;
text-align: center;
}
#day1 .programme-day-speaker-list > div:first-child ul li:first-child{
display:none;
}
#day1 .programme-day-speaker-list > div:last-child > ul > li:last-child{
display:none;
}
.programme_timezone #day1 .programme-day-speaker-list > div:first-child ul li:first-child{
display:none;
}
.programme_timezone #day1 .programme-day-speaker-list > div:last-child > ul > li:last-child{
display:none;
}
.programme_timezone #day1 .check-1{
display:none;
}
.check-1 > div{
display:flex;
}
.programme_timezone #day1 .check-option-1, #day1 .check-option-2{
margin-bottom:15px;
display:inline-block;
}
.programme_timezone #day1 .programme-day-speaker-list > div .schedule-info{
display: inline-block;
}
.programme_timezone #day1 .programme-day-speaker-list > div ul + .schedule-info{
margin-bottom:15px;
}
.programme_timezone #day1 .programme-day-speaker-list > div .schedule-info + .schedule-info{
margin-bottom:15px;
}
.programme_timezone #day1 .programme--day-speaker-info{
margin-bottom: 20px;
}
.programme--dayscontent .programme--day-speaker-info{
margin-bottom:40px;
}
.programme--dayscontent .programme--day-speaker-info .programme-day-desc a{
margin-bottom:0;
line-height:1;
}
.programme--dayscontent .schedule-info.schedule-coffee-break{
margin-bottom:35px;
position: relative;
top:-5px;
}
/* HOME QUIZZ */
.home-2020 section.of2020--quizz{
margin-top:100px;
margin-bottom:80px;
position:relative;
}
.home-2020 section.of2020--quizz h2:before{
content: "";
display: inline-block;
position: absolute;
width: 217px;
height: 200px;
z-index: -1;
right: 40px;
top: 30px;
transform: translateX(62px);
background-image: url(/img/2020/pattern-blue-lines.svg);
background-repeat: repeat;
background-size: 31px;
}
.home-2020 section.of2020--quizz ul.quizz-list:last-of-type:after{
content: "";
display: inline-block;
position: absolute;
width: 217px;
height: 160px;
z-index: -1;
left: -160px;
bottom: -25px;
transform: rotate(90deg) translateY(-62px) translateX(0px);
background-image: url(/img/2020/pattern-green-plus.svg);
background-repeat: repeat;
background-size: 31px;
}
.of2020--quizz h2{
margin-bottom:10px;
}
.of2020.sub-page main .of2020--quizz p{
margin-bottom:60px;
}
.of2020--quizz ul {
display:flex;
padding-bottom:20px;
justify-content: center;
}
.of2020--quizz ul li{
margin:0 12px;
align-items: center;
display:flex;
flex-direction: column;
position: relative;
max-width:120px;
}
.of2020--quizz ul li img{
width:100%;
margin-bottom:10px;
}
.of2020--quizz ul li span{
width: 65%;
text-align: center;
font-size: 18px;
font-weight: 600;
color: #505050;
}
.of2020--quizz ul li:after{
content: "";
display: inline-block;
position: absolute;
top: 0;
width: 34px;
height: 34px;
mix-blend-mode: multiply;
}
.of2020--quizz ul.quizz-list:first-of-type li:first-child:after, .of2020--quizz ul.quizz-list:last-of-type li:first-child:after{
background-color:#c8da2a;
left: -17px;
top: 17px;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
}
.of2020--quizz ul.quizz-list:first-of-type li:nth-child(3):after, .of2020--quizz ul.quizz-list:last-of-type li:nth-child(3):after{
background-color:#39bec2;
right: -17px;
top: 0;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
}
.of2020--quizz ul.quizz-list:first-of-type li:nth-child(5):after, .of2020--quizz ul.quizz-list:last-of-type li:nth-child(5):after{
background-color:#ca1f35;
right: -15px;
top: 12px;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
}
.of2020--quizz ul.quizz-list:first-of-type li:nth-child(7):after, .of2020--quizz ul.quizz-list:last-of-type li:nth-child(7):after{
background-color:#f6eb0b;
right: -25px;
top: calc(50% - 40px);
clip-path: polygon(0 0, 100% 100%, 0 100%);
-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
}
.of2020--quizz ul.quizz-list:not(:first-of-type):not(:last-of-type) li:nth-child(2):after{
background-color:#c8da2a;
right: -15px;
top: 65px;
clip-path: polygon(0 0, 100% 100%, 0 100%);
-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
}
.of2020--quizz ul.quizz-list:not(:first-of-type):not(:last-of-type) li:nth-child(4):after{
background-color:#5F68AE;
left: -10px;
top: 5px;
clip-path: polygon(0 0, 100% 0, 100% 100%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.of2020--quizz ul.quizz-list:not(:first-of-type):not(:last-of-type) li:nth-child(6):after{
background-color:#f7971d;
left: -10px;
top: 50px;
clip-path: polygon(0 100%, 100% 0, 0 0);
-webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
}
@media only screen and (max-width: 1024px){
.of2020--quizz ul li img{
width:100%;
height:auto;
}
}
@media only screen and (max-width: 960){
.home-2020 section.of2020--quizz h2:before{
right:0;
}
}
@media only screen and (max-width: 800px){
.of2020--quizz ul li:nth-child(4), .of2020--quizz ul li:nth-child(5), .of2020--quizz ul li:nth-child(6), .of2020--quizz ul li:nth-child(7) {
display:none;
}
.home-2020 section.of2020--quizz h2:before{
right:-100px;
top:100px;
}
.home-2020 section.of2020--quizz ul.quizz-list:last-of-type:after{
left: -200px;
bottom: 25px;
}
.home-2020 section.of2020--quizz{
margin-bottom:0;
}
}
/* */
.pop{
display:none;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:99999999;
background:rgba(0,0,0,0.5)
}
.pop .pop-content{
position: fixed;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width: 50%;
height: auto;
z-index:9999;
background: #ffffff;
box-sizing: border-box;
padding:40px;
max-width: 964px;
}
.pop .pop-content *{
pointer-events: all;
}
.pop-content h2{
text-align: center;
margin-top:70px;
margin-bottom:20px;
}
.pop-content p{
margin-bottom:10px;
}
.pop-content svg{
width: 28px;
height: 28px;
position: absolute;
top: -14px;
right: 25px;
cursor:pointer;
}
.home-2020 .notes2020 .popupopen{
left: 50%;
position: relative;
transform: translateX(-50%);
}
.popupopen{
font-weight: 600;
margin-top:5px;
}
@media only screen and (max-width: 920px){
#day1 .programme-day-speaker-list > div:first-child ul li:last-child{
display: flex;
}
#day1 .programme-day-speaker-list > div:last-child ul li:first-child{
display: flex;
}
.home-2020 section{
margin:50px 0;
}
.home-2020 section.of2020--venue{
padding-bottom:50px;
}
.programme--days-content:not(.mobile){
display:none;
}
.programme--days-filter{
flex-direction: column;
}
.programme--days-filter li{
margin:0;
position: relative;
margin-bottom:30px;
}
.programme--days-filter li .programme--days-day:after{
content: "";
display: inline-block;
border: solid white;
border-width: 0 2px 2px 0;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
right: 15px;
top: calc(50% - 5px);
}
.programme--days-filter li.active .programme--days-day:after{
border: solid #ca1f35;
border-width: 0 2px 2px 0;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
top: calc(50% - 0px);
}
.programme--days-filter li.active .programme--days-day{
position: relative;
}
.programme--days-content .double-time .programme-day-speaker-list > div:first-of-type{
padding-right:0;
}
.programme-day-speaker-list{
flex-direction: column;
}
.programme--days-content .double-time .programme-day-speaker-list > div:last-of-type{
padding-left:0;
margin-top:50px;
}
.events-schedule{
border-bottom:none;
}
.events-schedule-morning, .events-schedule-afternoon{
flex-direction:column;
}
.events-schedule-morning li, .events-schedule-afternoon li{
flex:0;
margin-bottom:20px;
}
.programme-day-speaker-list:after{
display: none;
}
.programme--days-filter li:not(.active) .programme--days-content.mobile{
display:none;
}
.programme--days-content.mobile .programme--dayscontent:not(.active){
display:none
}
.programme--days-content.mobile .programme--dayscontent:not(.active){
display:block
}
.ticket-day-filter .allowed-tickets{
flex-direction: row;
margin-bottom:20px;
}
.ticket-day-filter .allowed-tickets span:last-of-type{
margin:5px 10px ;
}
.ticket-day-filter ul.ticket-list li{
margin-bottom:10px;
}
.ticket-day-filter{
flex-direction: column;
display: none;
}
.ticket-day-filter ul.ticket-list{
flex-direction: column;
}
.ticket-day-filter ul.ticket-list li{
margin-left:0;
}
.ua-safari .add-ticket .select-type{
padding-left:10px;
}
}
/* Programme END 2020 */
@media only screen and (max-width: 920px){
.of2020--venue .of2020--content-info > div{
position: initial;
}
.of2020--venue .of2020--content-info > div > div.mobile{
display:block;
}
.of2020--venue.hoverimg .slide-commands{
top:45px;
}
.of2020--venue .of2020--content-info > div{
flex-basis:auto;
}
.of2020--venue .of2020--content-info > div.commands-explore .venueSlideOpen{
display:none;
}
.of2020--venue .of2020--content-info > div > div{
position:absolute;
top:37px;
right:15px;
}
.tri-list{
height:auto;
}
.tri-list li{
height:auto;
}
.of2020--venueimage-tri img{
width:100%;
height:auto;
}
.home-2020 section.of2020--venue{
padding-top:0;
}
.of2020--venue .of2020--content-info{
margin-top:0;
}
.grid-tri{
max-width:100%;
box-sizing: border-box;
}
.venue-slide-close{
padding:0;
right:0;
}
.of2020--venue.hoverimg .slide-commands{
top:40px;
right:0;
justify-content: flex-end;
}
.of2020-circlesGallery h2.circle-sign-yellow--before:before{
height:124px;
}
}
/* HOME CHANGE 2DEC 2019 END */
/* MEDIA QUERIES */
@media only screen and (max-width: 920px){
.of2020--savedate.grid{
margin-top:0;
width:100%;
max-width: inherit;
padding:50px 0;
}
.practical-content .deals > div{
margin-top:30px;
}
.practical-content .deals .accomodation div.multiple-hotels{
margin-top:0;
}
.practical-content .deals .accomodation div.single-hotel{
display:block;
margin-bottom:50px;
}
.practical-content .deals .accomodation div.single-hotel > div{
margin-top:50px;
}
.practical-content .deals .accomodation div.single-hotel .room-prices .hotel-price{
line-height:25px;
}
.of2020 .grid{
max-width:100%;
}
.of2020 header{
background-color:black;
}
.of2020 header .logo{
display:none;
}
body.of2020 .of2020-desk{
display:none;
}
body.of2020 .of2020-logoxperienz{
display:flex;
}
.of2020-logoxperienz span{
color:black;
}
.of2020-logoxperienz span{
color:white;
margin-left: 10px;
}
.of2020-mobilebar{
display:block;
background:black;
padding:10px 0;
box-sizing: border-box;
z-index:99999;
position:relative;
}
.of2020-mobilebar img{
height:50px;
}
.of2020 .event-date > div.date-local{
flex-direction: column-reverse;
color:white;
position:absolute;
right:15px;
top: 45px;
color: white;
}
.of2020 .event-date .date{
color:#afafaf;
line-height: 28px;
}
.of2020 .event-date .local{
margin:0;
color:#afafaf;
line-height: 28px;
}
.of2020-logoxperienz img{
margin-left:0;
}
.of2020 header{
height:755px;
}
.header-content{
position: absolute;
top: calc(100% - 500px);
}
.of2020 header{
padding-top:10px;
}
.of2020 .event-date > div:first-of-type{
padding-left: 0;
}
.of2020--savedate p {
max-width: calc(50% + 100px);
margin: 15px auto 0 auto;
}
.of2020--savedate a{
margin-left:10px;
}
.of2020.home-2020 .event-date .date{
position: relative;
font-size: 17px;
top: 10px;
}
.of2020 header h1{
position: absolute;
bottom: 0;
transform: translateY(-50%) translateX(-50%);
left: 50%;
}
.of2020--content-left{
flex-direction: column;
}
.of2020--venue .of2020--content-info{
flex-direction: column;
}
.of2020--venue .of2020--content-info > div h2{
text-align: left;
margin-bottom:35px;
}
.of2020--venue .of2020--content-info > p{
padding-left:0;
}
/* .of2020--gallery .of2020--content-left .of2020--content-info p{
padding-left:0;
margin-left:0;
text-align: left;
background-color:white;
font-size: 18px;
} */
.of2020--content-left img{
margin:0;
/* transform:translateX(-50%) */
}
.home-2020 section.of2020--oursponsors{
margin-bottom:0;
}
.of2020--info-section div:last-of-type{
background-image:url("/img/2020/mobile-footer.jpg")
}
.of2020--speakers-list li span{
font-size:18px;
}
.of2020 header h1{
left:0;
right:0;
transform: translateY(-50%) translateX(0);
}
.of2020 .image-650{
height:366px;
}
.of2020 header{
height:456px;
}
.of2020 .image-650 img:not(.mobile){
display:none;
}
.of2020 .image-650{
background-image: url("/img/2020/home-header-01-732.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.mobile-ticket-list ul li.diamond{color:#c8da2a;}
.mobile-ticket-list ul li.platinum{color:#ffcc02}
.mobile-ticket-list ul li.gold1{color:#e66567}
.mobile-ticket-list ul li.gold2{color:#39bec2}
.mobile-ticket-list ul li.silver{color:#ababab}
.add-ticket{
margin:20px 0;
}
.add-ticket .select-type{
height:35px;
font-size: 15px;
font-weight: 600;
text-align: -webkit-center;
}
.add-ticket .select-type option{
text-align:center
}
.practical-nav{
width:100%;
margin:0;
}
.practical-nav.fixed{
position:fixed;
}
.practical-page main.nav-fixed{
padding-top:110px;
}
.practical-nav li{
margin-bottom:20px;
padding:0 10px;
height:90px;
}
.practical-nav li a{
flex-direction: column;
height:100%;
font-size: 13px;
}
.practical-nav li a svg{
margin:0 0 10px 0;
}
.practical-content .venue .venue-info{
flex-direction: column;
margin-top:20px;
}
.practical-content .venue .venue-info div p{
padding-right:0;
}
.practical-content h2{
margin-bottom:25px;
}
.practical-content .venue .getting-info{
flex-direction: column;
}
.practical-content .venue .getting-info div{
padding-right:0;
}
.practical-content .venue .getting-info img{
width:100%;
}
.practical-content .venue .food-info{
flex-direction: column;
}
.practical-content .venue .food-info div{
padding-left:0;
}
.practical-content .venue .food-info img{
width:100%;
}
.practical-content .venue .atractions ul{
flex-direction: column;
}
.practical-content .venue .atractions ul li{
width:100%;
margin:0;
margin-top:20px;
}
.arround .arround-city{
flex-direction: column;
}
.arround .arround-city img{
width:100%;
margin-left:-20px;
margin-right:-20px;
width:calc(100% + 40px);
margin-bottom:40px;
}
.arround .arround-needs, .arround .arround-spots{
margin-top:40px;
}
.arround .arround-spots div img{
max-width:100%;
max-height:inherit;
width:100%;
right: -15px;
position: relative;
}
.arround .arround-needs .arround-info{
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
.arround .arround-needs{
padding:20px;
width: calc(100% + 40px);
margin-left:-20px;
margin-right:-20px;
}
.arround .arround-spots > div{
flex-direction: column;
}
.arround .arround-spots > div > div{
padding:0;
}
.arround .arround-tour .arround-info{
flex-direction: column;
}
.arround .arround-tour .arround-info div{
width:100%;
margin-top:20px;
}
.arround .arround-needs .arround-info > p{
padding-right:0;
}
.practical-content .venue .venue-info img{
width:calc(100% + 40px);
margin-left:-20px;
margin-right:-20px;
}
.practical-content .venue .getting-info img{
margin-left:-20px;
margin-right:-20px;
width:calc(100% + 40px)
}
.practical-content .venue .food-info img{
margin-left: -20px;
margin-right: -20px;
width:calc(100% + 40px)
}
.practical-content .venue .getting-info{
overflow:hidden;
}
.practical-content .venue .getting-info .practical-bimg-container.mapp{
margin-left:0;
background-image: url("/img/2020/practical/the_venue/pratical-1venue-sec-02-nova.jpg");
height:500px;
width:100%;
background-position: center;
background-size: contain;
background-repeat:no-repeat;
}
.practical-content .venue .food-info .practical-bimg-container.food{
background-image: url("/img/2020/practical/the_venue/pratical-1venue-sec-03-01-nova.jpg");
margin-right:0;
height: 275px;
width:100%;
flex:inherit;
}
.practical-content .venue .food-info > div:not(.practical-bimg-container){
width:auto;
}
.practical-content .venue .atractions ul li img{
height:auto;
}
.practical-content .venue .atractions ul li{
display:block;
}
.practical-content .venue .atractions ul li img{
height: auto;
width:100%;
}
.practical-content .deals .accomodation div.tap-section > div{
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
.practical-content .deals .accomodation div.multiple-hotels ul li img.left-tri{
width:calc(100% + 16px)
}
.practical-content .deals .accomodation div.multiple-hotels ul li img{
width:calc(100% + 16px);
height:auto;
}
.practical-content .deals .accomodation div.single-hotel img{
max-height:initial;
width: calc(100% + 20px);
left:-20px;
}
}
@media (hover: none) {
.speaker-filter li:not(.active):hover {
border: 1px solid #ca1f35;
background-color: white;
color:#ca1f35 !important;
}
}
@media only screen and (max-width: 700px){
.of2020--oursponsors{
margin-top:100px;
}
.of2020--speakers-list {
display: inline-block;
border-spacing: none;
width: 100%;
margin-left: 0;
margin-right: 0;
overflow-x: inherit;
text-align: center;
margin-bottom:50px;
}
.of2020--speakers-list li{
display: inline-block;
max-width:calc(33% - 2px);
margin-bottom:80px;
padding:0 12px;
box-sizing: border-box;
}
.of2020--speakers-list li:last-of-type{
margin-bottom:0;
}
.of2020--speakers-list li:nth-child(even){
top:0;
}
.of2020--speakers-list li:nth-child(2), .of2020--speakers-list li:nth-child(5){
top:50px;
position: relative;
}
.of2020--posts ul li .tw-user-id{
position:relative;
}
.practical-content .venue .getting-info .practical-bimg-container.mapp{
background-position-x: -40px;
height:330px;
}
.practical-content .venue .food-info{
margin-top:45px;
}
.practical-content .venue .atractions ul li img{
height:175px;
}
.workshops-content li.active{
flex-direction: column;
}
.workshops-content li > div:after{
display:none;
}
.of2020.sub-page main .workshops-content li p{
padding:0;
}
}
@media only screen and (max-width: 980px) {
.of2020.sub-page header .top-bar .note-container{
display:none;
}
.of2020.sub-page.home-2020 .home-link{
display:block !important;
}
.of2020.sub-page header .top-bar nav{
display:block;
position:fixed;
top:0;
right:0;
left:50%;
padding-bottom:20px;
transform: translateY(-100%);
transition: transform 250ms;
padding-top:60px;
margin:0;
height:auto;
}
.of2020.sub-page header .top-bar.visible nav{
background:black;
}
.of2020.sub-page header .top-bar nav{
transform: translateY(0);
display:none;
}
.of2020.sub-page header .top-bar nav.open{
display:block;
/* transform: translateY(0);
transition: transform 250ms; */
}
.of2020.sub-page header .top-bar nav a{
float:none;
display:block;
float:none;
height:auto;
line-height:1em;
padding:15px 0;
text-align: center;
font-size:25px;
position: relative;
}
.of2020.sub-page.home-2020 header .top-bar nav a{
padding:0;
}
.of2020.sub-page header .top-bar{
width: 100%;
left: 0;
top: 0;
transform: none;
position:fixed;
z-index: 7;
}
.of2020.sub-page header .top-bar.visible{
background-color:black;
}
.of2020.sub-page header .top-bar .ux-logo{
margin-left:20px;
max-height:23px;
}
.of2020.sub-page header .header-image{
height:auto;
width:100%;
}
.of2020.sub-page header h1{
right:inherit;
}
.of2020.sub-page header{
height:auto;
}
.of2020.sub-page header .top-bar .ux-date{
font-weight:600;
margin-right: 0;
max-width: inherit;
font-size:12px;
max-width:65px;
}
.of2020.sub-page .mb-hamburguer{
height:50px;
background:black;
padding: 17px 0;
box-sizing: border-box;
position:absolute;
right:30px;
display:block;
top:0;
width: 25px;
overflow:hidden;
z-index:9;
}
.of2020.sub-page .mb-hamburguer button {
outline:none;
cursor:pointer;
border: none;
background: none;
width: 40px;
float: right;
position: relative;
height: 30px;
outline: none;
cursor: pointer;
border: none;
background: none;
float: right;
position: relative;
height: 15px;
}.of2020.sub-page .mb-hamburguer button.close-bt-hamburguer {
width:25px;
}
.of2020.sub-page .mb-hamburguer button span{
background-color: #ffffff;
border-radius: 25px;
display: block;
height: 2px;
position: absolute;
width: 100%;
left:0;
}
.of2020.sub-page .mb-hamburguer button span.top{
top: 0;
}
.of2020.sub-page .mb-hamburguer button span.middle{
top: 50%;
margin-top: -1px;
}
.of2020.sub-page .mb-hamburguer button span.bottom{
top:100%;
margin-top: -1px;
}
.of2020.sub-page .mb-hamburguer button.close-bt-hamburguer .middle{
opacity:0;
}
.of2020.sub-page .mb-hamburguer button.close-bt-hamburguer span.top{
margin: -2px 0 0 -3px;
top: 50%;
width: 120%;
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
}
.of2020.sub-page .mb-hamburguer button.close-bt-hamburguer span.bottom{
margin: -2px 0 0 -3px;
top: 50%;
width: 120%;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
.of2020.sub-page .mb-hamburguer button span{-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.of2020.sub-page .elastic-element{
display:none;
}
.of2020.sub-page header .top-bar nav a.ticket-link:after{
left: calc(50% + 40px);
bottom: 10px;
right: inherit;
}
.contact-page .contact-container iframe{
position: relative;
height: auto;
}
.contact-page .contact-container{
flex-direction:column;
}
.of2020--oursponsors{
margin-top:50px;
}
.of2020--oursponsors-spalignment{
margin-top:0;
}
.of2020.videos-page header.wall:before{
left:0;
transform: none;
}
.of2020.videos-page .header-image-bg.wall:before{
transform: translateX(100%);
}
.of2020.videos-page .header-image-bg.wall:after{
display:none;
}
.of2020.registration-ticket .header-image-bg.wall:before{
left:calc(100% - 124px);
transform:none;
}
.of2020.registration-ticket header.wall:before{
left:10px;
transform:none;
}
.of2020.registration-ticket header.wall:after{
display:none;
}
.header-image-bg.wall:after{
display:none;
}
.header-image-bg.wall:before{
transform: translateX(100%)
}
.of2020--list-speakers li{
text-align: left;
}
.of2020.speakers-page .header-image-bg.wall:before{
right:0;
left:inherit;
transform: none;
}
.of2020.speakers-page header.wall:before{
left:0;
transform: none;
}
.of2020.speakers-page .header-image-bg.wall:after{
display:none;
}
.of2020.speakers-page header.wall:after{
display:none;
}
.of2020--savedate{
display:block;
}
.workshops-desktop{
display:none;
}
.workshops-mobile{
display:block;
}
.workshops-mobile li > span{
display:block;
text-align: center;
margin:10px 0;
}
.workshops-page .of2020--list-speakers li{
width:100%;
margin:20px 0;
}
.of2020.sub-page.workshops-page .of2020--list-speakers{
width:100%;
margin:0;
}
.workshops-mobile li button span{
display:inline-block;
}
.workshops-mobile li button svg{
display:inline-block;
width: 15px;
height: 15px;
position: relative;
top:3px;
}
.workshops-mobile{
margin-top:70px;
}
.speaker-filter{
margin-top:70px
}
.tri-list{
height:auto;
}
.tickets-wait.no-mobile{
display:none;
}
.of2020--navigation-container{
display:none;
}
.of2020 .event-date > div.date-local{
z-index:999999;
}
.of2020 header{
width:100%;
padding-top:0;
}
.of2020 header .notes2020{
right:0;
}
.of2020 .event-date{}
.of2020 .image-650{
width:100%;
}
.of2020 .image-650 img{
width:100%;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--footer-nav{
display: block;
float:none;
width:100%;
}
.of2020 .of2020--footer .of2020--footer-options ul li{
display:block;
margin-bottom:10px;
}
/*
#pastEditions{
display:none;
}
*/
.of2020 #mc_embed_signup{
position:relative;
display:block;
}
.of2020 #mc_embed_signup_scroll{
width: 100% !important;
overflow-y: hidden;
}
.of2020 .of2020--footer #mc_embed_signup input.email{
width: calc(100% - 100px) !important;
margin-right: 10px;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--social-links{
display:inline-block;
position:absolute;
top:0;
right:10px;
max-width:100px;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--social-links li:first-of-type{
float:none;
display:block;
width:100%;
margin:0;
line-height:initial;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--social-links li{
width:40px;
margin:5px;
float:left;
text-align: center;
}
.of2020 .of2020--footer .of2020--footer-options ul.of2020--social-links li img{
width:40px;
margin-right: 0;
float:left;
text-align: center;
}
.of2020--info-section{
display:block;
padding:15px 0;
padding-bottom:0;
}
.of2020--info-section::after{
content:"";
position:absolute;
bottom:126px;
width:calc(100% + 50px);
left:-50px;
height:25px;
background:#001b3e;
clip-path: polygon(100% 100%, 0 0, 100% 0);
-webkit-clip-path:polygon(100% 100%, 0 0, 100% 0);
}
.of2020--info-section div{
padding:0;
display: block;
margin-bottom: 10px;
}
.of2020--info-section div span{
display:inline-block;
float:left;
line-height: 48px;
margin-right:10px;
margin-bottom:0;
}
.of2020--info-section div p{
padding-left:0;
width: calc(50% + 100px);
}
.of2020--info-section div a{
padding-left:0;
}
.of2020--info-section div:last-of-type{
height: 150px;
margin-bottom: 0;
width: calc(100% + 60px);
left: 50%;
transform: translateX(-50%);
position: relative;
}
.of2020--navigation.head-fixed .notes2020{
display: none;
}
/* */
.nav-icon {
padding: 14px 0;
width: 40px;
float:none;
right:15px;
position: absolute;
}
.nav-icon:after,
.nav-icon:before,
.nav-icon div {
background-color: #fff;
border-radius: 3px;
content: '';
display: block;
height: 5px;
margin: 7px 0;
transition: all .2s ease-in-out;
}
.nav-icon.is-active:before {
transform: translateY(12px) rotate(135deg);
}
.nav-icon.is-active:after {
transform: translateY(-12px) rotate(-135deg);
}
.nav-icon.is-active div {
transform: scale(0);
}
.of2020.home-2020 .notes2020{
display:none;
}
.of2020 header .of2020--navigation{
display:none;
}
.of2020--savedate.grid{
padding:15px 0 17px 0;
}
.of2020 a.btn-y{
margin-top:0;
margin-bottom:20px;
}
.of2020 .of2020--footer .of2020--footer-options ul li{
float:none;
}
.of2020.sub-page.home-2020 header .top-bar nav a.home-link{
background-image:none;
background-color:var(--home-topbar);
color:white !important;
}
.of2020.sub-page.speakers-page header .top-bar nav a.speakers-link{
background-image:none;
background-color:var(--speakers-topbar);
color:white !important;
}
.of2020.sub-page.workshops-page header .top-bar nav a.workshops-link{
background-image:none;
background-color:var(--workshops-topbar);
color:white !important;
}
.of2020.sub-page.programme-page header .top-bar nav a.programme-link{
background-image:none;
background-color:var(--programme-topbar);
color:white !important;
}
.of2020.sub-page header .top-bar nav a.active.location-link{
background-image:none;
background-color:var(--practical-topbar);
color:white !important;
}
.of2020.sub-page.videos-page header .top-bar nav a.videos-link{
background-image:none;
background-color:var(--videos-topbar);
color:white !important;
}
.of2020.sub-page.registration-ticket header .top-bar nav a.ticket-link{
background-image:none;
background-color:var(--tickets-topbar);
color:white !important;
}
.of2020.sub-page.checkin-page header .top-bar nav a.checkin-link{
background-image:none;
background-color:var(--checkin-topbar);
color:white !important;
}
.of2020 .of2020--footer #mc_embed_signup .clear input{
margin-left:0;
}
/* */
.of2020--speakers h2.plus-sign-green--before:before{
left: -60px;
transform: translateX(-10px) rotate(-90deg);
width: 186px;
height: 93px;
}
.of2020 .of2020--programme .of2020--content-info h2{
text-align: left;
}
.of2020 .of2020--programme .of2020--content-info p{
text-align: left;
}
.of2020--content-left img{
margin-top:100px;
}
.of2020--content-left.plus-sign-green--before:before{
top: 270px;
}
.of2020--content-info.lines-sign-blue--before:before{
content: "";
display: inline-block;
position: absolute;
width: 186px;
height: 155px;
z-index: -1;
top: 50%;
left: 55px;
}
.of2020--venueimage-tri img{
height:auto;
}
.of2020--venue .of2020--content-info > div h2{
margin-top:40px;
margin-bottom:20px;
}
.of2020.sub-page main .of2020--venue .of2020--content-info p{
font-size: 18px;
}
.main.tickets h2{
padding-bottom:0px;
padding-top:20px;
}
.workshop-explain picture img{
padding:0 45px;
width:auto;
height:300px;
}
.practical-content .deals .accomodation div.multiple-hotels ul li{
margin-right:0;
margin-left:0;
}
}
@media only screen and (max-width: 700px) {
.of2020.sub-page header h1{
font-size:35px;
}
.of2020.sub-page header .top-bar nav{
bottom:0;
height:100%;
left:0;
}
.sub-page h2{
font-size:27px;
}
.of2020--savedate span{
font-size:18px;
/* font-size:27px; */
}
.of2020.sub-page .main{
margin-top:50px;
}
.of2020.sub-page main .of2020--savedate p{
font-size: 19px;
font-weight: 300;
line-height: 1.2em;
margin-top: 30px;
margin-bottom: 30px;
}
.of2020 .of2020--content-info{
padding-right: 0;
}
.home-2020 section.of2020--programme{
margin-top:80px;
}
.of2020--speakers-list{
margin-bottom:0;
}
.of2020 .of2020--programme .of2020--content-info h2{
font-size:27px;
}
.of2020 .of2020--programme .of2020--content-info p{
font-size: 18px;
}
.of2020--content-left img{
margin-top:30px;
margin-left:20px;
height:325px;
}
.of2020 .of2020--programme .of2020--content-left{
align-items: flex-end;
}
.of2020 .of2020--programme .of2020--content-left img{
margin-right:-20px;
}
.of2020 .of2020--footer #mc_embed_signup .clear:after{
content: "";
display: inline-block;
position: absolute;
width: 80px;
height: 39px;
z-index: 0;
right: -10px;
left:inherit;
bottom: -15px;
background-image: url(/img/2020/pattern-white-circles.svg);
background-repeat: repeat;
background-size: 13px;
}
.of2020 .of2020--footer #mc_embed_signup {
position:relative;
}
.of2020 .of2020--footer #mc_embed_signup .clear{
position: initial;
}
.of2020--posts ul li{
width:100%;
}
.of2020--posts ul li div.d-ib{
display:flex !important;
}
.of2020--posts h2{
margin-bottom:70px;
}
.of2020.sub-page main .tw-container p{
font-size:15px;
}
.home-2020 section.of2020--posts {
margin-bottom:0;
}
.home-2020 section.of2020--oursponsors{
margin-top:0;
}
.of2020.sub-page main .payment-options-content p{
font-size:17px;
}
.of2020.sub-page main .discount-options-content p{
font-size:17px;
}
.of2020--list-speakers{
display: block;
}
.of2020--list-speakers li{
width:100%;
}
.speakers-page .of2020--list-speakers li:nth-child(odd), .speakers-page .of2020--list-speakers li:nth-child(even){
margin-right:0;
margin-left:0;
}
.of2020--speakers-list li:nth-child(7), .of2020--speakers-list li:nth-child(8){
display:none;
}
}