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

/* rajdhani-300 - latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: 500;
  font-weight: 300;
  src: url('../Fonts/rajdhani-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Rajdhani Light'), local('Rajdhani-Light'),
       url('../Fonts/rajdhani-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/rajdhani-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/rajdhani-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/rajdhani-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/rajdhani-v9-latin-300.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-500 - latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: 500;
  font-weight: 500;
  src: url('../Fonts/rajdhani-v9-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Rajdhani Medium'), local('Rajdhani-Medium'),
       url('../Fonts/rajdhani-v9-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/rajdhani-v9-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/rajdhani-v9-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/rajdhani-v9-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/rajdhani-v9-latin-500.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-700 - latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: 500;
  font-weight: 700;
  src: url('../Fonts/rajdhani-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Rajdhani 700'), local('Rajdhani-700'),
       url('../Fonts/rajdhani-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/rajdhani-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/rajdhani-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/rajdhani-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/rajdhani-v9-latin-700.svg#Rajdhani') format('svg'); /* Legacy iOS */
}

html {
	height: 100%;
	overflow-y:scroll;
	/*font-size: 16px;*/
	-webkit-text-size-adjust: 100%;
}

body{
	background-color:#000;
	background-image:url(../Images/bg_DiagonalStripe2.png);
	height: 100%;
	margin: 0;
	padding: 0;
}

.mainContainer{
	position:relative;
	width:	1280px;
	margin-left:	auto;
	margin-right:	auto;
	background-color:	#000;
	/*border:	1px solid #F00;*/
}

.mainHeader{
	position:relative;
	text-align:center;
	/*border:	1px solid #F00;*/
}

.mainLinks{
	position:absolute;
	right:0px;
	z-index:10;
	/*border:	1px solid #0F0;*/
}
	
.mainLinksImage{
	width:	100%;
	height:	auto;
	opacity: 0.6;
}

.mainHeaderImage{
	width:	auto;
}

.mainHeaderTitle{
	width:	100%;
	font-family:'Rajdhani', sans-serif;
	font-weight:700;
	text-align:center;
	line-height:95%;
	color:	#FFF;
	/*border:	1px solid #F00;*/	
}
	
.mainHeaderTagline{
	width:	100%;
	font-family:'Rajdhani', sans-serif;
	font-weight:300;
	text-align:center;
	color:	#FFF;
	/*border:	1px solid #F00;*/
}

.catContainer{
	width:	100%;
	overflow: hidden;
}
	
.cat_Outer{
	float:left;
	position:relative;
	overflow:hidden;
}
	
.cat_Title{
	position:absolute;
	width:	100%;
	text-align:	center;
	z-index:100;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.7),rgba(0,0,0,0));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));
}

.slidesContainer{
	position:relative;
	width:	100%;
	overflow:hidden;
}
	
.slidesTitle{
	text-align:	center;
	/*border:	1px solid #F00;*/
}
	
.slidesTagline{
	text-align:	center;
	/*border:	1px solid #F00;*/
}
	
.slidesImage{
	position:relative;
	overflow: hidden;
}
	
.fontCategory{
	font-family:'Rajdhani', sans-serif;
	color:#FFF;
	text-shadow:0px 2px 5px #000;
}
	
.fontSlidesTitle{
	font-family:'Rajdhani', sans-serif;
	color:#FFF;
}
	
.fontSlidesTagline{
	font-family:'Rajdhani', sans-serif;
	color:#FFF;
}

.mainFooter{
	width:	100%;
	font-family:'Rajdhani', sans-serif;
	font-weight:300;
	text-align:center;
	color:#FFF;
}


/* iPhone (portrait) ----------- 
@media screen and (device-width: 320px) and (max-device-width: 480px) and (orientation:portrait){*/
@media only screen and (min-device-width : 320px) and (max-device-width : 700px) and (orientation : portrait){ 
	
	.fontCategory{
		font-size:60px;
		font-weight:500;
	}
	
	.fontSlidesTitle{
		font-size:80px;
		font-weight:500;
		line-height:95%;
	}
	
	.fontSlidesTagline{
		font-size:50px;
		font-weight:300;
	}
	
	.mainHeader{
		left:15%;
		width:70%;
		padding-top:50px;
		padding-bottom:50px;
	}
	
	.mainLinks{
		padding:5px;
		right:0px;
		width:100px;
	}
	
	.mainHeaderImage{
		height:180px;
	}
	
	.mainHeaderTitle{
		margin-top:15px;
		font-size:72px;
	}
	
	.mainHeaderTagline{
		font-size:50px;
	}
	
	.catContainer{
		padding-bottom:15px;
	}
	
	.cat_Outer{
		width:50%;
		height:360px;
	}
	
	.cat_Title{
		padding-top:10px;
	}
	
	.slidesTitle{
		margin-left:10%;
		width:80%;
		margin-top:100px;
	}
	
	.slidesTagline{
		margin-left:10%;
		width:80%;
		margin-bottom:30px;
	}
	
	.slidesImage{
		width:100%;
		height:720px;
	}
	
	.mainFooter{
		padding-top:40px;
		padding-bottom:50px;
		font-size:36px;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	.fontCategory{
		font-size:34px;
		font-weight:500;
	}
	
	.fontSlidesTitle{
		font-size:60px;
		font-weight:500;
		line-height:95%;
	}
	
	.fontSlidesTagline{
		font-size:32px;
		font-weight:300;
	}
	
	.mainHeader{
		left:5%;
		width:90%;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.mainLinks{
		padding:5px;
		right:0px;
		width:70px;
	}
	
	.mainHeaderImage{
		height:100px;
	}
	
	.mainHeaderTitle{
		margin-top:15px;
		font-size:44px;
	}
	
	.mainHeaderTagline{
		font-size:32px;
	}
	
	.catContainer{
		padding-bottom:15px;
	}
	
	.cat_Outer{
		width:25%;
		height:180px;
	}
	
	.cat_Title{
		padding-top:10px;
	}
	
	.slidesTitle{
		margin-left:10%;
		width:80%;
		margin-top:70px;
	}
	
	.slidesTagline{
		margin-left:10%;
		width:80%;
		margin-bottom:30px;
	}
	
	.slidesImage{
		width:100%;
		height:720px;
	}
	
	.mainFooter{
		padding-top:40px;
		padding-bottom:50px;
		font-size:36px;
	}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1280px) {
	
	.fontCategory{
		font-size:24px;
		font-weight:300;
	}
	
	.fontSlidesTitle{
		font-size:52px;
		font-weight:300;
		line-height:95%;
	}
	
	.fontSlidesTagline{
		font-size:22px;
		font-weight:300;
	}
	
	.mainHeader{
		width:100%;
		padding-top:30px;
		padding-bottom:30px;
	}
	
	.mainLinks{
		padding:5px;
		right:0px;
		width:40px;
	}
	
	.mainHeaderImage{
		height:100px;
	}
	
	.mainHeaderTitle{
		margin-top:15px;
		font-size:38px;
	}
	
	.mainHeaderTagline{
		font-size:18px;
	}
	
	.catContainer{
		padding-bottom:15px;
	}
	
	.cat_Outer{
		width:25%;
		height:180px;
	}
	
	.cat_Title{
		padding-top:10px;
	}
	
	.slidesTitle{
		width:100%;
		margin-top:50px;
	}
	
	.slidesTagline{
		width:100%;
		margin-bottom:10px;
	}
	
	.slidesImage{
		width:100%;
		height:720px;
	}
	
	.mainFooter{
		padding-top:20px;
		padding-bottom:20px;
		font-size:16px;
	}
}