body {
	margin: 0;
	padding: 0;
	font-family: 'Futura';
	background: #fff;
	color: white;
}

ul, ol, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

a, a:link, a:visited, a:active, a:focus, a:hover {
	text-decoration: none;
}

textarea:hover, 
textarea:active, 
textarea:focus, 
button:focus,
button:active,
button:hover,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
}

.container {
	max-width: 1180px;
}

.wrapper {
	text-align: center;
	padding: 0 0 0;
	background: #fff;
}


.headlogos{
	margin: 0 0 20px 0;
}

.mainIlustr{
	margin: 0 auto
}

.oneMovie{
	margin: 20px 0;
	/*height: 780px;*/
	/*background: white;*/
	/*padding-bottom: 15px;	*/
	color: white;
	background: #639ecf;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.oneMovie img{
	/*border: 1px solid #333;*/
	-/*webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;*/
}
	.oneMovie img:hover{
		opacity: 0.9;
		filter: alpha(opacity=90);
	}

.oneMovie h2{
	font-size: 22px;
	line-height: 23px;
	font-weight: 900;
	height: 85px;
	overflow: hidden;
	text-transform: uppercase;
	padding: 15px 5px 5px 5px;
}

.oneMovie h3{
	font-size: 17px;
	padding-bottom: 10px;
}

.oneMovie h4{
	font-size: 25px;
	line-height: 34px;
	padding-bottom: 8px;
	/*padding-top: 15px;*/
}	
	.oneMovie h4 span{
		font-size: 18px;
		display: block;
	}
	.oneMovie h4 i{
		color: #FFC107;
		font-size: 35px;
	}

.oneMovie .movieGr h4 {
	font-size: 20px;
	margin: 0;
	padding: 0;
}

.oneMovie .movieGr h4 span {
	line-height: 20px;
}

.oneMovie .movieGr {
	height: 70px;
}

.oneMovie .movieGr h4 i {
	font-size: 20px;
}


.oneMovie a.morem{
	font-size: 15px;
	color: white;
	padding-bottom: 12px;
    display: block;
}
	.oneMovie a.morem:hover{
		opacity: 0.9;
		filter: alpha(opacity=90);
	}

.voteOff{
	font-weight: 900;
    color: #deb1b4;
    height: 45px;
}

.movieGr{
	height: 80px;	
}

.bckBtn{
	display: block;
	color: white;
	font-size: 15px;
	text-align: left;
	padding: 20px 0;
}

.movieContent h2{
	font-size: 45px;	
	padding-bottom: 20px;
}

.movieContent, .movieContent .style-text{
	color: #000;
}

ul.movieInfo{
	font-size: 17px;
	margin-bottom: 20px;
}


.voteBtn{
	font-size: 22px;
	margin: 5px 0 20px;
}

.voteBtnHome{
	font-size: 25px;
	margin: 15px 0;
}

.voteBtn:disabled {
	background: #ccc;
	color: #fff;
	opacity: .3;
}

.tajtl {
	margin: 100px 0 50px;
}





.bottom-links {
	padding: 100px 0 50px;
	text-align: center;
}

.bottom-links a {
	display: block;
	font-size: 55px;
	text-transform: uppercase;
	font-weight: 400;
	color: #fff;
}

.bottom-links a:last-child {
	font-size: 22px;
	margin-top: 20px;
}

.kill-margin {
	margin-left: 0;
	margin-right: 0;
}

.kill-padding {
	padding-left: 0;
	padding-right: 0;
}

.allofthem {

}

.img-wrapper {
	position: relative;
}

.overlay-it {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(189,43,54,.9);
	z-index: 1;
	display: none;
}

.img-wrapper.active .overlay-it {
	display: block;
}

.overlay-it button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	padding: 8px 30px;
	background: #000;
	border-color: #000;
}

.overlay-it button:hover {
	background: #222;
	border-color: #222;
}

.question-it {
	opacity: 0;
}

.wrong-it, .success-it {
	display: none;
	transform: scale(0);
}

.alert-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.9);
	z-index: 2;
}

.alert-wrapper .icon-it {
	font-size: 80px;
	line-height: 80px;
	padding: 10px;
	background: #bd352c;
	width: 100px;
	height: 100px;
	border-radius:50%;
	color: #fff;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: -50px;
}

.alert-wrapper.success-it .icon-it {
	background: green;
}

.alert-box {
	max-width: 700px;
	background: #fff;
	border-radius: 30px;
	padding: 30px 30px 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
}

.success-it .alert-box {
	padding: 65px 30px 60px;
}

.alert-it .alert-box {
	padding: 60px 30px 60px;
	/*min-height: 170px;*/
}

.alert-box h2 {
	text-transform: uppercase;
	font-size: 50px;
	line-height: 54px;
	font-weight: 400;
	margin: 0 0 30px;
}

.success-it .alert-box h2 {
	color: green;
}

.wrong-it .alert-box h2 {
	margin: 0 0 10px;
}

a.its-enough {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -80px;
	color: #fff;
	font-size: 14px;
	font-family: Arial, sans-serif;
	text-decoration: underline;
}

.alert-box h3 {
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	color: #bd352c;
}

.alert-box .btn.go-play, .alert-box .btn.go-play-again, .alert-box .btn.go-dont-play {
	background: #bd352c;
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
	border: none;
	padding: 10px 30px;
	font-weight: 700;
	position: absolute;
	bottom: -23px;
	left: 50%;
	transform: translateX(-50%);
}

.alert-box .btn.go-play i, .alert-box .btn.go-play-again i, .alert-box .btn.go-dont-play i {
	font-size: 25px;
	margin: 3px 6px 0 0;
}

.inner-text .btn {
	background: #bd352c;
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
	border: none;
	padding: 10px 30px;
	font-weight: 700;
	margin: 0 0 30px;
}

.inner-text {
	background: rgba(0,0,0,.5);
	padding: 30px;
	max-width: 700px;
	margin: 125px auto;
	color: #fff;
}

.inner-text label {
	color: #fff;
}

.inner-text label a {
	color: #bd352c;
	text-decoration: underline;
}

.inner-text h2 {
	color: #fff;
	margin: 0 0 10px;
}

@font-face {
    font-family: 'Futura';
    src: url('/assets/fonts/Futura.eot');
    src: url('/assets/fonts/Futura.eot') format('embedded-opentype'),
         url('/assets/fonts/Futura.woff2') format('woff2'),
         url('/assets/fonts/Futura.woff') format('woff'),
         url('/assets/fonts/Futura.ttf') format('truetype'),
         url('/assets/fonts/Futura.svg#Futura') format('svg');
         font-weight: 400;
}


@font-face {
    font-family: 'Futura';
    src: url('/assets/fonts/FuturaBold.eot');
    src: url('/assets/fonts/FuturaBold.eot') format('embedded-opentype'),
         url('/assets/fonts/FuturaBold.woff2') format('woff2'),
         url('/assets/fonts/FuturaBold.woff') format('woff'),
         url('/assets/fonts/FuturaBold.ttf') format('truetype'),
         url('/assets/fonts/FuturaBold.svg#FuturaBold') format('svg');
         font-weight: 700;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
    color: black;
}