/******************************
 * Vars
 ******************************/
:root {
    --color-blue: #16b1cb;
    --color-deep-blue: #138094;
    --color-green: #2bab57;

    --main-bg-color: var(--color-blue);
    --accent-bg-color: var(--color-deep-blue);

    --list-row-bg: #eaf3e9;

    --top-menu-right-decor-size: 12rem;

    /*--font-base: 16px;*/
    --font-base: calc(8px + (16 - 8) * (100vw - 980px) / (1900 - 980));
    /*
    font-size: calc(
      [minimum size]
      + ([maximum size] - [minimum size])
      * (
          (100vw - [minimum viewport width])
        / ([maximum viewport width] - [minimum viewport width])
      )
    );
    min: 8px, 980
    8px + (16-8) * (100vw - 980px) / (1900-980)
    */
}


.green-on-blue      { --main-bg-color: var(--color-blue);      --accent-bg-color: var(--color-green); }
.green-on-deep-blue { --main-bg-color: var(--color-deep-blue); --accent-bg-color: var(--color-green); }
.blue-on-green      { --main-bg-color: var(--color-green);     --accent-bg-color: var(--color-blue); }
.blue-on-deep-blue  { --main-bg-color: var(--color-deep-blue); --accent-bg-color: var(--color-blue); }
.deep-blue-on-blue  { --main-bg-color: var(--color-blue);      --accent-bg-color: var(--color-deep-blue); }
.deep-blue-on-green { --main-bg-color: var(--color-green);     --accent-bg-color: var(--color-deep-blue); }

.bg-color-green      { --main-bg-color: var(--color-green);     background-color: var(--main-bg-color) }
.bg-color-blue       { --main-bg-color: var(--color-blue);      background-color: var(--main-bg-color) }
.bg-color-deep-blue  { --main-bg-color: var(--color-deep-blue); background-color: var(--main-bg-color) }

.to-color-green      { --accent-bg-color: var(--color-green);     }
.to-color-blue       { --accent-bg-color: var(--color-blue);      }
.to-color-deep-blue  { --accent-bg-color: var(--color-deep-blue); }


/******************************
 * Fonts (100, 200, 300, 400 (normal), 700 (bold), 900
 ******************************/
@font-face {
    font-family: "Circe";
    font-weight: 900;
    font-style: normal;
    src: url("../fonts/Circe-ExtraBold.woff") format("woff"), url("../fonts/Circe-ExtraBold.woff2"); }
@font-face {
    font-family: "Circe";
    font-weight: bold; /*700*/
    font-style: normal;
    src: url("../fonts/Circe-Bold.woff") format("woff"), url("../fonts/Circe-Bold.woff2"); }
@font-face {
    font-family: "Circe";
    font-weight: normal; /*400*/
    font-style: normal;
    src: url("../fonts/Circe-Regular.woff") format("woff"), url("../fonts/Circe-Regular.woff2"); }
@font-face {
    font-family: "Circe";
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/Circe-Light.woff") format("woff"), url("../fonts/Circe-Light.woff2"); }
@font-face {
    font-family: "Circe";
    font-weight: 200;
    font-style: normal;
    src: url("../fonts/Circe-ExtraLight.woff") format("woff"), url("../fonts/Circe-ExtraLight.woff2"); }
@font-face {
    font-family: "Circe";
    font-weight: 100;
    font-style: normal;
    src: url("../fonts/Circe-Thin.woff") format("woff"), url("../fonts/Circe-Thin.woff2"); }


/******************************
 * Main elements
 ******************************/
html {
    font: normal var(--font-base)/1.25 "Circe";
}
body {
    margin: 0;
}
section {
    margin: 0 auto 2rem;
}

.container {
    margin: auto;
    padding-left: 17rem;
    padding-right: 17rem;
}

.mb-0 { margin-bottom: 0; }

img {
    height: auto;
}

h2, h2 a {
    font-size: 1.4rem;
    font-weight: 900;
    margin: 2rem 0;
    text-transform: uppercase;
    color: var(--color-deep-blue);
}

footer {
    background: var(--color-green);
    color: white;
    padding: 1rem 0;
    font-weight: 300;
    font-size: 1.4rem;
}
footer a {
    color: white;
    font-weight: bold;
}


.slide-toggle-slide {
    transition: max-height .5s cubic-bezier(0, 1, 0.5, 1);
    max-height: 10000px;
    overflow: hidden;
}
.slide-toggle-slide.slide-up {
    max-height: 0;
}


/******************************
 * Main menu
 ******************************/

.top-menu {
    display: flex;
    position: relative;
    padding-right: calc(var(--top-menu-right-decor-size) / 2 + 1.5rem);
    z-index: 0;
}
.top-menu .main-menu {
    flex-grow: 2;
}
.top-menu .section {
    background: linear-gradient(45deg, var(--main-bg-color) calc(100% - 3rem), var(--accent-bg-color) 50%);
    padding-right: 3rem;
    display: flex;
}
.top-menu .section:first-child {
    padding-left: 5rem;
}
.top-menu .section:last-child a {
    padding-right: 7rem;
    padding-left: 3rem;
}
.top-menu a {
    color: white;
    line-height: 3rem;
    text-decoration: none;
    padding: .5rem 1rem;
    flex-grow: 1;
    text-align: center;
    font-size: 1.5rem;
}
.top-menu:before,
.top-menu:after {
    content: "";
    position: absolute;

    top: 0;
    right: 0;
    width: 0;
    height: 0;

    border-style: solid;
    border-width: 0 var(--top-menu-right-decor-size) var(--top-menu-right-decor-size) 0;
    border-color: transparent var(--color-blue) transparent transparent;
    z-index: 1;
}
.top-menu:before {
    border-color: transparent var(--color-green) transparent transparent;
    top: 100%;
    z-index: -1;
}

/******************************
 * Lists
 ******************************/
.list-row {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    display: flex;
    align-items: center;
}
.list-row:hover {
    background-color: var(--list-row-bg);
}
.list-row .list-title {
    font-size: 1.35rem;
    font-weight: 900;
    color: var(--color-deep-blue);
    text-transform: uppercase;
    min-width: 13rem;
    max-width: 13rem;
    padding-right: 1.5rem;
}
.list-row .list-content {
    flex-grow: 2;
    font-size: 1.3rem;
    font-weight: 300;
}
.topics .list-title {
    font-weight: normal;
    text-transform: none;
    max-width: 22rem;
    min-width: 22rem;
    padding-right: 3rem;
}

.image-list {
    display: flex;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -2rem;
}
.image-list .image-item img {
    max-width: 20rem;
    width: auto;
    max-height: 10rem;
}
.image-list .image-item {
    flex-grow: 1;
    text-align: center;
    min-width: 20%;
    margin-bottom: 2rem;
}

/******************************
 * Sliders
 ******************************/
.slider {
    position: relative;
}
.slider.videos .nav > div {
    top: 50%;
}
.slider .nav > div {
    cursor: pointer;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    top: 30%;
    outline: none;
}
.slider .nav > .prev {
    left: -2rem;
    border-color: transparent var(--color-blue) transparent transparent;
    border-width: 1rem 1rem 1rem  0;
}
.slider .nav > .next {
    right: -2rem;
    border-color: transparent transparent transparent var(--color-blue);
    border-width: 1rem 0 1rem 1rem;
}
.slider-row {
    vertical-align: top;
}
.slider.speakers .slider-row {
    display: inline-block;
    max-width: 15rem;
}
.slider.speakers .slider-row.tns-item {
    max-width: inherit;
}
.slider-row img {
    width: 100%;
}

.slider .person-name span:first-child {
    display: block;
}
.slider .person-name {
    font-size: 0.95rem;
    font-weight: bold;
    text-transform: uppercase;
}
.slider.speakers .position {
    font-size: 1rem;
    color: var(--color-blue);
}

.slider.review {
    margin-top: 2.5rem;
}
.slider.review .wrapper {
    display: flex;
}
.slider.review .wrapper .person {
    min-width: 13.5rem;
    margin-right: 1rem;
}
.slider.review .wrapper .person img {
    max-width: 9rem;
}
.slider.review .wrapper .text{
    font-size: 1.3rem;
    font-weight: 300;
}

.slider.videos .slider-row {
    max-width: 25rem;
    display: inline-block;
}
.slider.videos .slider-row.tns-item {
    max-width: inherit;
}
.slider.videos {
    margin-bottom: 2.5rem;
}
.slider.videos a:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem;
    background: transparent no-repeat url("../img/video-play.png");
    background-size: cover;
}
.slider.videos a {
    position: relative;
    display: block;
}

/******************************
 * Sections, global
 ******************************/
section > .title {
    background: var(--main-bg-color);
    background: linear-gradient(90deg, var(--accent-bg-color) 50%, var(--main-bg-color) 50%);
}
section > .title .title-wrapper {
    background: var(--main-bg-color);
}
section > .title .title-content {
    background: var(--accent-bg-color);
    background: linear-gradient(45deg, var(--accent-bg-color) calc(100% - 4rem), transparent 50%);
}

section > .title .title-content {
    color: white;
    display: inline-block;
    text-transform: uppercase;
    padding: 1rem 6rem .5rem 0;
    position: relative;
    font-size: 2rem;
}

section > .content {
    padding-top: 2.7rem;
    padding-bottom: 3.3rem;
}

section .total-bottom {
    background: url("../img/total-bg.jpg") no-repeat center center;
    background-size: cover;
    min-height: 17rem;
}


/******************************
 * Sections, all
 ******************************/
#header {
    background: url("../img/header.jpg") center center transparent;
    background-size: cover;
}
#header .wrapper {
    padding: 1rem 0;
    position: relative;
}
#header:after,
#header .wrapper:before,
#header .wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 0;
}
#header:after {
    border-width: calc(var(--top-menu-right-decor-size) / 2.2) 0 calc(var(--top-menu-right-decor-size) / 2.2) calc(var(--top-menu-right-decor-size) / 2.2);
    border-color: transparent transparent transparent var(--color-green);
    top: calc(var(--top-menu-right-decor-size) + 1.6rem);
    bottom: auto;
    z-index: 2;
}
#header .wrapper:before {
    border-width: calc(var(--top-menu-right-decor-size) / 2) 0 0 calc(var(--top-menu-right-decor-size) / 2);
    border-color: transparent transparent transparent var(--color-blue);
    z-index: 1;
}
#header .wrapper:after {
    border-width: calc(var(--top-menu-right-decor-size) / 1.35) 0 0 calc(var(--top-menu-right-decor-size) / 1.35);
    border-color: transparent transparent transparent var(--color-deep-blue);
}

#header .start-date {
    font-size: 2rem; /* for long title */
    font-weight: 900;
    color: var(--color-green);
}
#header .logo,
#header .countdown .title,
#header .title .sub-title {
    font-size: 1.3rem;
    font-weight: bold;
    color: var(--color-deep-blue);
    text-transform: uppercase;
}
#header .logo {
    display: flex;
    align-items: end;
    padding: 1rem 0 1.3rem;
}
#header .logo img {
    width: 6.6rem;
}
#header .logo .title {
    font-size: 1.6rem;
    color: var(--color-green);
    padding-left: 1.8rem;
}
#header .countdown .num {
    font-size: 2.3rem;
    font-weight: bold;
    color: var(--color-deep-blue);
}
#header .countdown .value span {
    color: white;
    background: var(--color-deep-blue);
    padding: .2rem .2rem 0;
    margin-right: 0.2rem;
}
#header .social-links-mobile {
    display: none;
}
.social-links-mobile,
#header .social-links {
    float: right;
}
.social-links-mobile a,
#header .social-links a {
    display: inline-block;
    text-indent: -999em;
    width: 1.6rem;
    height: 1.6rem;
    margin-left: .5rem;
    background: transparent center center no-repeat;
    background-size: cover;
    outline: none;
    margin-top: .5rem;
}
#header .social-links a.ins { background-image: url("../img/soc-icon-inst.png") }
#header .social-links a.yt  { background-image: url("../img/soc-icon-yt.png") }
#header .social-links a.fb  { background-image: url("../img/soc-icon-fb.png") }
#header .social-links a.vk  { background-image: url("../img/soc-icon-vk.png") }
#header .social-links a.rss { background-image: url("../img/soc-icon-rss.png") }

#about .list-icon img {
    max-width: 4rem;
    padding-left: 1rem;
}

#speakers-2020 > .content,
#speakers-2019 > .content {
    padding-top: 3.5rem;
}

#stats {
    color: white;
}
#stats > .content {
    padding-top: 4rem;
}
#stats .columns {
    display: flex;
}
#stats .columns .left {
    min-width: 58%;
}
#stats .map {
    position: relative;
}
#stats .map img {
    width: 100%;
}
#stats .map img.layer {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 1s;
}
#stats .map img.layer.show {
    opacity: 1;
}


#stats .item {
    display: flex;
    margin-bottom: 1.2rem;
}
#stats .item .text {
    padding-top: 0.7rem;
    font-size: 1.9rem;
}
#stats .item .num {
    min-width: 3.7ch;
    text-align: right;
    font-size: 3.4rem;
    font-weight: bold;
}
#stats .item .num span {
    border-right: 0.2rem solid var(--color-green);
    padding: 0 .5rem 0 0;
    margin: 0 .5rem 0 0;
}

#reviews > .content {
    padding-top: 3.5rem;
    padding-bottom: 1.8rem;
}

#topics h2 {
    margin-bottom: 1rem;
}
#topics .list-title {
    font-size: 1.5rem;
}

#topics > .content.groups {
    padding-top: 0.7rem;
}
#topics .content.groups .topic-title {
    color: var(--color-blue);
    font-size: 1.5rem;
}

#contacts > .content {
    padding-top: 0;
}
#contacts .columns .right h2 {
    margin-bottom: 0;
}
#contacts h2 {
    text-transform: none;
    font-size: 1.5rem;
}
#contacts .columns {
    display: flex;
}
#contacts .columns .left {
    min-width: 49%;
    padding-right: 6%;
}
#contacts .columns .left img {
    width: 100%;
}
#contacts p {
    margin-top: 0;
    font-size: 1.24rem;
}
#contacts a:hover {
    text-decoration: underline;
}
#contacts a {
    color: black;
    text-decoration: none;
}

#orgs > .content {
    padding-top: 6.5rem;
}

#partners > .content {
    padding-top: 5rem;
}

#media .list-content a {
    text-decoration: none;
    border-bottom: 1px solid;
    color: black;
}
#media .list-content a:hover {
    border-bottom: 1px solid transparent;
}


/******************************
 * Form
 ******************************/
form {
    font-size: 1.4rem;
}
.form-note {
    font-size: 1.4rem;
}
.form-note {
    font-weight: bold;
    margin: 2rem 0;
}
.form-note:first-child {
    margin-top: 0;
}
.form-note:last-child {
    margin-bottom: 0;
    font-size: 1.7rem;
}
.form-field-wrapper {
    width: 73%;
    display: flex;
    align-items: center;
    margin: .5rem 0;
}
.form-field-wrapper label {
    min-width: 18rem;
    padding-right: 2ch;
}
.field-sections-wrapper {
    align-items: start;
}
.field-has_report-wrapper {
    margin-top: 1rem;
}
.field-has_tour-wrapper {
    margin-bottom: 1rem;
}
.field-has_report-wrapper label,
.field-has_hotel-wrapper label,
.field-has_tour-wrapper label {
    min-width: 35rem;
}
.field-has_report-wrapper li,
.field-has_hotel-wrapper li,
.field-has_tour-wrapper li {
    display: inline-block;
}

.form-field,
.form-field input {
    width: 100%;
}
.field-b_year input {
    width: 20ch;
}
.form-field input {
    background: #e9e9ea;
    border: 2px solid #e9e9ea;
    padding: 0 .5rem;
    line-height: 2.7rem;
    font-size: 1.3rem;
}
.form-field ul, li {
    margin: 0;
    padding: 0;
}
.form-field li {
    list-style: none;
}
.form-field li input {
    width: auto;
}
.form-actions {
    text-align: center;
    margin-top: 2rem;
    width: 73%;
}
.field-photo-wrapper label,
.form-actions button {
    color: white;
    background: var(--color-green);
    border: none;
    text-transform: uppercase;
    padding: 0.7rem 2rem;
    font-size: 1.5rem;
}
.field-terms_agree-wrapper label,
.field-terms_agree-wrapper a {
    padding-right: 0;
    font-size: 1rem;
    color: var(--color-blue);
    line-height: 2;
    vertical-align: bottom;
}
.field-terms_agree-wrapper {
    display: block;
}
.field-terms_agree {
    display: inline;
}
.field-terms_agree input {
    width: auto;
}
.field-photo-wrapper {
    text-align: center;
    display: block;
}
.field-photo-wrapper input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.field-photo-wrapper label {
    background-color: var(--color-deep-blue);
}
.field-photo-wrapper label {
    min-width: 0;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

#streams .image-list a.image-item:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5.5rem;
    height: 5.5rem;
    background: transparent no-repeat url("../img/video-play.png");
    background-size: cover;
}
#streams .image-list .image-item {
    flex-grow: 0;
    width: 40%;
    margin: 0 3rem 4rem 2rem;
    padding: 5% 2%;
    background: transparent no-repeat center center;
    background-size: cover;
    text-decoration: none;
    position: relative;
}
#streams .image-list .image-item strong,
#streams .image-list .image-item span {
    display: block;
    font-size: 1.7rem;
    color: white;
}
#streams .image-list .image-item .text {
    padding: 5% 4%;
}


#stream a.stream-link {
    background-image: url('/static/img/stream-back.png');
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    padding: 2rem 13rem;
    position: relative;
}
#stream a.stream-link h2 {
    color: #fff;
}
#stream a.stream-link p {
    font-size: 1.2rem;
}
#stream a.stream-link::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5.5rem;
    height: 5.5rem;
    background: transparent no-repeat url("../img/video-play.png");
        background-size: auto;
    background-size: cover;
}
#stream .meetings {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#stream .meetings a {
    background-color: var(--color-deep-blue);
    color: white;
    padding: 0.5rem;
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1.2rem;
    width: 23%;
}


@media all and (max-width:660px) {
    :root {
        --font-base: 12px;
        --top-menu-right-decor-size: 5rem;
    }
    .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .top-menu {
        display: block;
        padding-right: 0;
    }
    .top-menu::after {
        top: 100%;
        border-width: 0 calc(var(--top-menu-right-decor-size)/1.4) calc(var(--top-menu-right-decor-size)/1.4) 0;
    }
    .top-menu a {
        line-height: 1.5;
        display: block;
    }
    .top-menu .section {
        display: block;
        padding: 0;
    }
    .top-menu .section.lang {
        background: linear-gradient(45deg, var(--color-blue) calc(8ch + 2rem), var(--color-deep-blue) calc(8ch + 2rem));
        display: block;
        padding: 0;
    }
    .top-menu .section.lang a {
        display: inline-block;
    }
    .top-menu .section.form a,
    .top-menu .section.lk a {
        padding: .5rem 1rem;
    }
    .top-menu .section.form {
        background: linear-gradient(45deg, var(--color-green) calc(100% - 1.15rem), var(--color-blue) calc(100% - 1.15rem));
    }
    .top-menu .section.lk {
        background: linear-gradient(45deg, var(--color-green) calc(1.15rem), var(--color-blue) calc(1.15rem));
    }
    .top-menu .section.form,
    .top-menu .section.lk {
        display: table-cell;
        width: 50vw;
    }
    .top-menu .section.main-menu {
        background: transparent;
    }
    .top-menu .section.main-menu a:nth-child(1) { background: linear-gradient(rgba(43, 171, 87, 1),  rgba(43, 171, 87, .8)) }
    .top-menu .section.main-menu a:nth-child(2) { background: linear-gradient(rgba(43, 171, 87, .9), rgba(43, 171, 87, .7)) }
    .top-menu .section.main-menu a:nth-child(3) { background: linear-gradient(rgba(43, 171, 87, .8), rgba(43, 171, 87, .7)) }
    .top-menu .section.main-menu a:nth-child(4) { background: linear-gradient(rgba(43, 171, 87, .6), rgba(43, 171, 87, .4)) }
    .top-menu .section.main-menu a:nth-child(5) { background: linear-gradient(rgba(43, 171, 87, .3), rgba(43, 171, 87, .1));
        color: var(--color-green);
    }
    .social-links {
        display: none;
    }
    .social-links-mobile {
        float: none;
        position: absolute;
        top: 0.8rem;
        left: 50%;
        transform: translateX(-50%);
        display: block;
    }
    .social-links-mobile a {
        margin: 0 .5rem;
    }
    .social-links-mobile a.ins { background-image: url("../img/soc-icon-mobile-inst.png") }
    .social-links-mobile a.yt  { background-image: url("../img/soc-icon-mobile-yt.png") }
    .social-links-mobile a.fb  { background-image: url("../img/soc-icon-mobile-fb.png") }
    .social-links-mobile a.vk  { background-image: url("../img/soc-icon-mobile-vk.png") }
    .social-links-mobile a.rss { background-image: url("../img/soc-icon-mobile-rss.png") }

    #header {
        background: white;
    }
    #header::after {
        top: 44rem;
    }
    .start-date {
        padding-top: 3rem;
        font-size: 2.6rem;
    }
    #header .logo .title {
        font-size: 1.6rem;
    }
    #header .logo,
    #header .countdown .title,
    #header .title .sub-title {
        font-size: 1rem;
    }
    .countdown {
        margin-bottom: 2rem;
    }
    section {
        margin: 0 auto 1rem;
    }
    section > .content {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    section > .title .title-content {
        font-size: 1.5rem;
    }
    .list-row {
        display: block;
    }
    .list-row .list-title {
        min-width: 0;
        max-width: 100%;
        padding-right: 0;
    }
    #about .list-icon img {
        display: none;
    }
    #stats .columns {
        display: block;
    }
    #stats .map {
        display: none;
    }
    #stats .item .num {
        font-size: 2.6rem;
    }
    #stats .item .text {
        font-size: 1.7rem;
    }
    section .total-bottom {
        display: none;
    }
    .slider.review .wrapper {
        display: block;
    }
    .slider.review .wrapper .person {
        min-width: 14.5rem;
        margin-right: 0;
    }
    .slider.review .wrapper .person img {
        max-width: 16rem;
    }
    .slider .person-name {
        margin: 1rem 0;
    }
    .form-field-wrapper {
        display: block;
        width: 100%;
    }
    .field-photo-wrapper {
        text-align: left;
    }
    .form-actions {
        text-align: left;
    }
    .form-field-wrapper label {
        display: block;
        min-width: 0;
        padding-right: 0;
    }
    .field-terms_agree-wrapper label, .field-terms_agree-wrapper a {
        line-height: 1;
    }
    #contacts .columns {
        display: block;
    }
    .image-list .image-item img {
        max-width: 10rem;
        max-height: 5rem;
    }

    .image-list {
        flex-wrap: wrap;
    }
    .image-list .image-item img {
        max-width: 14rem;
        max-height: 7rem;
        margin-bottom: 2rem;
    }
    #orgs > .content {
        padding-top: 4.5rem;
        padding-bottom: 1.5rem;
    }
    #partners > .content {
        padding-top: 4.5rem;
        padding-bottom: 1.5rem;
    }

    #streams .image-list .image-item {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    #stream a.stream-link {
        padding: 0.1rem;
    }
    #stream .meetings a {
        width: 100%;
    }
}