body{
	font-family: 'Lato', sans-serif;
	margin: 0px;
	padding: 0px;
    display: grid;
    background: #e5f7f6;
	grid-template-areas: 	"nav"
							"ban"
							"inf"
							"gen"
							"reg"
							"con"
							"roa"
							"add"
							"foo";
}
h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
}
#nav{
	background:white;
	text-align: center;
	width: 100%;
	z-index: 9999;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#banner{
	display: flex;
	align-items:center;
	justify-content: center;
	grid-area: ban;
	background:url('../img/banner.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.75);
	height: calc(100vh - 212px);
	color:white;
}

#info{
	grid-area: inf;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,239,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,239,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(204,239,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccefee',GradientType=0 );
}
#registration{
	grid-area: reg;
	background:#00a9a3;	
}

#conference{
	grid-area: con;
	background:url('../img/banner2.png');
	background-repeat: no-repeat;
	min-height: 400px;
	background-position-x: 100%;
}

#road{
	grid-area: roa;
}

#address{
	grid-area: add;
	background: #003051;
}

#footer{
	grid-area: foo;
}

.logo{
	width:300px;
	margin:26px;
}
.container{
	max-width: 1000px;
	margin:0 auto;
	text-align: center;
}
.menu{
    padding:26px 0 14px 0;
    display: flex;
}
.menu ul {
	display: flex;
	flex-direction:row;
	justify-content: space-around;
	list-style-type: none;
	margin: 0;
    padding: 0;
    width: 100%;
}
.menu ul li a{
    padding-bottom:10px;
}
.menu ul li a.active{
    border-bottom:2px solid #012d4e;
}
.page{
    display: none;
}
.page.active{
    display: block;
}
.container .error{
    background: #c10101;
    font-size: 20px;
    padding: 25px;
    color: #fff;
    margin-top:50px;
}
.content-page{
    
}
.content-page h2{
    color:#012d4e;
    font-size: 50px;
    padding: 20px 0 25px 0;
    width: 100%;
    text-align: center;
}
.sesja-plakatowa-page{
    padding: 0 80px 0 80px;
}
.wrap-boxes-plakaty{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin:0 auto;
    justify-content: center;
}
.wrap-boxes-plakaty .box{
    max-width: 450px;
}
.wrap-boxes-plakaty .box-plakat-1{
	margin-right: 20px;
}
.wrap-boxes-plakaty .box-plakat-2{
	margin-left: 20px;
}
@media (max-width: 768px) {
	.wrap-boxes-plakaty .box-plakat-1{
		margin-right: 0;
	}
	.wrap-boxes-plakaty .box-plakat-2{
		margin-left: 0;
	}
}
.wrap-boxes-plakaty .box h3{
    display: flex;
    flex-direction: column;
    font-size: 30px;
    width: 100%;
    margin: 20px 0 20px 0;
    text-align: center;
    color: #012d4e;
}
.wrap-boxes-plakaty .box .desc{
    color: #012d4e;
}
.wrap-boxes-plakaty .box img{
    width: 100%;
}
a{
	display: block;
	text-decoration: none;
	font-size:18px;
	color:#012d4e;
	font-family: 'Lato',sans-serif;
	font-weight: 700;
}

.title1{
	font-weight: 900;
	font-size:44px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
.title2{
	font-weight: 500;
	font-size:44px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
.box-title{
	background: white;
	font-family: 'Lato',sans-serif;
	font-weight: 900;
	font-size:28px;
	padding: 10px 24px;
	margin: 0 auto;
	margin-top:36px;
	color: black;
	width:540px;
	color: #00aaa4;
	border-radius:30px;
}
@media (max-width: 768px) {
    #banner{
        height: 310px;
    }
    .title1{
        font-size:30px;
    }
    .title2{
        font-size:30px;
    }
    .box-title{
        width: auto;
        font-size:25px;
    }
    .content-page h2{
        font-size: 40px;
    }
    .wrap-boxes-plakaty{
        justify-content: center;
    }
    .wrap-boxes-plakaty .box{
        width:100%;
        margin-bottom: 30px;
    }
  }
/* li {
	float: left;
} */




#info .container{
	/* background: white; */
	margin-top:-200px;
}
#info-box{
	position: absolute;
	border-radius:30px 30px 0 0;
	background: white;
	width: 1000px;
	height: 200px;
	-webkit-box-shadow: 0px -2px 6px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -2px 6px -2px rgba(0,0,0,0.75);
	box-shadow: 0px -2px 6px -2px rgba(0,0,0,0.75);
}
#info .container .content{
	position: relative;
	z-index: inherit;
	color:#012d4e;
	font-size:24px;
}
#info .container .content h3{
	font-size:24px;
	padding: 70px 0 50px 0;
	font-weight: 700;
	font-style: italic;
}
#info .container .content h4{
	font-size:24px;
	padding: 50px 0 70px 0;
	font-weight: 900;
	font-style: italic;
}
#info .container .content h2{
	font-size:36px;
	font-weight: 500;
	text-transform: uppercase;
	padding-bottom: 70px;
}
#info .container .content ul {
	list-style-type: none;
	margin: 0; /* To remove default bottom margin */ 
    padding: 0; /* To remove default left padding */
}
.list .title{
	display: block;
	font-weight: 700;
}
.list .desc{
	display: block;
}
.list .dot{
	display: block;
	width: 10px;
	height: 10px;
	background: #00a9a3;
	border-radius: 50%;
	margin:20px auto;
}
#info .container .content .photos{
	display: flex;
	width:100%;
	justify-content:space-around;
	margin-bottom:30px;
}

#info .container .content .photos .doctor{
	width:50%;
}
#info .container .content .photos .doctor img,
#info .container .content .photos .doctor span{
	display: block;
	text-align: center;
	margin:20px auto;
}

#info .container .content .photos .doctor img{
	border:5px solid white;
	border-radius:30px;
	width: 230px;
	height: 230px;
}
#info .container .content .photos .doctor span:first-child{
	font-size: 24px;
	font-weight: 700;
}
#info .container .content .photos .doctor span:last-child{
	font-size: 14px;
	font-weight: 500;
}

#general .container .content h2{
	font-size:36px;
	font-weight: 500;
	text-transform: uppercase;
	padding-top: 50px;
	padding-bottom: 100px;
	color:#012d4e;
}

#general .container .content .box{
	display: flex;
	width:100%;
	justify-content:space-around;
	border-bottom: 3px solid #00a9a3;
	margin-bottom: 60px;
	text-align: left;
	font-size:24px;
	color:#012d4e;
}
#general .container .content .box div:first-child{
	width:60%;
}
#general .container .content .box div:first-child p{
	margin: 0;
	margin-bottom:20px;
}

#general .container .content .box div:first-child .place{
	background: #00a9a3;
	color:white;
	padding: 5px 25px;
	border-radius:20px;
	width:100px;
	margin-bottom:20px;
	margin-top:30px;
	text-align: center;
}

#general .container .content .box div:first-child span{
	display: block;
	font-weight: 700;
	margin-bottom:20px;
}

#general .container .content .box div:last-child{
	width:calc(40% - 20px);
	padding-left:20px;
}
#general .container .content .box div:last-child span{
	font-weight: 900;
	margin-bottom:20px;
}
#general .container .content .box div:last-child span:last-child{
	margin-top:60px;
}
#general .box-infama{
	color:#012d4e;
	border-bottom: 3px solid #00a9a3;
	margin-bottom: 60px;
	padding-bottom: 60px;
	padding-top: 30px;
}
#general .box-infama span{
	display: block;
	font-size:22px;
	margin-bottom: 20px;
	font-weight: 700;
}
#general .box-infama a.link-download{
	display: block;
	background: #e0f5f4;
	border:1px solid #00a9a3;
	border-radius: 40px;
	padding:10px;
	color:#012d4e;
	width: 300px;
	margin:20px auto;
}
#general .box-infama a.link-download-program{
	display: inline-block;
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: 700;
}
#general .box-partners{
	color:#012d4e;
	margin-bottom: 300px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#general .box-partners span{
	display: block;
	font-size:22px;
	margin-bottom: 20px;
	font-weight: 700;
}

#registration .container{
	padding: 74px 0;
}
#registration .container a{
	display: inherit;
	background: white;
	padding:17px 80px;
	width: 250px;
	font-size: 24px;
	border-radius: 40px;
	margin:0 auto;
}

#road .container .content h2{
	font-size:36px;
	font-weight: 500;
	text-transform: uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
	color:#012d4e;
}

#road .map{
	display: block;
	width:100%;
	height: 600px;
}

#road .map iframe{
	width: 100%;
	height: 600px;
}

#address span{
	display: block;
	color:white;
	font-size:18px;
	padding-top:50px;
}
#address a{
	display: inherit;
	/* background: white; */
	padding:17px 80px;
	width: 250px;
	font-size: 18px;
	border-radius: 40px;
	margin:0 auto;
	color:white;
	border:1px solid white;
	margin:30px auto 50px;
}
#footer .container{
	display: flex;
	justify-content: center;
	padding:20px 0;
	font-size: 16px;
	color:#000000;
}
.one{
	width:33.33%;
	min-height: 140px;
}

.two{
	width:33.33%;
	min-height: 140px;
	border-left:3px solid #002f51;
}

.three{
	width:33.33%;
	min-height: 140px;
	border-left:3px solid #002f51;
}
.top{
	display:flex;
	align-items:center;
	justify-content: center;
}
.bottom{
	display:flex;
	align-items:center;
	justify-content: center;
}

.one div,.two div,.three div{
	min-height: 70px;
	margin:10px;
}

#conference .container p{
	text-align:left;
	font-size: 22px;
	color:#012d4e;
}

#conference .container{
	text-align:left;
	font-size: 22px;
	color:#012d4e;
	margin: 60px auto;
}

.box2{
	color:#012d4e;
	border-bottom: 3px solid #00a9a3;
	margin-bottom: 60px;
	padding-bottom: 60px;
	font-size: 22px;
}

.sm-box{
	display: block;
	width:60%;
	margin:0 auto;
	text-align: left;
	margin-bottom: 30px;
	padding-top: 30px;
}

.xs-box{
	display: block;
	width:40%;
	margin:0 auto;
	text-align: left;
}

.wrap-transmisja-online{
	display: flex;
	width: 100%;
}
.wrap-transmisja-online > * {
	flex: 0 500px;
}
.wrap-transmisja-online .wrap-chatwee-widget{
	margin-top:105px;
	padding: 0 60px 0 30px;
}
.wrap-transmisja-online #chatwee-widget{
	width: 500px;
	height: 650px;
}

.video-container{
	flex-grow: 1;
	padding: 0 30px 0 60px;
}
.video-foreground{
	width:100%;
    height:710px;
    overflow:hidden;
    position:relative;
}
.video-container iframe{
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 710px;
}
@media (max-width: 1600px) {
	.video-foreground{
		width:100%;
		height:560px;
		overflow:hidden;
		position:relative;
	}
	.video-container iframe{
		position: absolute;
		top: -60px;
		left: 0;
		width: 100%;
		height: 560px;
	}
	.wrap-transmisja-online #chatwee-widget{
		width: 500px;
		height: 500px;
	}
	.wrap-transmisja-online .wrap-chatwee-widget {
		margin-top: 105px;
		padding: 0 60px 0 30px;
	}

}
@media (max-width: 1000px) {
	.video-container{
		flex-grow: 1;
		padding: 0 30px 0 30px;
	}
	.wrap-transmisja-online{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.wrap-transmisja-online .wrap-chatwee-widget {
		width: 100%;
		margin-top: 20px;
		text-align: center;
		padding:0;
	}
	.wrap-transmisja-online #chatwee-widget{
		width: 500px;
		height: 500px;
		margin: 0 auto;
		padding:0;
	}
}

#chatwee-widget{
    display:block;
}
.chch-compactOnlineLayoutSidebar{
	display: none;
}
.chch-embeddedGroupChatContainer{
	width: 500px !important;
}
.chch-stackedGroupChatPanel{
	width: 500px !important;
	background: #fff !important;
}
.wrap-map-sponsors{
	display: flex;
	background: #fff;
	padding: 40px;
	border-radius: 15px;
}
.wrap-map-sponsors ul{
	list-style: none;
	padding:0;
	margin:0;
	min-width: 260px;
}
.wrap-map-sponsors ul li{
	background: #67c3a7;
	margin-bottom: 15px;
	padding: 10px 15px 10px 15px;
	border-radius: 15px;
	color:#fff;
	font-weight: bold;
	font-size: 17px;
}
.wrap-map-sponsors ul li.active{
	background: #003151;
}
.wrap-map-sponsors .wrap-map a{
	display: inline-block;
	border:1px solid #8e8c8c;
}
.wrap-map-sponsors .map{
	width: 100%;
}