@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,600,600italic,700,700italic);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:400,');
body{	
	FONT-SIZE: 15px;	
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	margin:0;
	padding:0;	
}

.TransparentBg{
    filter:alpha(opacity=50);                       
    Opacity:0.5; 
}
a{ text-decoration:none;}
.shadow{
	box-shadow: 0px 0px 12px 0px #666;	
	-moz-box-shadow: 0px 0px 12px 0px #666;
	-webkit-box-shadow: 0px 0px 12px 0px #666;	
}

.shadowfilterPng { -webkit-filter: drop-shadow(0px 0px 5px  rgba(0,0,0,0.6	));
					filter: drop-shadow(0px 0px 5px  rgba(0,0,0,0.6	));
}
::selection {color:#fff;background:#2e3380;}
 ::-moz-selection {color:#fff;background:#2e3380;}
 ::-o-selection {color:#fff;background:#2e3380;}
 ::-ms-selection {color:#fff;background:#2e3380;}
 ::-webkit-selection {color:#fff;background:#2e3380;}

.FontColor1{color: #2e3380;}
.FontColor2{color: #305699;}
.FontColor3{color:#FFFFFF;}
.FontColor4{color:#000;}

.BgColor1{
	background-color:#0e2142;
}
.TableAlt1{background-color:#2e3380; color:#fff;}
.AltColor11{background-color:#ebf3f9;}
.AltColor12{background-color:#f5fbff;}

.TableAlt2{background-color:#305699; color:#fff;}
.AltColor21{background-color:#e6e6e6;}
.AltColor22{background-color:#efefef;}

.GradientBg {background-color: #fff;
	background-image: linear-gradient(top, #fff 65%, #bdc4d0 ); 
	background-image: -webkit-linear-gradient(top, #fff 65%, #bdc4d0);
	background-image: -moz-linear-gradient(top, #fff 65%, #bdc4d0);
	background-image: -ms-linear-gradient(top, #fff 65%, #bdc4d0);	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fff', EndColorStr='#bdc4d0');
}
.GradientBg:hover {box-shadow: 0px 0px 12px 3px #fff, 0px 0px 0px 2px #2f5088 inset;	
	-moz-box-shadow: 0px 0px 12px 3px #fff, 0px 0px 0px 2px #2f5088 inset;
	-webkit-box-shadow: 0px 0px 12px 3px #fff, 0px 0px 0px 2px #2f5088 inset;
	text-decoration:none;
	cursor:pointer;
	transition:0.2s ease;
}
.Header{
	width:80%;	
	z-index:2;	
	background-color: rgba(255,255,255,0.75);
	margin:0px 10%;
	position: absolute;	
}

.InnerHeader{
	width:65%;	
	z-index:2;	
	background-color: rgba(255,255,255,0.75);
	margin:0px 20%;
	position: absolute;	
}

.SmallerText{FONT-SIZE: 12px;}
.MediumText{FONT-SIZE: 13px;}
.NormalText{FONT-SIZE: 16px;}
.NormalTextBig{FONT-SIZE: 20px;}
.Heading{FONT-SIZE:24px;font-family: 'Roboto Condensed', sans-serif;}
.BiggerText{FONT-SIZE: 30px; font-family: 'Roboto Condensed', sans-serif;}
.LargeText{FONT-SIZE: 40px; font-family: 'Roboto Condensed', sans-serif;}
.SmallerLink{FONT-SIZE: 12px; text-decoration: none}
a.SmallerLink:hover{text-decoration:underline;}	
.JustLinks{TEXT-DECORATION: none;}
.JustLinks:hover{TEXT-DECORATION: underline;}


.Button{	
	font-family: 'Open Sans', sans-serif;	
	COLOR: #fff;	
	text-decoration: none;
	box-shadow:inset 0px 2px 0px 0px #b5d2e4;
	text-shadow:1px 1px 1px #222;
	background-color: #2e3380;
	background-image: linear-gradient(top, #2e3380, #305699); 
	background-image: -webkit-linear-gradient(top, #2e3380, #305699);
	background-image: -moz-linear-gradient(top, #2e3380, #305699);
	background-image: -ms-linear-gradient(top, #2e3380, #305699);
	background-image: -o-linear-gradient(top, #2e3380, #305699);
	border:1px solid #001961;
	border-radius:10px;	
	outline:none;
	cursor:pointer;
	padding:5px 15px;
}

.Button:active{
	top:1px;	
	position:relative;	
}
.ButtonColor{	
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	box-shadow:inset 0px 2px 0px 0px #fe6b6b;	
	background-color: #ca0000;	
	border:1px solid #ca0000;
	border-radius:25px;
	padding:3px 10px;
	box-sizing:border-box;	
	cursor:pointer;
	outline:none;
	text-decoration:none;
}

.ButtonColor:active{
	position:relative;
	top:1px;	
}
.ButtonSmall{
	font-size:11.5px;	
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	background-color: #00378a;
	border:1px solid #001e4b;
	border-radius:4px;
	padding:2px 6px;	
	display:inline-block;
	cursor:pointer;
	outline:none;
	text-decoration:none;
}

.ButtonSmall:active{
	position:relative;
	top:1px;	
}
/* All Border Styles */
.Border1 {border-width:1px; border-style:solid}
.Border2 {border-width: 2px;  border-style:solid}

.DottedBorder {border-width:1px; border-style:dotted}

.BorderBottom{border-bottom: 1px solid;}
.BorderBottom2{border-bottom: 2px solid;}
.BorderBottomDashed{border-bottom: dashed 1px;}
.BorderBottomDotted{border-bottom: dotted 1px;}

.BorderTop1{border-top: 1px solid;}

.BorderTopDashed{border-top: dashed 1px;}
.BorderTopDotted{border-top: dotted 1px;}
.BorderRight{border-right: 1px solid #7695b4;}
.BorderLeft{border-left: 2px dotted;}

.BorderColor1{border-color:#2e3380}
.BorderColor2{border-color:#eff5f9}
.BorderColor3{border-color:#305699}


/* Border Rounded Corners */
.BorderRounded15{border-radius:15px; overflow:hidden;}
.BorderRounded10{border-radius:10px; overflow:hidden;}
.BorderRounded5{border-radius:5px; overflow:hidden;}

.AllCaps{text-transform:uppercase;}
	
/* Table Style */		
.TableStyle {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #717695;
	background-color: #fff;
}
.TableStyle th {
	color:#ffffff;    
    padding:5px 10px;	
	background-color: #305699;
}
.TableStyle td {
	border: 1px solid #717695;    
    padding:4px 10px;
	font-size:13px;	
}
.TableStyle tr:nth-child(even){background-color: #e6e6e6;}

.TextBox{
	font-family: 'Open Sans', sans-serif;	
	padding:5px 3px;
	background-color:#f5fcfe;
	border:1px solid #38c2a2;
	border-radius:4px;
	outline:none;
	box-sizing:border-box;	
}
.TextBox:focus{
	background-color:#f5f5f5;
	border:1px solid #00378a;	
	transition:0.4s;
	outline:none;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

label.required:after { content: "*"; color: red; margin-left: 3px; }

.BottomLinks{
	font-size:13px;	
	color:#3f3f3f;
	text-decoration:none;
}
.BottomLinks:hover{	
	color:#000;	
	text-decoration:underline;	
	transition:0.1s ease;
}
.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom:5px solid transparent;  
  border-left:5px solid #5eb29a;
}
.crossbox1 {
	width:100%;
	background-image:url(../images/crossbg1.png);
	background-size:cover;
	height:150px;
	z-index:1;
	margin-top:-150px;
	position:relative;	
}

.crossbox2 {
	width:100%;
	background-image:url(../images/crossbg2.jpg);
	background-size:cover;
	height:150px;	
	z-index:1;	
	position:relative;	
}
	
@media screen and (max-width:1439px) {
body{FONT-SIZE: 14px;}
.NormalTextBig{FONT-SIZE: 16px;}
.Heading{FONT-SIZE:20px;}
.BiggerText{FONT-SIZE: 24px;}
.LargeText{FONT-SIZE: 32px;}
.Header{
	width:90%;	
	margin:0px 5%;	
	position: absolute;	
}
.InnerHeader{
	width:70%;	
	z-index:2;	
	background-color: rgba(255,255,255,0.75);
	margin:0px 15%;
	position: absolute;	
}
}
@media screen and (max-width:1279px) {
.InnerHeader{
	width:80%;	
	z-index:2;	
	background-color: rgba(255,255,255,0.75);
	margin:0px 10%;
	position: absolute;	
}
}
@media screen and (max-width:1023px) {
body{FONT-SIZE: 14px;}
.NormalTextBig{FONT-SIZE: 16px;}
.Heading{FONT-SIZE:20px;}
.BiggerText{FONT-SIZE: 24px;}
.LargeText{FONT-SIZE: 34px;}
.Header{
	width:100%;	
	margin:0px;	
	position: absolute;	
}
.InnerHeader{
	width:96%;	
	z-index:2;	
	background-color: rgba(255,255,255,0.75);
	margin:0px 2%;
	position: absolute;	
}
}
@media screen and (max-width:767px) {
.LargeText{FONT-SIZE:30px;}
.Header{
	width:100%;	
	margin:0px;	
	position: relative;	
}
.InnerHeader{
	width:98%;	
	z-index:2;	
	background-color: rgba(255,255,255,0.75);
	margin:0px auto;
	position: relative;	
}
}

@media screen and (max-width:639px) {
.BiggerText{FONT-SIZE: 24px;}
.LargeText{FONT-SIZE: 28px;}

}

@media screen and (max-width:479px) {
body {FONT-SIZE: 13px;}
.MediumText {FONT-SIZE: 12px;}
.SmallerText{FONT-SIZE: 11px;}
.NormalText {FONT-SIZE: 14px;}
.Heading {FONT-SIZE:18px; }
.LargeText {FONT-SIZE: 26px;}

}
@media screen and (max-width:359px) {
.LargeText{FONT-SIZE: 28px;}
.BiggerText{FONT-SIZE: 20px;}
}