/* Header */

@media screen and
  (prefers-reduced-motion: reduce), 
  (update: slow) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important; /* Hat tip Nick/cssremedy (https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/#comment-1700170) */
    transition-duration: 0.001ms !important;
  }
}

body {font-optical-sizing: auto; font-family: 'Roboto', Helvetica, Arial, sans-serif;}

#header {text-align: center; height: 65vh; padding: 0; background: #333; padding: 0; z-index: 800; position: sticky;
clip-path: polygon(0 0, 100% 0, 100% 96%, 0% 100%);}

#header-logo {background: url(../images/noar/noar-logow.svg) no-repeat center center; height: 160px; text-indent: 0px; clear: both; margin-bottom: 30px; float: none; background-size: auto 100%; font-size: 400%;  text-transform: uppercase !important;
font-family: 'Inter', Helvetica, Arial, sans-serif; font-weight: 300; /*letter-spacing: 20px;*/
-o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
#header-logo strong {font-weight: 800;}

#header-title {padding: 0; width: 100%; margin: auto; float: none;}
#header h1, #header h2, #header h3 {font-family: 'Inter', 'Roboto', Helvetica, Arial, sans-serif;}
#header h1 {font-size: 270%; letter-spacing: -0.3px; margin: 0 0 10px 0; font-weight: 700;}
#header h1 strong {clear: both; font-weight: 500; font-size: 180%; letter-spacing: 0px; margin: 0 0 10px 0; display: inline-block;}
#header h2 {font-size: 210%; font-weight: 400; letter-spacing: -0.2px; margin: 0 0 25px 0; line-height: 1.3;}
#header h2 strong {font-weight: 400;}
#header h3 {font-size: 150%; font-weight: 400; margin: 5px 0 0 0; line-height: 1.2;}

#header sup {font-size: 70%; margin: 4px 0 0 0; vertical-align: top; display: inline-block; line-height: 1.1; font-weight: 550;}

#header-buttons {width: 85%; float: none; margin: 80px auto 0 auto; /*border: 2px solid rgba(255, 255, 255, .3);*/
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
-webkit-box-shadow:  0px 0px 0px 2px rgba(255, 255, 255, .5);
-moz-box-shadow:  0px 0px 0px 2px rgba(255, 255, 255, .5);
box-shadow:  0px 0px 0px 2px rgba(255, 255, 255, .5);
-o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}

#header-buttons a {width: calc(100% / 3); padding: 20px; font-weight: 500; background: rgba(255, 255, 255, .1); border-right: 2px solid rgba(255, 255, 255, .5); border-left: 2px solid rgba(255, 255, 255, .5);}
#header-buttons a:hover {}

#header-buttons a.first, #header-buttons a.last {border: none;}

#header-buttons a:before {-webkit-transform: scaleY(0); transform: scaleY(0); opacity: 1;
-webkit-transform-origin: top center; transform-origin: top center;
-webkit-transition-property: transform; transition-property: transform;
-webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

#header-buttons a:hover:before {-webkit-transform: scaleY(1.2); transform: scaleY(1.2); cursor: pointer !important; opacity: 1;}

#header-buttons a.pbg:before {background: rgba(236, 214, 21, 1);}
#header-buttons a.sbg:before {background: rgba(37, 94, 110, 1);}
#header-buttons a.fbg:before {background: rgba(27, 161, 163, 1);}
#header-buttons a.tbg:before {background: rgba(206, 79, 86, 1);}

#header-buttons a.pbg, #header-buttons a.sbg, #header-buttons a.tbg, #header-buttons a.fbg {background: rgba(255, 255, 255, .1) !important; color: rgba(255, 255, 255, 1) !important;}
#header-buttons a.pbg:hover {color: rgba(0, 0, 0, .7) !important;}
#header-buttons a.sbg:hover {color: rgba(255, 255, 255, 1) !important;}
#header-buttons a.fbg:hover {color: rgba(255, 255, 255, 1) !important;}

/* Bgswitcher */

#bgswitcher {height: 65vh;}
#bgswitcher > div {transform: scale(1); position: sticky;
-o-transition: transform 8s 0s cubic-bezier(0, 0, 0, 1); -ms-transition: transform 8s 0s cubic-bezier(0, 0, 0, 1); -moz-transition: transform 8s 0s cubic-bezier(0, 0, 0, 1); -webkit-transition: transform 8s 0s cubic-bezier(0, 0, 0, 1); transition: transform 8s 0s cubic-bezier(0, 0, 0, 1);}
#bgswitcher > div.show {transform: scale(1.2);}

#header #overlay {height: 65vh; /*background: rgba(0, 0, 0, .6); background: rgb(0,0,0);*/
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.4) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.4) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}

#header #container {position: absolute; left: 0; right: 0; top: 15%; bottom: auto; margin: 0 auto; z-index: 898;
-o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
#header #content {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: column; padding: 0px 20px 0 20px;}

#c001 {background: url(../images/noar/bg/001.jpg) no-repeat center center; background-attachment: fixed;}
#c002 {background: url(../images/noar/bg/012.jpg) no-repeat left top; background-attachment: fixed;}
#c003 {background: url(../images/noar/bg/003.jpg) no-repeat center center; background-attachment: fixed;}
#c004 {background: url(../images/noar/bg/011.jpg) no-repeat center top; background-attachment: fixed;}
#c005 {background: url(../images/noar/bg/013.jpg) no-repeat center top; background-attachment: fixed;}
#c006 {background: url(../images/noar/bg/006.jpg) no-repeat center center; background-attachment: fixed;}
#c007 {background: url(../images/noar/bg/007.jpg) no-repeat center center; background-attachment: fixed;}
#c008 {background: url(../images/noar/bg/008.jpg) no-repeat center center; background-attachment: fixed;}

#scroll {bottom: 60px;}
#scroll.hide {}

a.scroll {display: block; margin: 0 auto; width: 48px; height: 48px; opacity: 1; text-indent: -9999px; background: rgba(236, 214, 21, 1);
border: 0px solid #fff; overflow: hidden; opacity: 1; 
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}

a.scroll:after {background: url(../images/general/icon-arrow-down.svg) no-repeat center center rgba(255, 255, 255, .1); margin: auto; background-position: center 10px; background-size: 32px auto;}

a.scroll:hover {background: rgba(255, 255, 255, 1);}
a.scroll:hover:after {background-position: center 10px; background-size: 32px auto;}

/* Content */

section {background:#fff; min-height: auto;}

section.welcome {border: none;
/*background: rgba(236, 214, 21, 0.05);
background: -webkit-linear-gradient(to top,rgba(236, 214, 21, 0.3) 0%, rgba(255, 255, 255, 1) 40%);
background: -moz-linear-gradient(to top,rgba(236, 214, 21, 0.3) 0%, rgba(255, 255, 255, 1) 40%);
background: linear-gradient(to top,rgba(236, 214, 21, 0.3) 0%, rgba(255, 255, 255, 1) 40%);*/}

#welcome #content {padding: 50px 20px 10px 20px;}

section.conference {border: none; background: rgba(236, 214, 21, 1); 
/*background: url(../images/noar/pbg.png) no-repeat center bottom rgba(236, 214, 21, 1); background-size: 95% auto;*/ color: rgba(37, 94, 110, 1);
-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;
/*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);*/ padding: 0 0 20px 0;}

#conference h1, #registration-info h1, #topics h1, #abstract h1, #venue h1 {text-align: center;}

#topics h3 {margin: 0 0 20px 0;}

section.contact {border-bottom: 0px solid #cb982d; background: url(../images/noar/sbg.png) no-repeat center 55% rgba(37, 94, 110, 1); background-size: 85% auto;
-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);}

section.contact:hover {background: url(../images/noar/sbg.png) no-repeat center 55% rgba(37, 94, 110, 1); background-size: 90% auto;}

section.registration {border-bottom: none; background: url(../images/noar/sbg.png) no-repeat center 55% rgba(37, 94, 110, 1); background-size: 85% auto; margin: 0; /*padding: 40px 0 40px 0;*/
-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;
/*clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);*/}
section.venue {border-top: 0px solid rgba(37, 94, 110, 1); border-bottom: none;}

section.conference:hover {background-size: 100% auto;}

section.chairs {border-bottom: 0px solid rgba(236, 214, 21, 1); background: url(../images/noar/pbg.png) no-repeat center bottom rgba(236, 214, 21, 1); background-size: 95% auto; color: rgba(37, 94, 110, 1);
-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;
clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%); padding: 0 0 20px 0;}

section.chairs:hover {background-size: 100% auto;}

section.topics {border-bottom: 0px solid rgba(236, 214, 21, 1); background: url(../images/noar/pbgbw.png) no-repeat center bottom rgba(255, 255, 255, 1); background-size: 100% auto;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%); padding: 0 0 40px 0;}

section.topics #content {}

section.chairs h1 {color: rgba(37, 94, 110, 1); text-align: center;}
section.chairs #content {padding: 80px 20px 50px 20px;}
#chairs h2 {text-align: center;}

section.chairs #speaker-info {margin: 0 auto; width: auto; display: inline-block;}

#chairs #block-two.speakers #block-item {padding: 40px 30px 40px 30px; border: 0px solid rgba(37, 94, 110, 0);
-webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px;}
#chairs #block-two.speakers #block-item:hover {border: 0px solid rgba(37, 94, 110, .3);}

#chairs #block-one.speakers #speaker-image, #speakers #block-one.speakers #speaker-image,
#chairs #block-two.speakers #speaker-image, #speakers #block-two.speakers #speaker-image,
#chairs #block-three.speakers #speaker-image, #speakers #block-three.speakers #speaker-image,
#chairs #block-four.speakers #speaker-image, #speakers #block-four.speakers #speaker-image {position: relative;
-webkit-box-shadow:  0px 0px 0px 0px rgba(255, 255, 255, 1);
-moz-box-shadow:  0px 0px 0px 0px rgba(255, 255, 255, 1);
box-shadow:  0px 0px 0px 0px rgba(255, 255, 255, 1);
margin: 0 auto 25px auto !important; background: #fff; border: 2px solid rgba(255, 255, 255, 1);
-o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}

#chairs #block-one.speakers #block-item:hover #speaker-image, #speakers #block-one.speakers #block-item:hover #speaker-image,
#chairs #block-two.speakers #block-item:hover #speaker-image, #speakers #block-two.speakers #block-item:hover #speaker-image,
#chairs #block-three.speakers #block-item:hover #speaker-image, #speakers #block-three.speakers #block-item:hover #speaker-image,
#chairs #block-four.speakers #block-item:hover #speaker-image, #speakers #block-four.speakers #block-item:hover #speaker-image {position: realtive;
-webkit-box-shadow:  0px 0px 0px 20px rgba(255,255,255, .0);
-moz-box-shadow:  0px 0px 0px 20px rgba(255,255,255, 0);
box-shadow:  0px 0px 0px 20px rgba(255,255,255, 0);
animation: pulse 1.5s infinite cubic-bezier(.05,.86,.61,.96);
/*animation: pulse 1.2s infinite cubic-bezier(0,.78,.18,1);*/
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9);
	}
	100% {
		box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
	}
}

#chairs .profile-block, #speakers .profile-block {padding: 20px 0 0 0;}
#chairs .profile-block a.profile:hover, #speakers .profile-block a.profile:hover {}

#block-three.speakers #block-item {padding: 25px 30px 40px 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

#block-one.speakers #block-item .profile-block a.profile, #block-two.speakers #block-item .profile-block a.profile,
#block-three.speakers #block-item .profile-block a.profile, #block-four.speakers #block-item .profile-block a.profile
{background: rgba(27, 161, 163, 1); color: #fff !important; border: 0px solid #fff; padding: 13px 25px; line-height: 1.4;
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}

#block-two.speakers #block-item:hover .profile-block a.profile,
#block-three.speakers #block-item:hover .profile-block a.profile,
#block-four.speakers #block-item:hover .profile-block a.profile 
{background: rgba(206, 79, 86, 1);}

#block-one.speakers #block-item:hover, #block-two.speakers #block-item:hover, #block-three.speakers #block-item:hover {background: rgba(255, 255, 255, 0); z-index: 1;}

#block-one.speakers #block-item:before, #block-two.speakers #block-item:before, #block-three.speakers #block-item:before, #block-four.speakers #block-item:before {
content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:rgba(255, 255, 255, 0); transform: scale(0); transition: 0.3s ease-out; z-index: -1;}

#block-one.speakers #block-item:hover:before, #block-two.speakers #block-item:hover:before, #block-three.speakers #block-item:hover:before, #block-four.speakers #block-item:hover:before {transform: scale(1); 
background: rgba(255,255,255, 0) !important;}

#block-three.speakers.last {padding: 0; justify-content: center;}

#chairs strong.name {color: rgba(37, 94, 110, 1); margin: 10px 0; font-weight: 700; font-family: 'Inter', 'Roboto', Helvetica, Arial, sans-serif;}

section.info {background: #d55e00; border: none; font-size: 115%; color: #fff; font-family: 'Roboto', Helvetica, Arial, sans-serif; line-height: 1.4; padding: 10px 0px 12px 0px;}
section.info #left-block {width: 100%; text-align: center;}
section.info #left-block a {color: #fff; font-weight: 600;}

section.info a.button {
background: none; min-width: 80%; width: auto; float: left; padding: 10px 20px; margin: 0 0 0 10px; color: #fff !important; display: block; text-align: center; border: 2px solid #fff; font-size: 100%;
-o-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

section.info #left-block a.button, section.info #right-block a.button {float: left; margin: 0 10px 0 0; width: 30%;}
section.info #right-block a.button {float: right;}

section.info a {color: #fff; display: inline-block;
-o-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}
section.info strong {font-weight: 600;}

#contact, #contact h2 {color: #fff;}
#contact h1, #contact a, #registration h1 {color: rgba(236, 214, 21, 1);}
#contact a:hover {color: rgba(255, 255, 255, 1);}

#registration h1 {margin: 0 0 25px 0;}
#registration p.note {color: #fff; font-size: 90%; margin: 0 0 10px 0;}

a, a:link {color: rgba(206, 79, 86, 1); text-decoration: none;}
a:hover {color: rgba(27, 161, 163, 1);}

h1 {color: rgba(37, 94, 110, 1); font-family: 'Inter', 'Roboto', Helvetica, Arial, sans-serif; margin: 0 0 20px 0; font-weight: 700;}
h2 {color: rgba(125, 146, 81, 1); font-family: 'Inter', 'Roboto', Helvetica, Arial, sans-serif; font-weight: 500;}
h3 {color: rgba(206, 79, 86, 1); font-family: 'Inter', 'Roboto', Helvetica, Arial, sans-serif; font-weight: 500;}

/* Colors */

.pc {color: rgba(37, 94, 110, 1) !important;}
.sc {color: rgba(236, 214, 21, 1) !important;}
.tc {color: rgba(206, 79, 86, 1) !important;}
.fc {color: rgba(27, 161, 163, 1) !important;}

.pbg {background: rgba(37, 94, 110, 1) !important; color: #fff !important;}
.sbg {background: rgba(236, 214, 21, 1) !important; color: rgba(37, 94, 110, 1) !important;}
.tbg {background: rgba(206, 79, 86, 1) !important; color: #fff !important;}
.fbg {background: rgba(27, 161, 163, 1) !important; color: #fff !important;}

.pbg:hover {background: rgba(37, 94, 110, .85) !important; color: #fff !important;}
.sbg:hover {background: rgba(236, 214, 21, .9) !important; color: rgba(37, 94, 110, 1) !important;}
.tbg:hover {background: rgba(206, 79, 86, .8) !important; color: #fff !important;}
.tbg:hover {background: rgba(27, 161, 163, .8) !important; color: #fff !important;}

.pbg a {color: #fff !important;}
.sbg a {color: rgba(37, 94, 110, 1) !important;}
.tbg a {color: #fff !important;}
.fbg a {color: #fff !important;}

.pbg a:hover {opacity: .7;}
.sbg a:hover {opacity: .7;}
.tbg a:hover {opacity: .7;}
.fbg a:hover {opacity: .7;}

a.pc {rgba(37, 94, 110, 1) !important;}
a.sc {color: rgba(236, 214, 21, 1) !important;}
a.tc {color: rgba(206, 79, 86, 1) !important;}
a.fc {color: rgba(27, 161, 163, 1) !important;}

.pbg #image-button a.more {color: rgba(37, 94, 110, 1) !important;}
.sbg #image-button a.more {color: rgba(236, 214, 21, 1) !important;}
.tbg #image-button a.more {color: rgba(206, 79, 86, 1) !important;}
.fbg #image-button a.more {color: rgba(27, 161, 163, 1) !important;}

#video-block {background: #385cb9;}
#video-block #right-block {padding: 0 25px 20px 25px;}
#video-block #right-block.wide {padding: 25px 25px 10px 25px;}

#video-block h4 {font-size: 130%; margin: 0 0 15px 0;}
#video-block h5 {font-size: 110%;}

#intro {font-size: 120%; color: #ed9246; font-weight: 400; margin: 10px 0 15px 0;}

#conference #button-block {align-items: start;} 

#block.featured #left-block a.mke {margin: 0 0 15px 0;}
#block.featured #left-block a.merck {margin: 0 0 20px 0;}

#fees h4 {font-size: 120%; margin: 0 0 5px 0; line-height: 1.2; color: #ef984b;}

#fees #right-block {padding: 0 20px;}
#fees #right-block a {margin: 0 auto; padding: 20px 10px; background: rgba(236, 214, 21, 1); color: rgba(37, 94, 110, 1); font-weight: 500;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#fees #right-block a:hover {background: rgba(255, 255, 255, 1); color: rgba(206, 79, 86, 1);}
#fees #right-block strong.deadline {}

#registration #wide-block.reg-button a {background: #69a633;}
#registration #wide-block.reg-button a:hover {background: #fff; color: #69a633;}

#registration-info div.highlight {font-size: 110%; font-weight: 400;}
#registration-info div.redbg {margin: 5px 0 10px 0;}
#registration-info div.redbg:hover {background: #ce543d !important; opacity: .9;}

#welcome #block, #topics #block {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 960px; flex-wrap: wrap; /*gap: 10px 10px;*/
justify-content: center; align-items: stretch; padding: 15px 0 30px 0}

#welcome #inner, #topics #inner {padding: 50px 25px; width: 31%; min-height: 220px; margin: 1% 1%; text-align: center; font-size: 120%; position: relative; background: rgba(255, 255, 255, .8); z-index: 2;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center;
-o-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;
}

#welcome #inner:hover, #topics #inner:hover {color: rgba(236, 214, 21, 1); border: 0px solid rgba(37, 94, 110, 0); transform:scale(1);
animation: pulse 0s infinite cubic-bezier(.05,.86,.61,.96);}

#topics #inner:before {border: 0px solid rgba(37, 94, 110, 1); background: rgba(37, 94, 110, 0); 
content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: scale(1); transition: .5s ease; z-index: -1;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
-webkit-box-shadow:  0px 0px 0px 1px rgba(37, 94, 110, .3);
-moz-box-shadow:  0px 0px 0px 1px rgba(37, 94, 110, .3);
box-shadow:  0px 0px 0px 1px rgba(37, 94, 110, .3);
}

#topics #inner:hover:before {background: rgba(37, 94, 110, 1); transform: scale(1.1, 1.1); border: 0px solid rgba(37, 94, 110, 0);
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
-webkit-box-shadow:  0px 0px 0px 1px rgba(37, 94, 110, 0);
-moz-box-shadow:  0px 0px 0px 1px rgba(37, 94, 110, 0);
box-shadow:  0px 0px 0px 1px rgba(37, 94, 110, 0);}

#welcome strong.name {color: rgba(206, 79, 86, 1);}

#welcome div.highlight {margin: -10px 0 25px 0; display: block; float: left;}
#welcome div.highlight a:hover {color: #69a633 !important; opacity: .9;}
#welcome div.highlight #left {width: 70%; font-size: 110%; font-weight: 400;}
#welcome div.highlight #right {width: 30%; padding: 22px 20px 20px 0;}

#welcome #block-three.speakers {padding: 0;}
#welcome #block-three #speaker {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;max-width: 960px; flex-wrap: wrap;}
#welcome #block-three.speakers #block-item {width: 100%; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 10px 0;}

#welcome #block-three.speakers #block-item:before {background: none;}
#welcome #block-three.speakers #speaker-image {float: left; margin: 0 !important; width: 160px; height: 160px; box-shadow: 0px 0px 0px 0px rgba(105,166,51,1); border: 3px solid #385cb9;
/*-webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px;*/
}
#welcome #block-three.speakers #speaker-image img {width: 100%;}
#welcome #block-three.speakers #speaker-info {float: left; margin: auto 0 !important; text-align: left; padding: 0 0 0 30px;}

/*#welcome #block-three.speakers #block-item:hover #speaker-image {}*/

#programme h1 {margin: 0 0 15px 0;}
#programme #block {padding: 15px 0 30px 0;}

#programme #image-block {margin: 10px 0 10px 0;}
#programme #image-block img {border: 1px solid #ddd;}

#programme #block-two {
padding: 0; margin: 0 0 10px 0; width: 100%; clear: both; max-width: 960px; overflow: hidden;
-webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

#programme #block-two #block-item.first {padding: 0 20px 0 0;}
#programme #block-two #block-item.last {padding: 0 0 0 20px;}
#programme #block-two h2 {margin: 20px 0 15px 0;}

#programme  #block-two #image-block {display: block;}
#programme  #block-two #image-block #image {width: 100%;}

#programme  #block-two .link-block {padding: 20px 0 ;}
#programme  #block-two .link-block-last {padding: 20px 0 0 0;}

p.notes {color: #959595; font-size: 90%; padding: 0 !important; margin: 0 !important; border-top: 0px solid #ddd;}

#submission #block p {margin: 0 0 20px 0;}
#submission ul {list-style-type: disc !important; padding: 25px 0 10px 16px !important;}
#submission h2 {margin: 10px 0 0 0;}
#submission #button-block {align-items: start;}

#venue h3 {font-size: 140%; margin: 0 0 10px 0; font-weight: 300;}
#venue #block {padding: 10px 0 25px 0;}
#venue #block-two #block-item {border: none;}

#venue #block-two #block-item.first {padding: 0 20px 0 0; margin: 0; width: 50%;}
#venue #block-two #block-item.last {padding: 0 0 0 20px; margin: 0; width: 50%;}
#venue #block-two h2 {margin: 20px 0 15px 0; font-size: 140%;}

.link-block, .link-block-last {padding: 10px 0 0 0; margin: 20px 0 0 0;}

.link-block a {padding: 13px 25px; margin: 0 10px 0 0; line-height: 1.4; float: left;
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all 0.3s ease-out;
/*clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);*/}

.link-block a:hover {background: #757575 !important; color: rgba(255, 255, 255, 1) !important;}

#venue #image-block {display: block; margin: 10px 0 20px 0;}
#accommodation #block-two #block-item {border: none;}
#accommodation h3 {margin: 10px 0 15px 0; font-size: 140%; font-weight: 300;}
#accommodation #block-two h2 {margin: 20px 0 15px 0; font-size: 140%;}
#accommodation #block-two #block-item #image-block #text {padding: 0 0 25px 0;}
#accommodation .link-block, #accommodation .link-block-last {padding: 25px 0 0 0;}

#venue #links {margin: 0 0 35px 0;
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}

#venue #links a, #venue #links a:hover, #venue #links a:after {cursor: pointer !important;}

#venue #links a:after {width: 100%; height: 100%; display: block; content: ""; margin: auto; position: absolute; opacity: 0; transform: scale(0);
background: url(/images/general/icon-plus-white.svg) no-repeat center center rgba(37, 94, 110, .6); background-size: 26px auto;
-o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;

animation: zoom 1.4s infinite cubic-bezier(.05,.86,.61,.96);
}

@keyframes zoom {
	0% {
		background-color: rgba(37, 94, 110, 0);
	}
	95% {
		background-color: rgba(37, 94, 110, .8);
	}
	100% {
		background-color: rgba(37, 94, 110, .6);
	}

}

#venue #links a:hover:after {opacity: 1; transform: scale(1.1);}

#video-block #left-block {width: 100%;}

/* Speakers */

#invited h2 {text-align: center;}

strong.name {color: rgba(37, 94, 110, 1); font-weight: 500;}
#plenary-speakers a {color: #0091b2;}

#block-two.speakers #speaker-image,
#block-three.speakers #speaker-image,
#block-four.speakers #speaker-image {
-webkit-box-shadow:  0px 0px 0px 3px rgba(56,92,185,1);
-moz-box-shadow:  0px 0px 0px 3px rgba(56,92,185,1);
box-shadow:  0px 0px 0px 3px rgba(56,92,185,1);}

/*#block-two.speakers #block-item:hover #speaker-image,
#block-three.speakers #block-item:hover #speaker-image,
#block-four.speakers #block-item:hover #speaker-image {

animation: pulse 1s infinite cubic-bezier(.05,.86,.61,.96);
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(56,92,185,0.7);
	}
	100% {
		box-shadow: 0 0 0 15px rgba(56,92,185,0);
	}
}*/


#partners #content {padding: 40px 20px 40px 20px;}

#partners h1 {text-align: center;}
#partners h2 {margin: 0 0 15px 0; text-align: center;}
#partners #highlight h3 {text-align: center; color: #fff; width: 100%; margin: 0;}

#partners #block-two.buttons, #block-three.buttons, #block-four.buttons {padding: 0 0 0 0;}

#partners #highlight {padding: 0; margin: 5px 0 40px 0; clear: both; line-height: 1.35; width: 100%; display: block; float: left; overflow: hidden; background: rgba(236, 214, 21, 1); color: rgba(37, 94, 110, 1);
-o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  flex-wrap: wrap; justify-content: space-between;}

#partners #highlight:hover {background: rgba(236, 214, 21, .7);}

#partners #highlight p {padding: 25px 25px; margin: 5px 0 0 0; clear: both; font-size: 110%; line-height: 1.35; width: 100%; display: block; float: left; text-align: center;}

#partners #highlight #left {width: 100%; padding: 15px 25px 20px 25px; float: left; text-align: center;}
#partners #highlight #right {width: 100%; text-align: center; margin: auto 0; padding: 0 20px; float: left;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  flex-wrap: nowrap; justify-content: space-between;}

#partners #highlight #right a {display: inline-block; padding: 10px 0; border: 2px solid #fff; background: none; font-weight: 500; margin: 0; 
flex-basis: 49%; max-width: 49%;
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;
-o-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}

#partners #highlight #right a:hover {opacity: 1; color: #d06035 !important; background: #fff;}

#partners a.link, #young a.link {color: #fff !important;}
#block.featured {padding: 30px 0 25px 0; margin: 0 0 10px 0; border: 1px solid rgba(200, 200, 200, 1); 
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
-o-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}

#block.featured:hover {background: rgba(217, 217, 217, .1);}

#block.featured #left-block a {min-height: auto; min-width: auto;}
#block.featured #left-block a.lablogic {}

#block.platinum {border: 1px solid rgba(200, 200, 200, 1); background: rgba(217, 217, 217, .5); text-align: center; padding: 27px 0 25px 0; /*color: rgba(255, 255, 255, 1);*/ text-align: center;}
#block.platinum:hover {background: rgba(217, 217, 217, .3);}

#block.featured #right-block {padding: 0 30px; text-align: center;}
#block.featured #left-block a {float: none; margin: 0 auto; display: inline-block;}
#block.featured .link-block {padding: 0;  text-align: center;}
#block.featured .link-block a {float: none; margin: 0 auto; display: inline-block;}

h2.platinum {color: rgba(200, 200, 200, 1); text-align: center;}

#block-two {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  flex-wrap: nowrap; justify-content: space-between;}
#block-two #block-item {width: 50%; padding: 0;}
#block-two #block-item a.button {width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; color: rgba(255, 255, 255, 1);}
#block-two #block-item a.button:hover {/*-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;*/}

.two-block {width: 100%; padding: 10px 0 20px 0; font-size: 95%; margin: 0 0 20px 0;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; gap: 1% 2%;}

.two-block #block.featured {width: 48%; min-width: 300px; text-align: center;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-content: center; flex-wrap: wrap;}
.two-block #block.featured #left-block {margin: auto 0;}

/* Tabs */

#venue-tabs {overflow: visible;}

.ui-tabs .ui-tabs-nav {border: none; margin: 10px 0 0 0; padding: 0 !important; 
-webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px;}

.ui-tabs .ui-tabs-nav li.ui-tabs-tab a {color: rgba(37, 94, 110, 1); padding: 12px 20px; font-family: 'Inter', 'Roboto', Helvetica, Arial, sans-serif; font-weight: 500 !important; font-size: 105%;  transition: all 0.3s ease-out;}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab a:hover {color: rgba(255, 255, 255, 1); background: none;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: rgba(255, 255, 255, 1); cursor: default;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover {background: rgba(236, 214, 21, 1); cursor: default;}

.ui-tabs .ui-tabs-nav {overflow: visible;}
.ui-tabs .ui-tabs-nav li {width: 50%; overflow: visible;}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab a {width: 100%; transform: scale(1);}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab a:hover {transform: scale(1);}

.ui-tabs .ui-tabs-nav li.ui-tabs-tab a:before {
content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(236, 214, 21, 1); transform: scale(1); transition: all 0.1s ease-out; z-index: -1;
-o-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}

.ui-tabs .ui-tabs-nav li.ui-tabs-tab a:hover:before {transform: scale(1); /*background: rgba(124, 158, 169, 1);*/ background: rgba(27, 161, 163, 1); transform: scale(1, 1.2);
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover {color: rgba(255, 255, 255, 1);}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a:before {
content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(37, 94, 110, 1); transform: scale(1, 1.2); transition: all 0.1s ease-out; z-index: -1;
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover:before {transform: scale(1, 1.2); background: rgba(37, 94, 110, 1); }

#conference .ui-tabs .ui-tabs-nav li {width: calc(100% / 4);}
#conference .ui-tabs .ui-tabs-nav li.ui-tabs-tab a:before {background: rgba(255, 255, 255, .8);}
#conference .ui-tabs .ui-tabs-nav li.ui-tabs-tab a:hover:before {background: rgba(24, 158, 169, 1);}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a:before {background: rgba(37, 94, 110, 1) !important;}

#registration-info .ui-tabs .ui-tabs-nav li {width: calc(100% / 4);}
#fee ul, #subinfo ul {padding: 10px 0 15px 16px !important;}

#useful .ui-tabs .ui-tabs-nav li {width: 25%;}
#useful .ui-tabs .ui-tabs-nav li.ui-tabs-tab a {width: 100%;}

.ui-tabs .ui-tabs-panel {padding: 40px 0 0 0;}

.ui-tabs .ui-tabs-nav li.first a:before, .ui-tabs .ui-tabs-nav :first-child a:before 
{-webkit-border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px 0px 0px 6px; -o-border-radius: 6px 0px 0px 6px; -ms-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px;}
.ui-tabs .ui-tabs-nav li.last a:before, .ui-tabs .ui-tabs-nav :last-child a:before
{-webkit-border-radius: 0px 6px 6px 0px; -moz-border-radius: 0px 6px 6px 0px; -o-border-radius: 0px 6px 6px 0px; -ms-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active.first a:before, .ui-tabs .ui-tabs-nav :first-child a:before 
{-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active.last a:before, .ui-tabs .ui-tabs-nav :last-child a:before
{-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}

.chrome .ui-tabs .ui-tabs-nav li.ui-tabs-tab a {padding: 15px 20px;}

/* Accordion */

.noar #accordion .ui-accordion-header {font-family: 'Inter', 'Roboto', Helvetica, Arial, sans-serif; font-size: 125%; padding: 15px; line-height: 1; color: rgba(206, 79, 86, 1); font-weight: 500; font-variation-settings: "wght" 500 !important; padding: 20px;}
.noar #accordion .ui-accordion-header:before {font-weight: 350; font-variation-settings: "wght" 350 !important;}
.noar #accordion .ui-accordion-content {padding: 20px; background: rgba(255, 255, 255, 1);}

.noar #fees #accordion {margin: 0; border: none; font-family: 'Roboto', Helvetica, Arial, sans-serif; background: none;
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}
.noar #accordion .ui-accordion-header:hover {background: rgba(213, 105, 111, 1); color: #fff;}
.noar #fees #accordion .ui-accordion-header-active, .noar #fees #accordion .ui-accordion-header-active:hover {background: rgba(206, 79, 86, 1); color: #fff;}

.noar #note #accordion .ui-accordion-header {font-size: 105%; padding: 15px 20px; line-height: 1; color: rgba(37, 94, 110, 1);}
.noar #note #accordion .ui-accordion-header:hover, .noar #note #accordion .ui-accordion-header-active {background: none; color: rgba(206, 79, 86, 1);}

.noar #note #accordion .ui-accordion-header:before {height: 20px; font-size: 150%; line-height: 1; margin: -2px 0 0 15px;}
.noar #note #accordion .ui-accordion-header-active:before {font-size: 140%; line-height: 1.1; margin: -3px 2px 0 15px;}
.noar #note #accordion p {padding: 0 20px 0 0;}
.noar #note #accordion .ui-accordion-content {padding: 0 20px 20px 20px; background: none;}

.noar #fees #accordion .ui-accordion-header.first {padding: 20px;}

/* Contact*/

#contact #content {background: url(../images/general/contact-erna.png) no-repeat right bottom; min-height: 450px; padding: 70px 20px 15px 20px;}

#history #image-block  {margin: 0 0 30px 0;}
#history #image-block img {border: 1px solid #ddd;}
#history #slick-block {margin: 0 0 30px 0;}
#history #slick-block h5 {margin: 0;}

section.top {position: fixed; width: 100%; height: 100px; z-index: 0; background: none; bottom: 0; top: auto; border: none; width: 100%;
-webkit-transition: all .3s ease-out; transition: all .3s ease-out;}

section.top #container {width: 100%; z-index: 0; position: relative;}
section.top #content {width: 100px; float: right; z-index: 0; position: relative;}

a.top {-webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px;
border: none; opacity: 1; width: 50px; height: 50px; z-index: 1001 !important; display: block; float: right; overflow: hidden; right: 30px; bottom: 0px; top: auto;
-webkit-transition: all .2s ease-out; transition: all .2s ease-out; position: fixed; opacity: 0; 
-webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px;}

a.top:hover {}
a.show {bottom: 30px;  opacity: 1;}

a.top:after {background: url(../images/general/icon-arrow-top-white.svg) no-repeat center 10px rgba(37, 94, 110, .9); background-size: 26px auto; content: ""; width: 100%; height: 100%; display: block;
-webkit-transition: all .2s ease-out; transition: all .2s ease-out;
-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px;
-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, .8);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, .8);
box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, .8);}

a.top:hover:after {background: url(../images/general/icon-arrow-top.svg) no-repeat center 10px rgba(236, 214, 21, 1); background-size: 26px auto;}

/* Responsive */

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

#header #container {top: 12%;}

#scroll {bottom: 80px;}
#footer {padding: 0 0 60px 0;}
a.show {bottom: 90px;}
}

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

#header-buttons {width: 100%;}

#video-block h4 {font-size: 120%;}
#video-block h5 {font-size: 100%;}

section.contact, section.contact:hover {background-position: center 90%; background-size: 100% auto;}
}

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

#header {clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%);}
#header #container {top: 10%;}
#header, #bgswitcher, #header #overlay {}
#header #content {}
#header-title {width: 100%; clear: both; text-align: center; padding: 15px 10px 0 10px;}

#header-title {width: 100%; clear: both; text-align: center; padding: 0 10px;}

#scroll {opacity: 0;}

#header-buttons {width: 70%;}
#header-buttons a {width: 100%; border-right: none; border-left: none; border-top: 2px solid rgba(255, 255, 255, .5); border-bottom: 2px solid rgba(255, 255, 255, .5);}
#header-buttons a.first {border: none;}

#welcome #block-three #speaker {display: block;}
#welcome #block-three.speakers #speaker-info {padding: 20px 0 0 0; float: left; clear: both;}

#welcome div.highlight {display: block; float: left;}
#welcome div.highlight #left {width: 100%; text-align: center;}
#welcome div.highlight #right {width: 65%; padding: 0 0 23px 0; margin: 0 auto; float: none;}

#video-block #right-block {padding: 25px 25px 13px 25px;}

section.conference {/*clip-path: polygon(0 0, 100% 0, 100% 98%, 0 100%);*/}
section.chairs {clip-path: polygon(0 0, 100% 2%, 100% 98%, 0 100%);}
section.topics {/*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 98%);*/}
section.contact {clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);}

#fees {margin: 0;}
#registration h1 {text-align: center;}
#fees #right-block {padding: 40px 30px 0 30px; }
#fees #right-block strong.deadline {padding: 0 15px 20px 15px;}
#fees #right-block br {display: none;}
#fees #right-block a {margin: 0 auto 0 auto;}

#registration p.note {margin: 10px 0 15px 0; text-align: center;}

#programme #block-two h2 {margin: 25px 0 20px 0;}
#programme #block-two #block-item.first, #programme #block-two #block-item.last {padding: 0 0 0 0;}

#committee #left-block p {padding: 10px 0 0 0 !important;}
#committee #right-block p {padding: 0 0 30px 0 !important;}

#block-two {flex-direction: column;}
#block-two #block-item {width: 100%; padding: 0 0 0 0;}

.ui-tabs .ui-tabs-nav {overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}

.ui-tabs .ui-tabs-nav li.first a:before, .ui-tabs .ui-tabs-nav :first-child a:before, .ui-tabs .ui-tabs-nav li.last a:before, .ui-tabs .ui-tabs-nav :last-child a:before {
-webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px;}

#registration-info .ui-tabs .ui-tabs-nav li {width: calc(100% / 2);}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab a:hover:before, .ui-tabs .ui-tabs-nav li.ui-tabs-active a:before, .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover:before {transform: scale(1, 1) !important;
-webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px;}

#conference .ui-tabs .ui-tabs-nav li {width: 50%;}

#venue .ui-tabs .ui-tabs-nav li, #useful .ui-tabs .ui-tabs-nav li {width: 50%;}
#venue .ui-tabs .ui-tabs-nav li.ui-tabs-tab a, #useful .ui-tabs .ui-tabs-nav li.ui-tabs-tab a {width: 100%;}

section.contact, section.contact:hover {background-position: center bottom;}
#contact #content {background-position: center bottom; min-height: 740px; text-align: center;}

#welcome #inner, #topics #inner {width: 46%; margin: 2% 2%;}
#welcome #block #topics #block #inner.last, #topics #block #inner.last {width: 100%;}
#topics #inner:hover:before {transform: scale(1.1, 1.1);}
#welcome #block #topics #block #inner.last:hover:before, #topics #block #inner.last:hover:before {transform: scale(1.05, 1.1);}
}

@media screen and (max-width: 550px) {
#header-logo {height: 160px;}
#header h2 {font-size: 120%;}
#header-buttons {width: 90%;}
.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li  {width: 100%;}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab a, .ui-tabs .ui-tabs-nav li.ui-tabs-tab a {width: 100%;}
#conference .ui-tabs .ui-tabs-nav li, #conference .ui-tabs .ui-tabs-nav li, #venue .ui-tabs .ui-tabs-nav li {width: 100%;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a:before {
content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(37, 94, 110, 1); transform: scale(1, 1); transition: all 0.1s ease-out; z-index: -1;}

}

@media screen and (max-width: 500px) {
#fees #right-block br {display: block;}
}