@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro.eot');
    src: url('../font/DINPro.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro.woff2') format('woff2'),
        url('../font/DINPro.woff') format('woff'),
        url('../font/DINPro.ttf') format('truetype'),
        url('../font/DINPro.svg#DINPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Black.eot');
    src: url('../font/DINPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Black.woff2') format('woff2'),
        url('../font/DINPro-Black.woff') format('woff'),
        url('../font/DINPro-Black.ttf') format('truetype'),
        url('../font/DINPro-Black.svg#DINPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Medium.eot');
    src: url('../font/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Medium.woff2') format('woff2'),
        url('../font/DINPro-Medium.woff') format('woff'),
        url('../font/DINPro-Medium.ttf') format('truetype'),
        url('../font/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

* {
	margin: 0px;
	padding: 0px;
	font-family: inherit;
	color: #878787;
	box-sizing: border-box;
}

html,
body,
form {
	width: 100%;
	height: 100%;
	position: relative;
	font-family: arial;
	font-size: 12px;
	color: #242424;
}

.breaker {
	clear: both;
}

.spacerV {
	width: 0px;
	height: 0px;
	overflow: hdiden;
}

.spacerH {
	display: inline-block;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.breaker {
	clear: both;
}

.defaultWaiticon {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.3);
	background-image: url(../images/animated_loading_icon.gif);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 3;
}

.page {
    width: 100%;
    max-width:908px;
    margin: auto;
}

.header {
	height: 91px;
}

.header_redbar {
	height: 80px;
	background-color: #e2001a;
}

.header_redbar_logo {
	width: 200px;
	height: 100%;
	float: left;
	background-image: url(../images/logo.jpg);
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
}

.banner {
	height: auto;
}

.banner img
{
    width:100%;
}

.menu {
	background-image: url("../images/blue_background.jpg");
	height: 0px;
	display: none;
}

.menu:after {
	display: block;
	content: "";
	clear: both;
}

.menuElement,
.menuElement_2 {
	float: left;
	padding: 11px;
	margin-top: 26px;
	font-weight: bold;
	color: #4d4d4f;
}

.menuElement_2 {
	background-color: white;
}

.contents {
    max-width:908px;
	width: 100%;
	margin: auto;
	margin-top: 10px;
    margin-bottom: 30px;
    padding:20px;
}

.footer {
	background-color: #ffffff;
	padding: 10px 0px;
	color: darkblue;
	font-size: 13px;
}

.footer_links {
	display: flex;
	margin: auto;
	max-width: 150px;
	justify-content: space-around;
	margin-bottom: 20px;
	margin-top: 10px;
}

.footer_links a {
	text-decoration: none;
}

.footer_copyright {
	border-top: 0px solid #8f8f8f;
	padding-top: -200px;
	text-align: center;
}

.signupPanelTitle {
	color: darkblue;
	font-size: 14px;
	margin-bottom: 10px;
}

.questionsPanel {
	margin-bottom: 20px;
}

.questionsPanelError {
	color: red;
	font-weight: bold;
}

.questionsPanelItem,
.questionsPanelItem_2 {
	margin-bottom: 20px;
	position: relative;
}

.questionsPanelItem_2 {
	border: 2px solid red;
	padding: 10px;
}

.button {
	box-sizing: border-box;
	background: #00afd0;
	border-radius: 3px;
	min-width: 119px;
	padding: 10px 15px;
	color: white;
	display: inline-block;
	cursor: pointer;
	text-transform: uppercase;
	text-align: center;
}

.button-1 {
	/*margin-left:auto;*/
}

.button-2 {
	filter: saturate(0);
}

.questionsPanelItemTitle {
	margin-bottom: 10px;
	font-weight: bold;
}

.questionsPanelItemAnswers:after {
	content: "";
	display: block;
	clear: both;
}

.autoHeightTextbox {
	width: 100%;
	height: 40px;
	font-size: 13px;
}

.questionsPanelItemOverlay {
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: -2px;
}

.questionsPanelItemOverlayText {
	height: 100%;
	width: 100%;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}

.questionAnswer {
	float: left;
	margin-right: 20px;
}

.popupPanel {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.popupPanel_close
{
    position:absolute;
    top:0px;
    right:0px;
    background:white;
    padding:10px;
    cursor:pointer;
    font-weight:bold;
}

.privacyPanel {
	background: white;
	padding: 20px;
	width: 100%;
	max-width: 800px;
}

.wrapper_block {
	display: block !important;
}

.wrapper_flex,
.wrapper_flex>div {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.privacyPanel_actions {
	display: flex;
	justify-content: space-between;
}

.privacyPanel_title {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 600;
}

.privacyPanel_text {
	width: 100%;
	height: 300px;
	padding: 10px;
	margin-bottom: 20px;
	overflow-y: scroll;
}

.banner_mobile
{
	display:none;
}

.banner_desktop
{
	display:block;
}

.webinar
{
	/*background-color:#01215e;*/
	background-image: url("../images/texture_fid.jpg");
	width:100%;
	height:100vh;
	display:flex;
	flex-direction: column;
	align-items: center;
	padding:15px;
	overflow:auto;
	font-size:16px;
	font-family: "DINPro";
}

.webinar_button
{
	-webkit-appearance: none;
color: #fff;
width: 100%;
padding: 10px;
border-radius: 10px;
font-size: 15px;
margin: 10px 0;
border: none;
outline: none;
cursor: pointer;
background-color:#878787;
font-weight: bold;
text-align: center;
}

.webinar_button-2
{
	margin:0;
	grid-column: 1 / -1;
}

.webinar_form
{
	font-family: 'DINPro';
	font-weight: normal;
	font-style: normal;
	width: 360px;
	max-width: 90%;
	box-shadow: 0.0.3px 0 rgba(0, 0, 0, 0.3);
	background: #eeeeee;
	padding: 20px;
	margin: 1% auto 0;
	text-align: center;
	display:flex;
	flex-direction: column;
}

.webinar_form_input input
{
	width:100%;
	margin-bottom:20px;
	border-radius:8px;
	padding:10px;
	border:1px solid #aaa;
}

.webinar_form_title
{
	text-align: center;
	font-family: 'DINPro';
	font-weight: 900;
	font-style: normal;
	margin-bottom: 30px;
	font-size: 19px;
	color: #878787;
}

.webinar_privacy
{
	font-family: 'DINPro';
font-weight: normal;
font-style: normal;
text-align: center;
text-decoration: underline;
}

.webinar_form_label
{
	font-family: 'DINPro';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-align: left;
	float: left;
	color: #878787;
}

.webinar_logo
{
	width:200px;
	/*margin-bottom:20px;*/
}

.webinar_link_button
{
	display:block;
	width:100%;
	max-width:500px;
	background-color:#eee;
	border-radius:10px;
	text-align: center;
	color:#aaa;
	padding:10px;
	font-weight: bold;
	text-decoration: none;
	margin:0 auto;
	flex-shrink: 0;
}

a
{
	text-decoration: none;
}

.webinar_question
{
	display:grid;
	grid-template-columns: auto auto;
	grid-gap:10px;
	background-color:#e6e7e8;
	padding:20px;
	border-radius:10px;
	position:relative;
	width:90%;
	/*min-width: 320px;*/
	max-width:600px;
	margin:0 auto;
	margin-bottom:20px;

}

.webinar_question_label
{
	text-align: right;
}

.webinar_question_message
{
	opacity:0;
	position:absolute;
	right:0px;
	width:150px;
	background-color:#ffd500;
	border-radius:15px;
	padding:10px;
	z-index:999;
	display:none
}

.webinar_question_message-1
{
	animation-name: animation1;
	animation-duration: 5s;
	animation-fill-mode: backwards;
	display:block;
}

@keyframes animation1
{
	0% {
		opacity:0;
	}

	10% {
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

.webinar_question textarea
{
	width:100%;
	height:60px;
	color: #003277;
}

.SendMessagePanel
{
    background-color: #e6e7e8;
    padding: 20px;
    border-radius: 10px;
	position: relative;
	width:90%;
	min-width: 400px;
	max-width: 600px;
	margin: 0 auto;
	margin-bottom: 20px;
	display:flex;
	flex-direction: column;
}



.SendMessagePanel-2
{
	position:fixed;
	right:20px;
	bottom:0px;
}

.SendMessagePanel-3
{
	justify-content: space-around;
	flex-direction: row;
	max-width:300px;
	height:80px;
}

.SendMessagePanel-4
{

}

.SendMessagePanel-5
{
	display:flex !important;
	border-radius: 0;
}

.toolChat #c6_ctl,
.toolChat #c6
{
	height:100%;
	flex-shrink: 1;
}

.SendMessagePanel-5 .SendMessagePanel_messages
{
	height:100%;
}

.SendMessagePanel_textInput
{
	width:100%;
	height:100px;
	padding:10px;
	margin-bottom:10px;
}

.SendMessagePanel_textInput-2
{
	height:auto;
}

.SendMessagePanel_title
{
	font-weight: bold;
	margin-bottom:10px;
}

.SendMessagePanel_messages
{
	height:200px;
	background:white;
	overflow-y:auto;
	padding:5px;
}

.wrapperBlock
{
	display:block !important;
	width:100%;
}

.webinar_boxes
{
	margin-top:20px;
	width:100%;
	display:grid;
	grid-template-columns: repeat(auto-fit, 600px);
	align-items: flex-start;
	justify-content: center;
}

.webinar_boxes-2
{
	grid-template-columns: repeat(auto-fit, 400px);
}

.webinar_video_cont
{
	display:flex;
	width:100%;
	flex-wrap: wrap;
	margin-top:10px;
	justify-content: center;
	flex-shrink: 0;
}

.webinar_video_cont_main
{
	display:flex;
	flex-direction: column;
	align-items: center;
	margin-bottom:20px;
	max-width: 100%;
}

.webinar_video_cont_boxes
{
	display:flex;
	flex-direction: column;
	align-items: center;
	/*flex-grow:1;*/
}

.webinar_video_cont_iframe
{
	position:relative;
	width: 960px;
	max-width: 90%;
	border: 5px solid #ffd500;
	border-radius:10px;
	margin-bottom:10px;
	padding: 5px;
	/*height:540px;*/
	padding-top:50%;
}

.ReactionsEffect
{
	pointer-events: none;
}

.ReactionsEffect_item
{
	animation: bubbleUpAndFade 5s forwards;
	width:40px;
	height:40px;
	position:absolute;
	opacity:0;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	pointer-events: none;
}

.ReactionsEffect_item-2
{
	animation-name: bubbleUpAndFade-2;
}

.reactionImage
{
	width:40px;
	height:40px;
	cursor:pointer;
}

.reactionImage:hover
{

}

.reactionImageClicked
{
	animation: blink 0.5s;
}

@keyframes blink
{
	0%{
		filter:brightness(2) saturate(2);
		transform:scale(1);
	}

	50%{
		transform:scale(2);
	}

	100%{
		filter:brightness(1);
		transform:scale(1);
	}
}

@keyframes bubbleUpAndFade
{
	0%{
		opacity:0;
		bottom:0;
	}

	50%{
		opacity:1;
	}

	100%{
		opacity:0;
		bottom:100%;
	}
}

@keyframes bubbleUpAndFade-2
{
	0%{
		opacity:0;
		bottom:0;
	}

	50%{
		opacity:1;
	}

	100%{
		opacity:0;
		bottom:400px;
	}
}

@media(max-width: 1200px){

	.webinar_video_cont_boxes
	{
		flex-grow:1;
	}

	.SendMessagePanel
	{
		min-width: 0;
		width:100%;
	}

	.webinar_boxes
	{
		grid-template-columns: 1fr;
	}

}

@media(max-width:1023px)
{
	.banner_mobile
	{
		display:block;
	}

	.banner_desktop
	{
		display:none;
	}
}

@media all and (-ms-high-contrast:none)
{
	.webinar_video_cont_iframe
	{
		max-width: 90vw;
		margin-right:20px;
	}
}

.tool
{
	width:100%;
	height:100%;
	overflow:auto;
}


.tool > *,
.tool > * > *,
.tool > * > * > *
{
	width:100%;
	height:100%;
	display:block;
}

.tool .SendMessagePanel_textInput
{
	height:calc(100% - 100px);
}

.tool .SendMessagePanel_textInput-2
{

}

.toolQuestions #c7{
	width:100%;
}

.toolQuestions .SendMessagePanel
{
	display:flex;
	flex-direction: column;
	max-width: 9999px;
	border-radius: 0;
}

.toolChat .SendMessagePanel
{
	max-width: 9999px;
}

.toolQuestions #c7_ctl
{
	height:100%;
}

.toolQuestions #c7
{
	height:100%;
}

.toolWishes .SendMessagePanel
{
	max-width: 9999px;
	border-radius:0;
}

.uploader
{
	width:100%;
	height:100%;
	display:flex;
	flex-direction: column;
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	padding:10px;
	background-color:white;
}

.uploader_img
{
	width: 90%;
	height: 90%;
	object-fit: contain;
}

.uploader_label
{
	font-size:20px;
	font-weight: bold;
	text-align: center;
	margin-bottom:20px;
}

.uploader_button
{
	margin:auto;
}

.RatingView
{
	display:flex;
	flex-direction: column;
	align-items: center;
	width:100%;
	height:100%;
	justify-content: center;
	grid-gap:20px;
}

.RatingView_title
{
	font-size:25px;
}

.RatingView_options
{
	display:flex;
	flex-direction: column;
}

.RatingView_options_item
{
	display:flex;
	align-items: center;
	justify-content: center;
	-webkit-appearance: none;
	width: 100%;
	padding: 10px;
	border-radius: 10px;
	font-size: 15px;
	margin: 10px 0;
	outline: none;
	cursor: pointer;
	font-weight: bold;
	border:2px solid #1aa5de;
	background-color:white;
	color:#1aa5de;
}

.RatingView_options_item:hover
{
	opacity:0.5;
}

.RatingView_options_item_selected
{
	border:2px solid transparent;
	background-color:#1aa5de;
	color: #fff;
}