input:focus, input:active, textarea:focus, textarea:active, a:focus, a:active {

    outline: 0px none !important;

}



ul, ol, h1, h2, h3, h4, h5, h6, p {

    margin: 0;

    padding: 0;

}

/**/

body {

    font-family: 'Lato', sans-serif;

    font-size: 16px;

    line-height: 22px;

    color: #504d4d;

    background: #fff;

    font-weight: 400;

}

h1 {

    font-size: 81px;

    font-family: 'Rokkitt', serif;

    line-height: 81px;

    font-weight: 400;

    color: #000;

}

h2 {

    font-size: 35px;

    font-family: 'Rokkitt', serif;

    line-height: 40px;

}

h3 {

    font-size: 31px;

    font-family: 'Rokkitt', serif;

    line-height: 35px;

    text-transform: uppercase;

    color: #fff;

}

h4 {

    font-size: 16px;

    font-family: 'Rokkitt', serif;

    line-height: 24px;

    color: #2f2f2f;

    text-transform: uppercase;

}

h5 {

    font-size: 23px;

    line-height: 25px;

    text-transform: uppercase;

    color: #fff;

}

h6 {

    font-size: 20px;

    line-height: 22px;

    text-transform: uppercase;

    color: #fff;

}

p {

    margin-bottom: 18px;

}

a {

    text-decoration: none;

    color: #8e8e8e;

}

a:hover {

    color: #ddd;

    text-decoration: none;

}

ul li {

    list-style: none;

}

strong {

    font-weight: bold;

}

img {

    max-width: 100%;

}



/*** Begin Header Section *************************************************************************************/

.header-top {

    width: 100%;

    float: left;

    padding-top: 25px;

    padding-bottom: 30px;

}

.logo-block-outer {

    width: 100%;

    float: left;

}

.logo-block {

    width: 100%;

    float: left;

    padding-left: 31px;

}

.logo-text {

    width: 50%;

    float: left;

    padding-top: 20px;

    padding-left: 22px;

}

.logo-text h1 {

    line-height: 37px;

}

.logo-text span {

    color: #1095c6;

    float: left;

    font-size: 31px;

    line-height: 33px;

    padding-bottom: 5px;

}

.header-right {

    width: 100%;

    float: left;

}

.header-logo-right {

    width: 100%;

    float: left;

}

.header-right-top {

    width: 100%;

    float: right;

}

.header-right-top ul {

    width: auto;

    float: right;

}

.header-right-top ul li {

    float: left;

    background: url(../images/top_menu_border.png) no-repeat left 2px;

    line-height: 14px;

    padding: 0 5px;

}

.header-right-top ul li:first-child {

    background: none;

}

.header-right-top ul li a {

    float: left;

    color: #584caf;

    font-size: 14px;

    line-height: 14px;

    text-transform: uppercase;

    padding: 2px 4px 5px;

}

.header-right-top ul li a:hover, .header-right-top ul li.top-active a {

    background: #4aa5c3;

    color: #fff;

}



.header-right-bottom {

    float: right;

    padding-top: 25px; /** 76px; **/

    width: auto;

}

.header-right-bottom img {
    max-width: 200px;
}

.header-bottom {

    width: 100%;

    float: left;

    border-top: 3px solid #d1d2d2;

    border-bottom: 1px solid #c9c9c9;

	margin-bottom: 25px;

}



/*** Begin Menu Section ***************************************************************************************/

.menu-block {

	float: left;

	width: 100%;

	padding: 0 24px;

	position:relative;

	z-index:200;

	margin: 5px 0 6px;

	background: url(../images/menu-bg.png) repeat-x;

	border-top: 1px solid #134284;

	border-bottom: 1px solid #0f3264;

}

.menu-block ul {

	float: left;

	width: 100%;

	list-style: none;

}

.menu-block > ul > li {

	float: left;

	padding: 8px 16px 8px 12px;

	position: relative;

}

.menu-block > ul > li a {

	font-weight: 700;

	color: #FFF;

	line-height: 20px;

	text-transform: uppercase;

	position: relative;

	font-size: 17px;

}

.menu-block > ul > li:hover > a:after,

.menu-block > ul > li.active-menu-item > a:after {

	content: "";

	height: 7px;

	width: 100%;

	bottom: -24px;

	left: 0;

	position: absolute;

	background: #19325a;

}

.megamenu > li .megamenu_fullwidth {

	position:absolute;

	top: 53px;

	left:-9999em;

	z-index:9998;

	float:left;

	min-width: 550px;

	margin:0 0 40px -1px;

	padding: 16px 20px 22px 24px;

	border-radius:1px;	

	border: 1px solid #0a90f8;

	background: #ecebec;

	display: none;

	/* left: 0;

	display: block !important; */

}

.mg-mobile-content {

	float: left;

	width: 100%;

	display: none;

}

.mg-mobile-content p {

	font-family: 'Rokkitt', serif;

	font-size: 19px;

	color: #19325a;

	font-weight: 700;

}

.megamenu_fullwidth ul {

	float: left;

	width: 100%;

	position: relative;

}

.megamenu_fullwidth ul:after {

	content: "";

	position: absolute;

	height: 100%;

	width: 1px;

	background: #aeb5c2;

	left: 0;

	right: 0;

	margin: 0 auto;

}

.megamenu_fullwidth ul li {

	float: left;

	width: 50%;

	padding-top: 14px; 

}



.megamenu_fullwidth ul li.mg-menu-even-item {

	padding-left: 26px;

}

.megamenu_fullwidth ul li a {

	display: table;

	width: 100%;

    table-layout: fixed;

}

.mg-menu-image {

	display: table-cell;

	width: 25%;

	vertical-align: middle;

	height: 50px;

	overflow: hidden;

}

.mg-menu-title {

	display: table-cell;

	padding-left: 22px;

	vertical-align: middle;

}

.mg-menu-title h5 {

	font-size: 14px;

	line-height: 16px;

	color: #19325a;

	text-transform: uppercase;

}

.megamenu_fullwidth ul li a:hover h5 {

	color: #4aa5c3;

}

.mobile-subnav-trigger {

	display: none;

	content: ">";

	padding: 12px;

    position: absolute;

    right: 28px;

    top: 3px;

	color: #FFF;

	line-height: 14px;

	cursor: pointer;

}

/*** End Menu Section ***************************************************************************************/



/*** End Header Section ***************************************************************************************/



/*** Begin Content Section ************************************************************************************/

#content {

	float: left;

	width: 100%;

}

.content-block {

    width: 100%;

    float: left;

}

.top-content {

    width: 100%;

    float: left;

    padding: 0 0 15px; /** 0px 0 45px; **/

}

.banner-block {

    width: 71%;

    float: left;

}

.banner-image {

    width: 100%;

    float: left;

    position: relative;

}

.banner-overlay {

    background: rgba(0,0, 0, .7);

    padding: 0 20px;

    position: absolute;

    top: 0;

    left: 30px;

}

.banner-overlay-content {

    max-width: 210px;

    padding-top: 16px;

    padding-bottom: 17px;

}

.banner-overlay h5 {

    font-size: 22px;

    text-align: center;

    line-height: 22px;

    padding-bottom: 20px;

}

.banner-overlay span {

    font-size: 45px;

    color: #7fdafc;

    width: 100%;

    line-height: 39px;

    text-align: center;

    display:inline-block;

    font-family: 'Rokkitt', serif;

}

.banner-overlay p {

    font-size: 15px;

    color: #fff;

    margin-bottom: 22px;

}

.large-text {

    font-size: 120px;

    color: #fff;

    line-height: 59px;

    text-align: center;

    font-family: 'Rokkitt', serif;

}

.largest-text{

    font-size: 150px;

    color: #fff;

    line-height: 93px;

    text-align: center;

    font-family: 'Rokkitt', serif;

}

.whats-new-block {

    width: 29%;

    float: left;

	padding-left:30px;

}

/*** End Content Section **************************************************************************************/



/*** Begin Footer Section *************************************************************************************/

#footer {

	float: left;

	width: 100%;

}

.footer-outer {

    width: 100%;

    float: left;

    position: relative;

    background: #0a3b80;

    background-image: url(../images/footer_bg.png); /* fallback */

    background-image: url(../images/footer_bg.png), -webkit-gradient(linear, left top, left bottom, from(#0a3b80), to(#06295c)); /* Saf4+, Chrome */

    background-image: url(../images/footer_bg.png), -webkit-linear-gradient(top, #0a3b80, #06295c); /* Chrome 10+, Saf5.1+ */

    background-image: url(../images/footer_bg.png), -moz-linear-gradient(top, #0a3b80, #06295c); /* FF3.6+ */

    background-image: url(../images/footer_bg.png), -o-linear-gradient(top, #0a3b80, #06295c); /* Opera 11.10+ */

    background-image: url(../images/footer_bg.png), linear-gradient(to bottom, #0a3b80, #06295c); /* W3C */

    background-repeat: no-repeat;

    background-position: right -9px;

    padding: 42px 42px 30px 21px;

	

	-webkit-box-shadow: 0 -17px 22px -5px rgba(0,0,0,0.24);

		-moz-box-shadow: 0 -17px 22px -5px rgba(0,0,0,0.24);

			box-shadow: 0 -17px 22px -5px rgba(0,0,0,0.24);

	

}



.footer-top {

    width: 100%;

    float: left;

}

.footer-menu {

    width: 25%;

    float: left;

}

.footer-menu-mobile {

    position: absolute;

    left: 233px;

}

.footer-menu h5 {

    padding-bottom: 26px;

}

.footer-item {

    width: 100%;

    float: left;

    border-left: 1px solid #fff;

    padding-left: 18px;

    margin-left: 17px;

}

.footer-menu ul {

    width: 100%;

    float: left;

    margin-top: -6px;

}

.footer-menu ul li {

    float: left;

    width: 100%;

}

.footer-menu ul li a {

    float: left;

    color: #fff;

    font-size: 16px;

    line-height: 24px;

}

.footer-bottom {

    float: left;

    width: 100%;

    padding-top: 60px;

}

.footer-bottom-left {

    float: left;

    width: 46%;

    padding-left: 6px;

}

.footer-bottom-left h6 {

    padding-bottom: 6px;

}

.footer-bottom-right {

    float: right;

    width: 50%;

    padding-top: 106px;

}

.footer-bottom-left p {

    margin-bottom: 0;

    font-size: 15px;

    color: #fff;

}

.footer-right-menu ul {

    float: left;

    width: 100%;

}

.footer-right-menu ul li {

    float: left;

    padding: 0 9px;

    background: url(../images/footer_bootom_border.png) no-repeat left;

    line-height: 14px;

}

.footer-right-menu ul li:first-child {

    background: none;

}

.footer-right-menu ul li a {

    float: left;

    color: #fff;

    font-size: 14px;

    line-height: 34px;

}

.social-icons {

    float: left;

    width: 20%;

}

.footer-right-menu {

    float: left;

    width: 80%;

}

.social-icons ul {

    float: right;

    width: auto;

}

.social-icons ul li {

    float: left;

    padding-left: 5px;

}

.footer-menu-block {

    float: left;

    width: 100%;

}

/*** End Footer Section ***************************************************************************************/



.device-helper {

	display: none;

    height: 1px;

    text-indent: -9999em;

    width: 1px;

}







/***************/





/***-----news block starts here ---***/





.whats-new-block h2{

	float:left;

	width:100%;

	font-size:44px;

	border-bottom:1px solid #909090;	

	padding-bottom:3px;

	margin-bottom:15px;

}



.whats-new-block h2 strong{

	float:left;

	width:100%;

	font-size: 105px;

    line-height: 76px;

}



.whats-new-block  ul{

	float:left;

	width:100%;

}



.whats-new-block  ul li{

	float:left;

	width:100%;

	padding-top: 13px;

}



.whats-new-block  ul li:first-child{

	padding:0;

}



.date-details{

	float:left;

	width:auto;

}



.whats-new-block  ul li p a {

	font-family: 'Lato', sans-serif;

	font-weight:600;

	color:#312e7c;

	font-size:16px;

}

.whats-new-block  ul li p a.date {

	background:url('../images/static/state_icon.png') left center no-repeat;

	padding-left:40px;

	line-height:20px;

	margin-right:5px;

}



.whats-new-block  ul li p{

	width:auto;

	font-family: 'Lato', sans-serif;

	font-size:16px;

	font-weight:400;

	line-height: 20px;

	margin-bottom: 0;

}



.whats-new-block  ul li p a:hover{

	color:#4aa5c3;

}



.bottom-content{

	float:left;

	width:100%;

	padding-bottom:30px;

}



.image-lists{

	float:left;

	width:100%;

}



.image-lists ul{

	float:left;

	width:102%;

	margin-left:-1.4%;

}





.image-lists ul li{

	float:left;

	width:auto;

	margin-left:1.4%;

	

}





/**--- inner page starts here --***/



.content-left{

	float:left;

	width:29.2%;

	padding: 12px 23px;

	

	background: rgba(217,231,251,1);

	background: -moz-linear-gradient(top, rgba(217,231,251,1) 0%, rgba(221,234,252,1) 20%, rgba(229,238,252,1) 51%, rgba(244,248,254,1) 71%, rgba(251,252,255,1) 100%);

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,231,251,1)), color-stop(20%, rgba(221,234,252,1)), color-stop(51%, rgba(229,238,252,1)), color-stop(71%, rgba(244,248,254,1)), color-stop(100%, rgba(251,252,255,1)));

	background: -webkit-linear-gradient(top, rgba(217,231,251,1) 0%, rgba(221,234,252,1) 20%, rgba(229,238,252,1) 51%, rgba(244,248,254,1) 71%, rgba(251,252,255,1) 100%);

	background: -o-linear-gradient(top, rgba(217,231,251,1) 0%, rgba(221,234,252,1) 20%, rgba(229,238,252,1) 51%, rgba(244,248,254,1) 71%, rgba(251,252,255,1) 100%);

	background: -ms-linear-gradient(top, rgba(217,231,251,1) 0%, rgba(221,234,252,1) 20%, rgba(229,238,252,1) 51%, rgba(244,248,254,1) 71%, rgba(251,252,255,1) 100%);

	background: linear-gradient(to bottom, rgba(217,231,251,1) 0%, rgba(221,234,252,1) 20%, rgba(229,238,252,1) 51%, rgba(244,248,254,1) 71%, rgba(251,252,255,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e7fb', endColorstr='#fbfcff', GradientType=0 );



	

}



.content-left h3{

	float:left;

	font-size:29px;

	font-family: "Lato",sans-serif;

	color:#585859;

	width:100%;

	margin-bottom:5px;

}



.content-left h2{

	color:#0b3b80;

	font-size:49px;

	margin-bottom:10px;

	float: left; 

	margin-bottom: 15px;

	

}



.content-left p{

	float:left;

	font-size:22px;

	font-family: "Rokkitt",serif;

	color:#19325a;

	padding-bottom:17px;

	margin-bottom:10px;

	border-bottom:1px solid #19325a;

	padding-left: 7px;

	

}



.content-left ul{	

	float:left;

	width:100%;

}



.content-left ul li{	

	float:left;

	width:100%;

	list-style:none;

	background:url(../images/arrow-img.png) left 10px no-repeat;

	padding:1px 0 1px 15px;

}



.content-left ul li a{

	float:left;

	width:100%;

	color:#19325a;

	font-size:16px;

	font-weight:600;

	font-family: "Lato",sans-serif;

}



.content-left ul li a:hover{

	color:#59595b;

}



.content-right{	

	float:left;

	width:70.8%;

	padding:20px  0 25px 5%;



}



/**-- results head--**/

#results-head {

    width: 100%;

}



#results-head-row {

}



#results-head-row div {

    height: 30px;

    color: #ffffff;

    font-size: 0.9em;

    padding: 4px 8px;

    text-transform: uppercase;

}



#results-search {

    background-color: #087790;

    width: 70%;

    float: left;

    border-right: 2px solid #ffffff;

}



#results-share {

    width: 30%;

    float: right;

    background-color: #414344;    

}

#results-share a {

    display: block;

    margin: 0;

    width: 100%;

    height: 100%;

    color: #ffffff;

    text-decoration: none;

}

#results-link {

    display: none;

    padding: 4px 10px;

    background-color: #ccf0f7;   

    clear: both;

}



#results-link input {

    border: 1px solid #c7c9ca;

    margin-left: 10px;

    padding: 1px 10px;

    width: 80%;

}



/**-- footer--**/





.footer-menu-block h2{

	float:left;

	width:100%;

	display:none;

	text-align:center;

}



.menu-mobile {

    color: #ff0000;

	float: left;

	position:inherit;

	width:100%;

	left:inherit;

	padding: 0 10px 30px;

	display:none;

 }

 

.menu-mobile .footer-item{

	margin-left:0;

	padding-left:0;

}



.menu-mobile  h5{

	color: #08326c;

	font-family: "Rokkitt",serif;

	font-weight:600;

	padding-bottom: 12px;

 }



 .menu-mobile  ul {

	padding:0 15px;

}

 

.menu-mobile  ul li{

	color:#474747;

	background:url('../images/arrow-grey.png') left 8px no-repeat;

	padding-left:20px;

}



.menu-mobile  ul li a{

	color:#474747;

	padding:0  5px 0 3px;

}



.menu-mobile  ul li a:hover{

	background:#35abd6;

    color: #ffffff;

}



@media (max-width:768px) {
   .menu-block > ul > li a {
        color:#fff;
    } 
}

@media (max-width:1011px) {
   .menu-block > ul > li a {
        color:#8e8e8e;
    } 
}