@charset "utf-8";
/* CSS Document */

body
{
	background-color: #C72A22;
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	color: #FFF;
	text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.39);
	
}

img
{  border-style: none;
}

a, a:active, a:visited 
{
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
}

a:hover 
{
	color:#999;
}

/*
*
* HEADER & STICKY
*
*/

.header
{
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-attachment: scroll;
	min-height: 600px;
	padding-top: 465px;
	width: 100%;
	text-align:center;
}

.bottom-header
{
	/*height:246px;*/
	background-image: url(images/header-bottom.png);
	background-repeat: repeat-x;
	margin-top: 55px;
}

.lang-btn
{
	position:  absolute;
	top: 20px;
	left: 20px;
}

.btn-contest
{
	cursor: pointer;
}

.contest
{
	background-color: #C72A22;
	min-height: 150px;
}

.contest-box
{
	background-image: url(contest/arrow.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	
	width: 750px;
	margin: auto;
	margin-bottom: 15px;
	
	text-align: left;
	
	padding: 10px;
	padding-left: 45px;
	
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-size: 22px;
		
}


.contest-box-details
{
	background-color: #8c1e18;	
	
	
	width: 750px;
	margin: auto;
	margin-bottom: 15px;
	
	text-align: center;
	
	padding: 10px;
	
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	text-shadow: none;
	
	font-size: 20px;
	
		
}

.contest-img
{
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    transform: rotate(5deg);
	
	margin:20px;
	margin-bottom: 30px;
	
	border: 7px solid #FFF;
	
	
	width: 248px;
	height: 175px;
	display: inline-block;
	position: relative;
	top: 10px;
	
}

.contest-img-rotate
{
	-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);	
}

.footer
{
	background-color:#8B1D17;
	height: 50px;
	width: 100%;
	text-align:center;
	padding-top:15px;
	font-size: 22px;
}

.header-sticky
{
	width: 100%;
	background-color:#6A0E0E;
	background-color: rgba(0, 0, 0, 0.3);
	height:40px;
	z-index:995;
}

.social-button-holder
{	
	width:93px;
	height:120px;
	margin-top:10px;
	margin-left:10px;
	float:right;
	cursor:pointer;
}

.social-button
{
	background-image: url(images/back-social-button.png);
	background-repeat: no-repeat;
	width:93px;
	height:120px;
	z-index:999;
}

.mini-logo
{
	background-image: url(images/Logo-Mini.png);
	background-repeat: no-repeat;
	width: 192px;
	height: 117px;
	margin-top:10px;
	z-index: 999;
	float:left;
	cursor:pointer;
}

/*
*
* CONTENT & BACKGROUND
*
*/


.content-box, .background-box
{
	width: 100%;	
	margin: 0;
	padding: 0;	
}

.background-box
{
	height: 500px;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
}

.content-box-shadow
{
	-webkit-box-shadow: 0 0 30px 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 30px 10px rgba(0,0,0,0.5);
	z-index:990;
}

.content-text, .content-text-right
{
	/*width:900px;*/
	float:left;
	
	margin:3%;
	margin-right:10%;
	padding-top:0px;
	padding-left: auto;
	padding-right: auto;
	width:30%;
	
}

.content-text
{
	/*width:900px;*/
	float:left;	
	margin-left:10%;
	margin-right:0%;
	
}

.content-text-right
{
	float:right;
	/*padding-left: 40%;*/
	/*margin-left:700px;*/
}

.content-image, .content-image-left
{	
	/*margin-bottom:50px;*/
	width:50%;
	margin-left:5%;
	margin-right:5%;
	margin-top:-50px;
}

.content-image
{		
	float:right;
	margin-left:0px;
}

.content-image-left
{
	float:left;
	margin-right:0px;
}

.content-image img, .content-image-left img
{
	max-width: 100%;
}

.content-text-title
{
	font-weight:bold;
	font-size: 54px;
	padding-bottom:20px;
	
}

.next-part
{
	background-color: #a6211a;
	height: 35px; 
	
	background-image: url(images/arrow-down.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
		/*
	-webkit-box-shadow: 0 10px 30px 10px rgba(0,0,0,0.5);
	box-shadow: 0 10px 30px 10px rgba(0,0,0,0.5);*/
	z-index:991;
}

/*
*
* ANIMAL HEADS
*
*/

.heads-container
{
	width:880px;
	margin:auto;
}

.animal-head
{
	width:200px;
	height:200px;
	margin:10px;
	border-radius:100px;
	text-align:center;
	background:#ff4d4d;
	float:left;
}

.animal-head-image, .animal-head-image-b
{
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
}

#follower{
  position : absolute;
  width: 118px;
  height: 61px;  
	background-image: url(images/copDroneMini.png);
	opacity: 0;
}

.content-box-heads
{	
	background-image: url(images/back-heads.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*
*
* BACKGROUND SCREENS
*
*/

.screens
{
	background-position: center center;
	width: 100%;
}

.screen1
{
	background-image: url(images/Screen1.jpg);
}

.screen2
{
	background-image: url(images/Screen2.jpg);
}
.screen3
{
	background-image: url(images/Screen3.jpg);
}
.screen4
{
	background-image: url(images/Screen4.jpg);
}
.screen5
{
	background-image: url(images/Screen5.jpg);
}
.screen6
{
	background-image: url(images/Screen6.jpg);
}
.screen7
{
	background-image: url(images/Screen7.jpg);
}
.screen8
{
	background-image: url(images/Screen8.jpg);
}
.screen9
{
	background-image: url(images/Screen9.jpg);
}