@charset "utf-8";
html,body{height: 100%;}


.ramkRed{ 
    display: flex; justify-content: center; align-items: center;
    background: rgba(255,255,255,1.00);
}

body{background: rgba(33, 106, 77, 1); background-image:url(../inne/orzel_menuboczne.png); background-size: contain; background-position: right bottom; background-repeat: no-repeat;    margin: 0px; padding:0px; font-size: 14px;  font-family: 'robotoregular'; color: rgba(0,0,0,1.00); overflow: hidden; }
body>header{position: absolute;  top: 0px; right: 0px; display: flex; justify-content: center; align-items: center; padding:30px 30px 0 0; z-index: 5;}
body>header img{height: 90px;} 
body>main, body>form{height: 100%; margin-top:0px; display: flex;  justify-content: flex-start; align-items: flex-start; width:40%;}

.ball{height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto 0 0; background: rgba(255,255,255,1.00);}
.ball>*{max-width:350px; width: 90%; height: 300px;   display: flex; justify-content: center; align-items: flex-start; flex-direction: column;  border: 3px solid rgba(255,255,255,1.00); }
.ball>*>h3{margin: 0 0 20px 0; font-size: 2.2em;  line-height: 1.3em;  color:rgba(33, 106, 77, 1);  font-weight: normal;}
.ball>*>h4{margin: 0 0 15px 0; font-size: 1.3em;  line-height: 1.4em;  color:rgba(255,255,255,0.5);  font-family: 'robotolight';}
.ball>*>section{width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
.ball>*>section>div{display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 10px; width: 100%;}
.ball>*>section>div>span{font-family: 'robotolight'; font-size: 0.8em;}
.ball>*>section>div>div{width: 100%;}
.ball>*>section>div>div>input{background: rgba(255,255,255,1.00); border:1px solid rgba(214, 214, 214, 1); border-radius:4px; padding: 8px; width:calc(100% - 18px)}
.ball>*>section>span{padding-top: 10px; display: block; width: 100%;}
.ball>*>section>span>*{ padding:12px 25px !important; background:rgba(200, 176, 114, 1); color: rgba(255,255,255,1.00);  border-radius:4px; border: none; cursor: pointer; transition: 0.5s; margin-right: 10px; text-decoration: none;}
.ball>*>section>span>*:hover{ background:rgba(33, 106, 77, 1);}
.ball>*>section>aside{text-transform: none; padding: 20px; margin-bottom: 20px; font-size: 0.9em; background: rgba(244, 244, 244, 1); border-radius: 4px;}
.ball>*>section>nav{margin-top: 40px; text-align: left;}
.ball>*>section>nav>*{border: 2px solid rgb(255,255,255); padding: 8px 10px; border-radius: 25px; color:rgb(255,255,255); text-decoration: none; font-size: 0.8em; cursor: pointer;}

.ball.small{ justify-content: flex-end; width: 250px; }
.ball.small>*{ border: 3px solid rgba(255,255,255,1.00); width: 280px;  background: rgb(185,37,113); margin: 0px; max-width: 100%;   }
.ball.small>*>h3{margin: 0 0 5px 0; font-size: 1.7em; line-height: 1.3em; color:rgb(255,255,255);  font-family: 'robotobold';  }
.ball.small>*>h4{margin: 0 0 15px 0; font-size: 1em; line-height: 1.4em;  color:rgb(255,255,255);  font-family: 'robotolight';}
.ball.small>*>section>nav>*{border: 2px solid rgb(255,255,255); padding: 8px 10px; border-radius: 25px; color:rgb(255,255,255); text-decoration: none; font-size: 0.8em; pointer-events: all;  }

.panels_ch{display: flex; flex-direction: column; align-items: center; overflow: auto; background: rgba(255,255,255,1.00);}
.panels_ch>div{background:rgba(33, 106, 77, 1); color: rgba(255,255,255,1.00); padding: 20px 30px ; margin-top: 20px; border-radius:4px; width: 50%; min-width: 200px; max-width: 500px; margin-bottom: 30px;}
.panels_ch>nav{padding: 0px ;  width: 50%; min-width: 260px; max-width: 560px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.panels_ch>nav>*{width: calc(50% - 40px); padding:0 15px 15px 15px; border-radius:4px; background:rgba(234, 234, 234, 1); margin-bottom:20px; text-decoration: none; transition: 0.5s; color: rgb(0,0,0); border: 2px solid rgba(255, 255, 255, 1)}
.panels_ch>nav>*:hover{background:rgba(33, 106, 77, 1); color: rgba(255,255,255,1.00);}
.panels_ch>nav>*>i{display: inline-flex; padding:15px; border-radius: 0 0 4px 4px; background:rgba(255, 255, 255, 1); color:rgba(53, 52, 62, 1); font-size:1.5em;}
.panels_ch>nav>*>div>h3{margin:15px 0 5px 0; font-size: 1.1em; color:rgba(71, 179, 156, 1); transition: 0.5s;}
.panels_ch>nav>*:hover>div>h3{color:rgb(255,255,255) !important; }
.panels_ch>nav>*>div>div{ font-size:0.9em;  margin-bottom: 10px;}

main>aside{position: fixed; z-index: 3; left: 0px; bottom: 0px !important; width: 100%;}
.komunikat{padding: 20px; color:rgba(255,255,255,1.00) !important; background:rgb(250 25 25) !important;  margin-bottom: 0px !important; width: calc(100% - 40px) !important;  border-radius:0; text-align: center;  }
.komunikat p{padding:0px; margin: 0px;  }

body>footer{text-align: center; padding: 10px;display: none;}
body>footer img{height: 80px; background: #FFFFFF; padding: 10px; max-width: 95%;}  

.kom_przegladarka{ width:calc(100% - 40px); padding: 20px;  background: rgba(255,255,255,0.91); justify-content: center; align-items: center;position: fixed; z-index: 100; left: 0px; bottom: 0px; text-align: center; font-weight: bold; font-size: 0.8em; display: none;} 



.port_ch{height: 100%;  margin-top: 0px;  display: flex; justify-content: center; align-items:center; width: 40%; background: rgba(255,255,255,1.00); flex-direction: column; }
.port_ch>*{margin:0px 20px; padding:30px 30px; text-decoration: none; color: rgba(40,40,40,1.00); transition: 0.5s; width: calc(90% - 100px)}
.port_ch>*:hover{background: rgba(244, 244, 244, 1)}
.port_ch>*>i{font-size: 3em; color: rgba(33, 106, 77, 1); }


.btn_film{margin-top: 2rem;}
.btn_film a{text-decoration: none;transition:0.5s;color: black; opacity: 0.5}
.btn_film a:hover{ opacity: 1;text-decoration: underline;}

.main_logowanie_film{width: 100%}
.logowanie_film{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;width: 100%;}
.logowanie_film>*{margin: 2rem; text-align: center;}
.logowanie_film>a{color: white;display: inline-block;padding: 0.5rem 1rem; border: 1px solid white; margin-bottom: 0rem;}
.logowanie_film video{max-width: 90%;margin-left: auto;margin-right: auto;max-height: 100%}

@media screen and (max-width:1400px){
	body>main{width:50%;}
	
}
@media screen and (max-width:1150px) and (orientation: landscape) {
	.port_ch>*>div{display: none;}
	body>header img {height: 30px !important;}
	
	.logowanie_film>article {height: calc(100% - 100px)}
}

@media screen and (max-width:600px)  {
	body>header img{height:60px;}
	body>main, .panels_ch{width:100%; height: calc(85% - 150px); overflow-y: auto; margin-top: 150px; min-height: 300px;}
	.port_ch{flex-direction: row; justify-content: center; width:100%; height:200px; overflow-y: auto; margin-top: 300px; margin-bottom: 20px; min-height: 100px; padding-top: 20px; }
	.port_ch>*{width:calc(40% - 80px)}
	.port_ch>*:first-child{border-right: 1px solid rgba(240, 240, 240, 1);}
	.port_ch>*:last-child{margin-right: 0px;}
	.port_ch>*>div{display: none;}
	
}