/* =================================== */


/*	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;
}

.btn-print {
    width: 100%;
    text-align: center;
    padding: 0.3rem 1.3rem;
    color: #fff;
    border-radius: 5px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn-print:hover,
.btn-print:active,
.btn-print:focus {
    opacity: 0.7;
    color: #fff;
}

.btn-fitness {
    background: #ed9c28
}

.btn-swimming {
    background: #3276b1;
}

.btn-print::before,
.btn-print:hover::before,
.btn-print:focus::before {
    display: none;
}

.popular-sevice-item #myChatLink:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}

.popular-service-item a:hover {
    text-decoration: none;
}

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: 4.5rem;
}

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: right;
}

.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('../img/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('../img/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;
    -webkit-backface-visibility: hidden;
}

.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,
.navbar-brand>img.brand-print {
    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: #39424e;
}

.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("../img/icons/close.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    right: 0;
    top: 0;
    width: 50px;
}

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

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


/*=================================================================
	Search
==================================================================*/

#search {
    /*background: url("../img/slider/Brewood-Winter.jpg");*/
    /*background: url("../img/slider/Poppies.jpg");*/
    /*background-position:center center;*/
    /*background-position: 50% -22rem;*/
    background: url("../img/slider/baggridge.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
    background-position: 50% -15rem;
    background-position: 50% -10rem;
    background-size: 100%;
}

p.home-copyright {
    position: absolute;
    right: 10px;
    color: #fff;
    bottom: -10px;
    z-index: 200;
    font-size: .70rem;
    opacity: .7;
}

#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: 5rem;
    /* to compensate new padding of main */
    padding-top: 5rem;
}

.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: 0.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;*/
    margin-bottom: 30px;
    padding-top: 15px;
    -webkit-transition: background 0.9s, color 0.9s;
    -moz-transition: background 0.9s, color 0.9s;
    transition: background 0.9s, color 0.9s;
}

.service-item:hover {
    background: green;
    color: #fff;
}

.service-item:hover i,
.service-item:hover h3 {
    color: #fff;
}

#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;
}

.leisure-table {
    width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
}

.widget-table {
    margin-bottom: 7px !important;
}

.leisure-table>tbody>tr>td,
.leisure-table>tbody>tr>th,
.leisure-table>tfoot>tr>td,
.leisure-table>tfoot>tr>th,
.leisure-table>thead>tr>td,
.leisure-table>thead>tr>th {
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.leisure-table tr:first-child {
    background: #006e2e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #006e2e 0%, #006e2e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #006e2e 0%, #006e2e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #006e2e 0%, #006e2e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#006e2e', GradientType=0);
    /* IE6-9 */
    color: #fff;
    font-weight: bold;
}

table.leisure-table tr td:nth-child(2) {
    text-align: right !important;
}

.leisure-table tr.even,
.leisure-table tr.alt,
.leisure-table tr:nth-of-type(even) {
    background: #F9F9F9;
}

#elections-table {
    border: 1px solid #dddddd;
}

#elections-table thead {
    background: #c3c2c2;
    font-weight: bold;
}

#elections-table thead td {
    font-weight: bold;
}

.bold-row {
    font-weight: bold;
}


/*=================================================================
	Contact
==================================================================*/

#contact {
    color: #252525;
    background-color: #575757;
    transition: background 0.75s ease;
}

#contact.has-map {
    background: url('../img/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: 1px solid #bdbcbc;
    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('../img/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('../img/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('../img/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('../img/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;
}


/*ipad styles*/

@media only screen and (device-width: 768px) {
    .nav-not-tablet {
        display: none !important;
    }
    #search {
        background-size: inherit;
        background-attachment: fixed;
        background-position: 100% -70rem;
    }
}


/*ipad styles end here*/

@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;
    }
    #search {
        background-size: inherit;
        background-attachment: fixed;
        background-position: 100% 0rem;
    }
}

@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;
    }
    #search {
        background-size: inherit;
        background-attachment: fixed;
        background-position: 100% 0rem;
    }
}

@media (max-width: 399px) {
    li.right-li {
        margin-left: 0px;
    }
    .left-li {
        margin-top: 3rem;
    }
    #search {
        background-size: inherit;
        background-attachment: fixed;
        background-position: 100% 0rem;
    }
}

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

@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;
    }
    #search {
        background-size: inherit;
        background-attachment: fixed;
        background-position: 100% 0rem;
    }
}

@media (max-width: 380px) {
    /*.user-stats {
		width:268px;
		margin:0 auto;
	}*/
    .left-li {
        margin-top: 3rem;
    }
    .desktop-container {
        width: 9rem;
        margin: 0 auto;
    }
    #search {
        background-size: inherit;
        background-attachment: fixed;
        background-position: 100% 0rem;
    }
}


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

#partners,
#partners-awards {
    background: #f2f2f2;
    padding: 0px;
    box-shadow: 1px 1px 2px #252525;
}

#partners .row,
#partners-awards .row {
    margin: 0;
}

#partners .container-fluid,
#partners-awards .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: "";
}


/*==============================================================
	winners
==============================================================*/

.winner-container ul {
    list-style: none
}

.winner-container img {
    border-radius: 10px;
}


/*==============================================================
	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;
}

.btn.js-message-close:hover {
    background-color: #2d2277;
}


/* ==========================================================================
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 .1rem;
}

.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: 0.3rem;
    font-weight: 600;
}

p.page-grid-summary {
    max-height: 75px;
    overflow: hidden;
    color: #252525;
    margin-bottom: 1rem;
    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>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;
    margin: 0;
}

.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;
}

label.feedback-radio-label p {
    padding: 0px 25px;
}

.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;
    }
    #navbar-connect1 ul li {
        border-bottom: 1px solid #e7e7e7;
    }
    #navbar-connect1 ul li a:hover {
        border-bottom: 1px solid #f8f8f8;
    }
    .no-border-bottom {
        border-bottom: none !important;
    }
    /* 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;
}

.leisure-centre-tour {
    width: 100%;
    min-height: 600px;
}

@media (max-width: 767px) {
    .leisure-centre-tour {
        min-height: 0;
        max-height: 300px;
    }
}


/*============================================================
	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,
.cream .more-news-list li .fa {
    color: #6f6200;
    background-color: #fff9d2;
}

.cream .navbar-fixed-top,
.cream #contact,
.cream .search-nav-wrapper {
    background-color: #6f6200;
}

.cream .page-grid-wrapper,
.cream .table>tbody>tr>td,
.cream hr {
    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;
    border-color: #6f6200;
}

.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;
    }
}

@media (max-width: 600px) {
    .cream tr {
        border-top: 1px solid #6f6200;
    }
    .cream tr:first-child,
    .cream thead {
        background-color: #6f6200;
        border-color: #6f6200;
        color: #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;
}


/* Pagination*/

.cream .search-nav-wrapper {
    background-color: #6f6200;
}

.cream .pagination>.active>a,
.cream .pagination>.active>a:hover,
.cream .pagination>.active>a:focus,
.cream .pagination>.active>a:active,
.cream .pagination>.active>a :visited {
    background-color: #6f6200;
    border-color: #fff9d2;
    color: #fff9d2;
}

.cream .pagination>li>a {
    color: #6f6200;
    border-color: #6f6200;
    background-color: #fff9d2;
}

.cream .pagination>li>a:hover,
.cream .pagination>li>a:focus,
.cream .pagination>li>a:active,
.cream .pagination>li>a:visited {
    color: #6f6200;
    background-color: #fff9d2;
}

.cream .pagination-button {
    border-color: #fff9d2;
}

.cream .pagination-button:hover,
.cream .pagination-button:focus {
    color: #6f6200;
    background-color: #fff9d2;
    border-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 h3::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,
.blue .table>tbody>tr>td,
.blue hr {
    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,
.blue .more-news-list li .fa {
    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;
}


/* Pagination*/

.blue .search-nav-wrapper {
    background-color: #010066;
}

.blue .pagination>.active>a,
.blue .pagination>.active>a:hover,
.blue .pagination>.active>a:focus,
.blue .pagination>.active>a:active,
.blue .pagination>.active>a :visited {
    background-color: #010066;
    border-color: #9fcfff;
    color: #9fcfff;
}

.blue .pagination>li>a {
    color: #010066;
    border-color: #010066;
    background-color: #9fcfff;
}

.blue .pagination>li>a:hover,
.blue .pagination>li>a:focus,
.blue .pagination>li>a:active,
.blue .pagination>li>a:visited {
    color: #010066;
    background-color: #9fcfff;
}

.blue .pagination-button {
    border-color: #9fcfff;
}

.blue .pagination-button:hover,
.blue .pagination-button:focus {
    color: #010066;
    background-color: #9fcfff;
    border-color: #9fcfff;
}


/*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;
    border-color: #010066;
}

.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;
    }
}

@media (max-width: 600px) {
    .blue tr {
        border-top: 1px solid #010066;
    }
    .blue tr:first-child,
    .blue thead {
        background-color: #010066;
        border-color: #010066;
        color: #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 h3::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,
.contrast .table>tbody>tr>td,
.contrast hr {
    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,
.contrast .more-news-list li .fa {
    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;
}


/* Pagination*/

.contrast .search-nav-wrapper {
    background-color: #000;
}

.contrast .pagination>.active>a,
.contrast .pagination>.active>a:hover,
.contrast .pagination>.active>a:focus,
.contrast .pagination>.active>a:active,
.contrast .pagination>.active>a :visited {
    background-color: #000;
    border-color: #ff0;
    color: #ff0;
}

.contrast .pagination>li>a {
    color: #000;
    border-color: #000;
    background-color: #ff0;
}

.contrast .pagination>li>a:hover,
.contrast .pagination>li>a:focus,
.contrast .pagination>li>a:active,
.contrast .pagination>li>a:visited {
    color: #000;
    background-color: #ff0;
}

.contrast .pagination-button {
    border-color: #ff0;
}

.contrast .pagination-button:hover,
.contrast .pagination-button:focus {
    color: #000;
    background-color: #ff0;
    border-color: #ff0;
}


/*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;
    border-color: #000;
}

.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;
    }
}

@media (max-width: 600px) {
    .contrast tr {
        border-top: 1px solid #000;
    }
    .contrast tr:first-child,
    .contrast thead {
        background-color: #000;
        border-color: #000;
        color: #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 h3::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,
.high-contrast .more-news-list li .fa {
    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,
.high-contrast .table>tbody>tr>td,
.high-contrast hr {
    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,
.high-contrast #translate span {
    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;
}


/* Pagination*/

.high-contrast .search-nav-wrapper {
    background-color: #ff0;
}

.high-contrast .pagination>.active>a,
.high-contrast .pagination>.active>a:hover,
.high-contrast .pagination>.active>a:focus,
.high-contrast .pagination>.active>a:active,
.high-contrast .pagination>.active>a :visited {
    background-color: #ff0;
    border-color: #000;
    color: #000;
}

.high-contrast .pagination>li>a {
    color: #ff0;
    border-color: #ff0;
    background-color: #000;
}

.high-contrast .pagination>li>a:hover,
.high-contrast .pagination>li>a:focus,
.high-contrast .pagination>li>a:active,
.high-contrast .pagination>li>a:visited {
    color: #ff0;
    background-color: #000;
}

.high-contrast .pagination-button {
    border-color: #000;
}

.high-contrast .pagination-button:hover,
.high-contrast .pagination-button:focus {
    color: #ff0;
    background-color: #000;
    border-color: #000;
}


/*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;
    border-color: #ff0;
}

.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;
    }
}

@media (max-width: 600px) {
    .high-contrast tr {
        border-top: 1px solid #ff0;
    }
    .high-contrast tr:first-child,
    .high-contrast thead {
        background-color: #ff0;
        border-color: #ff0;
        color: #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 h3::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;
    }
}


/* Contact box responsiveness */

@media (max-width: 1199px) and (min-width: 992px) {
    .contact-box .dc-contact {
        height: 370px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .contact-box .dc-contact {
        height: 420px !important;
    }
}


/*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;
}

.isAccessible .to-top-wrap {
    height: auto;
}

#myChatLinkContainer {
    display: inline-block;
}

#myChatLink {
    display: inline-block;
    margin-left: 28px;
}

.chat-unavailable {
    display: none !important;
}

.popular-service-item .chat-unavailable {
    background: none !important;
    color: #AF3D3F;
}

#myChatLinkContainer.chat-icon-av,
#myChatLinkContainer.chat-icon-unav {
    position: relative;
}


/*#myChatLinkContainer.chat-icon-av::before {
	display: block;
	height: 24px;
	width: 24px;
	content: url('/img/web-chat-av.png') !important;
	position:absolute !important;
	top: 2px !important;
}
#myChatLinkContainer.chat-icon-unav::before {
	display: block;
	height: 24px;
	width: 24px;
	content: url('/img/web-chat-unav.png') !important;
	position:absolute !important;
	top: 2px !important;
}*/

.chat-unavailable {
    background: rgba(207, 11, 11, 0.46) !important;
}

.chat-available {
    color: #22772d !important;
}

.telephone-number {
    font-size: 0.85rem
}

#chat-online {
    position: fixed;
    top: 20%;
    right: 0px;
    background-color: rgba(34, 119, 45, 0.68);
    color: #fff;
    padding: 0.5rem 0rem;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 1.2rem;
    z-index: 100;
    min-height: 46px;
}


/*#clickToChat{
	position:relative;
	right: 0%;
  
  -webkit-transition: right 2s;
  -moz-transition: right 2s;
  -o-transition: right 2s;
  transition: right 6s;	
}*/

.chat-unavailable #myChatLinkInfo {
    background-image: url('../img/web-chat-unav.png') !important;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 1.5rem;
}

.chat-available #myChatLinkInfo {
    background-image: url('../img/web-chat-av.png') !important;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 1.5rem;
}

#clickToChat a,
#clickToChat a:hover,
#clickToChat,
#clickToChat:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}

a#footerClickToChat {
    max-width: 100px;
    margin: auto;
    display: inline;
}

a#footerClickToChat span:hover {
    border-bottom: 1px solid #22772D;
}


/*.hidden-chat{
	right:-148px;
}

.show-chat{
	transition: right 2s;
	right:0px;
}*/

.blue-bin {
    color: #2d41a9
}

.grey-bin {
    color: #886471
}

#bins-table tr td:not(:first-child) {
    text-align: center
}

.ui-effects-wrapper {
    /*padding:0.5rem 0rem !important;	*/
}


/*leisure centers css*/

.nav-tabs {
    border-bottom: none;
}

.nav-tabs li {
    margin-bottom: 0px;
}

.nav-tabs li a {
    border: 0px !important
}

.calender-day {
    background: transparent;
    color: #fff;
    font-weight: bold;
}

#classes-fitness,
.calender-item.active a,
.calender-day:hover {
    background: #e88c1d !important;
    color: #fff !important;
    font-weight: bold;
    border-radius: 0px;
}

.swim-calender-item.active a,
.swim-calender-item a:hover {
    background: #40a5b6 !important;
    color: #fff !important;
    font-weight: bold;
    border-radius: 0px;
    border: none;
}

.gym-calender-item.active a,
.gym-calender-item a:hover {
    background: #000e6f !important;
    color: #fff !important;
    font-weight: bold;
    border-radius: 0px;
    border: none;
}

.spin-calender-item.active a,
.spin-calender-item a:hover {
    background: #4d40b6 !important;
    color: #fff !important;
    font-weight: bold;
    border-radius: 0px;
    border: none;
}

.spin-calender-item a,
.gym-calender-item a {
    color: #fff;
    font-weight: bold;
}

.swim-calender-item a {
    color: #fff;
    font-weight: bold;
}

#classes-gym {
    background: #000e6f;
    color: #fff;
    font-weight: bold;
    border-radius: 0px;
}

#classes-pool {
    background: #40a5b6;
    color: #fff;
    font-weight: bold;
    border-radius: 0px;
}

#classes-spinning {
    background: #4d40b6;
    color: #fff;
    font-weight: bold;
    border-radius: 0px;
}

.filter-timetable-heading {
    color: #FFFFFF;
    background: #22772d;
    padding: 1.5rem 1rem;
    margin: 0;
}

.timetable-heading {
    color: #FFFFFF;
    background: #a12000;
    padding: 1.5rem 1rem;
    margin: 0;
}

.gym-timetable-heading {
    color: #FFFFFF;
    background: #a12000;
    padding: 1.5rem 1rem;
    margin: 0;
}

.spinning-timetable-heading {
    background: #79a100;
    color: #fff;
    padding: 1.5rem 1rem;
    margin: 0;
}

.exercises-timetable {
    border-bottom: 45px solid #3d3d3d;
}

.timetable-days {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
}

.timetable-days li {
    float: left;
    margin: 0;
}

.timetable-days-container,
.swim-timetable-days-container {
    background: #4C4C4C;
    /*border-bottom: 2px solid #3d3d3d;*/
    float: left;
    width: 100%;
    color: #fff;
}

a.calender-item,
a.calender-item:hover {
    padding: 0.8rem;
    color: #fff;
    border-bottom: none;
}

.current-calender-item {
    background: #e88c1d;
}

.timetable-detail-body {
    display: none
}

div#holder,
#swim-holder,
#gym-holder,
#spin-holder {
    clear: both;
    max-height: 250px;
    display: block;
    float: left;
    width: 100%;
    overflow-y: scroll;
    border-bottom: 45px solid;
}

.swimming-heading {
    background: #0b43d1;
    color: #FFFFFF;
    padding: 1.5rem 1rem;
    margin: 0;
}

.red {
    color: red;
}


/*leisure centre price calculator*/

div#calc-holder {
    background: #22772d;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    padding: 0.5rem;
}

.white-text {
    color: #fff;
}

p.sum.text-right {
    background: #fff;
    padding: 1.2rem 1rem;
    font-size: 2rem;
    border-radius: 4px;
    border: 5px solid #333;
}

div#sliders-wrap {
    background: #272424;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 1rem 1rem 2rem;
    margin-bottom: 1rem;
}

p.activity-type {
    color: #fff900;
    margin-top: 1rem;
    margin-bottom: 0;
}

.col-xs-12.membership-info {
    background: #981f12;
    padding: 1rem;
    border-radius: 10px;
}

.homepage-popup {
    width: 100%
}

.sdccustom-22 {
    color: red;
}


/* Experimental user portal */

.user-navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 0;
    list-style-type: none;
    text-align: right;
    background-color: #009390;
}

.user-navigation li {
    display: inline-block;
    width: 15%;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    color: #fff;
}

.user-navigation li:hover {
    background-color: #006e6c;
}

.content-panel .user-navigation a,
.content-panel .user-navigation li a:hover {
    color: #fff;
    border: 0;
    border-color: transparent;
    background-color: transparent;
}

.user-menu .user-task-row {
    padding-left: 0;
    width: 100%;
    list-style-type: none;
}

.user-menu .user-task-row li {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 0 .8rem;
}

.user-menu .user-task-row li:hover {
    background-color: #009390;
    color: #fff;
}

.user-menu .user-task-row li:hover a {
    color: #fff;
}

.user-menu .user-task-row li a {
    display: block;
    padding: 1rem 0;
}

.user-menu .user-task-row li.user-menu-more {
    display: none;
}


/* Responsiveness for xs */

@media (max-width: 767px) {
    .user-menu .user-task-row li {
        width: calc(25% - 4px);
        z-index: 100;
    }
    .user-menu .user-task-row li.user-menu-more {
        display: inline-block;
    }
    .user-menu .user-task-row li.user-menu-option {
        display: none;
        margin-top: 5px;
        width: calc(50% - 4px);
        transition: .5s all;
    }
    .user-menu .user-task-row li.user-menu-option.shown {
        display: inline-block;
        transition: .5s all;
    }
}

.heading-weather {
    font-size: .8rem;
}

.heading-weather span.txt-widget {
    margin-left: 10px;
}

.user-dashboard .user-row {
    padding-bottom: 1rem;
}

.user-dashboard .user-row label {
    text-align: right;
    font-size: .9rem;
}

.user-dashboard .m-left-5 {
    margin-left: 5%;
}

.user-dashboard .p-top-2 {
    padding-top: 1.8rem;
}

.user-dashboard-panel {
    padding-top: 4rem;
}

.user-dashboard input[name^="frmAddress"] {
    margin-bottom: .5rem;
}

.user-dashboard .news-flash.banner {
    padding: 1rem;
    border-left: 5px solid #3f649a;
    background-color: #f2f3f6;
}

.user-dashboard .news-block,
.user-dashboard .more-news-block {
    position: relative;
    display: block;
}

.user-dashboard .news-block {
    min-height: 100px;
}

.user-dashboard div.news-item {
    position: absolute;
    width: 90%;
    margin: 1rem 2rem;
    padding: 1rem 2rem;
    transition: 1s all;
    transform: translateY(0px);
    opacity: 1;
    background-color: #eaeaea;
}

.user-dashboard div.news-item a {
    font-size: 1.3rem;
}

.user-dashboard div.news-item.moveup,
.user-dashboard div.news-item.movedown {
    transition: 1s all;
    pointer-events: none;
    opacity: 0;
}

.user-dashboard div.news-item.moveup {
    transform: translateY(-50px);
}

.user-dashboard div.news-item.movedown {
    transform: translateY(50px);
}

.user-dashboard div.news-flash {
    margin-bottom: 1rem;
}

.user-dashboard .panel {
    margin-bottom: 3rem;
}

.user-dashboard .panel-body {
    box-shadow: 1px 1px 5px #aaa;
}

.user-dashboard .txt-widget {
    margin: 0;
}

.user-dashboard .councillor-info img {
    height: 80px;
}

.user-dashboard .police.banner {
    margin: 10px;
    padding: 15px;
}

.user-dashboard .police-officer {
    padding: .8rem;
}

.user-dashboard .police-officer:hover {
    background-color: #f2f3f6;
}

.user-dashboard .police-officer .see-officer-bio {
    z-index: 2;
    display: none;
    padding: .3rem;
    cursor: pointer;
}

.user-dashboard .police-officer:hover .see-officer-bio {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
}

.user-dashboard .see-officer-bio:hover {
    background-color: #fff;
}

.user-dashboard .see-officer-bio:hover+.officer-bio {
    display: block;
}

.user-dashboard .police-officer .officer-bio {
    position: absolute;
    z-index: 2;
    top: 110%;
    left: 0;
    display: none;
    padding: .5rem;
    color: #fff;
    border-radius: 5px;
    background-color: #000;
}

.user-dashboard .police-officer .officer-bio p {
    font-size: .7rem;
}


/* Find My Nearest */

.map-container {
    width: 100%;
    height: 400px;
    box-shadow: 1px 1px 5px #a8a8a8;
    margin-bottom: 2rem;
}

.info-container {
    overflow: hidden;
}

.info-container p {
    margin-bottom: 0;
}

.map-container #map {
    height: 100%;
}

.finder-list {
    list-style-type: none;
    padding-left: 0;
}

.finder-list img {
    max-width: 20px;
    margin: 5px;
}

.finder-list li {
    background-color: #f2f3f6;
    padding: 0 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.finder-list li:not(.open):hover {
    background-color: #22772d;
}

.finder-list li:not(.open):hover>.service-option,
.finder-list li:not(.open):hover .fa.text-primary {
    color: #fff;
}

.finder-list>li.open {
    padding: 0;
}

.finder-list li.open>.service-option {
    background-color: #22772d;
    color: #fff;
    display: block;
    padding: 0 5px;
}

.finder-sub-list {
    list-style-type: none;
    padding: 10px;
}

.finder-sub-list .service-option.active {
    border-bottom-color: #a00;
    color: #a00;
}

.results .panel-heading img {
    margin: 0;
}

.result-row.active-marker {
    background-color: #f2f3f6;
}

.color-primary-dark {
    color: #22772D;
}

.panel-widget .panel-heading h5 {
    margin: 0;
    font-size: 1.3rem;
    color: #fff;
}

.panel-standard .panel-heading {
    background: #22772d;
}

.panel-widget.panel-info .panel-heading {
    border-color: #3f649a;
    padding: 1rem;
    background-color: #3f649a;
}

.panel-widget .panel-heading,
.panel-widget .panel-body {
    padding: 1rem;
}

.panel-widget .panel-body {
    min-height: 135px;
    border-top: 0;
    box-shadow: 1px 1px 5px #ccc;
}

.panel-widget .panel-body p.txt-widget {
    margin: 5px;
    line-height: 1.2;
}

.full-row.input-group,
.column.input-group {
    width: 100%;
}

.full-row.input-group input,
.column.input-group input {
    min-width: 10%;
    padding: 6px 10px;
}

.full-row.input-group input[type="text"],
.full-row.input-group input[type="email"] {
    width: 90%;
}

.column.input-group input[type="text"],
.column.input-group input[type="email"] {
    max-width: 75%;
}

.form-message {
    padding: 2px 10px;
    color: #006e6c;
    font-size: .8rem;
}

.form-message.danger {
    color: rgba(147, 0, 3, 1);
    background-color: rgba(147, 0, 3, .2);
}

.form-message.success {
    color: rgba(0, 144, 147, 1);
    background-color: rgba(0, 144, 147, .2);
}

.form-message.info {
    color: rgba(0, 76, 147, 1);
    background-color: rgba(0, 76, 147, .2);
}

.panel-widget .neighbourhood-block {
    padding: 10px 20px;
}


/*.panel-widget .neighbourhood-block a {
	@display:block;
}*/

.panel-widget .neighbourhood-block img.img-thumbnail {
    width: 50px;
}


/* Nearest Health services tabs */

.nhs-attribution {
    height: 40px;
}

ul.health-tabs {
    padding-left: 0;
    list-style-type: none;
}

ul.health-tabs li {
    display: inline-block;
    margin: 5px;
    padding: 0px 10px;
    cursor: pointer;
    color: #fff;
    border-radius: 2px;
    background-color: #3f649a;
}

ul.health-tabs li.active {
    background-color: #22772D;
}

.tab-list {
    display: none;
    height: 0;
    transition: .5s opacity;
    opacity: 0;
}

.tab-list.active {
    display: block;
    height: 100%;
    padding: 10px;
    transition: .5s opacity;
    opacity: 1;
    border-radius: 2px;
}

ul.health-tabs a {
    display: inline-block;
}

.health-result {
    font-size: 1rem;
    min-height: 115px;
    border-bottom: 1px solid #e4dcdc;
    padding-top: 0.5rem;
}

.health-result:first-child {
    padding-top: 0px;
}

.health-result:last-child,
.health-result:nth-last-child(2) {
    border-bottom: none;
}

.health-distance {
    font-size: .8rem;
}

.health-footer {
    padding: 10px;
}

.banner.p-15 {
    padding: 15px;
}

.m-bottom-1 {
    margin-bottom: 1rem;
}

.m-bottom-2 {
    margin-bottom: 2rem;
}

.panel-widget .widget-list {
    padding-left: 0;
    list-style-type: none;
}

.panel-widget .widget-list li {
    padding: 5px;
}

.widget-list li .fa {
    margin-right: 0.8rem;
}

.widget-list li .fa-google-wallet,
.widget-list li .fa-product-hunt {
    color: #2d5d95;
}

.widget-list li .fa-credit-card {
    color: #95312d;
}

.widget-list li .fa-list-ul {
    color: #952d5d;
}

.widget-list li .fa-tags {
    color: #3b79c2;
}

.widget-list li .fa-percent {
    color: #2d9565;
}

.widget-list li .fa-home {
    color: #95652d;
}

.widget-list li .fa-money {
    color: #009390;
}

.widget-list li .fa-forward {
    color: #22772d;
}

.widget-list li .fa-bus {
    color: #95312d;
}

.widget-list li .fa-taxi {
    color: #947e2d;
}

.widget-list li .fa-wheelchair {
    color: #8b47c7;
}

.row-delete-account {
    padding-top: 2rem;
}

.btn-delete-account {
    display: inline-block;
    color: #770000;
    border: 0;
    background-color: #fff;
    font-size: .9rem;
}

@media (max-width: 767px) {
    .user-navigation {
        text-align: left;
    }
    .user-navigation li {
        width: 30%;
    }
}


/**
 * Author information at the bottom of the page.
*/

.author-info {
    font-size: .9rem;
    margin-top: 2rem;
    padding: 10px;
    color: #818181;
    background-color: #f2f3f6
}

.author-info p {
    margin-bottom: 0;
}

.author-info a {
    display: inline;
}

.author-info .author-name {
    text-transform: capitalize;
}


/* My Account Stuff */

.sdc-form-header-group,
.sdc-form-group {
    margin: 1rem 0;
    position: relative;
}

.sdc-form-group {
    padding-top: 1rem;
}


/* Text Fields */

.sdc-form-control {
    border: 0;
    background-color: #fff;
    box-shadow: none;
    border-bottom: 2px solid #a8a8a8;
    transition: .3s all;
}


/* Labels for text fields */

.sdc-form-label {
    position: absolute;
    top: 2rem;
    font-size: .9rem;
    font-weight: 400;
    color: #a8a8a8;
    transition: .3s all;
}


/* 
	* Active class is added on focus in
	* No empty class is added if field has some value
*/


/*Form control on active and not empty */

.form-group {
    margin-bottom: 2.5rem;
}

.form-row div {
    margin-bottom: 1rem;
}

.login-opts {
    transition: .3s all;
    background-color: #f2f3f6;
    padding: 1rem;
    margin-bottom: 1rem;
    cursor: pointer;
}

.login-opts.closed:hover {
    background-color: #009390;
    transition: .3s all;
    color: #fff;
}

.login-opts.closed:hover .fa.text-primary {
    transition: .3s all;
    color: #fff;
}

@media (max-width: 767px) {
    .button-row>div {
        margin-bottom: 1rem;
    }
}

.active .sdc-form-control,
.active .sdc-form-control.not-empty {
    border: 0;
    box-shadow: none;
    border-bottom: 2px solid #009390;
    transition: .3s all;
}


/* Control label on active and not empty */

.active .sdc-form-label,
.active .sdc-form-control.not-empty+.sdc-form-label {
    top: 0px;
    color: #009390;
    transition: .3s all;
}


/* Form control if not active but also has some valeue in it */

.sdc-form-control.not-empty {
    border-bottom: 2px solid #a8a8a8;
    transition: .3s all;
}


/* Form label for the field not active but also has some valeue in it */

.sdc-form-control.not-empty+.sdc-form-label {
    top: 0px;
    color: #a8a8a8;
    transition: .3s all;
}

.sdc-form-options a {
    font-size: .9rem;
}

.sdc-form-separator {
    border-bottom: 1px solid #eee;
    margin: 2rem 0;
}

.sdc-table .title-row {
    padding: 10px;
    background-color: #009390;
    color: #fff;
}

span.label {
    font-size: .8rem;
    color: #fff;
    padding: 3px;
    border-radius: 4px;
}

span.label-success {
    background-color: #009347;
}

span.label-info {
    background-color: #004c93;
}

span.label-danger {
    background-color: #930003;
}

.sdc-table .data-row {
    padding: 1rem 5px;
}

.sdc-table .data-row.even {
    background-color: #f2f3f6;
}


/* Tens Form time selectpr mod */

.ui-timepicker-table td a {
    width: 2.2em !important;
}


/* Responsive table row dvision */

.responsive-table-row {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f3f5f6;
    margin-bottom: 0.5rem;
}

@media (max-width:991px) {
    .responsive-table-row-break-md>* {
        margin-bottom: 0.5rem;
    }
}

#navbar-connect1 ul li {
    margin-bottom: 0px;
}

#navbar-connect1 ul li a:before,
#navbar-connect1 ul li a:after {
    display: none !important;
}

#navbar-connect1 ul li a {
    font-size: 1rem;
    color: #000;
    font-weight: bold;
}

.cap-wrapper .navbar--connect .simulate-xs .navbar-nav.nav-pills li {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dcdcdc;
}

.cap-wrapper .navbar--connect .simulate-xs .navbar-nav.nav-pills li a {
    color: #04476f;
    font-weight: 700;
    background-color: transparent;
}

.fa.editor {
    cursor: pointer;
    padding: 3px 5px;
    border-radius: 3px;
}

.fa.editor.open:hover {
    background-color: #22772d;
    color: #fff;
}

.btn-pc-search {
    padding: 0.85rem;
}

.nhs-panel .panel-heading {
    color: #ffffff;
    background-color: #004c93;
    border-color: #003a6f;
}

button.btn.dropdown-toggle.bs-placeholder.btn-default {
    background: white;
    border: 1px solid #ececec;
    border-radius: 0;
    box-shadow: none;
    color: #818181;
    padding: 0.9rem;
}

div#termsContainer {
    height: 250px;
    overflow-y: scroll;
    margin-bottom: 1rem;
}


/*my account page*/

.account-register {
    text-align: center
}

.account-register h3 {
    text-align: right;
}

.account-register img {
    max-width: 320px;
}

ul.account-services {
    list-style: none;
    margin-top: 3rem;
}

.account-services li {
    margin-bottom: 1rem;
}

img.myaccount-pic {
    max-width: 100%;
    margin-top: 1rem;
}

.buffer-zone {
    display: block;
    position: relative;
    top: -4.5rem;
    visibility: hidden;
}

.planning-applications-list {
    padding: 0px;
    list-style: none;
}

.planning-applications-list li {
    border-bottom: 1px solid #e7e7e7;
}

#wait-waste span {
    font-size: 2rem;
}

.facebook-icon-ps {
    color: #4267b2 !important;
}

.twitter-icon-ps {
    color: #1da1f2 !important;
}

.youtube-icon-ps {
    color: #ff0000 !important;
}

.user-update-nav li {
    margin: 0;
    margin-left: 0;
}

.user-update-nav a {
    color: #fff;
}

.user-update-nav a:hover {
    background-color: #337ab7 !important;
}

.user-update-nav {
    background: #22772d;
}

.no-padding {
    padding: 0;
}

.site-alert {
    padding: 1rem;
    background: #2b733b;
    color: #fff;
    border-top: none;
}

.site-alert p {
    margin-bottom: 0;
}

.term-actions {
    margin-bottom: 1rem;
    width: 100%;
}

form#feedback .col-xs-12 {
    margin-bottom: 1.2rem;
}

.site-alert {
    padding: 1rem;
    background: #2b733b;
    color: #fff;
    border-top: none;
}

.site-alert p {
    margin-bottom: 0;
}

.popular-services-heading {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.5rem;
}

.popular-services-list {
    padding: 0;
    list-style: none;
}

ul.popular-services-list li {
    margin-bottom: 1rem;
}

.popular-services-list a {
    font-weight: bold;
    line-height: 1.5;
}

.stay-connected-icons {
    padding: 0;
}

#stay-connected {
    padding: 1rem !important;
    position: relative;
    background: #39424e;
}

#stay-connected::after {
    /* content: "";
  background: url('../img/stay-connected.jpeg');
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; 
	background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;*/
}

#stay-connected h3 {
    color: #fff;
    margin-right: 0.5rem;
}

.stay-connected-contact:hover {
    background: white;
    color: #fff;
    text-decoration: none;
}

#corona {
    padding: 1rem 0 !important;
    color: #fff;
    text-align: center;
    background-size: 100%;
}

#corona-text {
    color: #fff !important;
}

#postcodeinput {
    text-transform: uppercase;
}

#formWarnings {
    font-weight: bold;
    color: red;
}


/*notification banner*/

.sstaffs-notification-banner {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 30px;
    border: 5px solid #1d70b8;
    background-color: #1d70b8;
}

@media print {
    .sstaffs-notification-banner {
        font-family: sans-serif;
    }
}

@media (min-width: 40.0625em) {
    .sstaffs-notification-banner {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.31579;
    }
}

@media print {
    .sstaffs-notification-banner {
        font-size: 14pt;
        line-height: 1.15;
    }
}

@media (min-width: 40.0625em) {
    .sstaffs-notification-banner {
        margin-bottom: 50px;
    }
}

.sstaffs-notification-banner:focus {
    outline: 3px solid #fd0;
}

.sstaffs-notification-banner__header {
    padding: 2px 15px 5px;
    border-bottom: 1px solid transparent;
}

@media (min-width: 40.0625em) {
    .sstaffs-notification-banner__header {
        padding: 2px 20px 5px;
    }
}

.sstaffs-notification-banner__title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    margin: 0;
    padding: 0;
    color: #fff;
}

@media print {
    .sstaffs-notification-banner__title {}
}

@media (min-width: 40.0625em) {
    .sstaffs-notification-banner__title {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.31579;
    }
}

@media print {
    .sstaffs-notification-banner__title {
        font-size: 14pt;
        line-height: 1.15;
    }
}

.sstaffs-notification-banner__content {
    color: #0b0c0c;
    padding: 15px;
    background-color: #fff;
}

@media print {
    .sstaffs-notification-banner__content {
        color: #000;
    }
}

@media (min-width: 40.0625em) {
    .sstaffs-notification-banner__content {
        padding: 20px;
    }
}

.sstaffs-notification-banner__content>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*max-width: 605px;*/
}

.sstaffs-notification-banner__content> :last-child {
    margin-bottom: 0;
}

.sstaffs-notification-banner__heading {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.11111;
    /* margin: 0 0 15px 0;*/
    padding: 0;
}

@media print {
    .sstaffs-notification-banner__heading {
        font-family: sans-serif;
    }
}

@media (min-width: 40.0625em) {
    .sstaffs-notification-banner__heading {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.25;
    }
}

@media print {
    .sstaffs-notification-banner__heading {
        font-size: 18pt;
        line-height: 1.15;
    }
}

.sstaffs-notification-banner__link {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media print {
    .sstaffs-notification-banner__link {
        font-family: sans-serif;
    }
}

.sstaffs-notification-banner__link:focus {
    outline: 3px solid transparent;
    color: #0b0c0c;
    background-color: #fd0;
    -webkit-box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
    box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
    text-decoration: none;
}

.sstaffs-notification-banner__link:link {
    color: #1d70b8;
}

.sstaffs-notification-banner__link:visited {
    color: #1d70b8;
}

.sstaffs-notification-banner__link:hover {
    color: #003078;
}

.sstaffs-notification-banner__link:active {
    color: #0b0c0c;
}

.sstaffs-notification-banner__link:focus {
    color: #0b0c0c;
}

.sstaffs-notification-banner--success {
    border-color: #00703c;
    background-color: #00703c;
}

.sstaffs-notification-banner--success .sstaffs-notification-banner__link:link,
.sstaffs-notification-banner--success .sstaffs-notification-banner__link:visited {
    color: #00703c;
}

.sstaffs-notification-banner--success .sstaffs-notification-banner__link:hover {
    color: #004e2a;
}

.sstaffs-notification-banner--success .sstaffs-notification-banner__link:active {
    color: #00703c;
}

.sstaffs-notification-banner--success .sstaffs-notification-banner__link:focus {
    color: #0b0c0c;
}