@charset "utf-8";
/* CSS Document */
/*------------------------------------*\
	RESET
\*------------------------------------*/
a,
a:link,
a:visited {
  color:#0084b4;/*color:#172b54;*/
  text-decoration: none;
}
a:focus,
a:hover,
a:active {
  color: #333;
}
h1, h2, h3, h4 {
  color:#172b54;
}
pre,
div.code {
  border-left: 5px solid #172b54;
}
.highlight {
  background: #172b54;
}
li a.active {
  color: #172b54;
}

/*------------------------------------*\
	Pages CSS
\*------------------------------------*/
.item-list .pager .pager-current,
.item-list .pager li a:hover {
  background: #172b54;
  border: 1px solid #172b54;
  color: #fff;
}

/*  Zone branding  */
.zone-branding-wrapper,
.zone-menu-wrapper {
  background-color: #172b54;
}
/* Zone submenu */
.zone-submenu-wrapper {
  background-color: #172b54;
}


/*------------------------------------*\
	NAVIGATION CSS
\*------------------------------------*/
/*
 * Main menu links
 */

ul#main-menu li a:hover,
ul#main-menu li a.active:hover,
ul#main-menu li a.active,
.zone-menu ul.menu li a:hover,
.zone-menu ul.menu li a.active:hover,
.zone-menu ul.menu li a.active,
.zone-menu ul.menu li.active-trail a {
  background-color: #c9992c;
}

.zone-menu ul.nice-menu li.active-trail a,
.zone-menu ul.nice-menu li a.active,
.zone-menu ul.nice-menu li a:hover,
.zone-menu ul.nice-menu li.over a {
  background-color: #c9992c;
}
.zone-menu ul.nice-menu ul {
  border: none ;
  background-color: #172b54;
}

/* Search menu item */
.zone-menu ul.nice-menu li.menu-path-search { 
  background-color: #172b54;
}

/* Home menu item */
.zone-menu ul.nice-menu li.menu-path-front a:hover,
.zone-menu ul.nice-menu li.menu-path-front a.active,
.zone-menu ul.nice-menu li.menu-path-front {
  background: none;
  font-size:0pt;
  background-color: #172b54;
  background: url(../images/home_icon.png) center center no-repeat;
  top:5px;
}


/* User menu */
.block-system-user-menu ul.menu a {
  border-right: 1px solid #c7e5e5;
  color: #c7e5e5;
}
.block-system-user-menu ul li.last a {
  border: none;
}
.block-system-user-menu ul.menu a:hover,
.block-system-user-menu ul.menu a.active {
  color: #fff;
}

/* Footer menu */
.zone-footer .block-menu {
  border-bottom: 2px solid #172b54;
}
.zone-footer ul.menu li a:hover,
.zone-footer ul.menu li a.active {
  color: #172b54;
}

/* Mobile menu */
ul#om-menu-mobile-menu li.om-leaf.open #menu-item-menu {
  background: #065959 url(../images/icon-menu-menu.png) 10px center no-repeat;
}
ul#om-menu-mobile-menu li.om-leaf.open #menu-item-search {
  background: #065959 url(../images/icon-menu-search.png) 10px center no-repeat;
}
ul#om-menu-mobile-menu li.om-leaf.open #menu-item-account {
  background: #065959 url(../images/icon-menu-account.png) 10px center no-repeat;
}

.ui-accordion .ui-accordion-header span.accordion-link,
.ui-accordion .ui-accordion-header a.accordion-link {
  color: #172b54;
}

/*------------------------------------*\
	BLOCKS CSS
\*------------------------------------*/

h2.block-title {
  border-bottom: 2px solid #172b54;
}
.views-field-view-node a:hover,
li.node-readmore a:hover {
  color: #172b54;
}
article.node-article.node-teaser .node-title a:hover,
article.node-photos.node-teaser .node-title a:hover,
.view-article-slideshow .attachment .views-field-title a:hover,
.block-topic-news .view-content .views-field-title a:hover,
.block-topic-news .attachment .more-link a:hover,
.block-breaking-news h2.block-title,
.block-breaking-news .content .views-field-title a:hover,
article.node-article.node-teaser .node-title a:hover,
.block-latest-news .views-row .views-field-title a:hover,
.block-most-read .views-row .views-field-title a:hover,
.block-video-block .views-field-title a:hover,
.block-comments-recent-block li a:hover {
  color: #172b54;
}

/* Block slideshow */
.view-list-photos .views-slideshow-pager-fields .views-slideshow-pager-field-item.active,
.view-article-slideshow .views-slideshow-pager-fields .views-slideshow-pager-field-item.active {
  background: url(../images/blue/slideshow-nav-active.png) 0 0 no-repeat;
}
.view-list-photos .views-row .views-field-title a:hover { color: #172b54; }

/* Multimedia */
.block-video-block .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
  background: url(../images/blue/jcarousel-prev-hover.png) 0 0 no-repeat;
}
.block-video-block .jcarousel-skin-default .jcarousel-next-horizontal:hover {
  background: url(../images/blue/jcarousel-next-hover.png) 0 0 no-repeat;
}
/*------------------------------------*\
	FORMS CSS
\*------------------------------------*/
button, input[type="reset"], input[type="submit"], input[type="button"] { background: none repeat scroll 0 0 #172b54; }
input.form-submit:hover,
.section-content .block-simplenews .block-inner input.form-submit:hover {
  background-color: #172b54; /*url(../images/blue/button-hover.png) 0 center repeat-x;*/
}
.section-content .block-simplenews .block-inner input.form-submit {
  background-color: #172b54; /*url("../images/blue/button-hover.png") repeat-x scroll 0 center rgba(0, 0, 0, 0);*/
}
ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #172b54;
}
#footer-sitemap{
	background-color: #172b54;
}
#footer-sitemap a{
	color:#fff;
}




ul.footer_links_main-menu.total-items-6.parent-items-0.single-items-0{display: table;
	width: 90%;}
ul.footer_links_main-menu.total-items-6.parent-items-0.single-items-0 li {width:16%}
ul.footer_links_main-menu.total-items-6.parent-items-0.single-items-0 li li {width:100%}
/* big social media icons added by ranj sarraj */
ul.pack {
	display: table;
	width: 100%;
	/*table-layout: fixed;*/
}
ul.pack li {
	display: table-cell;
}
.social-follow__icon:hover {
	opacity: .6;
}
a:hover {
	color: #001124;
	text-decoration: underline;
}
a:active, a:hover {
	outline: 0;
}
a.social-follow--facebook {
	background-position: 0 0;
}


a.social-follow__icon {
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	height: 50px;
	width: 50px;
	background-image: url(/sites/all/themes/quatro/images/icons-social-follow.svg);
	background-repeat: no-repeat;
	-webkit-transition: opacity .35s ease-in-out;
	transition: opacity .35s ease-in-out;
	background-size: cover;
	opacity: 1;
}
div.social-follow__title{
	display:none;
}
@media (min-width: 480px){
	a.social-follow__icon {
		height: 100px;
		width: 100px;
	}
}

@media (min-width: 1200px){
	a.social-follow__icon {
		height: 120px;
			width: 120px;
	}
}


a.social-follow--twitter {
	background-position: -50px 0;
}
a.social-follow--instagram {
	background-position: -100px 0;
}
a.social-follow--youtube {
	background-position: -150px 0;
}
a.social-follow--googleplus {
	background-position: -200px 0;
}

@media (min-width: 480px){
	div.social-follow__title{
		display:none;
	}
	a.social-follow--twitter {
		background-position: -100px 0;
	}
	a.social-follow--instagram {
		background-position: -200px 0;
	}
	a.social-follow--youtube {
		background-position: -300px 0;
	}
	a.social-follow--googleplus {
		background-position: -400px 0;
	}
}


@media (min-width: 1200px){
	a.social-follow--twitter {
		background-position: -120px 0;
	}
	a.social-follow--instagram {
		background-position: -240px 0;
	}
	a.social-follow--youtube {
		background-position: -360px 0;
	}
	a.social-follow--googleplus {
		background-position: -480px 0;
	}
}


.auis-home-page-norrow-box{
	width:100%;padding:0px 0px 20px 0px;
}
.auis-home-page-wide-box{
	width:100%;padding:0px 0px 20px 0px;
}

@media (min-width:980px){
	.auis-home-page-norrow-box{
		width:200px; height: 281px; margin: 0px 13px 26px 0px; float:left
	}

	.auis-home-page-wide-box{
		width:426px; height: 127px; margin: 0px 0px 26px  13px;float:left
	}
}

@media (min-width:1220px){
	.auis-home-page-norrow-box{
		width:265px; height:380px; margin: 0px 13px 26px 0px; float:left
	}

	.auis-home-page-wide-box{
		width:555px; height: 177px; margin: 0px 0px 6px  13px;float:left
	}
}

.home-page-under-slider{
	width:70px;
	/*margin:0 13px;*/
	vertical-align:bottom;
}
.home-page-under-slider-outer{
	width:16%;
	float:left;
	
}
.home-page-under-slider-outer img, .home-page-under-slider-outer span {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.home-page-under-slider-outer a{text-align:center;}

.homePageSliderOverlayText {	
	position: absolute;
	float:left;
	top: 0px;
	left: 0px;
	z-index: 9;
	font-size:300%;
	color:#fff;
	
}
.homePageSliderOverlayText img{width:100%; height:100%;}

.AUISstickymenu , .AUISstickymenumobile{
	position: fixed;
	z-index: 99999;
	width: 100%;
	top: 0px;
}

@media (max-width:767px){
.AUISstickymenu{display:none;}

}







#block-block-17 .block-inner.clearfix {
	background: none;
}

#block-views-video-block-1 .block-inner.clearfix {
	background: none;
}

#block-block-114 {
		height: 400px !important;
	}


div#zone-footer {
	margin-bottom: 0px !important;
}
.zone-footer {
	background-color: #172b54;
	padding:10px 50px 50px 50px;
}
.region-inner.region-footer-first-inner {
	background-color: #172b54;
}
.AUIS_a_disabled{
	text-transform:none;
	cursor: pointer;
}
div.view-article-slider-large div.views-field-title{background:none; bottom:100%}
div#block-views-article-slider-large-block {
	border-top: 4px solid #c9992c;
	border-bottom: 4px solid #c9992c;
}




.mean-container .mean-nav ul li a.mean-expand {
	margin-top: -10px;
	margin-bottom: 5px;
	width: 26px;
	height: 13px !important;
	padding: 12px!important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	/*background: rgba(255,255,255,.1);*/
	border: 0!important;
	border-left: 1px solid rgba(255,255,255,.4)!important;
	border-bottom: 1px solid rgba(255,255,255,.2)!important;
}


footer#section-footer {
	background-color: #172b54;
}


#hp-buttons ul{width:150px;font-size: 120%;}
#hp-buttons ul li {width:100%;}
.btn-u {
	border-radius: 4px;
	width:100px;
	display: inline-block;
	position: relative;
	padding: 8px 13px;
	border: 0;
	cursor: pointer;
	background: #c9992c;
	text-decoration: none;
	text-shadow: none;
	color:#172b54;
	margin-bottom:2px;
}
.fs-block-content{float:left;width:80%}
#hp-buttons{float:right;margin-top:50px;}




@media (max-width:1024px){
	.fs-block-content{}
}


@media (max-width:980px){
	.home-page-under-slider{width:50px;}
	.fs-block-content{float:left;width:100%}
	#hp-buttons{float:left;margin-top:50px;width:100%}
	#hp-buttons ul{width:100%}
	#hp-buttons ul li {width:20%}
}
@media (max-width:480px){
	.home-page-under-slider{width:30px;}
	.home-page-under-slider-outer span{display:none;}

}
@media (min-width:480px){
	div.view-id-topic_events div.view-content{min-height: 180px;}
	#block-block-11 div.block-inner.clearfix{padding:4px 15px;}
}


@media (min-width: 720px){
	.logo-img{
		width:400px;
	}
	ul.footer_links_menu-footer-sitemap  {width:100%;}
	ul.footer_links_menu-footer-sitemap:first-child  {padding:20px !important;margin:20px !important;}
	ul.footer_links_menu-footer-sitemap:first-child li {width:20%; font-size:150%; font-weight:700;}
	#footer-sitemap ul li ul {margin: 0; padding: 0;padding-top: 30px;}
	ul.footer_links_menu-footer-sitemap:first-child li ul li {width:90%;font-size:100%; font-weight:normal;}
	ul.footer_links_menu-footer-sitemap li a:hover{text-decoration: underline !important;}
	#block-menu-menu-footer-menu{display:none;}
	#block-block-8{display:none;}
	#block-footer-sitemap-footer-sitemap h2{display:none};
	
}
@media (max-width: 720px){
	.view-list-articles .views-field-field-image {
		width:100%;
	}
	#block-block-11{display:none;}
	#block-block-9{display:none;}
	#block-block-19{display:none;}
	#block-views-video-block-1{display:none;}
	.block-topic-news .view-content .views-field-title a {font-size:100%}
	a.meanmenu-reveal{left: 0px; right: auto; /* text-align: center; */ text-indent: 0px; font-size: 10px; width: 100%;}
	ul.nice-menu a {padding:0px;}
	ul.footer_links_main-menu{display:none;}
	#block-menu-menu-footer-menu{display:block;}
	#block-block-8{display:block;}
	#block-footer-sitemap-footer-sitemap h2{display:none;}
	#zone-footer-wrapper {display:none;}
	
}

#region-sidebar-second{
	position:relative !important;
	left:0px !important;
	top:0px !important;
}



















a.meanmenu-reveal {
    display: none
}

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: relative;
    background: #c9992c !important;
    padding: 4px 0;
    min-height: 42px;
    z-index: 999999
}

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
    text-indent: 0em;
    line-height: 22px;
    font-size: 14px;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 3px;
    margin-top: 3px
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #0c1923;
    margin-top: 44px
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%
}

.mean-container .mean-nav ul li a,.mean-container .mean-nav ul li span {
    display: block;
    float: left;
    width: 90%;
    padding: 1em 5%;
    margin: 0;
    text-align: left;
    color: #fff;
    border-top: 0px solid #383838;
    border-top: 0px solid rgba(255,255,255,.5);
    text-decoration: none;
    text-transform: uppercase
}

.mean-container .mean-nav ul li li a {
    width: 80%;
    padding: 1em 10%;
    border-top: 0px solid #f1f1f1;
    border-top: 0px solid rgba(255,255,255,.0);
    opacity: .75;
    filter: alpha(opacity=75);
    text-shadow: none!important;
    visibility: visible
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: 0;
    margin-bottom: 0
}

.mean-container .mean-nav ul li li li a {
    width: 70%;
    padding: 1em 15%
}

.mean-container .mean-nav ul li li li li a {
    width: 60%;
    padding: 1em 20%
}

.mean-container .mean-nav ul li li li li li a {
    width: 50%;
    padding: 1em 25%
}

.mean-container .mean-nav ul li a:hover {
    background: #252525;
    background: rgba(255,255,255,.1)
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 26px;
    height: 32px;
    padding: 12px!important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: rgba(255,255,255,0);
    border: 0!important;
    border-left: 0px solid rgba(255,255,255,0)!important;
    border-bottom: 0px solid rgba(255,255,255,0)!important
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(0,0,0,0)
}

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0
}

.mean-container .mean-bar,.mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mean-remove {
    display: none!important
}
