@font-face {
    font-family: 'D-DIN Condensed';
    src: url('../fonts/D-DINCondensed-Bold.woff') format('woff'),
        url('../fonts/D-DINCondensed-Bold.ttf') format('truetype'),
        url('../fonts/D-DINCondensed-Bold.svg#D-DINCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('../fonts/ProximaNova-Black.woff') format('woff'),
        url('../fonts/ProximaNova-Black.ttf') format('truetype'),
        url('../fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-LightIt.woff') format('woff'),
        url('../fonts/ProximaNova-LightIt.ttf') format('truetype'),
        url('../fonts/ProximaNova-LightIt.svg#ProximaNova-LightIt') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TraditionSansXLight';
    src: url('../fonts/TraditionSansXLight.woff') format('woff'),
        url('../fonts/TraditionSansXLight.ttf') format('truetype'),
        url('../fonts/TraditionSansXLight.svg#TraditionSansXLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('../fonts/ProximaNova-Thin.woff') format('woff'),
        url('../fonts/ProximaNova-Thin.ttf') format('truetype'),
        url('../fonts/ProximaNova-Thin.svg#ProximaNova-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@import url(//db.onlinewebfonts.com/c/88af1784d259aa6eb06a66b225012be1?family=MuseoSansW01-700Italic);
@font-face {font-family: "MuseoSansW01-700Italic";
    src: url("//db.onlinewebfonts.com/t/88af1784d259aa6eb06a66b225012be1.eot");
    src: url("//db.onlinewebfonts.com/t/88af1784d259aa6eb06a66b225012be1.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/88af1784d259aa6eb06a66b225012be1.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/88af1784d259aa6eb06a66b225012be1.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/88af1784d259aa6eb06a66b225012be1.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/88af1784d259aa6eb06a66b225012be1.svg#MuseoSansW01-700Italic") format("svg");
}

@import url(//db.onlinewebfonts.com/c/451d0f54053426c8053683b532f3fe76?family=MuseoSansW01-300Italic);
@font-face {font-family: "MuseoSansW01-300Italic";
    src: url("//db.onlinewebfonts.com/t/451d0f54053426c8053683b532f3fe76.eot");
    src: url("//db.onlinewebfonts.com/t/451d0f54053426c8053683b532f3fe76.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/451d0f54053426c8053683b532f3fe76.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/451d0f54053426c8053683b532f3fe76.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/451d0f54053426c8053683b532f3fe76.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/451d0f54053426c8053683b532f3fe76.svg#MuseoSansW01-300Italic") format("svg");
}
.MuseoSansW01-300Italic{
	font-family: 'MuseoSansW01-300Italic';
    font-style: normal;
}
.MuseoSansW01-700Italic{
	font-family: 'MuseoSansW01-700Italic';
    font-style: normal;
}
.TraditionSansXLight {
    font-family: 'TraditionSansXLight';
    font-weight: 300;
    font-style: normal;
}
.D-DIN-Condensed-bold {
    font-family: 'D-DIN Condensed';
    font-weight: bold;
    font-style: normal;
}
.ProximaNovaTh {
    font-family: 'Proxima Nova Th';
    font-weight: 100;
    font-style: normal;
}
.ProximaNovaRg{
    font-family: 'Proxima Nova Rg';
    font-weight: normal;
    font-style: normal;
}
.ProximaNovaBlack {
    font-family: 'Proxima Nova Bl';
    font-weight: 900;
    font-style: normal;
}
.ProximaNovaLt {
    font-family: 'Proxima Nova Lt';
    font-weight: 300;
    font-style: italic;
}
/* */
body {
	font-family: "lato",sans-serif;
	font-weight: 400;
	overflow-x: hidden;
}
.wrapper {
	margin: 0 4%;
}
.home {
	display: table;
	width: 100%;
	height: auto;
	background: url('images/new-top-banner.jpg');
	background-size: cover;
	position: relative;
	padding: 0;
}
.home p {
	color: #f9f9fc;
}
.home_heading {
	color: #fb0101;
	display: block;
	margin-right: 90px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url('images/circlenew-bg.png');
	background-repeat: repeat-x;
	height: 262px;
	line-height: 262px;
	margin-left: 314px;
	font-size: 90pt;
	text-transform: uppercase;
	/* left: 0; */
	position: relative;
}
.home_heading::before {
	content: '';
	background: url('images/circlenew.png');
	height: 262px;
	width: 314px;
	position: absolute;
	left: -314px;
}
.top_heading_block {
	width: 95%;
	margin-top: 40px;
}
.top_heading_block .btn {
	margin-left: 25px;
}
.top_heading_block .btn.btn-learn {
	background: #ff0000;
	position: relative;
	font-size: 2.5rem;
	padding: 1rem 5rem;
	margin: 10rem 0 0;
	color: #fff;
	border-radius: 0;
}
.top_heading_block .btn.btn-learn::before {
	width: 0;
	height: 0;
	border-bottom: 370px solid #790000;
	border-left: 100px solid transparent;
	position: absolute;
	content: '';
	left: -101px;
	/* border-radius: 0; */
	top: 0;
}
header {
    
    margin: 0;
}
.innerpage {
	margin: 75px 25px; 
}
.member {
	margin: 60px 0;
}
.innerpage-title { 
	border-bottom: 1px solid;
	padding: 15px 0px; 
}
.innerpage-content {
	margin-top: 45px;
}
.nav {
	position: relative;
	padding: 5px 5px 8px 30px;
}
.navbar {
	padding: 0;
}
.lower-heading-wrapp {
	position: absolute;
	bottom: 0;
	/* left: 0; */
	/* width: 100%; */
	/* height: 402px; */
	background: #f00;
	background-repeat: repeat-x;
	/* float: left; */
	width: 100%;
}
.heading-bg {
	position: relative;
	/* bottom: 0; */
	margin-left: 40px;
	width: 655px;
	height: 147px;
	background: url('images/circlebottom.png');
	background-repeat: no-repeat;
	z-index: 99;
	float: left;
	content: '';
}
.home1_heading {
	color: #fff;
	font-size: 3rem;
	text-transform: uppercase;
}
.home2_heading {
	font-size: 2.5rem;
	color: #fff;
}
.home3_heading {
	font-size: 2.5rem;
	color: #faf8f8;
	line-height: 35pt;
	margin: 80px 0;
	color: #fb0303;
	text-transform: uppercase;
}
.rollingText li {
    display: none;
    background-color: transparent;
}
.rollingText {
	color: #fff;
	font-size: 2.5rem;
	list-style-type: none;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	height: 61px;
	overflow: hidden;
}
.heading-bg h2 {
	position: absolute;
	line-height: 50px;
	bottom: 95px;
	left: 50%;
	color: #fff;
	font-size: 32pt;
}

.shadow_wrapp h2 {
	display: block;
	border-bottom: 1px solid;
	padding: 15px 0px;
	float: left;
}
.shadow_wrapp p {
	clear: both;
	padding: 30px 0px 0;
}
.btn.btn-red {
	background: #fbfdfd;
	color: #fb0101;
	padding: 12px 20px;
	font-size: 16pt;
	border-radius: 0;
}
.main-logo {
	height: 75px;
	padding: 10px 5px 5px 40px;
}
.subnav {
	position: fixed;
	top: 80px;
	z-index: 999;
	left: 0;
	width: 100%;
	display: none;
	background: #fe0202;
}
.subnav li {
	display: table-cell;
	padding: 0 30px;
	line-height: 25pt;
	font-size: 16pt;
	vertical-align: middle;
}
.subnav .imgSection {
	width: 100%;
	height: 100px;
	background: url('images/menu-bg.jpg');
	background-size: cover;
	color: #fff;
	font-size: 14pt;
	text-align: center;
}
.subnav .imgSection .black_layer {
	padding: 10px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	display: block;
	height: 100%;
	width: 100%;
	display: block;
	/* z-index: 9999999999; */
	/* position: absolute; */
}
.subnav ul {
	list-style-type: none;
	padding: 0px 15px 0 10px;
	color: #fff;
	font-size: 15pt;
	display: table;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}
.subnav ul a{
	color:#fff;
}
.nav-item.hover .subnav {
	display: block;
}
.navbar-nav .nav-link {
	color: #4a4b4b;
	text-transform: uppercase;
	/* font-weight: bold; */
	text-align: center;
	-webkit-transition: all .7s;
	transition: all .7s;
	display: block;
	line-height: 60px;
	height: 80px;
	font-size: 1.1rem;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-item.hover .nav-link {
	background: #fe0202;
	color: #fff;
}
.nav .nav-item:last-child a {
	background: #fe0202;
	color: #fff;
	 
	position: static;
}
.nav .nav-item:last-child a::before {
	content: '';
	background: url('images/nav-highlightl-corner.png') no-repeat 0px 0;
	position: absolute;
	left: -29px;
	float: none;
	width: 30px;
	height: 24px;
	bottom: -24px;
	z-index: 9;
}
.nav .nav-item:last-child a::after {
	content: '';
	width: 100%;
	position: absolute;
	height: 26px;
	background: url('images/nav-highlightl-bg-red.png') repeat 0px 0;
	left: 0;
	bottom: -24px;
	/* float: right; */
	z-index: 9;
}
.nav-item.tr_button .nav-link {
	color: #fefbfb;
	background: #00ff00;
	border-radius: 5px;
	margin: 0 3px 0 5px;
}

.nav-item.tr_button2 .nav-link {
	color: #02ff08;
	background: #fefefe;
	border-radius: 5px;
	margin: 0 3px 0 5px;
}
 
.relativeBox{
	
}
.relativeBox .close {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 14px;
	color:#fff;
}
.shadow_box .shadow_wrapp{
	background-size: 100% auto;
	background-repeat: repeat-y;
	min-height: 300px;
	padding: 70px 10% ;
}
.shadow_box_left .shadow_wrapp {
	background-image: url('images/left-bg-shadow.png');
	
}
.shadow_box_right .shadow_wrapp {
	background-image: url('images/right-bg-shadow.png');
	 
}
.qlinks {
	max-width: 300px;
	margin-bottom: 45px;
}
.qlinks h3 {
	text-transform: uppercase;
	color: #fefbfb;
	text-align: center;
}
.qlinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 470px;
	display: inline-table;
}
.qlinks li {
	
}
.qlinks li a {
	height: 125px;
	display: block;
	line-height: 125px;
	background: #ffffff;
	margin: 7px 0;
	color: #737070;
	border-right: 20px solid #0dfc01;
	padding: 0 5px 0 18px;
	width: 247px;
	-webkit-transition: width 2s;
	transition: width .7s;
	text-transform: uppercase;
	font-weight: bold;
}
.qlinks li a:hover {
	width: 265px;
}
.btext h1 {
	color: #fefbfb;
	padding: 0 10px;
}
a.btn-green {
	color: #0dfc01;
	border: 3px solid;
	font-weight: bold;
	padding: 9px 70px;
	margin: 15px 10px;
}
.btext p {
	color: #fefbfb;
	font-weight: bold;
	font-size: 18px;
	margin: 10px 9px;
}
.next-arrow-block {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.arrow {
	font-size: 48px;
	color: #fdfa02;
}
.container.gtext {
	text-align: center;
	margin: 20px auto;
	padding: 50px 10px;
}
.gtext h2 {
	color: #04ff0a;
	font-weight: bold;
	margin: 20px 0;
}
.gtext p {
	color: #484948;
}
.footlinks{
	list-style-type:none;
	margin:0;
	padding:0;
}
.footlinks a{
	color:#fff;
}
.alignc{
	text-align:center;
}
footer {
	background: #ff0000;
	color: #fff;
	padding: 125px 5% 100px 5%;
} 
.content {
	margin: 60px 0 0 0;
}
.breadcrumblink {
	color: #fe0315;
	padding: 15px 0;
	display: block;
}
.sidelinks {
	list-style-type: none;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 23%;
}
.img-responsive {
	max-width: 100%;
}
.sidelinks a {
	color: #5dbdfa;
	font-weight: bold;
	padding: 15px 0;
	display: block;
	-webkit-transition: all .7s;
	transition: all .7s;
}
.slider-arrows a:hover {
	color: #0dfc01;
	background: #278d8d;
}
h1.underline {
	border-bottom: 1px solid;
	padding: 10px 0;
	margin: 10px 0;
}
.iblock{
	display:block;
}
.popup-logo {
	max-width: 90%;
	margin: 5%;
	border-bottom: 1px solid;
	padding: 5% 0;
}
.rpblock {
	background: url('images/patt1.jpg');
	background-size: cover;
	padding: 30px;
	color: #fff;
}
.rpblock .form-control {
	font-size: 20px;
	margin: 30px 0;
	border-radius: 0;
}
.rpblock a {
	color: #fff;
	text-decoration: underline;
}
.popup-close {
	position: absolute;
	right: -20px;
	top: -20px;
	background: #fff;
	color: #20fd02;
	z-index: 9;
	width: 45px;
	height: 45px;
	border-radius: 30px;
	line-height: 45px;
	text-align: center;
	font-size: 23px;
}
.modal-body {
	padding: 0 0 0 20px;
}
.btn.btn-submit {
	background: #20fd02;
	text-transform: uppercase;
	margin: 0 auto;
	display: block;
	padding: 18px 65px;
	font-size: 24px;
	border-radius: 0;
}
.trans-layer {
	background: rgba(0,0,0,0.5);
}
.ered-strip {
	background: #ff0c00;
	height: 250px;
}


/* secondary pages end */
/* timeline css */
#dates a {
	
}
	#dates a:hover,
	#dates a.selected {
		color: #fff;
	}
	#dates a::before {
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 20px solid transparent;
	content: "";
	display: block;
	position: relative;
	top: 105px;
	/* z-index: 9999999; */
	left: 10px;
}
#dates a.selected::before {
	border-top-color: #000;
}
.sociales {
	text-align: center;
	margin-bottom: 20px;
}

#timeline {
	width: 100%;
	height: 450px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background: #000 url('images/plain-white.jpg') left 115px repeat-x;
	background-size: 2px;
}
		#dates {
			width: 800px;
			height:100%;
			 
		}
		.dates_block {
	 height: 150px; padding-top: 45px;
}
			#dates li {
	list-style: none;
	float: left;
	width: 100px;
	height: 75px;
	font-size: 24px;
	text-align: center;
	background: url('images/biggerdot.png') center bottom no-repeat;
}
				#dates a {
					color: #333333;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
					line-height: 38px;
					padding-bottom: 10px;
					display:block;
				}
				#dates .selected {
			        font-size: 38px;
				}
		
		#issues {
	width: 800px;
	height: 350px;
	overflow: hidden;
	background: #fff; padding-top: 30px;
}
			#issues li {
				width: 800px;
				height: 350px;
				list-style: none;
				float: left;
			}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					 
					font-size: 48px;
					margin: 20px 0;
					 
				}
				#issues li p {
					font-size: 14px;
					margin-right: 70px;
					font-weight: normal;
					line-height: 22px;
					 
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			#grad_left {
		        left: 0;
		        background: url('images/grad_left.png') repeat-y;
			}
			#grad_right {
		        right: 0;
		        background: url('images/grad_right.png') repeat-y;
			}
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -76px;
			}
			#next {
				right: 0;
				background-image: url('images/next.png');
			}
			#prev {
				left: 0;
				background-image: url('images/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}
 @media (max-width: 1230px) {
	.home_heading { 
		font-size: 50pt; 
	}
}
@media (max-width: 1100px) {
	.border_box {
	width: 99%;
	padding: 4% 4% 24% 6%;
}
 .home_heading { 
		font-size: 30pt; 
	}
	.main-logo {
		height: 60px;
	}
	.navbar-nav .nav-link {
		font-size: 14px;
	}
	.heading-bg {
		 
		left: 0%; 
	}
	.heading-bg h2 {
		  
	left: 70%;
}
 } 
 
 @media (min-width: 768px) {
	.navbar-toggle {
		display: none;
	}
.nav {
	display: inline-table;
	width: 100%;
	padding: 0;
	height: 100%;
}
.nav-item {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.modal-dialog {
	max-width: 700px;
	margin: 30px auto;
}
#navbar-collapse-2 {
	margin-left: 15%;
	 
}
 }
  @media (max-width: 768px) {
    .heading-bg h2 {
	left: 222px;
	text-align: left;
	position: absolute;
	width: 100%;
}
.home_heading {
	font-size: 35pt;
	/* line-height: 80pt; */
	margin-left: 10%;
	width: 98%;
}
.subnav li {
	display: block;
	padding: 0;
	line-height: 25pt;
	font-size: 16pt;
	text-align: center;
}
	 .navbar-header2 {
	width: 100%;
	position:relative;
}
.btext {
	text-align: center;
}
.navbar-toggle {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #fb0101;
	/* border-color: #fb0101; */
}
.heading-bg {
	left: -20%;
	width: 120%;
}
.nav-item .subnav {
	position: relative;
	left: 0;
	top: 0;
	width: auto;
}
.nav-item:nth-child(5) .subnav, .nav-item:nth-child(6) .subnav {
	left: 0;
	right: 0;
}
  }