@media screen and
  (prefers-reduced-motion: reduce), 
  (update: slow) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

@keyframes fade {
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
	}
}

.fade-animation {animation: 1s fade;}

* {box-sizing: border-box;}

body {font-optical-sizing: auto; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 1.5rem; color: rgba(0, 0, 0, .8); background: rgba(0, 0, 0, .8);}

#block p, #block-two #block-item p {margin: 0;}
#wrapper {width: 100%; margin: 0 auto; float: left;}
#container {width: 100%; padding: 0;}
#content {margin: 0 auto; width: auto; max-width: 1200px; padding: 30px;}
.intro {margin: 0 auto; width: auto; max-width: 1200px; padding: 30px; text-align: center;}
.intro p {font-size: 1.2rem; padding: 10px 0;}

/* Header */

header {background: #333; padding: 0; height: 50vh; text-align: center; color: rgba(255, 255, 255, 1);
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: center;}
#header-logo {background: url(../images/ictf/logo.png) no-repeat left top; width: 200px; height: 130px; text-indent: -9999px;}
#header-title {padding: 10px 0 0 0; width: 90%;}

header h1 {font-size: 2.2rem; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; float: none; width: auto; margin: 0 auto; display: inline-block; font-variation-settings: "wght" 310; font-weight: 310; letter-spacing: -0.03rem;}
header h2 {font-size: 1.6rem; letter-spacing: -0.01rem; padding: 15px 30px 15px 20px; margin: 0; font-variation-settings: "wght" 310; font-weight: 310;}

header #container {margin: auto;}

/* Content */

section {border-bottom: 1px solid #ddd; height: auto; min-height: 50vh; /*height: calc(100vh - 63px);*/ float: left; width: 100%;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: center;}
section.pbg, section.sbg {border-bottom: none;}

a, a:link {color: #ef519d; text-decoration: none;}
a:hover {color: #c32e92;}
a.button {display: inline-block; clear: both; color: rgba(255, 255, 255, 1); padding: 10px 20px; margin: 20px 0 0 0;
-webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px;
-o-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;
-webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
-moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);}

a.button:hover {background: rgba(255, 255, 255, .1); padding: 10px 35px;
-webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, .3);
-moz-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, .3);
box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, .3);}

#content ul {padding: 0 0 0 15px; list-style-type: none; text-indent: 0; margin-left: 0px; display: block; }
#content ul li {display: block; float: left; clear: both; list-style-position: inside; padding: 0 0 0 0; text-indent: -7px;} 
#content ul li:before {content: "+"; display: inline-block; margin: 0 5px 0 0;}

#content ul li ul {padding: 5px 0 10px 0px; list-style-type: none; display: block;}
#content  ul li ul {padding: 5px 0 10px 15px; list-style-type: none; display: block;}
#content ul li ul li:before {content: "-";}

/* Headers */

h1 {font-size: 2rem; letter-spacing: -0.05rem; margin: 0 0 25px 0; font-weight: 350;}
h2 {font-size: 1.8rem; margin: 0 0 20px 0;}
h3 {font-size: 1.5rem; margin: 0 0 20px 0;}
h4 {font-size: 1.3rem; margin: 0 0 15px 0;}
h5 {font-size: 1.2rem; margin: 0 0 15px 0;}
h6 {font-size: 1.1rem; margin: 0 0 15px 0;}

/* Colors */

.pc {color: #c32e92;}
.sc {color: #f45197;}
.tc {color: #8347ad;}
.gc {color: #656565;}

.pbg {background: #c32e92; color: #fff !important;}
.sbg {background: #f45197; color: #fff !important;}
.tbg {background: #8347ad; color: #fff !important;}
.gbg {background: #656565; color: #fff !important;}

.pbg:hover {/*background: #cf58a8 !important; color: #fff;*/}
.sbg:hover {/*background: #f674ac !important; color: #fff;*/}
.tbg:hover {/*background: #9c6cbd !important; color: #fff;*/}

.sbg h1, .pbg h1, .tbg h1 {color: #fff;}

#plenary-speakers #video-block {margin: 10px 0 20px 0;}

.pbg #image-button a.more {color: #c32e92 !important;}
.sbg #image-button a.more {color: #ef519d !important;}

#block-two {padding: 10px 0;}
#block-three {padding: 0; display: flex; flex-wrap: wrap;}
.conference {width: 34%; float: left; text-align: center; padding: 0;
-o-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;}
#block-three div.first, #block-three div.last {width: 33%; float: left; text-align: center; padding: 0;}

/* Events */

.conference {position: relative; color: #fff !important; display: flex; height: 220px; overflow: hidden;
-o-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;}

.background {width: 100%; height: 220px; position: absolute; z-index: 1; background-position: center center;  transform-origin: center center;
-o-transition: all .9s ease; -ms-transition: all .9s ease; -moz-transition: all .9s ease; -webkit-transition: all .9s ease; transition: all .9s ease;}

.conference:hover .background {transform: scale(1.2);}

.conference .overlay {width: 100%; height: 100%; background: #000; opacity: .1; position: absolute; z-index: 1; background-size: cover; 
-o-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}
.conference:hover .overlay {opacity: .3;}

.conf-title {z-index: 2; /*position: absolute;*/ float: left; opacity: 1;  width: 100%; padding: 0 50px; margin: auto 0; top: 30%; font-size: 120%; line-height: 1.3;
-o-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;
-moz-text-shadow: 0px 1px 1px rgba(0,0,0, .8); -webkit-text-shadow: 0px 1px 1px rgba(0,0,0, .8); text-shadow: 0px 1px 1px rgba(0,0,0, .8);}

.conf-title strong {font-size: 140%; font-weight: 400; letter-spacing: -0.5px;}

.conf-date {z-index: 3; position: absolute; float: left; opacity: 0; margin: auto 0; width: 100%; text-align: center; padding: 0 50px; top: 40%; font-size: 115%; font-weight: 400;
-o-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;
-moz-text-shadow: 0px 1px 1px rgba(0,0,0, .8); -webkit-text-shadow: 0px 1px 1px rgba(0,0,0, .8); text-shadow: 0px 1px 1px rgba(0,0,0, .8);}

.conf-title strong.online {font-size: 105%; font-weight: 500; letter-spacing: -0.5px; display: inline-block; margin: 10px 0 0 0;}

.conf-link {z-index: 3; position: absolute; float: left; opacity: 0; margin: 0 auto; width: 100%; text-align: center; padding: 0 50px; top: 40%; cursor: default;
-o-transition: all .4s ease; -ms-transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease;}

.conf-link strong {display: inline-block; cursor: pointer; transform: scale(0);
display: inline-block; border: 2px solid #fff; padding: 10px 40px; font-size: 120%; color: #fff; opacity: 0;
-o-transition: all .4s ease; -ms-transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease;
-webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px;}

.chrome .conf-link strong {padding: 12px 40px 10px 40px;}
.chrome .conference.blank .conf-link strong {padding: 10px 40px 8px 40px;}

.conf-link strong:hover {background: rgba(255,255,255, .3);}

.conference:hover .conf-title {opacity: 0; transform: scale(0);}
.conference:hover .conf-date {opacity: 1;}
.conference:hover .conf-link {opacity: 1;}
.conference:hover .conf-link strong {opacity: 1; transform: scale(1);}

.hptlc .background {background: url(../images/akcongress/conferences/bg-hptlc.jpg) no-repeat center center #69a633; background-size: cover;}

.cmcee .background {background: url(../images/akcongress/conferences/bg-cmcee.jpg) no-repeat center center #625bc3; background-size: cover;}
.ictf .background {background: url(../images/akcongress/conferences/bg-ictf.jpg) no-repeat center center #3366cc; background-size: cover;}
.coscimm .background {background: url(../images/akcongress/conferences/bg-coscimm.jpg) no-repeat center center #69a633; background-size: cover;}

.ecs .background {background: url(../images/akcongress/conferences/bg-ecs.jpg) no-repeat center center #00bcd5; background-size: cover;}

.sleep .background {background: url(../images/akcongress/conferences/bg-sleep.jpg) no-repeat center center #ce543d; background-size: cover;}
.rkmc .background {background: url(../images/akcongress/conferences/bg-rkmc.jpg) no-repeat center center #eb9d25; background-size: cover;}
.comec .background {background: url(../images/akcongress/conferences/bg-comecb.jpg) no-repeat center center #0f86cc; background-size: cover;}
.irpa .background {background: url(../images/akcongress/conferences/bg-irpa.jpg) no-repeat center center #18a986; background-size: cover;}

.siwan .background {background: url(../images/akcongress/conferences/bg-siwan.jpg) no-repeat center center #ed9246; background-size: cover;}
.ranc .background {background: url(../images/akcongress/conferences/bg-ranc.jpg) no-repeat center center #ce543d; background-size: cover;}
.jtacc .background {background: url(../images/akcongress/conferences/bg-jtacc.jpg) no-repeat center center #d30044; background-size: cover;}
.math .background {background: url(../images/akcongress/conferences/bg-math.jpg) no-repeat center center #1ca5e8; background-size: cover;}
.cbb .background {background: url(../images/akcongress/conferences/bg-cbb.jpg) no-repeat center center #ef984b; background-size: cover;}

.wianf .background {background: url(../images/akcongress/conferences/bg-wianf.jpg) no-repeat center center #5191df; background-size: cover;}
.euromat .background {background: url(../images/akcongress/conferences/bg-euromat.jpg) no-repeat center center #ee3338; background-size: cover;}
.ecers .background {background: url(../images/akcongress/conferences/bg-ecers.jpg) no-repeat center center #eb7d38; background-size: cover;}
.ddays .background {background: url(../images/akcongress/conferences/bg-ddays.jpg) no-repeat center center #673ab7; background-size: cover;}
.ecpp .background {background: url(../images/akcongress/conferences/bg-ecpp.jpg) no-repeat center center #c83682; background-size: cover;}
.mackie .background {background: url(../images/akcongress/conferences/bg-mackie.jpg) no-repeat center center #5191df; background-size: cover;}

.eucmi .background {background: url(../images/akcongress/conferences/bg-eucmi.jpg) no-repeat center center #d71956; background-size: cover;}
.eusensors .background {background: url(../images/akcongress/conferences/bg-eusensorsc.jpg) no-repeat center center #0177bf; background-size: cover;}
.frost .background {background: url(../images/akcongress/conferences/bg-frost.jpg) no-repeat center center #5191df; background-size: cover;}
.mcm .background {background: url(../images/akcongress/conferences/bg-mcm.jpg) no-repeat center center #ce543d; background-size: cover;}

.mtaa .background {background: url(../images/akcongress/conferences/bg-mtaa.jpg) no-repeat center center #d06035; background-size: cover;}

.isic .background {background: url(../images/akcongress/conferences/bg-isic.jpg) no-repeat center center #d55c00; background-size: cover;}

.ers .background {background: url(../images/akcongress/conferences/bg-ersb.jpg) no-repeat center center #d55c00; background-size: cover;}

.ranc .conf-date {top: 35%;}
.jtacc .conf-date {top: 35%;}
.wianf .conf-date {top: 35%;}
.eucmi .conf-date {top: 30%;}
.frost .conf-date {top: 30%;}

.conference.blank {background: #8347ad;}
.conference.blank:hover .conf-link strong {background: rgba(255,255,255, 1); color: #8347ad !important;}

/* Only three events */

.upcoming-events .conference.blank {display: none;}

.conference.blank .conf-title {opacity: 1;
-o-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;}
.conference.blank .conf-title strong {font-size: 130%;}
.conference.blank .conf-link {position: absolute; font-size: 99%; width: 100%; margin: 0 auto; float: left; top: 40%;
-moz-thadow: 0px 0px 0px rgba(0,0,0, 0); -webkit-text-shadow: 0px 0px 0px rgba(0,0,0, 0); text-shadow: 0px 0px 0px rgba(0,0,0, 0);}
.conference.blank .conf-link {padding: 0 50px;}

.conference.blank:hover .conf-title {opacity: 0;}

.conference.blank .conf-link strong {width: auto; height: auto; background: none; transform: scale(0); opacity: 0;}
.conference.blank:hover .conf-link strong {transform: scale(1); opacity: 1;}

.conference.blank .conf-link strong:hover {background: rgba(255,255,255, 1);}
.conference.blank .conf-link strong:hover {background: #8347ad !important; color: #fff !important;}

/* Team */

#team #container {}
#team #content {padding: 40px 20px 45px 20px; background: url(../images/akcongress/team/bggrad.png) no-repeat center bottom;}
#team-photos #content {padding: 20px 20px 0 20px; background: url(../images/akcongress/team/bggrad.png) no-repeat center bottom;}
#team h1, #team p {text-align: center;}
#team-photos a {color: #fff;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}
#team-photos a:hover {/*text-decoration: underline;*/ opacity: .8;}

#team-photo {display: block; float: left; width: 50%; border-bottom: 1px solid #e196c8; padding: 0; margin: 25px 0 0 0; display: flex;}
#team-photo.last {border: none;}

#photo {width: 65%; height: 350px; text-indent: -9999px; position: relative;}
#photo-default, #photo-over {width: 100%; height: 350px; text-indent: -9999px; position: absolute;}

#name {width: 35%; margin: auto 0; font-size: 110%; 
-o-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;}
#name strong {font-size: 130%; font-weight: 400; margin: 0 0 10px 0; display: block; float: left; width: 100%; clear: both;}

.erna #photo-default {background: url(../images/akcongress/team/e001.png) no-repeat center top; opacity: 1; background-size: auto 100%;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

.erna #photo-over {background: url(../images/akcongress/team/e002.png) no-repeat center top; opacity: 0; background-size: auto 100%;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

.erna:hover #photo-default {opacity: 0;}
.erna:hover #photo-over {opacity: 1;}
.erna:hover #name {opacity: 1;}

.kriszta #photo-default {background: url(../images/akcongress/team/tk004.png) no-repeat center top; opacity: 1; background-size: auto 100%;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

.kriszta #photo-over {background: url(../images/akcongress/team/tk006.png) no-repeat center top; opacity: 0; background-size: auto 100%;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

.kriszta:hover #photo-default {opacity: 0;}
.kriszta:hover #photo-over {opacity: 1;}
.kriszta:hover #name {opacity: 1;}

.csengele #photo-default {background: url(../images/akcongress/team/cs001.png) no-repeat center top; opacity: 1; background-size: auto 100%;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

.csengele #photo-over {background: url(../images/akcongress/team/cs002.png) no-repeat center top; opacity: 0; background-size: auto 100%;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

.csengele:hover #photo-default {opacity: 0;}
.csengele:hover #photo-over {opacity: 1;}
.csengele:hover #name {opacity: 1;}

.kinga #photo-default {background: url(../images/akcongress/team/fk01.png) no-repeat center top; opacity: 1; background-size: auto 100%;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

.kinga #photo-over {background: url(../images/akcongress/team/fk02.png) no-repeat center top; opacity: 0; background-size: auto 100%;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

.kinga:hover #photo-default {opacity: 0;}
.kinga:hover #photo-over {opacity: 1;}
.kinga:hover #name {opacity: 1;}

.andi #photo-default {background: url(../images/akcongress/team/ga001.png) no-repeat center top; opacity: 1; background-size: auto 100%;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

.andi #photo-over {background: url(../images/akcongress/team/ga002.png) no-repeat center top; opacity: 0; background-size: auto 100%;
-o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;}

.andi:hover #photo-default {opacity: 0;}
.andi:hover #photo-over {opacity: 1;}
.andi:hover #name {opacity: 1;}

/* Tabs */

a.submenu {display: block; color: #edc0de;	background: #c32e92; padding: 13px 0; width: 100%; text-align: center; font-size: 110%; line-height: 1.35; display: none;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;
-o-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}
a.submenu:hover {color: #fff;}

a.submenu.opened {
-webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -o-border-radius: 3px 3px 0px 0px; -ms-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;
-o-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}

#tab-list {max-height: 500px; display: block; overflow: hidden;
-o-transition: max-height .2s linear; -ms-transition: max-height .2s linear; -moz-transition: max-height .2s linear; -webkit-transition: max-height .2s linear; transition: max-height .2s linear;}
#tab-list.show {max-height: 500px;
-o-transition: max-height .2s linear; -ms-transition: max-height .2s linear; -moz-transition: max-height .2s linear; -webkit-transition: max-height .2s linear; transition: max-height .2s linear;}

#tab-list.show .ui-tabs .ui-tabs-nav {}
#tabs h2 {}

.ui-tabs .ui-tabs-nav {background: #c32e92; border: none; border-bottom: 0px solid #3366cc; font-size: 110%;}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab a {color: #edc0de;}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab a:hover {background: #cf58a8; color: #fff;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {background: #fff; cursor: default; color: #c32e92;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover {background: #fff; color: #c32e92; cursor: default;}

.pbg .ui-tabs-nav {background: #fff; border: 0px solid #fff; font-size: 110%; padding: 0px !important; overflow: hidden; border-radius: 4px;}
.pbg .ui-tabs-nav li {overflow: hidden;}

.pbg .ui-tabs-nav li.ui-tabs-tab a {color: #cf58a8; border-right: 0px solid #ddd;}
.pbg .ui-tabs-nav li.ui-tabs-tab a:hover {background: #db82be; color: #fff;}

.pbg .ui-tabs-nav li.ui-tabs-active a {background: #cf58a8; cursor: default; color: #fff;}
.pbg .ui-tabs-nav li.ui-tabs-active a:hover {background: #cf58a8; color: #fff; cursor: default;}

.pbg .ui-tabs .ui-tabs-panel a {color: #fff; opacity: .8;}
.pbg .ui-tabs .ui-tabs-panel a:hover {color: #fff; opacity: 1;}
 
/* Contact*/

#contact #content {background: url(../images/general/contact.png) no-repeat 95% 30px; min-height: 400px;}

/* Top */

a.top {-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: none; width: 50px; height: 50px; z-index: 1001 !important; display: block; float: right; overflow: hidden; right: 50px; bottom: 0px; top: auto;
-webkit-transition: all .2s ease-out; transition: all .2s ease-out; background: rgba(255, 255, 255, 0); position: fixed; opacity: 0;}
a.show {opacity: 1; bottom: 45px;}

a.top:hover {background-color: rgba(255, 255, 255, 0);
-webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, .2);
-moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, .2);
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, .2);}

a.top:after {background: url(https://static.akcongress.com/images/blog/elements/icon-arrow-up-white.svg) no-repeat center 10px; background-size: 28px auto; content: ""; width: 100%; height: 100%; display: block; transform: scale(1); opacity: 1;
-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; 
-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 1);
-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}

a.top:hover:after {background: url(https://static.akcongress.com/images/blog/elements/icon-arrow-up-white.svg) no-repeat center 10px; background-size: 28px auto; opacity: 1;
-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 0);
-moz-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 0);
box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 0);}

/* Footer */

footer {width: 100%; height: auto; float: left; color: rgba(255, 255, 255, .7); text-align: center; padding: 50px 0;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: center;}
#footer-contact {width: 70%;}
#footer-left, #footer-right {float: left;}
#footer-left {width: 40%;}
#footer-right {width: 60%;}
#footer-logo a.top {display: none;}

/* Responsive */

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

@media screen and (max-width: 1024px) {
#header {padding: 0 0 15px 0;}
#header-title {padding: 20px 0 0 0;}

#header h1 {font-size: 170%;}
#header h2 {font-size: 130%;}

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

.conference, #block-three div.first, #block-three div.last {width: 50%;}
.conference.blank {display: flex;}
#past-events .conference.blank {display: flex;}

/* Only three events */
.upcoming-events .conference.blank {display: flex;}

#team-photos #container {max-width: 1024px;}
#team-photos #content {padding: 0;}
#name {text-align: center; padding: 0 25px;}
}

@media screen and (max-width: 786px) {
#header #content {display: block;}
#header-logo {width: 100%; height: 130px; text-indent: -9999px; clear: both;}
#header-title {width: 100%; clear: both;}

section {height: 100vh;}

}
#team-photos #content {background: none;}


#photo {width: 50%;}
#team-photo.kinga {border-bottom: none;}
.andi #name br {display: none;}
#name {width: 50%; text-align: center; padding: 0 25px;}

#footer {padding: 0 0 60px 0;}
#footer-contact, #footer-right {width: 100%;}

}

@media screen and (max-width: 550px) {
#contact #content {background-position: 140% 30px;}
#header h1 br {display: none;}
a.submenu {display: block;}

#bgswitcher h4 {font-size: 320%; margin: 10vh auto 0 auto;}
#bgswitcher h5 {font-size: 120%;}

#bg04 h5 {margin: 15vh auto auto auto;}
#bg05 h5 {margin: 15vh auto auto auto;}
#bg06 h5 {margin: 25vh auto auto auto;}
#bg07 h5 {margin: 25vh auto auto auto;}
#bg08 h5 {margin: 25vh auto auto auto;}
#bg09 h5 {margin: 25vh auto auto auto;}
#bg10 h5 {margin: 25vh auto auto auto;}

#tab-list {max-height: 0px; display: block; overflow: hidden;}

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

.conference, #block-three div.first, #block-three div.last {width: 100%;}

.erna #photo-default, .erna #photo-over,
.kriszta #photo-default, .kriszta #photo-over,
.kinga #photo-default, .kinga #photo-over,
.andi #photo-default, .andi #photo-over
{background-position: right top;}

}

@media screen and (max-width: 500px) {
#fees #right-block br {display: block;}
#contact #content {background-position: 220% 30px;}
}