/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

@font-face{
font-family: "Abel-Regular";
src:url(../fonts/Abel-Regular.ttf);
}

@font-face{
font-family: "BlackOpsOne-Regular";
src:url(../fonts/BlackOpsOne-Regular.ttf);
}


body{
width:100%;
text-align:center;
font-family: "Abel-Regular";
}

.navbar-default {
background-color: #0C0808;
border: none;
}

.navbar-inverse .navbar-nav>li>a {
color: #fff;
font-size:18px;
padding-top: 22px;
text-decoration: none;
}

.navbar-inverse .navbar-nav>li>a:hover {
color:#FF6600;
}

.banner{
background: #084526;
width:100%;
height:550px;
}	


.banner-content{
text-align:center;
width:930px;
padding-top:180px;
color:#fff; 
margin:0 auto;
}

.banner-content img{
	float:left;
	padding: 0 5px;
	text-align:center;
	
margin: 0 auto;
width:257px;
margin: 0px 25px;
}

/* ----------Header Ends Here ---------- */

/* ----------About---------- */

.about{
padding:115px 0;
font-family: "Abel-Regular";
}

.about h3{
padding:25px 0;
font-size:38px;
font-family: "Abel-Regular";
font-weight:800;
}

.about span{
color:#FF6600;
}

.about h4{
padding:0px 125px;
font-size:20px;
line-height:30px;
}

.about p{
padding:0px 125px;
font-size:20px;
line-height:28px;
}



.about-size{
width:50%;
/* float:left; */
}

.about-image h5{
font-size:22px;
padding:15px 0 0 0;
font-weight:600;
}

.about-image p{
padding:15px 20px 0 20px;
font-size:18px;
line-height:28px;
}




.shadow
{
position: relative;
}
.shadow:before, .shadow:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 14px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #fff;
box-shadow: 0 15px 10px #000;
transform: rotate(-3deg);
}
.shadow:after
{
transform: rotate(3deg);
right: 10px;
left: auto;
}

/* ---------- About Ends here ---------- */

/* ---------- Requirements Starts ---------- */
.requirement{
/* background:url("../images/require.jpg" ) 0px 0px no-repeat; */
background: #000;
width:100%;
background-size:cover;
font-family: "Abel-Regular";
}

.all-require{
padding:150px 0;
}

.heading{
margin:0 auto;
padding-bottom:50px;
color:#fff;
}

.heading h3{
padding:25px 0;
font-size:38px;
font-family: "Abel-Regular";
font-weight:800;
color:#FF6600;
}

.heading span{
color:#fff;
}

.grid{
background:rgba(41, 40, 40, 0.7);
padding:40px 0;
width: 100%;
margin: 0 auto;
text-align:center;
border:1px solid #FF6600;	
}

.grid i {
display: inline-block;
width: auto;	
height:auto;
padding-bottom: 250px;
text-decoration: none;

}

.grid p{
color:#fff;
padding:5px 25px;
text-align:left;
font-size:20px;

}

.grid h5{
color:#fff;
font-size:22px;
text-align:left;
padding:5px 25px;
font-weight:600;
}

.grid-bottom{
padding-top:30px;
}

.grid span{
font-size:16px;
color:rgba(239, 239, 243, 0.83);
}
/* ---------- Requirements Ends here ---------- */

/* ---------- UP Coming Games Starts Here ---------- */
.background {
padding:15px 5px 15px 15px;
background:#212020;
}

.padding-upcoming{
padding:130px 0;
font-family: "Abel-Regular";
}	

.padding-upcoming h3{
padding:25px 0;
font-size:38px;
font-family: "Abel-Regular";
font-weight:800;
}

.padding-upcoming span{
color:#084526;
}
				
.shadow1
{
position: relative;
}
.shadow1:before, .shadow1:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 14px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #fff;
box-shadow: 0 15px 10px #000;
transform: rotate(-3deg);
}
.shadow1:after
{
transform: rotate(3deg);
right: 10px;
left: auto;
}


/* ----------  RODAPE ---------- */
.contact{
background:#1d1d1c;
}

.padding-contact{
padding:100px 0;
font-family: "Abel-Regular";
}

.padding-contact h3{
font-family: "Abel-Regular";
font-weight:bold;
font-size:24px;
padding-bottom:20px;
color:#fff;
letter-spacing: 3px;
text-align:left;
}

.padding-contact span{
color:gray;
display:block;
padding-top:10px;
}

address{
font-size:16px;
color:#fff;
text-align:left;
line-height:24px;
}

.social{
padding-top:45px;
}

.social-icons h3{
text-align:center;
}

.newsletter h3{
text-align:right;
}

.newsletter input[type="text"]{
	outline: none;
    font-size:16px;
	color: #fff;
	font-family: "Abel-Regular";
	padding: 15px 10px;
	border:none;
	border-bottom:2px solid #fff;
	width: 67%;
   	background:#1d1d1c;
}

.newsletter input[type="submit"] {
    background:rgba(2, 2, 2, 0.60);
    color: #fff;
	border: 2px solid #fff;
    font-size: 18px;
	font-family: "Abel-Regular";
    padding: 15px 10px 15px 15px;
    cursor: pointer;
    outline: none;
    display: inline-block;
    margin-top:24px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.newsletter input[type="submit"]:hover{
	color:#000;
    background:#FF6600;
	font-weight:600;
}

/* ---------- Contact Ends here ---------- */

.footer{
padding:0px 20px 50px 20px;
}

.footer p{
font-size:18px;
font-family: "Abel-Regular";
color:#fff;
}

.footer a{
text-decoration:none;
color:#;
font-weight:bold;
}

.footer a:hover{
color:#1CC973;
}


/*---------- responsive media queries ----------*/

@media screen and (max-width:1920px){
.banner-content{
/* width:500px; */
}

.about-image{
padding-top:55px;
display:block;
width:65%;
margin:0 auto;
}
}

@media screen and (max-width:1680px){
.banner-content{

}
}

@media screen and (max-width:1440px){
.banner-content{
/* width:470px; */
}
}

@media screen and (max-width:1366px){
.banner-content{
/* width:470px; */
padding-top:100px;

}
.newsletter input[type="text"] {
width: 60%
}
}

@media screen and (max-width:1280px){
.banner-content{
padding-top:125px;
text-align:center;
margin: 0 auto;
}
}


@media screen and (max-width:1080px){

.about {
padding:80px 0 70px;
}

.banner-content {
	margin:0 auto;
}	
   
.all-require {
padding: 100px 0;
}

.padding-upcoming {
padding: 75px 0;
}

.about h4 {
padding: 0px 100px;
}

form{
padding-top:10px;
}

.about-image p {
padding: 10px 0px 0;
}

.banner{
height:700px;
}

}


@media screen and (max-width:991px){
.navbar-inverse .navbar-nav>li>a {
padding: 0px 10px;
padding-top: 22px;
}

.banner-content img{
	width:190px;
height:150px;	

}

.banner{
height:715px;
}

.about h4 {
padding: 0px 40px;
}

.about-size {
width:90%;
margin:0 auto;
margin-top: 15px;
margin-bottom: 15px;
}

.about-image p {
font-size: 16px;
line-height: 24px;
}

.about-size:nth-child(2) {
padding:40px 0px;
}

.require-size{
width:33.3%;
margin: 0px;
padding: 5px;
}

.grid p {
padding: 5px 20px;
}

.address{
width:25%;
float:left;
margin:0;
padding:0px;
}

.social-icons{
width:40%;
float:left;
margin:0;
padding:0px;
}


.newsletter{
width:35%;
float:left;
margin:0;
padding:0px;
}
.newsletter input[type="text"] {
padding:10px;
}

.newsletter input[type="submit"] {
font-size: 16px;
padding: 10px;
}
}


@media screen and (max-width:800px){
.navbar-brand>img {
width:90%;
}



}


@media screen and (max-width:768px){

.banner-content {
width: 300px;
margin: 0 auto;
padding-top: 25px;
}

.banner{
height:700px;
}
.banner-content img{
width:245px;
height:230px;
margin-bottom:15px;
}

.about {
padding: 50px 0;
}
.about h3 {
font-size: 30px;
}
.about h4 {
font-size:17px;
line-height: 24px;
padding: 0px 10px;
}

.all-require {
padding:75px 0;
}
.heading h3 {
font-size: 30px;
}
.require-size {
padding: 2px;
}

.grid i {
width: 57px;
background-size: 175px;
}

.padding-upcoming h3 {
font-size: 34px;
}

.padding-contact h3 {
font-size: 22px;
}

}

@media screen and (max-width:736px){
.grid-bottom {
padding-top: 15px;
}
.padding-contact {
padding: 70px 0;
}
.footer p {
font-size: 16px;
}
}

@media screen and (max-width:667px){
.banner {
height:700px;
}
.banner-content {
padding-top:75px;
}
.shadow:before, .shadow:after {
bottom: 18px;
}

.require-size {
padding: 10px;
width: 50%;
}

.require-size:nth-child(3) {
padding: 10px;
width: 50%;
margin-left:25%;
}

.about-image p {
font-size: 14px;
line-height: 22px;
}
.padding-contact span {
font-size:15px;
}



}


@media screen and (max-width:640px){
.newsletter input[type="text"] {
width: 80%;
text-align: center;
}
.newsletter input[type="submit"] {
margin-top:5px;
}

}

@media screen and (max-width:600px){
.padding-contact span {
font-size: 13px;
}

.about p{
padding:0 15px;
}
}

@media screen and (max-width:480px){
.banner {
height: 700px;
}

.about-size {
width:90%;
}

.about-size:nth-child(2) {
padding:40px 0px;
}
.about-image h5 {
padding-top:5px;
}
.about-image p {
padding-top:5px;
line-height: 20px;
}

.require-size {
width: 100%;
}

.grid p {
padding-left:50px;
}
.grid h5 {
padding-left:50px;
}
.require-size:nth-child(3) {
width: 100%;
margin-left:0%;
}

.address {
width: 44%;
padding: 10px;
}
.social-icons {
width: 56%;
padding:10px;
}

.newsletter {
width: 80%;
float:none;
display: inline-block;
}

.newsletter input[type="text"] {
width: 60%;
}

}


@media screen and (max-width:414px){

.about {
padding: 25px 0;
}
.about h3 {
padding: 10px 0;
}
.about-image {
padding-top: 20px;
}

.all-require {
padding: 25px 0;
}

.heading {
padding-bottom: 20px;
}

.about-prod{
margin-top: 20px;
}
.padding-upcoming {
padding: 25px 0;
}

.padding-contact h3{
text-align:center;
font-size:20px;
padding-bottom:10px;
}

.address {
width: 100%;
}
address {
font-size: 16px;
line-height: 20px;
text-align:center;
}

.social-icons {
width: 100%;
padding:30px 0;
}

.social {
padding: 0px;
}

form {
padding:0px;
}

}



@media screen and (max-width:384px){
.banner-content {
width: 280px;

}
.banner-content img{
width: 220px;
height:200px;
}

.grid p {
padding-left: 40px;
}
.grid h5 {
padding-left: 40px;
}
}

@media screen and (max-width:320px){

.navbar-brand {
width: 80%;
}

.grid h5 {
padding-left: 32px;
font-size: 20px;
}

.grid p {
padding-left: 32px;
font-size:16px;
}

.newsletter {
width: 94%;
}

}





@media (max-width:1200px){
		.newsletter{
			clear:both;float:none;width:100%;
			}
			
		
			.newsletter h3{
		width:100%;
		text-align:center;
		}
		.social-icons{
		 clear:both;float:none;
		 margin:0 auto;
		width:100%;
		text-align:center;
		margin-bottom:33px;
			}
		
		.social-icons div{
		margin:0 auto;
		}
			.social-icons h3{
			width:100%;
			text-align:center;
			}
			.address {
			width:100%;
			margin-bottom:30px;
			}
			
			.address h3{
			width:100%;
			text-align:center;
			}
			.address address{
			 clear:both;float:none;
			text-align:center;
			}
		}



.banner {
padding-bottom:50px;
}


#logo{
margin-top:220px;

}

@media (max-width:1200px){
.banner{
/*height:auto;*/
}

.banner-content{
margin: 0 auto;
text-align:center;
height:300px;
padding-top:80px;
}


#logo{
width:400px;
margin-bottom:70px;
}

}