@font-face {
    font-family: "Dosis";
    src: url("../fonts/Dosis-SemiBold.otf");
}

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

*{
	padding: 0;
	margin: 0;
}

body{
	color: #fff;
	font: 12px/20px Arial, Helvetica, sans-serif;
	
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 0%, #191c1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#191c1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#191c1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#191c1b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#191c1b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#191c1b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#191c1b',GradientType=0 ); /* IE6-9 */
}

header{
	background-color: #050505;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 2%;
	padding-right: 2%;
}

#logoPart{
	float: left;
}

#iconsPart{
	float:right;
}

#logo{
	width:50%;
}

#logoImage{
	width:35%;
}

#logoImage2{
	width:55%;
}

#leftSideBar{
	/*background-color: #252525;*/
	width: 10%;
	float:left;
	height: 200px;
}

#allContent{
	margin:2%;
	width: 76%;
	background-color: #151515;
	float:left;

}

.allContentText{
	padding:1%;
}

h1{
	color: #ff8700;
	font-family: "Dosis";
	text-transform: uppercase;
}

h2{
	color: #ff8700;
	font-family: "Dosis";
	text-transform: uppercase;
}

h3{
	color: #ff8700;
	font-family: "Dosis";
	text-transform: uppercase;
}

#allFooter{
	background-color: #050505;
	width: 100%;
}

#leftFooter{
	float:left;
	width: 45%;
}

#rightFooter{
	float:left;
	width: 45%;
	margin-left: 2%;
}

#rightSideBar{
	/*background-color: #252525;*/
	width: 10%;
	float:right;
	height: 200px;
}

.clearBoth{
	clear:both;
}

#leftFooter a{
			color: #fff;
			text-decoration:none;
			font: 14px/20px "Dosis", sans-serif;
}

#rightFooter a{
			color: #fff;
			text-decoration:none;
			font: 14px/20px "Dosis", sans-serif;
}

#allFooter #designedAndDeveloped{
		width: 40%;
		margin-left:auto;
		margin-right:auto;
}

#allFooter #designedAndDeveloped a{
	color: #ff8700;
	font-family: "Dosis";
}

#menu{
	text-align:center;
}

#homeLeft{
	width: auto;
	padding-left:5%;
}

#homeRight{
	width: auto;
	padding-left:5%;
}

.playLeft{
	float:left;
	width: auto;
}

.playRight{
	float:left;
	width: 50%;
	padding-left: 2%;
}

img{
	max-width:100% !important;
    height:auto;
}

.playRight{
	color: #cfcfcf;
}

.aPlayNow{
	font: 16px/20px "Oxin", sans-serif;
	margin-top: 5%;
	margin-bottom: 10%;
	padding: 1%;
	background-color: #ff8700;
	color: #fff;
	text-decoration:none;
	-webkit-transition-duration: 0.5s;
}

.aPlayNow:hover{
	background-color: #ffa700;
	color: #484a50;
}

.indentP{
	margin-left:2%;
}

@media only screen and (max-width: 480px){
	#logo{
		width: 80%;
	}
	
	#logoImage{
		width:35%;
	}

	#logoImage2{
		width:55%;
	}
	
	.adsenseBanner{
		display:none;
	}
}

@media only screen and (max-width: 767px){
	#logo{
		width: 50%;
	}
	
	#logoImage{
		width:35%;
	}

	#logoImage2{
		width:55%;
	}
	
	.adsenseBanner{
		display:none;
	}
}

@media only screen and (max-width: 950px){
	.adsenseBanner{
		display:none;
	}
}

.smIcon{
	-webkit-filter: hue-rotate(360deg);
	-webkit-transition-duration: 1.5s;
}

.smIcon:hover{
	-webkit-filter: hue-rotate(180deg);
}

.contactIcon{
	float:left;
}

.contactText{
	float:left;
	margin-left: 2%;
	margin-top: 0.8%;
}

.contactText a{
		color: #fff;
		font: 14px/20px "Dosis", sans-serif;
}

.aImg{
	-webkit-transition-duration: 0.5s;
}

.aImg:hover{
	-webkit-filter: brightness(2.0);
}

#sitemap a{
	color: #fff;
	font: 14px/20px "Dosis", sans-serif;
}

.nfLink{
		color: #fff;
}