body{
	margin:0;
	font-family: 'Open Sans', sans-serif;
}

.hOne{
	font-size:50px;
	font-weight:bold;
}

.hTwo{
	font-size:30px;
	font-weight:bold;

}

.hThree{
	font-size:20px;
	font-weight:bold;
}

.mainWrapper{
}

.sectionOne{
	width:100%;
	height:758px;
	background:url(images/main-bg.jpg) no-repeat center;
    background-size: cover;
}

.wrapper{
	max-width:1100px;
	margin:auto;
}

header{
	padding:30px 0;
}

nav{
	overflow:hidden;
}

nav .mainLogo{
	float:left;
}

.menu{
	display:none;
}

nav .navigation{
	float:right;
	margin:89px 0 0 0;
}

nav .navigation a{
	padding: 0 0 2px 0;
	margin:0 30px 0 0;
	width:120px;
	border-bottom:#fff solid 2px;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	float:left;
	font-weight:600;
}

nav .navigation a:hover{
	color:#b6d701;
	border-bottom-color:#b6d701;
}

nav .navigation .activeNav{
	color:#b6d701;
	border-bottom-color:#b6d701;
}

.sectionOne .mainTitle{
	color:#fff;
	text-transform:uppercase;
	padding:50px 0 0 0;
}

.sectionOne .mainTitle button{
	padding:12px 30px;	
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
}

.sectionOne .mainTitle button:hover{
	color:#000;
	background-color:#b6d701;
}


/*----------------------------------------*/



.sectionTwo{
	width:100%;
	background-color:#333;
	overflow:hidden;
	padding:50px 0;
	color:#fff;
	position:relative;
}

.sectionTwo .wrapper .left{
	float:left;
	max-width:500px;
}

.sectionTwo .wrapper .left p{
	line-height:170%;
}

.sectionTwo .wrapper .left button{
	padding:12px 30px;	
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
}

.sectionTwo .wrapper .left button:hover{
	color:#000;
	background-color:#b6d701;
}

.sectionTwo .wrapper .right{
	float:left;
	max-width:500px;
	margin:0 0 0 150px;
}

.sectionTwo .wrapper .right ul li{
	padding:10px;
	border-bottom:solid 1px #fff;
	width:350px;
}

.sectionTwo .wrapper .right button{
	padding:12px 30px;	
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
}

.sectionTwo .wrapper .right button:hover{
	color:#000;
	background-color:#b6d701;
}


/*----------------------------------------*/


.sectionThree{
	width:100%;
	overflow:hidden;
	position:relative;
}

.sectionThree .left{
	background:url(images/bg-2.jpg)  no-repeat right;
	width:50%;
	height:360px;
	float:left;
}

.sectionThree .right{
	background:url(images/bg-3.jpg)  no-repeat left;
	width:50%;
	height:360px;
	float:left;
}

.sectionThree .left button{
	padding:12px 30px;	
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
	position:absolute;
	bottom:0;
	background-color:#333;
	color:#fff;
}

.sectionThree .left button:hover{
	color:#000;
	background-color:#b6d701;
}

.sectionThree .right button{
	padding:12px 30px;	
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
	position:absolute;
	bottom:0;
	background-color:#333;
	color:#fff;
}

.sectionThree .right button:hover{
	color:#000;
	background-color:#b6d701;
}


/*----------------------------------------*/


footer{
	background-color:#666;
	border-top:solid 1px #fff;
	padding:30px 0;
	height:80px;
}

footer .footerLogo{
	float:left;
}

footer .wrapper .socialLinks{
    float:right;
	margin:20px 0 0 0;
}

footer .wrapper .socialLinks a{
    filter: invert(30%);
}

footer .wrapper .socialLinks a:hover{
    filter: invert(100%);
}


/*----------------------------------------*/

/*

Developed by: U.s.a.m.a.B.a.i.g;

*/


.sectionFour{
	width:100%;
	height:758px;
	background:url(images/games-bg.jpg) no-repeat center;
    background-size: cover;
}

.sectionFour .mainTitle{
	color:#fff;
	text-transform:uppercase;
	padding:50px 0 0 0;
}

.sectionFour .mainTitle button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
}

.sectionFour .mainTitle button:hover{
	color:#fff;
	background-color:#b6d701;
}

.sectionFour .mainTitleGames{
    float:right;
	margin:20px 0 0 0;
	color: #fff;
	max-width:440px;
	padding:40px 40px;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, transparent 100%);
}

.sectionFour .mainTitleGames button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
	background-color:#333;
	color:#fff;
}

.sectionFour .mainTitleGames button:hover{
	color:#000;
	background-color:#b6d701;
}


/*----------------------------------------*/




.sectionFive{
	width:100%;
	height:758px;
	background:url(images/nfs-payback.jpg) no-repeat center;
    background-size: cover;
}

.sectionFive .mainTitle{
	color:#fff;
	text-transform:uppercase;
	padding:50px 0 0 0;
}

.sectionFive .mainTitle button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
}

.sectionFive .mainTitle button:hover{
	color:#000;
	background-color:#b6d701;
}

.sectionFive .mainTitleGames{
    float:left;
	margin:100px 0 0 0;
	color: #fff;
	max-width:440px;
	padding:40px 40px;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, transparent 100%);
}

.sectionFive .mainTitleGames button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
	background-color:#333;
	color:#fff;
}

.sectionFive .mainTitleGames button:hover{
	color:#000;
	background-color:#b6d701;
}


/*----------------------------------------*/



.sectionSix{
	width:100%;
	height:758px;
	background:url(images/nfs-payback.jpg) no-repeat center;
    background-size: cover;
}

.sectionSix .mainTitle{
	color:#fff;
	text-transform:uppercase;
	padding:50px 0 0 0;
}

.sectionSix .mainTitle button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
}

.sectionSix .mainTitle button:hover{
	color:#fff;
	background-color:#b6d701;
}

.sectionSix .mainTitleGames{
    float:right;
	margin:100px 0 0 0;
	color: #fff;
	max-width:440px;
	padding:40px 40px;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, transparent 100%);
}

.sectionSix .mainTitleGames button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
	background-color:#333;
	color:#fff;
}

.sectionSix .mainTitleGames button:hover{
	color:#fff;
	background-color:#b6d701;
}


/*----------------------------------------*/



.sectionSeven{
	width:100%;
	height:758px;
	background:url(images/bg-4.jpg) no-repeat center;
    background-size: cover;
}

.sectionSeven .mainTitle{
	color:#fff;
	text-transform:uppercase;
	padding:50px 0 0 0;
}

.sectionSeven .mainTitle button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
}

.sectionSeven .mainTitle button:hover{
	color:#fff;
	background-color:#b6d701;
}

.sectionSeven .mainTitleGames{
    float:left;
	margin:20px 0 0 0;
	color: #fff;
	max-width:440px;
	padding:40px 40px;
	background-color: rgba(0, 0, 0, 0.5);
}

.sectionSeven .mainTitleGames button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
	background-color:#333;
	color:#fff;
}

.sectionSeven .mainTitleGames button:hover{
	color:#fff;
	background-color:#b6d701;
}

.aboutHeading{
	position: relative;
	max-width: 490px;
	padding: 10px 20px 10px 10px;
	position: relative;
	color: #000;
	background: #b6d701;
	z-index:1;
}

.aboutHeading:after{
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: #b6d701;
	transform-origin: bottom left;
	-ms-transform: skew(-50deg, 0deg);
	-webkit-transform: skew(-50deg, 0deg);
	transform: skew(-30deg, 0deg);
}


/*----------------------------------------*/
/*
Credits{
	De.s.i.g.n.e.d b.y: U.s.a.m.a.B.a.i.g;
}*/

.sectionEight{
	width:100%;
	height:758px;
	background:url(images/team.jpg) no-repeat center;
    background-size: cover;
}

.sectionEight .mainTitle{
	color:#fff;
	text-transform:uppercase;
	padding:50px 0 0 0;
}

.sectionEight .mainTitle button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
}

.sectionEight .mainTitle button:hover{
	color:#fff;
	background-color:#b6d701;
}

.sectionEight .mainTitleGames{
    float:right;
	margin:100px 0 0 0;
	color: #fff;
	max-width:600px;
	padding:40px 40px;
}

.sectionEight .mainTitleGames button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
	background-color:#333;
	color:#fff;
}

.sectionEight .mainTitleGames button:hover{
	color:#fff;
	background-color:#b6d701;
}


/*----------------------------------------*/


.sectionNine{
	width:100%;
	height:758px;
	background:url(images/big-screen.jpg) no-repeat center;
    background-size: cover;
}

.sectionNine .mainTitle{
	color:#fff;
	text-transform:uppercase;
	padding:50px 0 0 0;
}

.sectionNine .mainTitle button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
}

.sectionNine .mainTitle button:hover{
	color:#fff;
	background-color:#b6d701;
}

.sectionNine .mainTitleGames{
    float:left;
	margin:100px 0 0 0;
	color: #fff;
	max-width:600px;
	padding:40px 40px;
}

.sectionNine .mainTitleGames button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
	background-color:#333;
	color:#fff;
}

.sectionNine .mainTitleGames button:hover{
	color:#fff;
	background-color:#b6d701;
}


/*----------------------------------------*/


.sectionTen{
	width:100%;
	background:#666;
    background-size: cover;
}

.sectionTen .mainTitle{
	color:#fff;
	text-transform:uppercase;
	padding:50px 0 0 0;
}

.sectionTen .mainTitle button{
	padding:12px 30px;	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
}

.sectionTen .mainTitle button:hover{
	color:#fff;
	background-color:#b6d701;
}

.sectionTen .mainTitleGames{
    float:left;
	margin:100px 0 0 0;
	color: #fff;
	max-width:600px;
	padding:40px 40px;
}

.sectionTen .mainTitleGames button{
	padding:12px 30px;	
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
	background-color:#333;
	color:#fff;
}

.sectionTen .mainTitleGames button:hover{
	color:#fff;
	background-color:#b6d701;
}

.mainSectionContact{
	overflow:hidden;
}

.mainSectionContact .left{
	float:left;
	width:500px;
}

.mainSectionContact .left .address, .mainSectionContact .left .social{
	line-height:45px;
}

.mainSectionContact .right{
	float:right;
	max-width:500px;
	margin:0 50px 0 0;
}

.contactHeading{
	position: relative;
	max-width: 490px;
	padding: 10px 20px 10px 10px;
	position: relative;
	color: #000;
	background: #b6d701;
	z-index:1;
}

.contactHeading:after{
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: #b6d701;
	transform-origin: bottom left;
	-ms-transform: skew(-30deg, 0deg);
	-webkit-transform: skew(-30deg, 0deg);
	transform: skew(-30deg, 0deg);
}

.formHeading{
	position: relative;
	max-width: 490px;
	padding: 10px 20px 10px 10px;
	position: relative;
	color: #000;
	background: #b6d701;
	z-index:1;
}

.formHeading:after{
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: #b6d701;
	transform-origin: bottom left;
	-ms-transform: skew(-30deg, 0deg);
	-webkit-transform: skew(-30deg, 0deg);
	transform: skew(-30deg, 0deg);
}

form{
	color:#fff;
	margin:10px 0 0 0;
}

form input{
	width:478px;
	border:none;
	padding:10px;
	margin:10px 0;
	background:none;
	border:solid 1px #ccc;
	color:#fff;
}

form textarea{
	width:478px;
	padding:10px;
	height:120px;
	margin:10px 0 0 0;
	background:none;
	border:solid 1px #ccc;
	color:#fff;
}

form .submit{
	width:500px;
	padding:10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border:none;
	background-color:#333;
	color:#fff;
}

form .submit:hover{
	color:#000;
	background-color:#b6d701;
}

.address{
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin:15px 0;
}

.social{
	color:#fff;
	font-size:20px;
	margin:15px 0;
}



/*----------------------------------------*/