@font-face {
    font-family: 'BenguiatFrisky';
    src: url(./benguiat-frisky.ttf);
}
@font-face {
    font-family: 'Benguiat bold';
    src: url(./benguiat-frisky-cg-bold-opentype.otf);
}
* {
	box-sizing: border-box;
}
body {
	font-family: BenguiatFrisky;
	padding: 0px;
	margin: 0px;
	min-width: 1280px;
}

 .container{ 
 	width: 1140px;
 	margin: 0 auto;
}
.flex {
	display: flex;

}
/**
*TOPBAR
*/
.topbar { 
	width: 100%;
	height: 50px;
	background-color: #e71c24;
	color: white;
	font-family: Arial;
}	
.topbar .flex { 
	align-items: center;
	height: 100%;
}
.topbar-left {
	flex: 1;

}
.topbar-right {
	flex: 1;
	text-align: right;
}
.topbar-right img {
    vertical-align: middle;
    margin-right: 30px;
}

.header {
	height: 870px;
	
}
.header .container {
	padding-top: 55px;
	background: url(img/kot_felix.jpg) right no-repeat;
	height: 100%;
}
.header .logo {
	flex: 1;
}
.header-right {
    text-align: right;
    padding-right: 15px;
    background: url(img/vertical_line.jpg) right no-repeat;
    align-self: center;
    font-size: 20px;
    padding-top: 25px;
    color: #575756;
    margin-right: 271px;
}

.header-bottom {
	margin-top: 40px;
	padding-left: 85px;
	background: url(img/strzalka_2.jpg) 43px 156px no-repeat;

}
.header-bottom .title {
	color: #dc0613;
	font-size: 44px;
}

.header-bottom .content {
	margin-top: 70px;
	color: #575756;
	font-size: 44px;
	background: url(img/strzalka_1.jpg) 257px 83px no-repeat;
	width: 50%;
    height: 250px;
}
.photos {
	margin-top: 90px;
	align-items: center;
}
.photos .movie-image {
	margin-left: 40px;
}

/**
KONKURS
*/
.competition {
	height: 1045px;
	width: 100%;
	background-color: rgb(239, 240, 240);
}
.competition .content {
	background: url(img/kartki.png) center center no-repeat;
	height: 100%;
	position: relative;
	color: #575756;
}
.competition .content .title {
	width: 329px;
    height: 103px;
    background: url(img/zakreslenie.png) center center no-repeat;
    position: absolute;
    top: 162px;
    left: 418px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: #2c3080;
}
.competition .content .left {
    position: absolute;
    top: 410px;
    font-size: 26px;
    left: 104px;
    width: 410px;
}
.competition .content  .section-header {
	padding-left: 20px;
}
.competition .content .points {
    padding-left: 65px;
    margin-top: 20px;
    font-size: 24px;
}
.competition .content .left .points {
	background: url(img/lapki.png) left top no-repeat;
}
.competition .content .points .point{
    padding-bottom: 21px;
    line-height: 1.2em;
}
.competition .content .left .points .point .email{
    color: #2c3080;
    background: url(img/podkreslenie.png) center 30px no-repeat;
    padding-bottom: 8px;
}

.competition .content .right {
    position: absolute;
    top: 356px;
    font-size: 26px;
    left: 651px;
    width: 410px;
}
.competition .content .right .points {
	background: url(img/lapki_czerwone.png) left top no-repeat;

}
.competition .content .regulation {
    background: url(img/strzalka_3.png) left top no-repeat;
    position: absolute;
    top: 766px;
    height: 175px;
    padding-top: 180px;
}
.competition .content .regulation a {
	color: #575756;
	text-decoration: none;
	cursor: pointer;
}

.footer {
	/*background: url(img/kot_footer.png)  no-repeat;*/
	position: relative;
	min-height: 800px;
	margin-bottom: 50px;	
}
.footer .footer-container {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	height: 100%;
}
.footer .footer-container .container {
	position: relative;
}

.footer .kot-footer {
	width: 100%;
	margin-top: 116px;
}
.footer .footer-text {
	font-size: 40px;
    position: absolute;
    top: 185px;
    left: 500px;
    background: url(img/checkbox_footer.png) right center no-repeat;
    width: 330px;
    height: 134px;
    display: flex;
    align-items: center;
    color: #dc0613;
}

.footer  .title {
    background: url(img/podkreslenie_footer.png) center 35px no-repeat;
    display: flex;
    justify-content: center;
    font-size: 30px;
    color: #2c3080;
    height: 47px;
    margin-top: 60px;
}

.footer .content .authors {
	position: relative;
}

.footer .content .authors .next {
	position: absolute;
	top: 50%;
	right: -60px;
	cursor: pointer;
}

.footer .content .authors .previous {
	position: absolute;
	top: 50%;
	left: -60px;
	cursor: pointer;
}
.footer .content .author, .footer .content .place {
	color: #575756;
	font-size: 34px;
	text-align: center;
}
.footer .content .author {
	margin-bottom: 40px;
}
.footer .content .place {
	margin-top: 50px;
}
.footer .media img, .footer .media video {
	width: 100%;
}
.footer .media {
	position: relative;
}
.play-icon {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	z-index: 6666;
	color: rgba(3,8,104,0.5);
	justify-content: center;
	cursor: pointer;
}