﻿@import url(//fonts.googleapis.com/css?family=Fira+Sans:700,500,300italic,400&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Oswald:700,300,400,500&subset=latin,latin-ext);
/* slido */
body {
    background: #F5F7F8;
    font-size: 1.5rem;
    color: #252124;
    font-weight: 300;
    font-family: 'Fira Sans', sans-serif;
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.mb-25
{
    margin-bottom: 2.5rem;
}

.mb-15 {
    margin-bottom: 1.5625rem;
}
.mr-125
{
    margin-right: 1.25rem;
}
header a, header a:hover{text-decoration: none !important;}

body.light {
    background: #F5F7F8;
    transition: all 1s ease;
}
body.dark {
    background: #252124;
    transition: all 1s ease;
    color: #FFF;
}
header
{
    min-height: 5rem;
    padding: 0 2.5rem;
}
header #logo, .registration.dark header #logo {
    min-width: 199px;
    width: 199px;
    height: 46px;
    display: flex;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='199' height='46' viewBox='0 0 199 46'%3E%3Cimage id='logo_dark' width='199' height='46' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMcAAAAuCAYAAACcTg2MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NjQ4LCAyMDIxLzAxLzEyLTE1OjUyOjI5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAyLTI0VDA5OjI4OjMyKzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMi0yNFQxMDowMzoyOSswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wMi0yNFQxMDowMzoyOSswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZWI5ZjQ4ZmItZWJmYS1jZDQzLTg3Y2YtYTk2MmQ4ZWIyZGZmIiB4bXBNTTpEb2N1bWVudElEPSJh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'/%3E%3C/svg%3E%0A");
}
.dark header #logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='199' height='46' viewBox='0 0 199 46'%3E%3Cimage id='LBX_big_light' width='199' height='46' xlink:href='data:image/png;base64,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'/%3E%3C/svg%3E%0A");
}


#h1 {
    font-weight: bold !important;
    margin: 0 1rem;
}
#h1 .date
{
    margin-left: 3.25rem;
    font-weight: 300;
}
header #DarkBtn, header #LightBtn {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #00D3BD;
    border-radius: 50%;
}
header #DarkBtn {
    border-color: #252124;
    background: #252124;
    margin-right: 1.5rem;
}
header #LightBtn
{
    margin-right: .75rem;
}
.dark header #DarkBtn, header #LightBtn {
    border-color: #00D3BD;
    background-color:  transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10.001' viewBox='0 0 13 10.001'%3E%3Cpath id='check-regular' d='M39,80.051l-7.479,7.471-2.748-2.745a.341.341,0,0,0-.483,0l-.8.8a.341.341,0,0,0,0,.482l3.793,3.789a.341.341,0,0,0,.483,0l8.524-8.515a.341.341,0,0,0,0-.482l-.8-.8a.341.341,0,0,0-.49,0Z' transform='translate(-27.39 -79.947)' fill='%2300d3bd'/%3E%3C/svg%3E%0A");
}
.dark header #DarkBtn {
    color: #00ffe4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10.001' viewBox='0 0 13 10.001'%3E%3Cpath id='check-regular' d='M39,80.051l-7.479,7.471-2.748-2.745a.341.341,0,0,0-.483,0l-.8.8a.341.341,0,0,0,0,.482l3.793,3.789a.341.341,0,0,0,.483,0l8.524-8.515a.341.341,0,0,0,0-.482l-.8-.8a.341.341,0,0,0-.49,0Z' transform='translate(-27.39 -79.947)' fill='%2300ffe4'/%3E%3C/svg%3E%0A");
}
.dark header #LightBtn {
    background: #F5F7F8;
    border-color: #F5F7F8;
}
#links
{
    width: 199px;
}
.czLang, .enLang, .czLang:hover, .enLang:hover {
    color: #252124;
    font-weight: bold;
    text-transform: uppercase;
}
.dark .czLang, .dark .enLang, .dark .czLang:hover, .dark .enLang:hover
{
    color: #FFF;
}
.czLang
{
    margin-left: .75rem;
    margin-right: 1.5rem;
}
.czLang.active, .enLang.active{
    color: #00D3BD;
}
.dark .czLang.active, .dark .enLang.active {
    color: #00ffe4;
}
section {
    position: relative;
    flex: 1;
}

#player
{
   
}
#Info
{
    position: absolute;
    right: 0;
    top: 0px;
    width: 88px;
    height: 100%;

}
#ShowBtn {
    width: 3.375rem;
    height: 3.375rem;
    border: 0px solid black;
    background: none;
    margin-left: 10px;
    padding: 0; 
    box-shadow: none;

}
.btn:hover {
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none !important;
}
.dark #ShowBtn
{
    fill:#FFF;
}
#ShowBtn.in svg {
    transform: scale(-1, 1);
    transform-origin: center;
}
#ShowBtn svg {
    transition: all 0.4s ease;
}
#slido, #slido2 {
    -webkit-transition: width 0.4s ease;
    -moz-transition: width 0.4s ease;
    -o-transition: width 0.4s ease;
    transition: width 0.4s ease;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    background: #FFF;
    height: 100%;
    position: absolute;
    right: 88px;
    top: 0px;
    width: 0px;
    box-shadow: 0px 4px 8px #0000004D;
    border-radius: 8px 8px 0px 0px;
}

#slido.in, #slido2.in {
    width: 354px;
}
#main {
    height: 100%;
    max-height: calc(100vh - 6rem);
    max-width: calc(100% - 180px);
    padding: 0 .5rem;
    margin: 0 auto;
    /*overflow: hidden;
    max-height: 56.25vw;
    max-width: calc(((100vh - 6rem)*1.7777) - 250px);*/
}

#main.in {
	margin-right: 450px;
	width: calc(100% - 450px) !important;
	height: 100% !important;
	max-height: 100%;
}
#main #UnderPlayer
{
	display: none;
}
#main.in #UnderPlayer
{
	display: block;
}
@media(max-width: 767px)
{
	#main.in #UnderPlayer
	{
		display: none;
	}
}

.icon {
    margin-top: 1.5rem;
    margin-left: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    background: #FFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    cursor: pointer;
}
.dark .icon {
    background: #3A3739;
}
.graph {
    fill: none;
    stroke: #252124;
    stroke-linecap: round;
    stroke-width: 2px;
}
.dark .graph
{
    stroke: #FFF;
}
.qa {
    fill: none;
    stroke: #252124;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5px;
}
.dark .qa
{
    stroke: #FFF;
}

@media(max-width: 767px) {
    header
    {
        padding: 0 1rem;
    }
        header #logo, .registration.dark header #logo {
            margin-top: 1.5rem;
            margin-bottom: 2.625rem;
            /*height: 20px;*/
            width: 168px;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='168' height='20' viewBox='0 0 168 20'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1398' data-name='Rectangle 1398' width='168' height='20' transform='translate(16 21)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3Cpattern id='pattern' preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 199 46'%3E%3Cimage width='199' height='46' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMcAAAAuCAYAAACcTg2MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NjQ4LCAyMDIxLzAxLzEyLTE1OjUyOjI5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAyLTI0VDA5OjI4OjMyKzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMi0yNFQxMDowMzoyOSswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wMi0yNFQxMDowMzoyOSswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZWI5ZjQ4ZmItZWJmYS1jZDQzLTg3Y2YtYTk2MmQ4ZWIyZGZmIiB4bXBNTTpEb2N1bWVudElEPSJh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'/%3E%3C/pattern%3E%3C/defs%3E%3Cg id='Mask_Group_5' data-name='Mask Group 5' transform='translate(-16 -21)' clip-path='url(%23clip-path)'%3E%3Crect id='logo_dark' width='166' height='38' transform='translate(16 12)' fill='url(%23pattern)'/%3E%3C/g%3E%3C/svg%3E%0A");
        }

    .dark header #logo {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='168' height='20' viewBox='0 0 168 20'%3E%3Cimage id='LBX_small_light' width='168' height='20' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAUCAYAAAAZQ3a6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABxxJREFUeNrsm3uQTmUcx8+71lpadiRyqSRlRLqYSqJBpVSTlEZjSroMf1RUUkMXCaU2JimNYciMcqkkE3Ip3W9GCakkue1MkbzEZu3t9P3Z75l5evZ33vec877s6/Kb+fyx55zncp7n9/xu79mY67o/OFXle3CPE00uAq9b10rBDDAJnAcKQFOl7a3gt5DjnQKmgLOUe31AHIwCHZ30yL9gqvWOLcCNYKJx7SFwV4pjlYHdYDWYy31JJPXBneB60BY0BjVCjFcOtoM1YCHH3Gfcb8x3P11pWwyGg48DjCP9jASXKfdk/IHgj0N/ubp8DpyIdFb6KwFjeD8LTPMZdyGoGWKsbDAU7LX6qQDz+EwzsNRNn+wDw6x5tACDrWsFbnqlGMwEzZV1yAX9wa40j7kFdOOeeWN1BNuVZ2XNV4EO1vM2+WAcKFPay3g9QQ3v+SznyEsFeImWzRY5+V1C9HUuuAXUs67/BV51ji2pRY9wn/K+19BLNEjzmM3BZHo9T74GDyieLgYuBCO4LzGlvzrgQTDIsuwu92wsWE5LfkiyqmmxfwSvKddjfPn6AfqoDXpzUewD8FYAd3g0Sg7oCc40romy9gLNDtOYoqT9rWuLwZOKkorSdQdjQBPrXi4YRnKseyU0Wm+CA+aN7Gpc7Em0COdY1zuAHmB2kvangb5UVFO2gvfAP0naS2z3CzgYct4HOEYUiTMWX5/kuSzGkLcxXjOlJTjZ+PtUrqFfrCmx4TqwAxQxrjX3P5/5QFufPnJ4r77h9SSnWMC2Iy1lrElPKAp3O8eTce4ntZUxJlIf9ts3qlNBd4JXrMTCC6BvBiu4qH4iyUArxXp+Ab6i20gkK8EAUHgE31kSrCVgWYBnc7mZA63rogAn0dvIO+ZZCmuKJI+PBjis3oF/QwmxZJy6HCNuKf5UJqlP0H2bSt2HCdYAJr9DfOY5EzzmN6nqVNBybpYoVGfrXldwJV11uU/sOUi5vo3Z9YEMddExKlhugGfzGHe6VjxXxI13DWWopbT/DowPqJwOD+pA7kdD5VBolk/m8CLf52HO2ZR+VO52StVGFHw+qx1OJiqo547f5gvkG9cb0r1JyeJPxbIUWM97sowLHDS2uhfsCTlncc8fRnzfPIYllwZ4tgkPacxSiC9ZijH3MEdpv8knEU0W9qyngbBjSz9dEXf/LO8PpnW3LanWRpKh0RwzYxW0hFa0FxfF3IyrwBVUYFN6Mka1ZS/jntIQFYCREeY8LQUFrce4LKrHWcN3LLSscswnVi4NOUaFFgcGEInjn+cBHJDEQ7iMiSWR2pCs4yyn+kUywXmKJctjbBOz4tOhPgdrLJOeY1UO0jv8FFDx3IjjRG0nocRchlmJRJKmj8AqHoiMV1CZ5CywUbl3Ad2wZykkMWrto+TjIoxbFoHyFN7VpdcoDki5oTB16EJn0fpnmjSgR2qV5DmJZ++g10yqf9kZ8nJxKtgsZU6jWHdr5FQW5esqmfHoCIqzGSxy/v9TXhBZleJ7TqaLSyYSv0kB/iYr+ejkVNYlR1DZ3QRVgLD7m6WsbxCRMtfL4GrlQLpKGNLE2LNFVukrIxVU5H0mRd2VZGEwN+N8pd1nEWPCjcxAj2SZSeLCTwOWmRy68/aKxexCS1TCTdY2+GxatV0h5tfIxwJWJFCiNow/r/PJMeZz39oo7Z6hgVmeyS7eLDsM54RtETd/t1Lq+JtWd+cxGnfmOHrxvIFhkUq5drZIcX0IFSEWwJNeTKvW2EfRtNJda3q4a336lYTuEeYHW31COHnm8rAWVE7t2hALuYkTXZ3ihsjPk3Ocql9S+f3G/AlPX1mEsTqxbWmEthJyPBWhbR7LZ+0DZvyy8S19FMaTIlYwbKnNdezLMKbQameGAs3o2uv4GK0ipRx0BjPxXj6H6DnGpLJGs6lrE5yq5UE5QO+wn5VBFVQm2i7Ewtew6l+pJBHTwQ1O5U94ZilFq9m961StkwaVuj4JVxBZF9H75DvRP2M0ZYMRc++ggbhEmVM231NoGnGsEoYacauaIta2t48nnE63X2qUyGY4lT+XjrZ0Jcb+pjC2Xmdm95nk4j352amsfSazTmKtP3COP9nPxKLESLwW86C6h2G8LSwfmXGqKFk/H0s7h8qpJZ8T6O5taxyjQRxjhySZqKCeZUz04XI5s/74caSY3idpk6igZtViATd3c5rHkx8GHgffGm79BeYEtleTMGselXd7gj5l3wqUvRNd7MH+W5ouYEkaXmabMWBc6VMW89cQ/cmCyG/qXX0OkRTkV4RIvgIVhUPI2gD9bUjT2kpysof9fUMXuFuxqjN4X2Jr+SKsOa2dF37Fkhz4Ynot+ZL9d6fyu8+VdO8VrBp0o5teqvQhocbTTvIvvQ7SnXvViJhSMZDS2vhDplW+Wj4hKYv2Lx8nJA3ynwADAFIdA9QsA0PXAAAAAElFTkSuQmCC'/%3E%3C/svg%3E%0A");
    }
    #links
    {
        width: 100%;
        line-height: 1rem;
    }
    #h1
    {
        font-size: 1rem;
        width: 100%;
        padding: 3rem 0 2.6875rem;
        display: block!important;
    }
    #h1 .date
    {
        width: 100%;
        margin: 0;
        padding-top: .5rem;
    }
    #Info {
        top: calc(100% - 5rem);
        bottom: 0;
        left: 0;
        height: 5rem;
        width: 100%;
        padding: 0 2rem 0 1rem;
        transition: bottom .2s ease, top .2s ease;
    }
    .in header {
        min-height: 0;
        height: 0 !important;
        overflow: hidden;
        
    }
    .in #Info {
        top: 0;
        bottom: calc(100% - 5rem);
    }
    #ShowBtn
    {
        margin-left: 0;
    }
    #ShowBtn svg {
        transform: rotate(90deg);
    }
    #ShowBtn.in svg {
        transform: rotate(-90deg);    
    }
    .icon {
        margin-top: 0;
    }
    #slido, #slido2 {
        transition: height 0.4s linear;
        width: 100vw;
        height: 0;
        top: auto;
        bottom: 0;
        right: 0;
    }
    #slido.in, #slido2.in {
        bottom: 0;
        width: 100%;
        height: calc(100% - 5rem);
    }
    #main {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 56.25vw;
        margin-right:0;
        max-height: calc(100% - 80px);
        padding: 0;
        margin: 0 auto;
    }
    #main.in{
        margin-right: 0;
        width: 100% !important;
        height: 0 !important;
    }
    
}

@media(min-width: 768px) and (max-width: 1120px)
{
    #h1 .date
    {
        margin-left: 1rem;
        text-align: right;
    }
}
@media(min-width: 768px) and (max-width: 850px)
{
    #h1
    {
        font-size: 1.125rem;
        justify-content: start;
        align-items: center;
    }
}
.embed-responsive {
    max-height: 100%;
    box-shadow: 0px 4px 8px #0000004D;
    border-radius: 0.5rem;
    /*margin-bottom: 0.3125rem;*/
}
.embed-responsive-item {
    border-radius: 0.5rem;
}

.registration #video, #player-background-video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;
    background-image: url(/default/background.jpg);
    background-size: cover;
    background-position: top right;
}
#player-background-video {
	z-index: -1 !important;
	background-position: bottom left;
}
.registration
{
    min-height:100vh;
    height: auto;
}
.registration header
{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.registration header #links
{
    position: fixed;
    right: 2.5rem;
}
.registration section {
    position: relative;
    flex: none;
    width: 100%;
    min-height: 100vh;
}
.registration #main {
    padding: 6.5rem 0 0 0;
    width: 47.60vw;
    min-height: 100vh;
    min-width: 630px;
    margin: 0 auto 0 0;
    position: relative;
    height: auto!important;
    max-height: initial;
}

.registration .mainBg {
    position: fixed;
    top: 0;
    left: 0;
    z-index:0;
    width: 47.60vw;
    min-width: 630px;
    height: 100%;
    background: #252124;
    opacity: 0.04;
    transform: skewX(-8deg);
    transform-origin: top right;
    transition: all 1s ease;
}
.registration.light .mainBg
{
    background: #252124;
    opacity: 0.04;
    transition: all 1s ease;
}
.registration.dark .mainBg
{
    background: #F5F7F8;
    opacity: 0.85;
    transition: all 1s ease;
}
.registration .mainIn
{
    width: 33.333333333333333333333333vw;
    min-width: 500px;
    z-index: 2;
}
    .registration .mainIn h1, .registration .mainIn h2, .registration.dark .mainIn h1, .registration.dark .mainIn h2 {
        font-size: 2.5rem;
        line-height: 1.5em;
        font-family: Oswald;
        font-weight: 500;
        color: #252124;
    }
.registration .mainIn h2
{
    font-weight: 300;
}
.registration .mainIn .container
{
    padding: 0 2.5rem;
}
.registration .mainIn .InfoEvent {
    background: #FFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    padding: 2.5rem;
    font-size: 1rem;
    line-height: 1.75em;
}
.registration .mainIn h3
{
    font-size: 1rem;
    font-weight: 500;
    line-height: 2em;
}
.registration .form-check
{
    padding-left: 2.5rem;
    
}
.form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    margin: .25rem 0 .25rem -2.5rem;
}
.form-group label
{
    font-weight: 500;
    line-height: 2em;
}
.form-group .form-control
{
    background: rgba(215,215,215,0.25);
    border: none;
    border-radius: .25rem;
    padding: .9rem 1.25rem;
    line-height: 1.75em;
    height: auto;
}
.btn-primary {
    background: #CECECE;
    border: none;
    border-radius: 0.25rem;
    padding: .9rem 2.5rem;
    margin: 0 auto;
}
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background: #CECECE;
    border: none;
}
.btn-primary.ready
{
    background: #00D3BD;
    box-shadow: 0px 3px 6px #0000004D;
}
.registration #main a, .registration #main a:hover {
    text-decoration: underline;
    color: #0099FF;
    font-size: 1rem;
    line-height: 1.75em;
}
.registration section #chat {
    position: fixed;
    z-index: 10;
    bottom: 1.875rem;
    right: 1.25rem;
    height: 4.375rem;
    width: 8.125rem;
    border-radius: 2.1875rem;
    background: rgb(56,155,219);
    background: linear-gradient(90deg, rgba(56,155,219,1) 0%, rgba(113,206,209,1) 100%);
    color: #FFF;
    font-size: 1.25rem;
}
.registration section #chat .chatIcon {
    padding: 1rem;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    height: 3.75rem;
    width: 3.75rem;
    margin: .375rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.registration section #chat svg
{
    width: 1.75rem;
    height: 1.75rem;
    fill: #FFF;
    line-height: 1.75rem;
}
.registration.dark .InfoEvent {
    color: #252124;
}
@media(max-width: 768px) {
    html, body
    {height: 100%;}
    body.registration.dark {
        background: #F5F7F8 !important;
        transition: background 0s ease;
    }
    .registration #main {
        width: 100%;
        max-width: 100%;
        min-width: initial;
        position: relative;
        padding-top: 1.5rem;
    }
    .registration .mainIn
    {
        width: 100%;
        min-width: initial;
    }
    .registration .mainIn .container{
        padding: 0;
        max-width: calc(100% - 3rem);
    }
    .registration #video {
        position: initial;
        width: 100%;
        height: 84.44444444444444vw;
        transform: translateX(0) translateY(0);
        background-size: initial;
        background-size: auto 100%;
        background-position: top right;
    }
    .registration .mainBg {
        transform: skewX(0);
        width: 100%;
        opacity: 0!important;
    }
    .registration section #chat {
        bottom: 1.875rem;
        right: 1.25rem;
        width: 4.375rem;
    }
    .registration section #chat span
    {
        display: none;
    }
    .registration header #links
    {
        position: initial;
        right: auto;
    }
}

@media(max-width: 479px)
{
    header {
        /*height: 106px;*/
    }
        header #logo, .registration.dark header #logo {
            /*background-color: #FFF;*/
            width: 100vw;
            margin: 0;
            height: 5.375rem;
        }
    section {
        /*padding-top: 5.375rem;*/
    }
    .registration .mainIn .container {
        max-width: calc(100% - 2rem);
    }
    .registration .mainIn .InfoEvent
    {
        padding: 1.5rem;
    }
}
@media(min-width: 480px) and (max-width: 768px) {
    .registration header {
        flex-direction: row!important;
    }
    header #logo
    {
        margin-bottom: 1.5rem;
        margin-right: 1rem;
    }
}
@media(min-width: 769px) and (max-width: 1280px)
{
    .registration #main, .registration .mainBg {
        width: 62vw;
        min-width: 630px; 
    }
    .registration .mainIn
    {
        width: 48vw;
        min-width: 500px;
    }
}
@media(max-width: 768px) and (max-height: 669px) and (orientation: landscape)
{
    header {
        min-height: initial !important;
    }
    #main {
        max-height: 100vh;
        margin-bottom: 5rem;
    }
}
