/* =================================== */
/*	Basic Style 
/* =================================== */

html{
	font-size: 16px;	
}
head{
	font-size: 1rem;
}
body{
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
	color: #252525;
}

figure, p, address{
	margin: 0;
}

p{
	line-height: 1.6;
}

.site-content p {
	margin: 0 0 10px;	
}

.site-content li {
	margin: 0 0 5px;	
}

iframe{
	border: 0;
}

.wow {
   visibility: hidden;
}

a{
	color: #22772D;
	position: relative;
	padding-right: 0;
}

.link-inverse{
	color: #FFF;
}
.link-inverse.link-underline{
	border-bottom: 1px solid #FFF;
}
a:hover,
a:focus {
    color: #22772d
}

a.btn:hover,
a.btn:focus {
    color: #fff;
}

a:not(.block-a):hover{
	text-decoration: none;
	/*border-bottom: 1px solid #22772D; */
	border-color: #22772d;
}
.link-inverse {
	background-color: #22772d;
	border: 0;
}
.link-inverse:hover,
.link-inverse:focus{
	color: #fff;
}
.link-inverse.link-underline:hover{
	border-bottom: 1px solid #fff;
}

.block-a:hover {
    text-decoration: none;
}
a:focus{
	text-decoration: none;	
	outline: 1px dotted #22772D;
}
a.clean-a:hover,
a.clean-a:focus{
	text-decoration: none;	
	border-bottom: 0;
}
footer a:hover,
footer a:focus{
	color: #FFF;
    text-decoration: none;
}
a.has-caret{
	padding-right: 15px;
}
a.has-caret:after{
	position: absolute;
	content: "\f054";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
	float: right;
	vertical-align: bottom;
	padding-top: 5px;
	padding-left: 5px;
}
a.block-a{
	display: block;
	padding-right: 0;	
}

#feedback-message{
	display: none;
}

header a,
a.no-caret{
	padding-right: 0;
}

.btn:focus{
	color: #FFF;	
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #252525;
}

.is-hidden{
	display: none;
}

.is-blur{
	filter: blur(2px);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
}

main{
	/*padding-top: 5.625rem;*/
		padding-top:2.4rem;
}

main > section{
	padding: 3rem 0;
	border-top: 1px solid #ccc;
}

.btn{
	position: relative;
	color: #fff;
	background-color: #2D2277;
	border-radius: 0;
	border: 1px solid transparent;
	overflow: hidden;
	text-transform: uppercase;
}

.btn:hover{
	background: #22772D;
	color: #FFF;
}

.btn-padded, .btn-action{
	padding: 1rem 4rem;
}

.btn-action:after{
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	-webkit-font-smoothing: antialiased;
	height: 100%;
	font-size: 125%;
	color: #FFF;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	left: 130%;
	top: 31%;
}
.btn-action:hover:after{
	left: 80%;
}

.btn-action[data-state="more"]:after{
	content: "\f063"; /* fa-arrow-down */
}
.btn-action[data-state="fewer"]:after{
	content: "\f062"; /* fa-arrow-up */
}
.btn-action[data-state="opinion"]:after{
	content: "\f0a1"; /* fa-bullhorn */
}
.btn-action[data-state="look"]:after{
	content: "\f06e"; /* fa-eye */
}
.btn-action[data-state="search"]:after{
	content: "\f002"; /* fa-search */
}
.btn-action[data-state="confirm"]:after{
	content: "\f00c" /* fa-check */
}
.btn-action[data-state="reset"]:after{
	content: "\f01e" /* fa-check */
}

.sec-title {
	margin-bottom: 1.5rem;
}

.sec-title.white {
	color: #fff;
}

.sec-title h2 {
	font-size: 2.25rem;
	margin: 0 0 1rem;
	padding-bottom: 0.75rem;
	position: relative;
	text-transform: uppercase;
}

.sec-title.white h2 {
	color: #fff;
}

.sec-title h2:after {
	border-bottom: 1px solid #22772D;
	content: "";
	display: block;
	left: 45%;
	bottom: 0;
	position: absolute;
	width: 115px;
}

.sec-title.white h2:after {
	border-bottom: 1px solid #fff;
}

.parallax {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

div.clear{
	clear: both;
	height: 0px;
	margin: 0;
	font-size: 0.05rem;
	line-height: 0;
}

.text-center > div{
	float: none;	
}

textarea{
	resize: none;	
}

form:not(.form-search) div.row > div:first-child{
	text-align: left;	
}

.modal-content{
	border-radius: 0;	
}

/*
	Old IE styles
*/
body.old-ie .btn-effect:hover,
body.old-ie .btn-effect:focus,
body.old-ie .btn-effect:active {
	background-color: #FFF;
}

/**
/*	Preloader
/* ==========================================*/

#preloader {
	background: #FFF;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

/* Loading Icon */
.loder-box {
	background: url('../images/sstaffs-logo-inside.png') no-repeat center center;
	/*background-color: rgba(0, 0, 0, 0.02);*/
	height: 300px;
	left: 50%;
	margin-left: -150px;
	margin-top: -150px;
	position: absolute;
	top: 50%;
	width: 300px;
}

.battery{
	background: url('../images/sstaffs-logo-outside.png') no-repeat center center;
	width: 300px;
	height: 300px;
	-webkit-animation: spin 5s linear infinite;
	   -moz-animation: spin 5s linear infinite;
			animation: spin 5s linear infinite;
	margin: 0 auto;
	display: inline-block;
	transform-origin: 149px 150px;
}

@-webkit-keyframes spin{
	0%{
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);		
	}
	100%{
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes spin{
	0%{
		-ms-transform: rotate(0deg);	
		transform: rotate(0deg);
	}
	100%{
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin{
	0%{
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/**
/*	Header
/* ==========================================*/

/* General */
.navbar-fixed-top{
	/*-webkit-transition: all 0.8s ease 0s;
	   -moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		 -o-transition: all 0.8s ease 0s;
			transition: all 0.8s ease 0s;*/

	background-color: #39424e;
	box-shadow:  0px 1px 1px #252525;
	padding: 5px 0;
	min-height: 65px;
}

.navbar-fixed-top.animated-header{
	min-height: 90px;
	padding: 1rem 0;
}

/* Branding */
.navbar-brand,
.navbar-brand-tiny{
	margin: 0;
	padding: 0;
	max-height: 50px;
}

.brand-small{
	display: none;	
	visibility: hidden;
}

.navbar-brand a{
	padding-right: 0;
}

.navbar-brand a:hover{
	border-bottom: 0;
}

/* Navigation */
.navbar-nav{
	margin: 0.25rem	0;
}

.navbar-nav li{
	margin-left: 0.25em;
	display: inline-block;
	vertical-align: middle;
}

.navbar-nav .nav-mobile{
	display: none;	
}

.navbar-nav a{
	font-size: 0.9375rem;
	color: #fff;
}
.navbar-nav a:after{
	padding-top: 0px;	
}

.navbar-nav > li > a{
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus{ 
	/*Overwrite Bootstrap styles */
	background-color: rgba(0,0,0,0);	
	border-bottom:0;
}

.navbar-nav > li > a:focus,
.navbar-brand > a:focus,
.breadcrumb > li > a:focus,
.parent-page-list .parent a:focus,
a.top:focus {
	outline: 1px dotted #fff;
}

.navbar-nav a:not(.nav-icon){
	text-transform: uppercase;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.navbar-nav .nav-icon{
	text-align: center;
	padding: 0.4rem 0.6rem;
}

.navbar-nav .nav-icon:hover{
	background-color: rgba(87, 96, 108, 0.8);
}

.nav-icon .fa{
	display: block;
	margin-bottom: 0.2rem;
}

.nav-icon > small{
	font-size: 0.8rem;
}

#translate{
	display: none;
}

#translate .goog-te-gadget{
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	margin: 0.625rem 0;
}

#translate .goog-te-gadget-simple{
	font-size: 1.25rem;
	padding: 0;
}

.goog-te-gadget-simple span{
	display: inline-block;
}

#translate .goog-te-menu-value{
	padding-right: 0.5rem;
	margin-right: 0;
}

#translate .goog-te-menu2,
#translate .goog-te-menu2 *{
	font-family: 'Open Sans', sans-serif;
	background-color: #F2F2F2;
}

/*=================================================================
	Alerts
=================================================================*/

.row.message{
	text-align: center;	
	color: #FFF;
	background-color: #22772d;
}
.message.panel,
.message.panel > .panel-body{
	margin-top: 0.3em;
	padding-bottom: 0;	
	margin-bottom: 0;
}
#navigation.animated-header .row.message.panel{
	margin-top: 1em;
	background-color: #900;
}

nav a.nav-icon{
	padding-top: 10px;
	padding-bottom: 10px;
}

/*=================================================================
	Ads
=================================================================*/
.ad-container{
	position: relative;	
	z-index: 999;
}
.ad-container img{
	max-width: 100%;
}

/*=================================================================
	Featured Items
==================================================================*/
#featured{
	background-color: #eff3f4;	
}

.featured-item{
	text-align: center;	
	height: 485px;
	padding: 0;
}
.featured-item:hover{
	background-color: rgba(255,255,255,0.5); /*rgba(0, 128, 5, 0.1); */
}

.featured-item a{
	padding: 1rem;	
}

.featured-item-header{
	margin-bottom: 1rem;
	line-height: 1;	
}
.featured-item-title{
	height: 60px;
	text-align: left;
    line-height: 1.2;
}

.featured-item-title h4{
	color: #115e16;
	line-height: 1.3;
	font-size: 1.1rem;
}
.featured-item-header .featured-item-date{
	display: inline-block;
	width: 100%;
	font-size: 0.8rem;
}

.featured-item-header .featured-item-date,
.featured-item-content{
	color: #252525;
}

.featured-item-image-wrap{
	padding: 1rem 0;
	margin: 1rem 0;
	border-top: 1px solid #39424e;
	border-bottom: 1px solid #39424e;
	height: calc(175px + 2rem);
}

.featured-item-image{
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	display:block;
}

.featured-item:hover .featured-item-image img{
	opacity: 0.8;
}

.featured-item-content{
    height: 68px;
    margin: 15px 0px;
    overflow: hidden;
}
.featured-item-content p{
	margin: 0 0 5px;
	font-size: .95rem;
	text-align: justify;
	line-height:1.4;
}
.featured-item:hover .featured-item-more{
	background-color: #22772D;	
}

.older-news{
	margin-top: 1.5rem;	
}

.older-news a {
	color: #115e16;
}
/*=================================================================
	Social media
==================================================================*/
#social-media .sec-title h2:after {
	left: 50%;
	transform: translate(-50%, 0%);
}
.social-card {
	margin-top: 30px;
	color: #fff;
	height: 300px;
	box-shadow: 0 1px 1px #A4A4A4;
	padding: 1rem;
}

.twitter-card {
	background-color: #037cc2;
}

.facebook-card{
	background-color: #38569f;
}

@media only screen and (max-width: 767px ) {
	.social-card-container {
		padding-left: 0;
		padding-right: 0;
	}
}

.social-card .fa-twitter,
.social-card .fa-facebook {
	position: absolute;
	vertical-align: middle;
	right: 3rem;;
	bottom: 0;
	font-size: 7rem;
}

.social-action .btn{
	float: right;
	background: none;
	border: 1px solid #fff;
	padding: 0.5rem;
}
.facebook-card .social-action .btn{
	background-color: #38569f;
}
.twitter-card .social-action .btn{
	background-color: #037cc2;
}

.social-card .btn:hover{
	background: #fff;
	border-color: #fff;
}
.facebook-card .btn:hover {
	color: #38569f;
}
.twitter-card .btn:hover {
	color: #037cc2;
}

.social-tag {
	color: #fff;
	font-weight: 600;
	border-bottom: 0px;
}
.social-tag.has-caret{
	font-weight: 400;
}

a.social-tag:hover,
a.social-tag:focus {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.social-user {
	font-size: 1.2rem;
}

.social-user,
.social-action{
	display: inline-block;
	vertical-align: baseline;		
}

.post-time{
	font-size: .8rem;
}

.social-post .post-content{
	height: 75px;	
	margin-top: 0.75rem;
}

.prev-feed {
	margin-left: 15px;	
}
.next-feed {
	margin-left: 5px;	
}

.social-toggles{
	position: absolute;
	bottom: 1rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.twt-prev,
.twt-next,
.fb-prev,
.fb-next {
	display: inline-block;
	text-align: center;
	width: 25px;
	border: 1px solid #fff;
	padding: 2px;
	cursor: pointer;
	transition: all .5s;
}

.twt-prev:hover,
.twt-next:hover,
.fb-prev:hover,
.fb-next:hover {
	background-color: #22772d;
	transition: all .5s;		
}

/*=================================================================
	Home Slider
==================================================================*/
#home-slider{
	position: relative;
	padding: 0;
}

.sl-slider-wrapper{
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider{
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide{
	z-index: 1;
}

.slide-caption{
	color: #fff;
	display: table;
	height: 100%;
	left: 0;
	min-height: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 11;
}

.slide-caption .caption-content{
	vertical-align: middle;
	display: table-cell;
}
.caption-content{
	background-color: rgba(100,100,100,0.7);	
}
.caption-content h2{
	color: #fff;
	font-size: 3.25rem;
	font-weight: 400;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.caption-content > span{
	display: block;
	font-size: 1.5rem;
	margin-bottom: 45px;
	text-transform: capitalize;
}

.caption-content p{
	font-size: 1.8125rem;
	margin-bottom: 65px;
}

/* The duplicate parts/slices */

.sl-content-slice{
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice{
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child{
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2){
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice{
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child{
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2){
	left: 50%;
	padding: 200px 200px 200px 0px;
}

.sl-prev,
.sl-next{
	padding-right: 0;	
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper{
	position: absolute;
}

.sl-content{
	width: 100%;
	height: 100%;
}

/* Project laughtbox setup */

.fancybox-item.fancybox-close{
	background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent;
	height: 50px;
	right: 0;
	top: 0;
	width: 50px;
}

.fancybox-next span{
	background: url("../images/right.png") no-repeat scroll center center #22772D;
	height: 50px;
	width: 50px;
	right: 0;
}

.fancybox-prev span{
	background: url("../images/left.png") no-repeat scroll center center #22772D;
	height: 50px;
	width: 50px;
	left: 0;
}

/*=================================================================
	Search
==================================================================*/
#search {
	background: url("../images/slider/homebanner-ss.jpg");
	background-position: center top;    /*background-position: 50% -250px;*/
	background-attachment: fixed;
	background-repeat: no-repeat; 
	background-size:cover;
	padding: 0;
	position: relative;
}
p.home-copyright {
    position: absolute;
    right: 10px;
    color: #fff;
    bottom: -10px;
    z-index: 200;
    font-size: .70rem;
	opacity: .7;
}
/*@media (max-height: 850px) {
	#search{
		background-position: 50% -200px;
	}
}
@media (max-height: 660px) {
	#search{
		background-position: 50% -100px;
	}
}
@media (max-height: 550px) {
	#search{
		background-position: 50% 0;
	}
}

@media (max-width: 400px) {
	#search{
		background-position: 50% 0;
	}
}*/

/*
@media (max-width: 500px and max-height: 800px) {
	#search{
		background-position: 50% -200px;
	}
}

@media (max-width: 500px and max-height: 800px) {
	#search{
		background-position: 50% -200px;
	}
}*/
#search h2.search-title {
	color: #fff;
	text-shadow: 1px 1px 10px #111;
}
.overlay.darken {
    background-color: rgba(0,0,0,0.2);
    height: 100%;
    position: relative;
    padding: 0;
    z-index: 100;
    padding-bottom: 3rem;
	/* to compensate new padding of main */
		padding-top: 1.125rem;
}
.overlay.darken .sr-only {
	color: #fff;
}
#search img {
    width: 100%;
	max-width: 600px;
}
.service-wrapper ul,
.task-wrapper ul{
	list-style: none;
	padding-left: 0;
	margin-top: 1.7rem;
	margin-bottom: 0;
}
.service-wrapper li{
	display: inline-block;
	background-color: #22772d;
	cursor: pointer;
}
.task-wrapper li {
	display: inline-block;
	background-color: #772242;
	cursor: pointer;
}
.service-wrapper li:hover,
.task-wrapper li:hover{
	background-color: #252525;
}
.service-wrapper li a,
.task-wrapper li a{
	display: inline-block;
	padding: 0.8215rem;
	color: #fff;
	min-width: 85px;
}
.service-wrapper li a:hover,
.task-wrapper li a:hover{
	border-bottom: 0;
}
#search .input-field .form-control {
	border-color: #3C2D9F;
	padding-right: 70px;
	color: #000;
}
h2.search-title {
	color: #252525;
	text-shadow: 1px 1px 10px #EEE;
	padding: 0;
	margin: 1.7rem 0 1.9rem 0;
	font-size: 2.2rem;
}

.ui-autocomplete{
	background-color: #fff;
	border: #063 1px solid;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 1100;
	min-width: 160px;
	float: left;
}

.ui-menu-item{
	cursor:pointer;
	border-bottom: 1px dashed #22772D;
}

.ui-menu-item:last-child{
	border-bottom: none;
}

.ui-menu-item a{
	display:block;
	padding: 10px 20px;
	transition: none;
	color: #22772D;
}
.ui-menu-item span{
	display:block;
	padding: 10px 20px;
	transition: none;
	color: #22772d;
	border-bottom:0;
}
.ui-state-focus span{
	background-color:#fff;
	color: #22772d;
}
.ui-state-focus{
	background-color:#22772D;	
}

.ui-state-focus a{
	color: #fff;
	text-shadow: 1px 1px #222;
}

.ui-menu-item a small{
	font-style:italic;
	font-size: 75%;
	color: #777;
}

.ui-state-focus a small{
	color:#6F9;
}

/* Collapsable Search */
body:not(.home) #search{
	display: none;	
	margin-top: 0;
	background-image: none;
}
body:not(.home) #search .overlay{
	padding: 0;
	background-color: rgba(0,0,0,0);
}

/*=================================================================
	Services
==================================================================*/
#services{
	background-color: #FFF;
}

.service-icon{
	border: 3px solid transparent;
	display: inline-block;
	height: 75px;
	width: 75px;
	line-height: 90px;
	-webkit-transform: rotate(47deg);
	   -moz-transform: rotate(47deg);
		-ms-transform: rotate(47deg);
		 -o-transform: rotate(47deg);
			transform: rotate(47deg);

	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}

.service-item.service-hover .service-icon{
	border: 3px solid #22772D;
	color: #22772D;
}

.service-icon i{
	-webkit-transform: rotate(-47deg);
	   -moz-transform: rotate(-47deg);
		-ms-transform: rotate(-47deg);
		 -o-transform: rotate(-47deg);
			transform: rotate(-47deg);
}

.service-item h3{
	font-size: 1.125rem;
	text-transform: uppercase;
	height: 43px;
	margin-top: 1.5rem;
	margin-bottom: 0.25rem;
}

.hi-icon a{
	display:block; 
	width:100%; 
	height:100%;  

	position:absolute; 
	top:0px; 
	z-index:100 
}

.hi-icon-wrap{
	text-align: center;
	margin: 0 auto;
}

.hi-icon{
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	width: 80px;
	height: 80px;
	border-radius: 5px;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #2B733B;
}

.hi-icon:after{
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before{
	speak: none;
	font-size: 48px;
	line-height: 80px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon{
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after{
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #2B733B;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}

/* Effect 1a */
.service-item.service-hover .hi-icon{
	background: #2B733B;
	color: #fff;
}

.service-item.service-hover .hi-icon:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.icon-active{
	background: rgba(34,119,45,1) !important;
	color: #fff !important;
}

#more-services-btn{
	margin-top: 1.5rem;	
	margin-bottom: 1.5rem;
}
#more-services{
	display: none;
	margin-top: 1.5rem;
}
#more-services > div.row{
	margin-bottom: 5rem;	
}
.service-item > .block-a{
	color: #818181;
}
.service-item > .block-a:hover{
	color: #2B733B;	
}
.service-item{
	min-height: 200px	
}
#more-services .service-item{
	min-height: 245px;	
}

.service-item h3 a{
	color: inherit;
}

/*=================================================================
	Content
==================================================================*/
/* changed to keep the content aligned with the rest of the page*/
.content {
	padding-top: 2rem;
    padding-bottom: 2rem;
}

.content article h1 {
    font-weight:600;
    font-size: 2rem;
    padding-bottom:1.9rem;
    margin-top: 15px;
}

/* Making table responsive fix */
.content article .table {
	@word-wrap: break-word;
    @word-break: break-word;
}

/*=================================================================
	Contact
==================================================================*/
#contact{
	color: #252525;
	background-color: #575757;        
	transition: background 0.75s ease;
}

#contact.has-map{
	background: url('../images/mapssc.jpg') no-repeat;	
	background-position: center;
	background-size: cover;
	transition: background 0.75s ease;
}

#contact .sec-title{
	width: 	calc(100% - 2rem);
	margin: auto;
	float: none;
}

.dc-contact{
	background-color: #fff;
}

.contact-wrapper{
	background-color: rgba(57, 66, 78, 0.9);
	padding: 1rem;
}

#contact h1, #contact h2{
	font-weight: 400;
}


#contact .fa {
	color: #22772d;
}

.text-padding{
	padding-bottom: 10px;
}

#contact .text-padding .fa {
	color: #252525;
	
}

.contact-box {
	padding: 1rem;
	margin-top: 1rem;
}

.contact-title {
	padding: 1rem 0;
}

.dc-contact{
	position:relative;
	text-align: center;
	border: 1px solid #a8a8a8;
	padding: 1rem;
}
.contact-box .dc-contact{
	height: 345px;
}

#contact-new .fa-book {
	color: #252525;
}

.find-us {
	color: #22772d;
	cursor: pointer;
}
.call-state,
.office-state{
	padding: 0.5rem;
	text-transform:uppercase;
	min-height: 70px;
}
.contact-time {
	font-weight: 600;
}

#contact-new .btn-show-contact .fa{
	color: #252525;
}

.btn-show-contact {
	background-color: #fff;
	box-shadow: 0 1px 1px #a8a8a8;
	padding: 1rem 2rem;
	position: absolute;
	top: 35%;
	left: 1%;
	cursor: pointer;
	font-weight: bold;
	transition: all .2s;
}
.btn-show-contact:hover {
	background-color: #f2f2f2;
	transition: all .2s;
}
@media only screen and (max-width: 447px) {
	.btn-show-contact {
		top: 20%;
		left:2%;
	}
}
#div-map {
	height: 350px;
}

@media only screen and (min-width: 525px) and (max-width: 767px) {
	.res-contact,
	.res-address {
		width: 50%;
	}
	.res-timing {
		width: 100%;
		margin-top: 30px;
	}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
	#contact-new p {
		margin: 0;
	}
	.contact-box .dc-contact{
		height: 350px;
	}
	h4.call-state,
	h4.office-state {
		padding: 0;
	}
}

.input-field {
    margin-bottom: 10px;
}

.form-control {
	border: 1px solid #ececec;
	border-radius: 0;
	box-shadow: none;
	color: #818181;
	font-size: 1rem;
	height: 50px;
}

textarea.form-control {
	width: 100%;
	height: 165px;
}

select.form-control {
	height: 50px;
}

#office-info h3{
	margin-bottom: 1.85rem;             
}

#office-info > h2{
	margin-bottom: 2rem;   
}

.office-open,
.office-closed,
.office-closing-soon{
	display: inline-block;
	padding: 0.5rem;              
}

.office-open{
	color: #055a19;       
}

.office-closed{
	color: #900;               
}

.office-closing-soon{
	color: #C50;               
}
#contact .contact-details .col-lg-12,
#contact .contact-details .col-md-12{
	margin-bottom: 1.5rem;               
}

/* Map */

#google-map {
	padding: 0;
}

#map-canvas {
	width: 100%;
	height: 300px;
}


/*========================================
	STATS 
=========================================*/
#website-stats {
	background: #22772d;
    padding: 1rem 0;
    display: none;
}

#website-stats h2{
	color:#FFF;
	font-size:150%;
	font-style:italic;
}

.user-stats{
	background: url('../images/counter-bg.png') no-repeat;	
	margin-top:3rem;
	list-style:none;
}


.user-stats small{
	font-size: 12px;
    color: #fff;	
}


li.right-li,
li.left-li{
    border: 1px dashed;
    padding: 41px 37px;
	
}

li.right-li strong,
li.left-li strong{
	font-size: 2rem;
	color:white;
	margin-right:4px;
		
}

li.right-li{
	border-radius: 219px;
	margin-top:3rem;
}

li.left-li,
li.right-li:nth-child(2){
	margin-left: -29px;
}

li.left-li{
    border-radius: 219px;
	position:relative;
	
}
li.left-li .stats-icon{
	padding:0px 5px;	
}

li.right-li .stats-icon{
	padding:0px 8px;	
}

.stats-icon {
    position: absolute;
    top: -18px;
	left:48px;
    background: white;
    padding: 0px 9px;
    border-radius: 39px;
	font-size:1.5rem;
}

.desktop,
.tablet,
.mobile{
		
}

.desktop{
	    background: url('../images/stats-desktop.png') no-repeat 11px;
    background-size: 131px 151px;
    min-height: 11rem;
    padding: 3rem 3rem;
    font-size: 2rem;
    color: #fff;
	text-align: center;
    background-position: 50%;
}
.tablet{

	background: url('../images/tablet.png') no-repeat 11px;
    background-size: 85px 110px;
    min-height: 11rem;
    padding: 4rem 3rem;
    font-size: 1.5rem;
    color: #fff;
	text-align: center;
    background-position: 50%;
	
}

.mobile{
	background: url('../images/mobile.png') no-repeat 11px;
    background-size: 65px 101px;
    min-height: 11rem;
    padding: 5rem 2.85rem;
    font-size: 1rem;
    color: #fff;
	background-position: 50%;
    text-align: center;
}

#website-stats-users {
	background: #F2F2F2;
}

#website-stats-users .stats-container{
	color:#3E3C3D !important;
	border: 1px solid #3E3C3D;	
}

#website-stats h3,
#website-stats h4{
	color: #fff;
	font-size: 150%;
    font-style: italic;
}

#stats-head{
		
	color:#fff;
}
.stats-container {
	width: 12rem;
	border: 1px solid #fff;
	padding: 1rem;
	text-align:center;
	margin: 0 auto;
	margin-top:1rem;
	color: #fff;
}

.stats-container strong{
	font-size:2.5rem;
}

.stats-container h4{
	margin-top:0;	
}

.stat-icon {
	width:100%;				
}

#stats-head{
	visiblity:hidden;	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px){
	.user-stats {
    	width: 78%;
    	margin: 0 auto;
		margin-top:3rem;
	}
	
	.left-li,
	.right-li{
		height:200px;
		width:200px;	
	}
	
	li.right-li strong, li.left-li strong {
    	font-size: 3rem;
    	color: white;
	}
	
	li.right-li,
	li.left-li {
    	padding: 59px 53px;
	}
	
	.user-stats small {
		font-size: 17px;
	}
	
	.stats-icon{
		left:80px;	
	}
	
	.desktop{
		margin-left:30px;	
	}		
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.tablet{
		padding: 4rem 2rem;	
	}
}

@media(min-width:1024px){
	.desktop-container {
		margin-top: 60px;
	}
	
	.user-stats{
		width: 375px;
		margin:0 auto;	
	}
	
	.left-li,
	.right-li{
		width:140px;
		height:140px;	
	}
	
	.user-stats{
		margin-top: 2rem;	
	}
	
	
}

@media (min-width: 600px) and (max-width: 767px){
	
	.user-stats
	{
		width: 65%;
		margin: 0 auto;		
	}
	
	.gadgets-container {
		width: 55%;
		margin: 0 auto;
	}
	
	.mobile{
		float:right;
		padding: 5rem 1.85rem;	
	}
	
	.tablet{
		padding: 4rem 2rem;	
	}
	
	.left-li,
	.right-li{
		height:140px;
		width:140px;	
	}
		
}

@media (min-width: 250px) and (max-width : 600px){
	.user-stats
	{
		margin: 0 auto;	
		width:225px;
			
	}
	
	li.right-li strong,
	li.left-li strong {
    	font-size: 4rem;
    	color: white;
	}
	
	.left-li{
		margin-top: 3rem !important;	
	}
	
	.user-stats small{
		font-size: 18px;	
	}
	
	.left-li{
		margin-top:20px;	
	}
	
	.left-li,
	.right-li{
		width:200px;
		height:200px;
	}
	
	.left-li{
		margin-top:3rem;	
	}
	
	.stats-icon{
		left:81px;	
	}
	
	.desktop-container{
		
		width:40%;
		margin: 0 auto;	
	}
	
	.gadgets-container{
		width:70%;
		margin: 0 auto;	
	}
	
	.tablet{
		background-size: 85px 111px;
		min-height: 11rem;
		padding: 4rem 0.5rem;
		font-size: 1.3rem;	
	}
	
	.mobile{
		min-height: 9rem;	
		float:right;
		padding: 5rem 0.85rem;
	}
	
	
	 	
}

@media (max-width: 399px){
	li.right-li{
		margin-left:0px;	
	}
	.left-li{
		margin-top: 3rem;	
	}		
}

@media (max-width:375px){
	.gadgets-container {
		width: 280px;
		margin: 0 auto;
	}
	
	.tablet{
		background-size: 83px 111px;
    	min-height: 11rem;
    	padding: 4rem 1.2rem;	
	}
}

@media (max-width: 320px){
	.desktop {
		/*background-size: 90px 114px;
		min-height: 11rem;
		padding: 3.5rem 2rem;
		font-size: 1.5rem;
		color: #fff;*/
	}
	.tablet{
		background-size: 83px 110px;	
	}	
}



@media (max-width: 380px){
	/*.user-stats {
		width:268px;
		margin:0 auto;
	}*/
	
	.left-li{
		margin-top:3rem;	
	}
	
	.desktop-container {
		width: 9rem;
		margin: 0 auto;
	}	
}

/*==============================================================
	Partner Logos
==============================================================*/

#partners {
	background: #f2f2f2;
	padding: 0px;
    box-shadow: 1px 1px 2px #252525;
}
#partners .row {
	margin: 0;
}
#partners .container-fluid {
	margin: 0;
	padding: 0;
}
.partners-container,
.partners-container ul {
	margin: 0;
	padding: 0;
}
.partners-container ul {
	list-style: none;
	width: 100%;
	height: 200px;	
}
.partners-container ul li {
	position: relative;
	display: inline-block;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.img-link{
	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}

.img-link:hover{
    box-shadow: inset 1px 1px 20px #afafaf;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.img-link a{
	width: 100%;
	text-align: center;
	line-height: 200px;
}
.img-link img {
	max-width: 100%;
	max-height: 100%;
}

.partners-container ul li {
	background: #f2f2f2;
}
.partners-container ul a:after {
	content: "";
}

/*==============================================================
	Footer
==============================================================*/

footer {
	background-color: #2E2E2E;
	color: #fff;
	padding-bottom: 1rem;
	border-top: 6px solid #22772d;
    box-shadow: inset 1px 1px 1px #212121;
}
footer ul{
	padding-left: 0;	
}
.footer-logo-wrapper {
    margin-top: 1.5rem;
    margin-bottom: 1.7rem;
}

.footer-logo-wrapper img {
    max-height: 50px;
}

/* START --  Footer link effect */
#footer a:not(a.img-link)::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 90%;
	height: .5px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

#footer a:not(a.img-link):hover::after,
#footer a:not(a.img-link):focus::after {
	height: 1px;
	opacity: .6;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/* END --  footer link effect */
footer a{
	color: #e6e6e6;
}

footer a:hover{
	border-bottom: 1px solid #e6e6e6;	
}

.footer-content {
	margin: 0 auto;
}
.footer-content h2{
	color: #e6e6e6;
	font-size:1.2rem;
	font-weight:300;
}
.footer-content > div {
	margin-bottom: 40px;
}
#footer .footer-partner{
	margin-bottom:10px;
}
.footer-content > div > p:first-child {
	margin-bottom: 15px;
	text-transform: uppercase;
}

.subscribe-form {
	position: relative;
}

.subscribe.form-control {
	background-color: transparent;
	border: 1px solid #7f7f7f;
}

.subscribe.form-control:focus {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.submit-icon {
	background-color: #3C2D9F;	
	border: 0 none;
	border-radius: 0;
	color: #FFF;
	padding: 13px 20px;
	overflow: hidden;
	height: 50px;
	float: right;
	margin-top: -50px;
	position:relative;
}

.submit-icon .fa-paper-plane {
	position: relative;
	top: 0;
	
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
		-ms-transform: translateX(0);
		 -o-transform: translateX(0);
			transform: translateX(0);

	-webkit-transition: all 0.3s ease 0.2s;
	   -moz-transition: all 0.3s ease 0.2s;
		-ms-transition: all 0.3s ease 0.2s;
		 -o-transition: all 0.3s ease 0.2s;
			transition: all 0.3s ease 0.2s;
}

.submit-icon:hover .fa-paper-plane {
	position: relative;
	top: -37px;
	
	-webkit-transform: translateX(30px);
	   -moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		 -o-transform: translateX(30px);
			transform: translateX(30px);
}

.footer-content .footer-social {
	margin: 40px 0 35px;
}

.footer-content > p {
	color: #ababab;
	font-size: 0.75rem;
}

.fix-bottom{
	position: fixed;
	bottom: 0;	
	left: 0;
	right: 0;
	padding-top: 15px;
	z-index: 99999;
	background-color: #22772D;
	border-top: 3px solid #1c6326;
	box-sizing: border-box;
	overflow: hidden;
}
.fix-bottom > .message-inner{
	position: relative;
	box-sizing: border-box;	
	padding-left: 5rem;
	padding-right: 5rem;
}
.fix-bottom .message-close{
	position: absolute;
	right: 20px;
	top: -10px;
}
.message-close > .btn{
	color: #FFF;	
}
.footer-content h2{
	color: #E8E8E8;
}

/* ==========================================================================
To top
========================================================================== */
.to-top-wrap {
	height: 60px;
	width: 120px;
	text-align: center; 
}
.to-top-wrap a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: #22772d;
	font-size: 0.8em;
    box-shadow: 1px 1px 1px #252525;
}
.to-top-wrap a:hover,
.to-top-wrap a:focus {
	background-color: #22772d;
}
.to-top-wrap i {
	  font-size: 30px;
}
.top {
	background-color: #252525;
}
.to-top-wrap{
	margin: auto;	
}
/* End footer top link */


/*==============================
	Footer links
===============================*/
.footer-links li{
	display: inline-block;
	list-style-type: none;
	cursor: pointer;
	font-size: 0.8rem;
	padding: 0 .7rem;
}

/*=============================
	Social Icons in footer
===============================*/
.social-icons ul {
    list-style-type: none;
}

.social-icons li {
    display: inline-block;
    padding: 0 .8rem;
}
.social-icons .fa {
    padding: .3rem .5rem;
    background-color: #22772d;
    color: #fff;
}

.social-icons-header {
    padding-top: 1rem;
    font-size: .8rem;
    color: #e6e6e6;
    margin-bottom: 10px;
}

.social-icons a:hover .fa-facebook-official{
	background-color:#38569f;
	color:#fff;
}
.social-icons a:hover .fa-twitter{
	background-color:#037cc2;
	color:#fff;
}
.social-icons > ul > li > a:hover .fa-youtube{
	background-color:#b31217;
	color:#fff;
}
.social-icons > ul > li > a:hover .fa-flickr{
	/*background-color:rgba(255,255,255,0.3);
	position:relative;
	z-index: 10;*/	
	background-color: #ff0084;
	color: #fff;
}
.social-content > p {
	color: #ababab;
	font-size: 12px;
}

/*==============================
	Copyright text
===============================*/
.footer-copyright > p {
	color: #e6e6e6;
	font-size: .8rem;
}

/*=================================================================
	News Page
==================================================================*/
.below-navbar{
	background-color: #22772d;
	margin:0;
	/* to compensate new padding of main */
	padding-top: 1.125rem;
}
.page-header{
	margin-top: 0;
	padding: 0.8rem 0.8rem 0 0.8rem;
}
.page-header > *{
	display: inline-block;
	vertical-align: middle;	
}
.page-header > h2 {
	font-weight:500;
}
.page-header > li{
	padding-right: 40px;
	color: #252525;
}
.page-header .fa{
	color: #818181;	
	padding-top: 0.25em;
}

.sidebar-heading{
	background-color: #2B733B;
	padding: 10px;
	color: #fff;
	text-align:center;
	font-size: 18px;
	margin-bottom: 20px;
	text-transform:uppercase;
}

.sidebar li{
	list-style-type:none;
	font-size:18px;
	text-align:left;
	padding:10px;
	color: #686868
}
.sidebar a{
	margin:0px;
	padding:0px;
}
.sidebar a:after{
	content:none;
}
.sidebar li:hover{
	background-color: #C0C0C0;
	color: #fff;
}
.news-box{
	text-align:left;
}
.news-box > .news-title {
	font-size: 22px;
	padding: 10px;
}
.news-title > a:after{
	bottom: 0;
}
.news-description{
	padding: 1rem;
	margin-top: 0.25rem;
	margin-bottom: 1rem;
}
.news-box > .publish-info{
	font-size: 14px;
	padding-left: 15px;
	color: #252525;
	font-weight: 500;
}
/*.site-content{
	margin-bottom: 100px;
}*/

/*Search Pages */

.btn-search{
	height: 50px;
}

.btn-advanced {
	margin-top: 10px;
}

.form-search {
	margin-top: 15px;
    padding: .5rem;
    background-color: #f5f5f5;
}

.form-search .row,
.form-search .row div {
    margin-top: 10px;
}

.guide-search {
    margin-top: 3rem;
    font-size: .9rem;
	text-align:justify;
}

.search-result-wrapper {
    border-top: 6px solid #22772d;
    padding: 1rem;
    margin-top: 2rem;
}

.search-result-wrapper .heading {
    padding: 10px;
    font-size: 1.3rem;
    font-weight: 600;
    margin-left: 1.4rem;
}

.search-result-list{
	list-style:none;
	text-align:left;
	padding-left:0px;	
}

.search-result-list li a{
	margin: 0 5px ;
	overflow-wrap: break-word;
	word-wrap: break-word;
	font-weight: normal;
	display:inline;
}

.search-result-list i.fa{
	margin-right: 10px;	
}

p.search-summary {
    font-size: .9rem;
    margin-bottom: 1rem;
}
p.search-info{
    margin-left: 2.2rem;
    margin-bottom: 1.5rem;
    font-size: .9rem;
    border-bottom: 1px solid #f5f5f5;
}
.search-nav-wrapper{
    background-color: #f8f8f8;
    padding: 1rem;
}

.search-key-wrapper {
    background-color: #f8f8f8;
    padding: 1rem;
    margin-top: 2rem;
}

.search-key-wrapper .heading {
    padding-bottom: 10px;
    font-size: 1.3rem;
    font-weight: 600;
    margin-left: .5rem;
}

.btn-disabled {
    background-color: #a6a6a6;
    color: #fff;
    cursor: not-allowed;
}
.btn-disabled:hover {
    background-color: #a6a6a6;
    color: #fff;
}
.btn-disabled:active {
    box-shadow: none;
}
.btn-disabled:focus {
    outline: 0;
}
.search-inline-heading {
    margin-left: 2rem;
    font-size: 1.2rem;
    font-weight: 600;
}
.search-label {
    font-weight: 500;
}
p.search-label-summary {
    text-align: justify;
    font-size: .9rem;
}

.search-check {
    display: none;
}

.search-check +label {
    padding: 10px;
    margin-bottom: -4px;
    border: 1px solid #113c17;
    cursor: pointer;
}

.search-check:checked +label {
    background-color: #22772d;
    border-color: #113c17;
}

.form-search .btn {
    text-transform: none;
    font-size: 1rem;
}


/*============================================================
	Service Page
=============================================================*/

.breadcrumb {
    margin-bottom: 0;
    padding-top: 15px;
    background-color: #22772d;
    color: #fff;
}

.breadcrumb a {
    color: #fff;
}

.breadcrumb a:hover {
    color: #C8DDCB;
}

.landing-page-title h1 {
    padding: 2rem 15px 2rem 15px;
    font-weight: 600;
    font-size: 2rem;
}

/*Landing page Popular services*/
.section-popular-services {
    background-color: #f1f1f1;
    border-top: 6px solid #ddd;
	padding: 1rem 0;
}

.popular-services .hi-icon {
	width: auto;
	height: auto;
	color: #22772d;
	font-size: 2.8em;
}
.popular-services .hi-icon:before {
	font-size: 2.2em;
}
.popular-service-item {
	padding: 20px;
	overflow:hidden;
}
.popular-service-item:hover {
	box-shadow: inset 2px 2px 200px #afafaf;	
}
.popular-service-item h3 {
	margin-left: .5em;
	font-size: 1.3em;
	font-weight: 600;
}

.popular-service-item.a1{
	background-color: #473d7f;
}
.popular-service-item.a2{
	background-color: #7a2c3a;
}
.popular-service-item.a3{
	background-color: #114045;
}

.popular-service-item.a1:hover{
	background-color: #2E265C;
}
.popular-service-item.a2:hover{
	background-color: #5C1C27;
}
.popular-service-item.a3:hover{
	background-color: #04272A;
}

/* Landing page Grid */
.lower-margin {
    margin-bottom: 3rem;
}

div.page-grid {
    margin-bottom: 3rem;
}
.page-grid-heading {
	font-weight: 700;
    font-size: 1.3rem;
    padding: 1.5rem;
    background-color: #f5f5f5;
    border-top: 6px solid #22772d;
	margin-top: 2rem;
}

.page-grid a {
    line-height:1.5;
}

.page-grid-title {
    font-size: 1.2rem;
    padding-bottom: 1rem;
    font-weight:600;
}
p.page-grid-summary {
    max-height: 75px;
    overflow: hidden;
    color: #252525;
    margin-bottom: 3rem;
    font-size: .98rem;
    text-align: justify;
}

.page-grid-content-wrapper {
    /*height: 200px;
    overflow: hidden;*/
}

/*============================================================
	Content Page
=============================================================*/
.parent-page-list {
    list-style-type: none;
    margin-left: 5px;
    padding-left: 5px;
    margin-top: 15px;
}

.parent-page-list li {
    padding: 3px;
    border-left: 6px solid transparent;
}

.parent-page-list .current {
    padding: 3px;
    border-left: 6px solid #22772d;
    background-color:#e6e6e6;
}

.parent-page-list > li > h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    margin-top: 10px;
	position: relative;
}

.parent-page-list li.parent {
    padding-left: 10px;
    background-color: #22772d;
}

.parent-page-list li.parent a {
    position: relative;
     display: block;
}
.parent-page-list li.parent h3::before {
    content: "";
    position: absolute;
    display: block;
    border-top: 20px solid #22772d;
    border-left: 15px solid transparent;
    left: 0;
    bottom: -30px;
    z-index: 3;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.parent-page-list li.parent a{
    color:#fff;
	line-height: 1.5;
	display: inline;
}

.parent-page-list li.parent a:hover{
	border-bottom: 1px solid #FFF;
    text-decoration: none;
}

.parent-page-list > li:not(.parent) {
    margin-top: 10px;
    padding-left: 25px;
}

.parent-page-list > li:nth-Child(2) {
    margin-top: 30px;
}
.parent-page-list > li:hover:not(.parent) {
    background-color: #f1f1f1;
    border-left: 6px solid #22772d;
}

.parent-page-list li.current-page {
    background-color: #e6e6e6;
    border-left: 6px solid #22772d;
    color: #252525;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}

.parent-page-list li.current-page.has-children {
    padding-bottom: 0;
    padding-right: 0;
}

.sub-page-list {
    list-style-type: none;
	margin-bottom: 10px;
	background-color: #f8f8f8;
	padding: 10px 0px;
    margin-left: -31px;
    margin-top: 10px;
}
.sub-page-list a {
	color: #177A24;
}

.parent-page-list .sub-page-list li {
	padding: 3px 3px 3px 50px;
	font-size: .95rem;
}
.parent-page-list .sub-page-list li:hover {
	border-left: 6px solid #a8a8a8;
	background-color: #efefef;
}

.page-grid-content-wrapper img,
.news-content img,
article img {
	margin: 10px;
    max-width: 100%;
}

/* Link hover effect in the page content */
article a:not(.normal-border) {
 	display: inline-block;
	vertical-align: middle;
	top: -1px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
}
article a:not(.normal-border):before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #22772d;
	height: 1px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
article a:not(.normal-border):hover {
	text-decoration: none;
	border-bottom: none;
}
article a:not(.normal-border):hover:before,
article a:not(.normal-border):focus:before,
article a:not(.normal-border):active:before {
	left: 0;
	right: 0;
}

article a.btn {
	padding-right:15px;
}

.footer-related-items-wrapper {
    border-top: 6px solid #22772d;
    background-color: #f8f8f8;
    padding: 1rem;
    margin-top: 2rem;
    box-shadow: 1px 1px 1px #e6e6e6;
}

.footer-related-items-wrapper h4.heading {
    background-color: none;
	padding: 10px;
    font-size: 1.3rem;
    font-weight: 600;
    margin-left: 1.4rem;
}

.footer-related-items-wrapper .file-detail-heading {
    font-weight:600;
    margin-bottom: .8rem;
    font-weight: 600;
    color: #252525;
}

.footer-related-items-wrapper .pdf-help{
    margin-left: 2rem;
    margin-top: 1.5rem;
}

.footer-related-items-wrapper .contact-heading {
    margin-left: 2rem;
}

.footer-related-items-wrapper .contact-details{
    margin-left: 2rem;
    margin-top: 2rem;
}

.footer-related-items-wrapper .contact-details + p {
    margin-left: 2rem;
}
.page-heading {
	margin: 1em 0em;
}

.subheading{
	background-color: #2B733B;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top:5px;
	text-transform: uppercase;
}

.useful-downloads-list{
	list-style:none;
	text-align:left;
	padding-left:0px;	
}

.useful-item {
	padding-bottom: 10px;
}
.useful-downloads-list a{
	margin:5px;
	margin-left: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
	font-weight: normal;
	display:inline;
}
/* Fix for showing showing size next to file name */
@media (max-width: 767px) {
	.useful-downloads-list .visible-xs small {
		font-size:.75rem;
	}
	.footer-related-items-wrapper .pdf-help {
		margin-left: 0;
	}
}


.useful-downloads-list i.fa{
	margin-right: 10px;	
}

/*Forms in pages */
.page-group-wrapper {
	background-color: #f8f8f8;
    padding: 1rem;
    margin-top: 2rem;
    box-shadow: 1px 1px 1px #d2d2d2;
}

.news-nav-wrapper {
    background-color: #f8f8f8;
    padding: 1rem;
    margin-top: 2rem;
}
.page-group-wrapper .heading {
    background-color: none;
    font-size: 1.3rem;
    font-weight: 600;
	margin-bottom: 3rem;
}

.page-group-wrapper .form-control {
	border: 1px solid #ccc;
	height: 34px;
	font-size: 1rem;
}

.page-group-wrapper textarea.form-control {
    height:150px;
}

/*News content page */

.content article .news-header-area h1 {
    padding-bottom: 0;
}

.news-image-wrapper {
    margin-bottom: 1rem;
	margin-top: 1rem;
}

.news-image-wrapper img {
	max-height: 350px;
}

.news-image-caption {
    padding: 10px;
}

ul.news {
    list-style-type: none;
}

ul.news li {
    padding: .3rem;
}

.section-to-listing {
    margin-top: 1rem;
}

.section-to-listing:hover {
    text-decoration: none;
    border-bottom: 1px solid #22772d;
}

.back-to-listing {
    margin-top: 3rem;
}

.back-to-listing .fa {
    margin-right: .5rem;
}

.footer-related-items-wrapper.news-comments {
    background-color: #fff;
    box-shadow: none;
}

.news_comment {
    margin-top: 1rem;
    padding: 1rem;
}
.news_comment h4 {
    margin-left: 40px;
}
.news-comment-content{
    min-height: 100px;
    padding: 1rem;
	background-color: #efefef;
}
.news-comment-content:before{
	content: "";
    position: absolute;
    display: block;
    border-top: 20px solid #efefef;
    border-left: 15px solid transparent;
    left: 30px;
    bottom: -18px;
    z-index: 3;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.news_comment small {
	font-size: .8rem;
}
.news_comment .fa-clock-o {
	color: #3c3c3c;
	margin-right: 2px;
}
.news-comment-report {
    padding: .5rem;
    margin-bottom: 3rem;
    font-size: .9rem;
}

.news-comment-report .fa {
    color: #ffaa00;
}

/*News listing page*/

.news-list-heading {
    padding: .8rem;
    background-color: #f5f5f5;
    margin-top: 16px;
}

.news-list-item-wrapper {
    padding: .8rem .8rem 1rem .8rem;
    display:block;
}

.news-list-item:hover {
    background-color: #f2f2f2;
}

.news-list-item a:hover {
    text-decoration: none;
    border-bottom: 1px solid #22772d;
}

.news-list-item a:hover:before{
    background: none;
}

.more-news-list {
    list-style: none;
    text-align: left;
    padding-left: 0px;
}

.more-news-list li {
    margin: 5px;
    
}

.more-news-list li .fa {
    margin-left: 1rem;
    margin-right: 1rem;
    color:#818181;
}

.news-title {
    font-size: 1.3rem;
    display: inline;
}

.feedback{
	background: rgb(34,119,45);	
	margin: 0 10px 10px 0;
	padding-bottom: 1em;
}

.feedback label, .feedback i{
	color:#fff;
	font-size:1.2em;
	font-weight:400;		
}

.feedback h3{
	color:#fff;	
}

.feedback-wrapper .panel-heading {
    cursor: pointer;
    border-color: none;
}

.feedback-wrapper .panel-heading h4 {
    font-size: 1.3rem;
    font-weight: 600;
}

.feedback-wrapper .panel-heading h4 .fa {
    padding-right: 1rem;
}

.feedback-wrapper .panel-content{
    background-color: #f5f5f5;
    padding: 15px;
}

.feedback-wrapper .panel {
    border-radius: 0;
    border:none;
}
.feedback-wrapper .panel-footer {
    border-top: none;
}
.feedback-wrapper {
    color: #252525;
}

.feedback-wrapper label{
    font-weight: 400;
}

.feedback-radio{
    display: none;
}

.feedback-radio-label {
	display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    border: 2px solid #a8a8a8;
    cursor: pointer;
    border-radius: 50%;
}
.feedback-radio:checked + .feedback-radio-label {
    background-color: #22772d;
    border: 2px solid #e6e6e6;
}

.js-toggle-panel span {
	displaY: inline-block;
	margin-right:3rem;
	margin-left: 1rem;
}


/* Page header and search bar in the header */
.search-place{
	top:90px;
	position:relative;
	background-color:#2B733B;
	height:0;
	overflow:hidden;
	transition: all 0.5s;	
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;

}
.search-place.search-place-show{
	height: 270px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.search-place #search h1.search-title{
	margin-top: 10px;
}
.search-place #search {
	margin-top:0;
}
.search-place #search .overlay{
	padding:50px;;
}
.page-header .fa.fa-tree{
	float:left;
}
.page-header input {
	display: none;
}
.page-header .label-search{
	float:right;	
	cursor: pointer;
}
.page-header .fa.fa-search{
	background-color: #2B733B;
	color: #FFF;
	padding:15px;
}

/* Making fa icon thin*/
/* http://codepen.io/mackdoyle/pen/yrgEH */
.thinner{
	text-stroke: .2px white;
	-moz-text-stroke: .2px white;
	-o-text-stroke: .2px white;
	-webkit-text-stroke: .2px white;
}


/*============================================================ 
	Responsive Styles
 ============================================================*/

/*============================================================
	For Large Desktop
==============================================================*/
 
 @media only screen and (min-width: 1400px) {
   	.partners-container ul li {
		width: calc(100% / 8);
	}
 }
 @media only screen and (min-width: 1400px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   	.partners-container ul li {
		width: 12.5%;
	}
}
@media only screen and (max-width: 400px) {
   	.partners-container ul li {
		width: 100%;
	}
 }

/*============================================================
	For Small Desktop
==============================================================*/
@media (min-width: 992px) and (max-width: 1199px) {

/* Featured */
	.featured-item{
		height: 450px;	
	}
	
	.featured-item-header{
		margin-bottom: 0.5rem;	
	}
	
	.featured-item-title{
		height: 60px;	
	}
	
	.featured-item-image-wrap{
		height: calc(140px + 1rem);	
		padding: 0.5rem 0;
		margin: 0.5rem 0;
	}
	
	.featured-item-content{
		margin-bottom: 0.5rem;
	}

/* Services */
	.sec-title h2:after{
		left: 44%;	
	}

/*about*/
	#news .welcome-block img {
		margin-bottom: 30px;
	}

/* portfolio */
	figcaption.mask {
		bottom: -151px;
	}

	.testimonial-item > div:after {
		bottom: -40px;
	}
}


/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/
@media (min-width: 768px) and (max-width: 991px) {

/* Header */
	header .container{
		width: auto;	
	}

/* Featured */
	.featured-item{
		height: 435px;
		border-bottom: 1px dashed #313131;	
	}
	
	.featured-item-header{
		margin-bottom: 0.5rem;	
	}
	
	.featured-item-title{
		height: 65px;	
	}
	
	.featured-item-image-wrap{
		margin: 0.5rem 0;
		padding: 0.5rem 0;	
		height: calc(145px + 1rem);
	}

/* Services */
	.sec-title h2:after{
		left: 42.5%;	
	}

/* about */
	.recent-works {
		margin-bottom: 50px;
	}

/* portfolio */
	.portfolio-item {
		width: 48%;
	}

/* testimonial */
	.testimonial-item {
		width: 100%;
	}

	.testimonial-item {
		width: 80%;
	}

	.testimonial-item > div:after {
		bottom: -35px;
	}

/* price */
	.price-table {
		margin-bottom: 50px;
	}

/* contact form */
	.contact-form {
		margin-bottom: 50px;
	}
	
	#office-info{
		height: auto;
	}
}


/*============================================================
	Small Logo
==============================================================*/
@media (min-width: 768px) and (max-width: 840px) {
	.brand-normal{
		display: none;
		visibility: hidden;
	}
	.brand-small{
		display: block;
		visibility: visible;
	}
}

/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/
@media only screen and (max-width: 767px) {

	body {
		font-size: 0.875rem;
	}

	.parallax {
		background-position: centet tip !important;
	}
	
	.sec-title h2:after {
		left: 30%;
	}
	
/*navigation*/
	
	.navbar-toggle {
		border: 1px solid #FFF;
		border-radius: 0;
		margin-top: 0.65rem;
	}
	
	.navbar-fixed-top.animated-header .navbar-toggle{
		margin-top: 0.75rem;
	}
	
	.navbar-toggle .icon-bar,
	.navbar-toggle .sr-only{
		background-color: #FFF;	
	}

	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
		background-color: transparent;
	}
	
	.container > .navbar-header{
		margin-left: 0;	
	}
	
	.brand-normal{
		display: block;	
	}
	
	.brand-small{
		display: none;	
	}
	
	.navbar-fixed-top.animated-header nav{
		padding: 0;
	}
	
	nav{
		margin-top: 1rem;	
	}
	
	.navbar-nav{
		margin: 0;	
	}
	
	.navbar-nav .nav-icon-wrapper{
		display: inline;
		float: left;
		width: calc(100% / 3);
		margin: 0;
		padding: 0;
	}
	
	.navbar-nav .nav-icon-wrapper+.nav-icon-wrapper{
		border-left: 1px solid rgba(255, 255, 255, 0.1);	
	}
	
	.navbar-nav li:not(.nav-icon-wrapper){
		width: 100%;	
		text-align: center;
		margin-left: 0;
	}
	
	.navbar-nav .nav-icon-wrapper.nav-mobile{
		display: block;	
	}
	
	.navbar-nav .nav-icon-wrapper.nav-not-mobile{
		display: none;	
	}
	
	.navbar-nav a{
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);	
	}
	
	.navbar-nav a.nav-icon{
		padding: 1rem 0.5rem;	
	}
	
	.navbar-nav a:not(.nav-icon){
		padding: 1.5rem 1rem;
	}
	
	.navbar-nav a:not(.nav-icon):hover{
		background-color: rgba(87, 96, 108, 0.8);
	}
	
	.nav-icon .fa{
		margin-bottom: 0.75rem;	
	}

/* Featured */
	#featured{
		padding-bottom: 0;
	}
	/*.featured-item:not(:last-child){
		border-bottom: 1px dashed #818181;
	}*/
	
	.featured-item{
		height: auto;
		border-bottom: 1px solid #ddd;
		box-shadow: 1px 0 5px #ddd;
    	background-color: #fff;
	    margin-bottom: 30px;
	}
	.older-news {
 	    margin-bottom: 1rem;
	}
	
	.featured-item-title{
		max-height: 60px;
		height: auto;
	}
	
	.featured-item-header h4{
		height: 40px;
	}
	
	.featured-item-content{
		height: 46px;	
		margin-bottom: 1rem;
	}

/* Sections */
	.sec-title h2:after {
		width: 15%;
		left: 42.5%;
	}

/* News */
	#news .welcome-block h3 {
		margin: 0 0 35px;
	}

/* service */
	.service-item {
		width: 100%;
		min-height: 190px;
	}

/*portfolio*/
	.portfolio-item {
		margin: 0 auto 10px;
		font-size: 0.875rem;
		width: 280px;
	}

	figcaption.mask {
		bottom: -107px;
		color: #fff;
		padding: 15px;
	}

/* lightbox */
	.fancybox-title h3 {
		font-size: 1.25rem;
	}

	.fancybox-title p {
		font-size: 0.875rem;
	}

/* testimonial */
	.testimonial-item {
		width: 95%;
	}

	.testimonial-item > div:before,
	.testimonial-item > div:after {
		background-image: none;
	}

	.testimonial-item > div > span {
		margin: 30px 0 20px;
	}

/* price */
	.price-table {
		margin-bottom: 50px;
	}

/* follow us */
	.social-button li:nth-child(2) {
		margin: 0 50px;
	}

	.social-button li a {
		height: 90px;
		line-height: 96px;
		width: 90px;
	}

/* contact form */
	.contact-form {
		margin-bottom: 50px;
	}
	
	#office-info{
		height: auto;
	}

/* footer */
	.footer-content {
		width: 100%;
	}
/* footer list display fix */
    .footer-links ul li {
		display: list-item;
		padding:15px;
	}

	.footer-links ul {
		list-style-type:none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
/* Accessibility Modal */
	form:not(.form-search) div.row > div:first-child{
		text-align: left;
		font-weight: 700;
	}
}

/*============================================================
	Not small screens
==============================================================*/
@media only screen and (min-width: 768px) {
	.navbar-nav a:not(.nav-icon)::before,
	.navbar-nav a:not(.nav-icon)::after{
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background: #FFF;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	
	.navbar-nav a:not(.nav-icon)::before{
		top: 0;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	
	.navbar-nav a:not(.nav-icon)::after{
		bottom: 0;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}
	
	.navbar-nav a:not(.nav-icon):hover,
	.navbar-nav a:not(.nav-icon):focus{
		color: #fff;
	}
	
	.navbar-nav a:not(.nav-icon):hover::before,
	.navbar-nav a:not(.nav-icon):focus::before,
	.navbar-nav a:not(.nav-icon):hover::after,
	.navbar-nav a:not(.nav-icon):focus::after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
}

/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/
@media only screen and (max-width: 767px) {
	.sec-title h2:after {
		width: 15%;
		left: 42.5%;
	}

/* Search */
	/* Overlay navbar fix for smaller screens */
	.overlay-search-place #search {
		margin-top:30%;
	}
	.ui-menu-item a small {
		display: none;
	}
	.overlay-results .ui-menu-item a {
		font-size: 1rem;
	}

/* home slider */
	.caption-content h2 {
		font-size: 2.1875rem;
	}

	.caption-content p {
		font-size: 1.5625rem;
	}

	.caption-content strong {
		font-size: 2.1875rem;
	}

/*about*/

	#news .welcome-block h3 {
		margin: 0 0 35px;
	}

/* portfolio */
	.portfolio-item {
		width: 48%;
	}

	figcaption.mask {
		bottom: -132px;
	}

/* testimonial */
	.testimonial-item {
		width: 80%;
	}

	.testimonial-item > div:before {
		bottom: 160px;
	}
/* News */
	.news-box {
		padding-left:0;
		padding-right:0;
	}

/* social */
	.social-button li:nth-child(2) {
		margin: 0 50px;
	}

	.social-button li a {
		height: 90px;
		line-height: 96px;
		width: 90px;
	}

/* price */
	.price-table {
		margin-bottom: 50px;
	}

/* Contact */
	#office-info p{
		font-size: 1rem;	
	}
		
	.contact-wrapper{
		text-align: center;	
	}
	
	.contact-details .fa{
		display: block;	
		width: 100%;
		margin-top: 0.5rem;
	}
	
	.contact-details span{
		margin-left: 0;	
	}
	
	.contact-details a{
		padding-right: 0;	
	}
		
/* Footer */
	#footer .btn-top{
		top: 9px;
	}
}

@media only screen and (max-width: 471px){
	.modal-footer .btn{
		display: block;
		width: 100%;	
		float: none;
	}
	
	.modal-footer .btn:first-child{
		float: none;	
	}
	
	.modal-footer .btn+.btn{
		margin-top: 0.5rem;
		margin-left: 0;
	}
}

@media only screen and (max-width: 430px){
	#contact h3 {
		font-size: 1rem;
	}
	
	/* Search overlay close button resize on smaller windows */
	.overlay-close-btn {
		height: 30px;
		width:30px;
	}
}

@media only screen and (max-width: 405px) {
	.brand-normal{
		display: none;
		visibility: hidden;
	}
	
	.brand-small{
		display: block;
		visibility: visible;
	}

	/* Contact section fix for smaller screens */
	.contact-details-xs{
		display: none;
	}
}

/* Fix for Feedback form heading for smaller screens */
@media only screen and (max-width: 510px) {
	.feedback-wrapper .panel-heading h4 {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 430px) {
	.feedback-wrapper .panel-heading h4 {
		font-size: .72rem;
	}
}

/* "Fix" table layout */
th, td{
	padding: 0.5rem;	
}

/* Remove margin from bottom of live chat bullet */
.chat-list{
	margin-bottom: 0;
}

/*============================================================
	Accessibility Modal and Settings
 ============================================================*/

.modal-header .close {
	 margin-top: -4px;
	 font-size: 2rem;
	 font-weight: 800;
 }

#accessibility-modal .modal-header > h4{
	width: calc(100% + 30px);
	border-bottom: 1px solid #E5E5E5; 
	margin-left: -15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#accessibility-modal .modal-header > p{
	padding-top: 15px;
	color: #252525;	
}

.info-shown{
	display: block;
	visibility: visible;
}
.info-hidden{
	display: none;
	visibility: hidden;
}

#accessibility-settings {
	color: #252525;
}

#accessibility-settings .form-group div:first-child{
	margin-top: 0.5rem;	
}

#accessibility-settings select{
	width: 100%;
	padding: 0.5em;
}

#accessibility-settings label.accessibility-scheme-label{
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	font-weight: 400;
	cursor: pointer;	
}

#accessibility-scheme-label-standard{
	border: 1px solid #A8A8A8;
	background-color: #FFF;
	color: #252525;
}

#accessibility-scheme-label-high-contrast{
	border: 1px solid #FF0;
	background-color: #252525;
	color: #FF0;
}

#accessibility-scheme-label-cream{
	border: 1px solid #6F6200;
	background-color: #FFF9D2;
	color: #6F6200;
}

#accessibility-scheme-label-blue{
	border: 1px solid #010066;
	background-color: #9FCFFF;
	color: #010066;
}

#accessibility-scheme-label-contrast{
	border: 1px solid #000;
	background-color: #FF0;
	color: #000;
}


#accessibility-modal .modal-footer .btn-action{
	padding: 1rem 1.9rem;
	width: 100%;
}

@media (min-width: 500px) and (max-width: 767px) {
	#accessibility-modal .modal-footer .btn-action {
		width: calc((100% / 3) - 10px);
		margin-right: 10px;
	}
	#accessibility-modal .modal-footer .btn:first-child {
		float:left;
	}
}

@media (max-width: 500px) {
	#accessibility-modal .modal-footer .btn-action {
		margin-bottom: 10px;
	}	
}

/*
	Accessibility
*/

/* Fonts */
html[data-font="courier"] > body,

#accessibility-modal[data-font="courier"]{
	font-family: 'Courier';
}

html[data-font="arial"] > body,

#accessibility-modal[data-font="arial"]{
	font-family: 'Arial';	
}

html[data-font="tahoma"] > body,

#accessibility-modal[data-font="tahoma"]{
	font-family: 'Tahoma';	
}

/* Letter spacing */
html[data-letter-spacing="0.15"],

#accessibility-modal[data-letter-spacing="0.15"]{
	letter-spacing: 0.15em;
}

html[data-letter-spacing="0.30"],

#accessibility-modal[data-letter-spacing="0.30"]{
	letter-spacing: 0.30em;
}

html[data-letter-spacing="0.45"],

#accessibility-modal[data-letter-spacing="0.45"]{
	letter-spacing: 0.45em;
}

 /* Default standard settings */
#accessibility-modal.standard {
	background-color: rgba(0,0,0,0);
}

#accessibility-modal.standard div.modal-content,
#accessibility-modal.standard div.modal-content select,
#accessibility-modal.standard #accessibility-settings {
	background-color: #fff;
	color: #252525;
}

#accessibility-modal.standard div.modal-content select{
	border: 1px solid rgb(169,169,169);	
}

#accessibility-modal.standard div.modal-header,
#accessibility-modal.standard div.modal-header > h4.modal-title{
	border-bottom: 1px solid #e5e5e5;
	color: #252525;
}

#accessibility-modal.standard div.modal-header p,
#accessibility-modal.standard div.modal-header .close > span{
	color: #252525;
}

#accessibility-modal.standard div.modal-footer{
	border-top: 1px solid #e5e5e5;
}

#accessibility-modal.standard .modal-footer button.btn {
	color: #fff;
	background-color: #2d2277;
}

#accessibility-modal.standard .modal-footer button.btn:hover {
	background: #22772D;
}

#accessibility-modal.standard .modal-footer .btn:focus,
#accessibility-modal.standard .modal-footer button.btn:after {
	color: #fff;
}

/* High Contrast color scheme*/
#accessibility-modal.high-contrast {
	background-color: rgba(0,0,0,0);
}

#accessibility-modal.high-contrast div.modal-content,

#accessibility-modal.high-contrast div.modal-content select,


#accessibility-modal.high-contrast #accessibility-settings {
	background-color: #252525;
	color: #FF0;

}

#accessibility-modal.high-contrast div.modal-content select{
	border: 1px solid #FF0;	
}

#accessibility-modal.high-contrast div.modal-header,

#accessibility-modal.high-contrast div.modal-header > h4.modal-title{
	border-bottom: 1px solid #FF0;
	color: #FF0;
}

#accessibility-modal.high-contrast div.modal-header p,

#accessibility-modal.high-contrast div.modal-header .close > span{
	color: #FF0;
}

#accessibility-modal.high-contrast div.modal-footer{
	border-top: 1px solid #FF0;
}

#accessibility-modal.high-contrast .modal-footer .btn:focus,
#accessibility-modal.contrast .modal-footer button.btn:after {
	color: #000;
}

#accessibility-modal.high-contrast .modal-footer button.btn {
	color: #000;
	background-color: #ff0;
}


/*contrast inversed color scheme */
#accessibility-modal.contrast {
	background-color: rgba(0,0,0,0);
}

#accessibility-modal.contrast div.modal-content,
#accessibility-modal.contrast div.modal-content select,
#accessibility-modal.contrast #accessibility-settings {
	background-color: #FF0;
	color: #000;
}

#accessibility-modal.contrast div.modal-content select{
	border: 1px solid #000;	
}

#accessibility-modal.contrast div.modal-header,
#accessibility-modal.contrast div.modal-header > h4.modal-title{
	border-bottom: 1px solid #000;
	color: #000;
}

#accessibility-modal.contrast div.modal-header p,
#accessibility-modal.contrast div.modal-header .close > span{
	color: #000;
}

#accessibility-modal.contrast div.modal-footer{
	border-top: 1px solid #000;
}

#accessibility-modal.contrast .modal-footer .btn:focus,
#accessibility-modal.contrast .modal-footer button.btn:after {
	color: #ff0;
}

#accessibility-modal.contrast .modal-footer button.btn {
	color: #ff0;
	background-color: #000;
}


/* Cream color scheme*/
#accessibility-modal.cream {
	background-color: rgba(0,0,0,0);
}

#accessibility-modal.cream div.modal-content,
#accessibility-modal.cream div.modal-content select,
#accessibility-modal.cream #accessibility-settings {
	background-color: #FFF9D2;
	color: #6F6200;
}

#accessibility-modal.cream div.modal-content select{
	border: 1px solid #6F6200;	
}

#accessibility-modal.cream div.modal-header,
#accessibility-modal.cream div.modal-header > h4.modal-title{
	border-bottom: 1px solid #6F6200;
	color: #6F6200;
}

#accessibility-modal.cream div.modal-header p,
#accessibility-modal.cream div.modal-header .close > span{
	color: #6F6200;
}

#accessibility-modal.cream div.modal-footer{
	border-top: 1px solid #6F6200;
}

#accessibility-modal.cream .modal-footer .btn:focus,
#accessibility-modal.cream .modal-footer button.btn:after {
	color: #FFF9D2;
}
#accessibility-modal.cream .modal-footer button.btn {
	color: #FFF9D2;
	background-color: #6f6200;
}


/* Blue color scheme*/
#accessibility-modal.blue {
	background-color: rgba(0,0,0,0);
}

#accessibility-modal.blue div.modal-content,

#accessibility-modal.blue div.modal-content select,

#accessibility-modal.blue #accessibility-settings {
	background-color: #9FCFFF;
	color: #010066;
}

#accessibility-modal.blue div.modal-content select{
	border: 1px solid #010066;	
}

#accessibility-modal.blue div.modal-header,

#accessibility-modal.blue div.modal-header > h4.modal-title{
	border-bottom: 1px solid #010066;
	color: #010066;
}

#accessibility-modal.blue div.modal-header p,

#accessibility-modal.blue div.modal-header .close > span{
	color: #010066;
}

#accessibility-modal.blue div.modal-footer{
	border-top: 1px solid #010066;
}

#accessibility-modal.blue .modal-footer .btn:focus,
#accessibility-modal.blue .modal-footer button.btn:after {
	color: #9FCFFF;
}

#accessibility-modal.blue .modal-footer button.btn {
	color: #9FCFFF;
	background-color: #010066;
}
/* Application of Accessibility Color Scehemes for the website 
   which will be basically divided into 4 color scehems

	.contrast
	.high-contrast
	.cream
	.blue

	adding these classes to body will apply the color scheme to the pages
*/

/* Cream Skin 
	Primary colors
	
	Light: #fff9d2
	Dark: #6f6200

*/

/* General and home page specific changes */
.cream,
.cream .navbar-nav .nav-icon:hover ,
.cream #services,
.cream #website-stats,
.cream #partners,
.cream .partners-container ul li,
.cream .to-top-wrap a,
.cream .social-icons .fa,
.cream p.page-grid-summary,
.cream #featured{
	color: #6f6200;
	background-color: #fff9d2;
 }
.cream .navbar-fixed-top,
.cream #contact {
	background-color: #6f6200;
}

.cream .page-grid-wrapper {
    border-top-color: #6f6200;
}

.cream a:not(.block-a):hover {
    border-bottom-color: #cf0b0b;
}
.cream .block-a:hover {
    text-decoration: none;
}

.cream .navbar-nav a,
.cream .navbar-nav a:focus,
.cream .navbar-nav a:active,
.cream h2.search-title,
.cream .btn-action:after,
.cream .featured-item:hover span,
.cream .featured-item:hover p,
.cream .featured-item:hover h4,
.cream #footer p,
.cream #footer a,
.cream .sub-service .hi-icon,
.cream .sub-service,
.cream .md-icons{
	color: #fff9d2;
    text-shadow: none;
}

.cream .md-icons:hover {
    color: #6f6200;
    background-color: #fff9d2;
}

.cream .to-top-wrap a {
    text-shadow: none;
}

.cream .btn,
.cream #search .submit-icon,
.cream .service-item:hover .hi-icon,
.cream .featured-item:hover,
.cream #footer,
.cream .service-wrapper li,
.cream .task-wrapper li,
.cream .news-list-heading,
.cream .social-card,
.cream .twitter-card .social-action .btn,
.cream .facebook-card .social-action .btn{
	color: #fff9d2;
	background-color: #6f6200;
}

.cream .social-card .btn:hover,
.cream .twt-prev:hover,
.cream .twt-next:hover,
.cream .fb-prev:hover,
.cream .fb-next:hover{
	color: #6f6200;
	background-color:#fff9d2;
	border-color: #cf0b0b;
}

.cream .social-action .btn,
.cream .twt-prev,
.cream .twt-next,
.cream .fb-prev,
.cream .fb-next{
	color: #fff9d2;
	border-color: #fff9d2;
}

.cream .social-tag:hover{
	color: #cf0b0b;
	border-color: #cf0b0b;
}

.cream .hi-icon-effect-1 .hi-icon:after {
	box-shadow: 0 0 0 4px #6f6200;
}

.cream a,
.cream p,
.cream h1,
.cream h2,
.cream h3,
.cream h4,
.cream h5,
.cream h6,
.cream .h1,
.cream .h2,
.cream .h3,
.cream .h4,
.cream .h5,
.cream .h6,
.cream #contact .fa,
.cream #contact  text-paddding .fa,
.cream .hi-icon,
.cream span,
.cream #website-stats h3,
.cream #website-stats h4,
.cream #footer .top,
.cream #footer .top .fa,
.cream .feedback-wrapper{
	color: #6f6200;
}

.cream .home .ad-container .col-lg-12 {
	background-color: rgba(44, 38, 0, 0.87);
}
.cream .form-control:focus{
    border-color: #fff9d2;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(100,98,82,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(100,98,82,.6);
}

.cream .form-control,
.cream #search .input-field .form-control{
    border: 1px solid #6f6200;
    box-shadow: none;
    color: #6f6200;
}

.cream .panel.toggle-panel,
.cream .news-list-item:hover,
.cream .news-nav-wrapper{
    border: 1px solid #6f6200;
    background-color: #fff9d2;
}

.cream .panel.toggle-panel .panel-heading,
.cream .panel.toggle-panel .panel-content,
.cream .panel.toggle-panel .panel-footer{
    background-color: #fff9d2;    
}

.cream .feedback-radio-label {
    border-color: #6f6200;
}
.cream .feedback-radio:checked + .feedback-radio-label {
    border-color: #fff9d2;
    background-color: #6f6200;
}

.cream .ui-autocomplete{
	background-color: #fff9d2;
	border: #6f6200 1px solid;
}

.cream .ui-menu-item{
	border-bottom: 1px dashed #6f6200;
}

.cream .ui-menu-item a{
	color: #6f6200;
}

.cream .ui-state-focus{
	background-color:#6f6200;	
}

.cream .ui-state-focus a{
	color: #fff9d2;
	text-shadow: 1px 1px #222;
}

.cream .ui-state-focus a:hover,
.cream .ui-state-focus a:focus {
	color: #fff9d2;
}

.cream .ui-menu-item a small{
	color: #6f6200;
}

.cream .ui-state-focus a small{
	color:#fff9d2;
}

.cream a:hover, 
.cream a:focus {
	color: #cf0b0b;
}

.cream .sec-title h2:after,
.cream section {
    border-bottom: 1px solid #6f6200;
}

.cream .featured-item-image-wrap {
    border-top: 1px solid #6f6200;
    border-bottom: 1px solid #6f6200;
}

.cream .featured-item:hover .featured-item-image-wrap{
    border-top: 1px solid #fff9d2;
    border-bottom: 1px solid #fff9d2;
}

.cream .dc-contact {
	background-color: #fff9d2;
	box-shadow: 0 0 1px #6f6200;
}

.cream #contact.has-map {
	background: #6f6200;
}

.cream .btn-show-contact,
.cream .btn-show-contact:hover{
	background-color: #fff9d2;
}

.cream .featured-item:hover .featured-item-more{
	background-color: #fff9d2;
    color: #6f6200;
}

.cream .service-wrapper li:hover,
.cream .task-wrapper li:hover {
    background-color: #fff9d2;
}

.cream footer {
    border-top-color: #fff9d2;
}

@media only screen and (min-width: 768px) {
	.cream .navbar-nav a:not(.nav-icon)::before,
	.cream .navbar-nav a:not(.nav-icon)::after {
		background: #fff9d2;	
	}
	.cream .navbar-nav a:not(.nav-icon):hover, 
	.cream .navbar-nav a:not(.nav-icon):focus {
		color: #fff9d2;
	}
}
@media only screen and (max-width: 767px) {
	.cream .navbar-nav a:not(.nav-icon):hover {
		background-color: #fff9d2;
		color: #6f6200;
	}
	.cream .navbar-toggle .icon-bar {
    	background-color: #fff9d2;
	}
	.cream .navbar-toggle {
		border: 1px solid #fff9d2;
	}
}

.cream #footer a:hover {
	text-shadow: 0 0 0.5px #fff9d2;
}

.cream #footer a.top:hover {
	background-color: #fff9d2;
	color: #6f6200;	
}

.cream #footer a.top:hover .fa-angle-up {
	color: #6f6200;
}

/* Accessibility modal */

.cream #accessibility-modal .modal-content,
.cream #accessibility-settings select {
	color: #6f6200;
	background-color: #fff9d2;
	border-color: #6f6200;
}

.cream #accessibility-modal .modal-header > p,
.cream #accessibility-settings {
	color: #6f6200;
}

.cream #accessibility-modal .modal-header,
.cream #accessibility-modal .modal-header > h4 {
	border-bottom: 1px solid #6f6200;
}

.cream #accessibility-modal .modal-footer {
	border-top: 1px solid #6f6200;
}

/* Sub pages */
.cream .below-navbar,
.cream .breadcrumb,
.cream .page-header .fa,
.cream .breadcrumb>li+li:before {
	color: #6f6200;
	background-color: #fff9d2;
}

.cream .page-header {
	border-bottom: 1px solid #6f6200;
}

.cream .subheading {
	background-color: #6f6200;
	color: #fff9d2;
}
.cream table {
	border-color: #6f6200;
}

.cream .section-popular-services{
	background-color: #6f6200;	
	border-color: #AEA56C;
}

.cream .section-popular-services .hi-icon,
.cream .section-popular-services h3 {
	color: #fff9d2;
}

.cream .file-detail-heading small{
	color: #6f6200;
}
.cream .parent-page-list .sub-page-list li:hover{
	border-color: #cf0b0b;
}
.cream .page-grid-heading{
	border-color: #6f6200;
	background-color: #fff9d2;
}

/*Message in the footer */
.cream .fix-bottom.message{
	background-color: #fff9d2;
	border-color: #AEA56C;
}
.cream .link-inverse.link-underline{
	border-color: #6f6200;
}
.cream .link-inverse{
	color: #6f6200;
	background-color: #fff9d2;
}
.cream .link-inverse:hover{
	color: #cf0b0b;
}

.cream .footer-related-items-wrapper {
    border-color: #6f6200;
    background-color: #fff9d2;
    color: #6f6200;
    box-shadow: none;
}

.cream article a:not(.normal-border):before{
    background-color: #cf0b0b;;
}
.cream:not(.home) #search .submit-icon {
	border: 1px solid #fff9d2;
}

.cream article a {
    color: #cf0b0b;
}

.cream .parent-page-list li.parent {
    background-color: #6f6200;
}
.cream .parent-page-list li.parent a::before {
    border-top-color: #6f6200;
}
.cream .parent-page-list li.current-page {
    border-left-color: #6f6200;
}

.cream .parent-page-list > li:hover:not(.parent) {
    border-left-color: #6f6200;
}

.cream .page-group-wrapper {
    background-color: #fff9d2;
    box-shadow: none;
    border: 1px solid #6f6200;
}

.cream .breadcrumb a {
    color: #6f6200;
}

.cream .breadcrumb a:hover {
    color: #cf0b0b;
}

.cream article {
    color: #6f6200;
}

.cream .footer-related-items-wrapper.news-comments {
    background-color: #fff9d2;
}

/* Blue Skin 
	Primary colors
	
	Light: #9FCFFF
	Dark: #010066

*/

/* General and home page specific changes */

.blue,
.blue .navbar-nav .nav-icon:hover ,
.blue #services,
.blue #website-stats,
.blue #partners,
.blue .partners-container ul li,
.blue .to-top-wrap a,
.blue .social-icons .fa,
.blue p.page-grid-summary,
.blue #featured {
	color: #010066;
	background-color: #9FCFFF;
}
.blue .navbar-fixed-top,
.blue #contact {
	background-color: #010066;
}

.blue .page-grid-wrapper {
    border-top-color: #010066;
}

.blue a:not(.block-a):hover {
    border-bottom-color: #cf0b0b;
}
.blue .block-a:hover {
    text-decoration: none;
}

.blue .navbar-nav a,
.blue .navbar-nav a:focus,
.blue .navbar-nav a:active,
.blue h2.search-title,
.blue .btn-action:after,
.blue .featured-item:hover span,
.blue .featured-item:hover p,
.blue .featured-item:hover h4,
.blue #footer p,
.blue #footer a,
.blue .sub-service .hi-icon,
.blue .sub-service,

.blue .md-icons{
	color: #9FCFFF;
	text-shadow: none;
}

.blue .md-icons:hover,
.blue .link-inverse {
    color: #010066;
    background-color: #9fcfff;
}

.blue .to-top-wrap a {
    text-shadow: none;
}


.blue .btn,
.blue #search .submit-icon,
.blue .service-item:hover .hi-icon,
.blue .featured-item:hover,
.blue #footer,
.blue .service-wrapper li,
.blue .task-wrapper li,
.blue .news-list-heading,
.blue .social-card,
.blue .twitter-card .social-action .btn,
.blue .facebook-card .social-action .btn{
	color: #9FCFFF;
	background-color: #010066;
}

.blue .social-action .btn,
.blue .twt-prev,
.blue .twt-next,
.blue .fb-prev,
.blue .fb-next{
	color: #9FCFFF;
	border-color: #9FCFFF;
}

.blue .social-card .btn:hover,
.blue .twt-prev:hover,
.blue .twt-next:hover,
.blue .fb-prev:hover,
.blue .fb-next:hover{
	color: #010066;
	background-color:#9FCFFF;
	border-color: #cf0b0b;
}
.blue .social-tag{
	color: #9FCFFF;
	border-color: #9FCFFF;
}

.blue .social-tag:hover{
	color: #cf0b0b;
	border-color: #cf0b0b;
}
.blue .hi-icon-effect-1 .hi-icon:after {
	box-shadow: 0 0 0 4px #010066;
}

.blue a,
.blue p,
.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h6,
.blue .h1,
.blue .h2,
.blue .h3,
.blue .h4,
.blue .h5,
.blue .h6,
.blue #contact .fa,
.blue #contact  text-paddding .fa,
.blue .hi-icon,
.blue span,
.blue #website-stats h3,
.blue #website-stats h4,
.blue #footer .top,
.blue #footer .top .fa,
.blue .feedback-wrapper {
	color: #010066;
}

/*Message in the footer */
.blue .fix-bottom.message{
	background-color: #9fcfff;
	border-color: #56799B;
}
.blue .link-inverse.link-underline{
	border-color: #010066;
}
.blue .link-inverse{
	color: #010066;
}
.blue .link-inverse:hover{
	color: #cf0b0b;
}

.blue .home .ad-container .col-lg-12 {
	background-color: rgba(0, 0, 40, 0.87);
}
.blue .form-control:focus {
    border-color: #9fcfff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(62,81,100,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(62,81,100,.6);
}
.blue .form-control,
.blue #search .input-field .form-control {
    border: 1px solid #9fcfff;
    box-shadow: none;
    color: #010066;
}

.blue .panel.toggle-panel,
.blue .news-list-item:hover,
.blue .news-nav-wrapper{
    border: 1px solid #010066;
    background-color: #9fcfff;
}

.blue .panel.toggle-panel .panel-heading,
.blue .panel.toggle-panel .panel-content,
.blue .panel.toggle-panel .panel-footer{
    background-color: #9fcfff;    
}

.blue .feedback-radio-label {
    border-color: #010066;
}
.blue .feedback-radio:checked + .feedback-radio-label {
    border-color: #9fcfff;
    background-color: #010066;
}

.blue .ui-autocomplete{
	background-color: #9fcfff;
	border: #010066 1px solid;
}

.blue .ui-menu-item{
	border-bottom: 1px dashed #010066;
}

.blue .ui-menu-item a{
	color: #010066;
}

.blue .ui-state-focus{
	background-color:#010066;	
}

.blue .ui-state-focus a{
	color: #9fcfff;
	text-shadow: 1px 1px #222;
}

.blue .ui-state-focus a:hover,
.blue .ui-state-focus a:focus {
	color: #9fcfff;	
}

.blue .ui-menu-item a small{
	color: #010066;
}

.blue .ui-state-focus a small{
	color:#9fcfff;
}


.blue a:hover, 
.blue a:focus {
	color: #cf0b0b;
}

.blue .sec-title h2:after,
.blue section {
    border-bottom: 1px solid #010066;
}

.blue .featured-item-image-wrap {
    border-top: 1px solid #010066;
    border-bottom: 1px solid #010066;
}

.blue .featured-item:hover .featured-item-image-wrap{
    border-top: 1px solid #9FCFFF;
    border-bottom: 1px solid #9FCFFF;
}

.blue .dc-contact {
	background-color: #9FCFFF;
	box-shadow: 0 0 1px #010066;
}

.blue #contact.has-map {
	background: #010066;
}
.blue .btn-show-contact,
.blue .btn-show-contact:hover {
	background-color: #9FCFFF;
}

.blue .featured-item:hover .featured-item-more{
	background-color: #9FCFFF;
    color: #010066;
}

.blue .service-wrapper li:hover,
.blue .task-wrapper li:hover {
    background-color: #9FCFFF;
}

.blue footer {
    border-top-color: #9FCFFF;
}


@media only screen and (min-width: 768px) {
	.blue .navbar-nav a:not(.nav-icon)::before,
	.blue .navbar-nav a:not(.nav-icon)::after {
		background: #9FCFFF;	
	}
	.blue .navbar-nav a:not(.nav-icon):hover, 
	.blue .navbar-nav a:not(.nav-icon):focus {
		color: #9fcfff;
	}
}
@media only screen and (max-width: 767px) {
	.blue .navbar-nav a:not(.nav-icon):hover {
		background-color: #9FCFFF;
		color: #010066;
	}
	.blue .navbar-toggle .icon-bar {
    	background-color: #9FCFFF;
	}
	.blue .navbar-toggle {
		border: 1px solid #9FCFFF;
	}
}

.blue .img-link:hover {
    box-shadow: inset 1px 1px 30px #010066;
}

.blue #footer a:hover {
	text-shadow: 0 0 0.5px #9FCFFF;
}

.blue #footer a.top:hover {
	background-color: #9FCFFF;
	color: #010066;	
}

.blue #footer a.top:hover .fa-angle-up {
	color: #010066;
}

/* Accessibility modal */

.blue #accessibility-modal .modal-content,
.blue #accessibility-settings select {
	color: #010066;
	background-color: #9fcfff;
	border-color: #010066;
}

.blue #accessibility-modal .modal-header > p,
.blue #accessibility-settings {
	color: #010066;
}

.blue #accessibility-modal .modal-header,
.blue #accessibility-modal .modal-header > h4 {
	border-bottom: 1px solid #010066;
}

.blue #accessibility-modal .modal-footer {
	border-top: 1px solid #010066;
}

/* Sub pages */
.blue .below-navbar,
.blue .breadcrumb,
.blue .page-header .fa,
.blue .breadcrumb>li+li:before,
.blue .outer-ul li h2 {
	color: #010066;
	background-color: #9FCFFF;
}

.blue .page-header {
	border-bottom: 1px solid #010066;
}

.blue .subheading {
	background-color: #010066;
	color: #9FCFFF;
}
.blue table {
	border-color: #010066;
}

.blue .section-popular-services{
	background-color: #010066;	
	border-color: #56799B;
}
.blue .popular-service-item:hover {
	box-shadow:inset 2px 2px 200px #426A91;
}

.blue .section-popular-services .hi-icon,
.blue .section-popular-services h3 {
	color: #9FCFFF;
}

.blue .parent-page-list .sub-page-list li:hover{
	border-color: #cf0b0b;
}

.blue .file-detail-heading small{
	color: #010066;
}

.blue .page-grid-heading{
	border-color: #010066;
	background-color: #9FCFFF;
}

.blue .footer-related-items-wrapper {
    border-color: #010066;
    background-color: #9FCFFF;
    color: #010066;
    box-shadow: none;
}

.blue article a:not(.normal-border):before{
    background-color: #cf0b0b;;
}
.blue:not(.home) #search .submit-icon {
	border: 1px solid #9FCFFF;
}

.blue article a {
    color: #cf0b0b;
}

.blue .parent-page-list li.parent {
    background-color: #010066;
}
.blue .parent-page-list li.parent a::before {
    border-top-color: #010066;
}
.blue .parent-page-list li.current-page {
    border-left-color: #010066;
}

.blue .parent-page-list > li:hover:not(.parent) {
    border-left-color: #010066;
}

.blue .page-group-wrapper {
    background-color: #9FCFFF;
    box-shadow: none;
    border: 1px solid #010066;
}


.blue .breadcrumb a {
    color: #010066;
}

.blue .breadcrumb a:hover {
    color: #cf0b0b;
}

.blue article {
    color: #010066;
}

.blue .footer-related-items-wrapper.news-comments {
    background-color: #9FCFFF;
}


.blue:not(.home) #search .submit-icon {
	border: 1px solid #9fcfff;
}

/* Contrast Skin 
	Primary colors
	
	Light: #ff0
	Dark: #000

*/

/* General and home page specific changes */
.contrast,
.contrast .navbar-nav .nav-icon:hover ,
.contrast #services,
.contrast #website-stats,
.contrast #partners,
.contrast .partners-container ul li,
.contrast .to-top-wrap a,
.contrast .social-icons .fa,
.contrast p.page-grid-summary,
.contrast #featured {
	color: #000;
	background-color: #ff0;
}
.contrast .navbar-fixed-top,
.contrast #contact {
	background-color: #000;
}

.contrast .task-wrapper li a {
	color: #ff0;
}

.contrast .task-wrapper li a:hover {
	color: #cf0b0b;
}

.contrast .page-grid-wrapper {
    border-top-color: #000;
}

.contrast a:not(.block-a):hover {
    border-bottom-color: #cf0b0b;
}
.contrast .block-a:hover {
    text-decoration: none;
}

.contrast .navbar-nav a,
.contrast .navbar-nav a:focus,
.contrast .navbar-nav a:active,
.contrast h2.search-title,
.contrast .btn-action:after,
.contrast .featured-item:hover span,
.contrast .featured-item:hover p,
.contrast .featured-item:hover h4,
.contrast #footer p,
.contrast #footer a,
.contrast .sub-service .hi-icon,
.contrast .sub-service,
.contrast .md-icons{
	color: #ff0;
	text-shadow: none;
}

.contrast .md-icons:hover {
    color: #000;
    background-color: #ff0;
}

.contrast .to-top-wrap a {
    text-shadow: none;
}

.contrast .btn,
.contrast #search .submit-icon,
.contrast .service-item:hover .hi-icon,
.contrast .featured-item:hover,
.contrast #footer,
.contrast .service-wrapper li,
.contrast .task-wrapper li,
.contrast .news-list-heading,
.contrast .social-card,
.contrast .twitter-card .social-action .btn,
.contrast .facebook-card .social-action .btn{
	color: #ff0;
	background-color: #000;
}

.contrast .social-action .btn,
.contrast .twt-prev,
.contrast .twt-next,
.contrast .fb-prev,
.contrast .fb-next{
	color: #ff0;
	border-color: #ff0;
}

.contrast .social-card .btn:hover,
.contrast .twt-prev:hover,
.contrast .twt-next:hover,
.contrast .fb-prev:hover,
.contrast .fb-next:hover{
	color: #000;
	background-color:#ff0;
	border-color: #cf0b0b;
}

.contrast .social-tag{
	color: #ff0;
	border-color: #ff0;
}

.contrast .social-tag:hover{
	color: #cf0b0b;
	border-color: #cf0b0b;
}

.contrast .hi-icon-effect-1 .hi-icon:after {
	box-shadow: 0 0 0 4px #000;
}

.contrast a,
.contrast p,
.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast .h1,
.contrast .h2,
.contrast .h3,
.contrast .h4,
.contrast .h5,
.contrast .h6,
.contrast #contact .fa,
.contrast #contact  text-paddding .fa,
.contrast .hi-icon,
.contrast span,
.contrast #website-stats h3,
.contrast #website-stats h4,
.contrast #footer .top,
.contrast #footer .top .fa,
.contrast .feedback-wrapper {
	color: #000;
}

/*Message in the footer */
.contrast .fix-bottom.message{
	background-color: #ff0;
	border-color: #88881D;
}
.contrast .link-inverse.link-underline{
	border-color: #000;
}
.contrast .link-inverse{
	color: #000;
	background-color: #ff0;
}
.contrast .link-inverse:hover{
	color: #cf0b0b;
}

.contrast .home .ad-container .col-lg-12 {
	background-color: rgba(0, 0, 40, 0.87);
}
.contrast .form-control:focus {
    border-color: #ff0;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(62,81,100,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(62,81,100,.6);
}
.contrast .form-control,
.contrast #search .input-field .form-control {
    border: 1px solid #000;
    box-shadow: none;
    color: #000;
}

.contrast .panel.toggle-panel,
.contrast .news-list-item:hover,
.contrast .news-nav-wrapper{
    border: 1px solid #000;
    background-color: #ff0;
}

.contrast .panel.toggle-panel .panel-heading,
.contrast .panel.toggle-panel .panel-content,
.contrast .panel.toggle-panel .panel-footer{
    background-color: #ff0;    
}

.contrast .feedback-radio-label {
    border-color: #000;
}
.contrast .feedback-radio:checked + .feedback-radio-label {
    border-color: #ff0;
    background-color: #000;
}

.contrast .ui-autocomplete{
	background-color: #ff0;
	border: #000 1px solid;
}

.contrast .ui-menu-item{
	border-bottom: 1px dashed #000;
}

.contrast .ui-menu-item a{
	color: #000;
}

.contrast .ui-state-focus{
	background-color:#000;	
}

.contrast .ui-state-focus a{
	color: #ff0;
	text-shadow: 1px 1px #222;
}

.contrast .ui-state-focus a:hover,
.contrast .ui-state-focus a:focus {
	color: #ff0;	
}

.contrast .ui-menu-item a small{
	color: #000;
}

.contrast .ui-state-focus a small{
	color:#ff0;
}

.contrast .sec-title h2:after,
.contrast section {
    border-bottom: 1px solid #000;
}

.contrast .featured-item-image-wrap {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.contrast .featured-item:hover .featured-item-image-wrap{
    border-top: 1px solid #ff0;
    border-bottom: 1px solid #ff0;
}

.contrast .dc-contact {
	background-color: #ff0;
	box-shadow: 0 0 1px #000;
}

.contrast #contact.has-map {
	background: #000;
}
.contrast .btn-show-contact,
.contrast .btn-show-contact:hover {
	background-color: #ff0;
}

.contrast .featured-item:hover .featured-item-more{
	background-color: #ff0;
    color: #000;
}

.contrast .service-wrapper li:hover,
.contrast .task-wrapper li:hover {
    background-color: #ff0;
}

.contrast footer {
    border-top-color: #ff0;
}


@media only screen and (min-width: 768px) {
	.contrast .navbar-nav a:not(.nav-icon)::before,
	.contrast .navbar-nav a:not(.nav-icon)::after {
		background: #ff0;	
	}
	.contrast .navbar-nav a:not(.nav-icon):hover, 
	.contrast .navbar-nav a:not(.nav-icon):focus {
		color: #ff0;
	}
}
@media only screen and (max-width: 767px) {
	.contrast .navbar-nav a:not(.nav-icon):hover {
		background-color: #ff0;
		color: #000;
	}
	.contrast .navbar-toggle .icon-bar {
    	background-color: #ff0;
	}
	.contrast .navbar-toggle {
		border: 1px solid #ff0;
	}
}

.contrast .img-link:hover {
    box-shadow: inset 1px 1px 30px #000;
}

.contrast #footer a:hover {
	text-shadow: 0 0 0.5px #ff0;
}

.contrast #footer a.top:hover {
	background-color: #ff0;
	color: #000;	
}

.contrast #footer a.top:hover .fa-angle-up {
	color: #000;
}

/* Accessibility modal */

.contrast #accessibility-modal .modal-content,
.contrast #accessibility-settings select {
	color: #000;
	background-color: #ff0;
	border-color: #000;
}

.contrast #accessibility-modal .modal-header > p,
.contrast #accessibility-settings {
	color: #000;
}

.contrast #accessibility-modal .modal-header,
.contrast #accessibility-modal .modal-header > h4 {
	border-bottom: 1px solid #000;
}

.contrast #accessibility-modal .modal-footer {
	border-top: 1px solid #000;
}

/* Sub pages */
.contrast .below-navbar,
.contrast .breadcrumb,
.contrast .page-header .fa,
.contrast .breadcrumb>li+li:before,
.contrast .outer-ul li h2 {
	color: #000;
	background-color: #ff0;
}

.contrast .page-header {
	border-bottom: 1px solid #000;
}

.contrast .subheading {
	background-color: #000;
	color: #ff0;
}
.contrast table {
	border-color: #000;
}

.contrast .section-popular-services{
	background-color: #000;	
	border-color: #88881D;
}

.contrast .section-popular-services .hi-icon,
.contrast .section-popular-services h3 {
	color: #ff0;
}
.contrast .popular-service-item:hover {
	box-shadow:inset 2px 2px 200px #3f3f17;
}

.contrast .parent-page-list .sub-page-list li:hover,
.contrast .parent-page-list .sub-page-list li:hover a {
	border-color: #cf0b0b;
	color: #cf0b0b;
}

.contrast .parent-page-list li.parent a {
	color: #ff0;
	border-color: #ff0;
}

.contrast .page-grid-heading{
	border-color: #000;
	background-color: #ff0;
}

.contrast .footer-related-items-wrapper {
    border-color: #000;
    background-color: #ff0;
    color: #000;
    box-shadow: none;
}

.contrast article a:not(.normal-border):before{
    background-color: #cf0b0b;;
}
.contrast:not(.home) #search .submit-icon {
	border: 1px solid #ff0;
}

.contrast article a {
    color: #cf0b0b;
}

.contrast .parent-page-list li.parent {
    background-color: #000;
}
.contrast .parent-page-list li.parent a::before {
    border-top-color: #000;
}
.contrast .parent-page-list li.current-page {
    border-left-color: #000;
}

.contrast .parent-page-list > li:hover:not(.parent) {
    border-left-color: #000;
}

.contrast .page-group-wrapper {
    background-color: #ff0;
    box-shadow: none;
    border: 1px solid #000;
}


.contrast .breadcrumb a {
    color: #000;
}

.contrast .breadcrumb a:hover {
    color: #cf0b0b;
}

.contrast article {
    color: #000;
}

.contrast .footer-related-items-wrapper.news-comments {
    background-color: #ff0;
}


.contrast:not(.home) #search .submit-icon {
	border: 1px solid #ff0;
}


/* High Contrast Skin 
	Primary colors
	
	Light: #000
	Dark: #ff0

*/

/* General and home page specific changes */
.high-contrast,
.high-contrast .navbar-nav .nav-icon:hover ,
.high-contrast #services,
.high-contrast #website-stats,
.high-contrast #partners,
.high-contrast .partners-container ul li,
.high-contrast .to-top-wrap a,
.high-contrast .social-icons .fa,
.high-contrast p.page-grid-summary,
.high-contrast #featured,
.high-contrast .featured-item-header .featured-item-date{
	color: #ff0;
	background-color: #000;
}
.high-contrast .featured-item:hover span {
	background-color: #ff0;
}
.high-contrast .navbar-fixed-top,
.high-contrast #contact{
	background-color: #ff0;
}

.high-contrast .page-grid-wrapper {
    border-top-color: #ff0;
}

.high-contrast a:not(.block-a):hover {
    border-bottom-color: #cf0b0b;
}
.high-contrast .block-a:hover {
    text-decoration: none;
}

.high-contrast .navbar-brand img {
	background-color: #000;
	border-radius: 5px;
}

.high-contrast .service-wrapper a,
.high-contrast .task-wrapper a {
	color: #000;
}
.high-contrast .submit-icon {
	border: 1px solid #000;
}

.high-contrast .navbar-nav a,
.high-contrast .navbar-nav a:focus,
.high-contrast .navbar-nav a:active,
.high-contrast h2.search-title,
.high-contrast .btn-action:after,
.high-contrast .featured-item:hover span,
.high-contrast .featured-item:hover p,
.high-contrast .featured-item:hover h4,
.high-contrast #footer p,
.high-contrast #footer a,
.high-contrast .sub-service .hi-icon,
.high-contrast .sub-service,
.high-contrast .md-icons{
	color: #000;
	text-shadow: none;
}

.high-contrast .md-icons:hover {
    color: #ff0;
    background-color: #000;
}

.high-contrast .to-top-wrap a {
    text-shadow: none;
}

.high-contrast .btn,
.high-contrast #search .submit-icon,
.high-contrast .service-item:hover .hi-icon,
.high-contrast .featured-item:hover,
.high-contrast #footer,
.high-contrast .service-wrapper li,
.high-contrast .task-wrapper li,
.high-contrast .news-list-heading,
.high-contrast .social-card,
.high-contrast .twitter-card .social-action .btn,
.high-contrast .facebook-card .social-action .btn{
	color: #000;
	background-color: #ff0;
}

.high-contrast .social-card .btn,
.high-contrast .twt-prev,
.high-contrast .twt-next,
.high-contrast .fb-prev,
.high-contrast .fb-next{
	border-color: #000;
}

.high-contrast .social-card .btn:hover,
.high-contrast .twt-prev:hover,
.high-contrast .twt-next:hover,
.high-contrast .fb-prev:hover,
.high-contrast .fb-next:hover{
	color: #ff0;
	background-color:#000;
	border-color: #cf0b0b;
}

.high-contrast .social-tag{
	color: #000;
	border-color: #000;
}

.high-contrast .social-tag:hover{
	color: #cf0b0b;
	border-color: #cf0b0b;
}

.high-contrast .hi-icon-effect-1 .hi-icon:after {
	box-shadow: 0 0 0 4px #ff0;
}

.high-contrast a,
.high-contrast p,
.high-contrast h1,
.high-contrast h2,
.high-contrast h3,
.high-contrast h4,
.high-contrast h5,
.high-contrast h6,
.high-contrast .h1,
.high-contrast .h2,
.high-contrast .h3,
.high-contrast .h4,
.high-contrast .h5,
.high-contrast .h6,
.high-contrast #contact .fa,
.high-contrast #contact  text-paddding .fa,
.high-contrast .hi-icon,
.high-contrast span,
.high-contrast #website-stats h3,
.high-contrast #website-stats h4,
.high-contrast #footer .top,
.high-contrast #footer .top .fa,
.high-contrast .feedback-wrapper {
	color: #ff0;
}

/*Message in the footer */
.high-contrast .fix-bottom.message{
	background-color: #000;
	border-color: #766C6C;
}
.high-contrast .link-inverse.link-underline{
	border-color: #ff0;
}
.high-contrast .link-inverse{
	color: #ff0;
	background-color: #000;
}
.high-contrast .link-inverse:hover{
	color: #cf0b0b;
}

.high-contrast .home .ad-container .col-lg-12 {
	background-color: rgba(0, 0, 40, 0.87);
}
.high-contrast .form-control:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(62,81,100,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(62,81,100,.6);
}
.high-contrast .form-control,
.high-contrast #search .input-field .form-control {
    border: 1px solid #000;
    box-shadow: none;
    color: #000;
}

.high-contrast .panel.toggle-panel,
.high-contrast .news-list-item:hover,
.high-contrast .news-nav-wrapper{
    border: 1px solid #ff0;
    background-color: #000;
}

.high-contrast .panel.toggle-panel .panel-heading,
.high-contrast .panel.toggle-panel .panel-content,
.high-contrast .panel.toggle-panel .panel-footer{
    background-color: #000;    
}

.high-contrast .feedback-radio-label {
    border-color: #ff0;
}
.high-contrast .feedback-radio:checked + .feedback-radio-label {
    border-color: #000;
    background-color: #ff0;
}

.high-contrast .ui-autocomplete{
	background-color: #000;
	border: #ff01 1px solid;
}

.high-contrast .ui-menu-item{
	border-bottom: 1px dashed #ff0;
}

.high-contrast .ui-menu-item a{
	color: #ff0;
}

.high-contrast .ui-state-focus{
	background-color:#ff0;	
}

.high-contrast .ui-state-focus a{
	color: #000;
	text-shadow: 1px 1px #222;
}

.high-contrast .ui-state-focus a:hover,
.high-contrast .ui-state-focus a:focus {
	color: #000;	
}

.high-contrast .ui-menu-item a small{
	color: #ff0;
}

.high-contrast .ui-state-focus a small{
	color:#000;
}


.high-contrast a:hover, 
.high-contrast a:focus {
	color: #cf0b0b;
}

.high-contrast .sec-title h2:after,
.high-contrast section {
    border-bottom: 1px solid #ff0;
}

.high-contrast .featured-item-image-wrap {
    border-top: 1px solid #ff0;
    border-bottom: 1px solid #ff0;
}

.high-contrast .featured-item:hover .featured-item-image-wrap{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.high-contrast .dc-contact {
	background-color: #000;
	box-shadow: 0 0 1px #ff0;
}

.high-contrast #contact.has-map {
	background: #ff0;
}
.high-contrast .btn-show-contact,
.high-contrast .btn-show-contact:hover {
	background-color: #000;
}

.high-contrast .featured-item:hover .featured-item-more{
	background-color: #000;
    color: #ff0;
}

.high-contrast .service-wrapper li:hover,
.high-contrast .task-wrapper li:hover {
    background-color: #000;
}

.high-contrast footer {
    border-top-color: #000;
}


@media only screen and (min-width: 768px) {
	.high-contrast .navbar-nav a:not(.nav-icon)::before,
	.high-contrast .navbar-nav a:not(.nav-icon)::after {
		background: #000;	
	}
	.high-contrast .navbar-nav a:not(.nav-icon):hover, 
	.high-contrast .navbar-nav a:not(.nav-icon):focus {
		color: #000;
	}
}
@media only screen and (max-width: 767px) {
	.high-contrast .navbar-nav a:not(.nav-icon):hover {
		background-color: #000;
		color: #ff0;
	}
	.high-contrast .navbar-toggle .icon-bar {
    	background-color: #000;
	}
	.high-contrast .navbar-toggle {
		border: 1px solid #000;
	}
}

.high-contrast #footer a:hover {
	text-shadow: 0 0 0.5px #000;
}

.high-contrast #footer a.top:hover {
	background-color: #000;
	color: #ff0;	
}

.high-contrast .footer-logo-wrapper img {
	background-color: #000;
	border-radius: 5px;
}

.high-contrast .img-link:hover {
    box-shadow: inset 1px 1px 30px #ff0;
}

.high-contrast #footer a.top:hover .fa-angle-up {
	color: #ff0;
}

/* Accessibility modal */

.high-contrast #accessibility-modal .modal-content,
.high-contrast #accessibility-settings select {
	color: #ff0;
	background-color: #000;
	border-color: #ff0;
}

.high-contrast #accessibility-modal .modal-header > p,
.high-contrast #accessibility-settings {
	color: #ff0;
}

.high-contrast #accessibility-modal .modal-header,
.high-contrast #accessibility-modal .modal-header > h4 {
	border-bottom: 1px solid #ff0;
}

.high-contrast #accessibility-modal .modal-footer {
	border-top: 1px solid #ff0;
}

/* Sub pages */
.high-contrast .below-navbar,
.high-contrast .breadcrumb,
.high-contrast .page-header .fa,
.high-contrast .breadcrumb>li+li:before,
.high-contrast .outer-ul li h2 {
	color: #ff0;
	background-color: #000;
}

.high-contrast .page-header {
	border-bottom: 1px solid #ff0;
}

.high-contrast .subheading {
	background-color: #ff0;
	color: #000;
}
.high-contrast table {
	border-color: #ff0;
}

.high-contrast .section-popular-services{
	background-color: #ff0;	
	border-color: #766C6C;
}
.high-contrast .section-popular-services .hi-icon,
.high-contrast .section-popular-services h3 {
	color: #000;
}

.high-contrast .popular-service-item:hover {
	box-shadow:inset 2px 2px 200px #4b4b4b;
}


.high-contrast .footer-related-items-wrapper {
    border-color: #ff0;
    background-color: #000;
    color: #ff0;
    box-shadow: none;
}
.high-contrast .file-detail-heading small{
	color: #ff0;
}

.high-contrast .parent-page-list li.parent a {
	color: #000;
	border-color: #000;
}

.high-contrast .page-grid-heading{
	border-color: #ff0;
	background-color: #000;
}

.high-contrast article a:not(.normal-border):before{
    background-color: #cf0b0b;;
}
.high-contrast:not(.home) #search .submit-icon {
	border: 1px solid #000;
}

.high-contrast article a {
    color: #cf0b0b;
}

.high-contrast .parent-page-list li.parent a {
	color: #000;
}

.high-contrast .parent-page-list li.parent {
    background-color: #ff0;
}
.high-contrast .parent-page-list li.parent a::before {
    border-top-color: #ff0;
}
.high-contrast .parent-page-list li.current-page {
    border-left-color: #ff0;
}
.high-contrast .parent-page-list > li:hover:not(.parent) {
	border-color: #cf0b0b;
}
.high-contrast .parent-page-list .sub-page-list li:hover,
.high-contrast .parent-page-list .sub-page-list li:hover a {
	color: #cf0b0b;
	border-color: #cf0b0b;
}
.high-contrast .parent-page-list .sub-page-list li a{
	color: #000;
}
.high-contrast .parent-page-list > li:hover:not(.parent) a {
	color: #cf0b0b;
}

.high-contrast .page-group-wrapper {
    background-color: #000;
    box-shadow: none;
    border: 1px solid #ff0;
}


.high-contrast .breadcrumb a {
    color: #ff0;
}

.high-contrast .breadcrumb a:hover {
    color: #cf0b0b;
}

.high-contrast article {
    color: #ff0;
}

.high-contrast .footer-related-items-wrapper.news-comments {
    background-color: #000;
}


.high-contrast:not(.home) #search .submit-icon {
	border: 1px solid #000;
}


/* News Image on home page*/
.news-thumbnail{
	max-height:100%;
	max-width:100%;	
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
}

/*
.news-tall{
	height: auto;
}

.news-wide{
	width: auto;
}
*/

/* Sitemap */
/* Inspired and modified from (http://stackoverflow.com/questions/14922247/how-to-get-a-tree-in-html-using-pure-css) */
.sitemap-parent {
	padding-left: 0;
}
.sitemap-parent,
.sitemap, 
.sitemap ul{
	list-style-type: none;
	position: relative;   
	overflow:hidden;
	line-height: 1.9;
}

.sitemap li,
.sitemap-parent li{
	margin: 0;
	padding: 0 12px;  
	position: relative;   
}

.sitemap li::before, .sitemap li::after{
	content: '';
	position: absolute;
	left: 0;
}

/* horizontal line on list items */
.sitemap li::before{
	border-top: 1px solid #999;
	top: 15px;
	width: 10px;
	height: 0;    
}

/* vertical line on list items */   
.sitemap li::after{
	border-left: 1px solid #999;
	height: 100%;
	width: 0px;
	top: 0px; 
}

.sitemap li:last-child::after{
	height:16px;
}

/* on last level don't show line below the half of text */
.sitemap > li:last-child::after{
	height:16px;
}

@media only screen and (max-width: 768px){
	.sitemap,
	.sitemap ul {
		padding-left: 10px;
	}
	.sitemap li::before{
		top: 13px;
	}
	.sitemap li:last-child::after{
		height:13px;
	}
}

/* Paginaiton mod */
.pagination {
	margin-top: 0;
}
.pagination > li > a {
	color: #2d2277;
}

.pagination > .active > a{
	background-color: #2d2277;
	border-color: #2d2277;
}

.pagination > .active > a:hover,
.pagination > .active > a:focus {
	background-color: #2d2277;
	border-color: #2d2277;
}

.pagination >li:first-child > a{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.pagination > li:last-child > a {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.pagination > li > a:focus,
.pagination > li > a:hover {
	color: #2d2277;
	border-bottom: 1px solid;
}

.pagination > li > a::before {
	background:none;
}

.pagination > li.is-hidden {
	display: none;
}

.pagination > li.pagination-spacer a {
	background-color: #f8f8f8;
    border-color: #f8f8f8;
	padding: 2px 12px;
	margin-left: 1px;
}

.pagination-button {
	background-color: #fff;
	color: #2d2277;
	border: 1px solid #ddd;
}

article a.pagination-button::before {
	background:none;
}

article a.pagination-button:hover,
article a.pagination-button:focus {
	color: #2d2277;
	border-color: #ddd;
	background-color: #fff;
	color: #2d2277;
	border-bottom: 1px solid #2d2277;
}

article button.pagination-button.btn-disabled {
	background-color: #a6a6a6;
	color: #fff;
}

@media only screen and (min-width: 768px){
	article a.pagination-button,
	article button.pagination-button {
		top: -62px;
	}
	.search-nav-wrapper {
		padding-bottom: 0;
	}
}
@media only screen and (max-width: 768px){
	.pagination > li > a{
		padding: 5px 10px;
	}
	.pagination > li.pagination-spacer > a{
		padding: 2px 5px;
	}
}

/* Error messages on the search */
.error-icon{
	color: #a71c19;
	position: absolute;
	right: 20px;
	top: 10px;
	display: none;
}
.error-label {
	color: #a71c19;
	position: absolute;
	font-size: .8rem;	
	display: none;
	top: -20px;
}

.error-label.on-home {
	bottom: 5px;
	left: 20px;
	font-size: .7rem;
	top: initial;
	top: auto;
}

.error-icon.on-home {
	right: 80px;
}

.danger-border {
	border-color: #a71c19 !important; /* Another one for shame */
}
.error-background {
	background-color: #a71c19;
}

/* Unresponsive table fix */
@media (max-width: 600px) {
	.table>tbody>tr>td,
	.table th {
		border: 0 !important;
		display:block;
	}
	tr {
		border-top: 1px solid #ddd;
	}
	tr:first-child,
	thead {
		background-color: #f6f6f6;
		border-top: 1px solid #22772d;
	}
	tr:not(:first-child) td:first-child {
		font-weight:600;
	}
}

/*Accessibility settings applied on the pages
To handle large letter spacing and large font */
.isAccessible .service-item h3 {
	height:auto;
 	min-height:43px;
}
.isAccessible .featured-item-title{
	height:auto;
	min-height:60px;
}
.isAccessible .featured-item{
	height:auto;
	min-height: 500px;
}
.isAccessible .featured-item-content{
	height: auto;
	min-height: 72px;
}
.isAccessible .social-card{
	height:auto;
	min-height: 400px;
}
.isAccessible .social-post .post-content {
	height: auto;
	min-height: 75px;
	margin-bottom: 4rem;
}
.isAccessible .social-card .fa-twitter,
.isAccessible .social-card .fa-facebook{
	font-size: 5rem;
	right:1rem;
}
.isAccessible .contact-box .dc-contact{
	height:auto;
	min-height:300px;
}
.isAccessible .table td {
	word-break: break-word;
}