@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Regular.ttf) format('truetype');
}
@font-face {
    font-family: Lato-Light;
    src: url(../fonts/Lato-Light.ttf) format('truetype');
}
@font-face {
    font-family: Lato-Bold;
    src: url(../fonts/Lato-Bold.ttf) format('truetype');
}
@font-face {
    font-family: icons;
    src: url(../fonts/Foundation/foundation-icons.ttf) format('truetype');
}
h1, h2, h3, h4, h5 {
    font-family: Lato-Light, Helvetica, Geneva, sans-serif;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	text-align: left;
}
body {
    font-family: Lato, Helvetica, Geneva, sans-serif;
}
h1 {
    font-size: 3rem;
    color: #69b296;
	line-height: 1.2;
}
h2 {
    font-size: 2.5rem;
    color: #69b296;
}
h3 {
    font-size: 2.2rem;
}
h4 {
    font-size: 2.0rem;
}
h5 {
    font-size: 1.8rem;
}
p {
	font-size: 1.3rem;
	line-height: 1.6;
    margin-bottom: .8rem;
}
a{
	font-size: 1.3rem;
	line-height: 1.6;
}
.off-canvas-wrap {
    min-height: 100%;
	height:100%;
    overflow-y: auto;
}
.inner-wrap {
    height: 100%;
    min-height: 100%}
.home-image {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    overflow: hidden;
}
.logo-div {
    padding-bottom: 1px;
    padding-top: 1px;
}
blockquote {
    background-color: #f9f9f9;
    border-left: 5px solid #69B296;
    color: #616264;
}
blockquote p {
    color: #616264;
}
#skip-link {
    position: absolute;
    top: -10em;
    z-index: 1;
    transition: 1000ms ease-out 0s;
}
#skip-link:focus {
    position: absolute;
    top: 0;
    background-color: #43AC6A;
    border-color: #3A945B;
    color: #FFF;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: block;
    padding: .5rem;
    transition: 300ms ease-out 0s;
}
.skip-nav a {
    color: #6e78b0;
    display: block;
    font-size: 110%}
#skip-nav a:active, .skip-nav a:hover {
    text-decoration: underline;
}
#wrap {
    min-height: 95%;
	padding-bottom: 1%;
}
.full-width {
    max-width: 75.5em;
}
#adverts {
    margin-top: .5em;
}
#switch_placeholder * {
    text-decoration: none;
    border: 1px solid #000;
}
#top-row {
    background: #718396;
    border-bottom: .3em solid #69b296;
}
#middle-row {
    background: #c2d2df;
}
#bottom-row {
    background: #d5e5f1;
}
@media only screen and (min-width:30em) {
    #home-logo-big {
		position: absolute;
		width: 185px;
		top: 25px;
	}
}
@media only screen and (min-width:40.063em) and (max-width:64em) {
    #home-logo-big {
		position: absolute;
		width: 175px;
		top: 6px;
	}
}
#top-links {
    margin: .9rem 0 .55rem;
}
#top-links li a {
    color: #fff;
}
#top-links li a:focus, #top-links li a:hover {
    text-decoration: underline;
}
#top-links li a span {
    font-size: x-large;
    top: .5rem;
}
#top-links .contact-details-top {
    color: #fff;
    left: 37.5rem;
    width: 300px;
    top: 1px;
}
.fi-social-twitter {
    left: 37.5rem;
}
.fi-social-facebook {
    left: 35.5rem;
}
.fi-social-facebook:focus, .fi-social-facebook:hover, .fi-social-twitter:focus, .fi-social-twitter:hover {
    color: #69B296;
}
ul.off-canvas-list .contact-details-menu {
    border-bottom: 1px solid #262626;
    color: rgba(255, 255, 255, .7);
    display: block;
    padding: .66667rem;
    transition: background 300ms ease 0s;
	font-size: 1.3rem;
}
#top-right-menu {
    margin-bottom: .3em;
}
.placeholdersjs {
    color: #ccc!important;
}
#search-input {
    margin: .46rem 0;
    font-size: larger;
    min-height: 2.1em;
    padding: 7px 0 7px 23px;
}
#search-input::-webkit-input-placeholder {
    color: #c8d3db;
}
#search-input:-moz-placeholder {
    color: #c8d3db;
}
#search-input::-moz-placeholder {
    color: #c8d3db;
}
#search-input:-ms-input-placeholder {
    color: #c8d3db;
}
#searchbar .fi-magnifying-glass {
    position: absolute;
    top: 14px;
    margin: 0 0 0 6px;
    color: #c8d3db;
    font-size: larger;
}
#searchbar label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.postfix.button {
    text-align: center;
       line-height: 2.125rem;
    border: none;
}
#search-button, #search-button-medium {
    margin: .65rem 0 0 .5rem;
    padding: 0;
    background: #69b296;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    max-height: 2rem;
    font-family: Lato, Helvetica, Geneva, sans-serif;
    -moz-box-shadow: 2px 2px 1px #666;
    -webkit-box-shadow: 2px 2px 1px #666;
    box-shadow: 2px 2px 1px #666;
}
#search-button-medium:focus, #search-button-medium:hover, #search-button:focus, #search-button:hover {
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
}
#topnav{
	max-width: 65rem;
}
#topnav>a {
    margin: 0;
    padding: .25rem;
    border-right: 1px solid #8aa9c1;
}
#topnav>a::after {
    display: inline-block;
    line-height: 5em;
    width: 0;
    content: "\00A0";
    overflow: hidden;
    vertical-align: middle;
}
#topnav>a h1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 1.1rem;
    color: #4C5E72;
    font-family: Lato, Helvetica, Geneva, sans-serif;
}
#topnav>a:hover>h1 {
    color: #D5E5F1;
}
#topnav>a:first-of-type {
    border-left: 1px solid #8aa9c1;
}
#topnav a.button {
    background: #D5E5F1;
    color: #4C5E72;
    font-size: 1.3rem;
    font-family: Lato, Helvetica, Geneva, sans-serif;
}
#topnav a.button:active, #topnav a.button:focus, #topnav a.button:hover {
    background-color: #4C5E72;
    color: #D5E5F1;
}
#topnav a.button:active>h1, #topnav a.button:focus>h1, #topnav a.button:hover>h1 {
    color: #D5E5F1;
}
.topnav-dropdown:before {
    border-color: transparent transparent #ecf1f5;
}
.topnav-dropdown {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #ecf1f5;
    max-width: 500px;
    font-family: "Arial Regular", Arial, sans-serif;
    z-index: 5;
}
.topnav-dropdown div {
    padding-left: .3rem;
    padding-right: .3rem;
}
.topnav-dropdown p {
    margin-bottom: .3rem;
}
.topnav-dropdown ul {
    margin: .5rem 0 .5rem .5rem;
}
.topnav-dropdown li {
    list-style: none;
}
.topnav-dropdown li a {
    color: #022d65;
    font-size: 1.3rem;
    padding-top: .4rem!important;
    padding-bottom: .4rem!important;
}
.topnav-dropdown li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.topnav-dropdown li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dropdown-col-1 {
    width: 60%}
.dropdown-col-2 {
    width: 40%}
.dropdown-col-1 a:active, .dropdown-col-1 a:focus, .dropdown-col-1 a:hover {
    background-color: #4C5E72;
    color: #D5E5F1;
}
.top-level-navigation-link {
    border-bottom: 1px solid #8aa9c1;
}
.dropdown-col-1 li:last-child {
    border-radius: 0;
}
.dropdown-col-2 p {
    text-align: center;
}
.dropdown-col-2 ol {
    margin-left: 1rem;
}
.dropdown-col-2 a {
    min-height: 99px;
}
.dropdown-image {
    padding-top: 10%}
.menu-icon {
    text-indent: 2.1875rem;
    width: 2.8125rem;
    height: 2.8125rem;
    display: block;
    padding: 0;
    color: #fff;
    position: relative;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -.5rem;
    left: .90625rem;
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    -moz-box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    width: 1rem;
}
.menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
    -webkit-box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
    -moz-box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}
.phone-navigation .content.active{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.phone-navigation .accordion {
    margin: 0;
}
.phone-navigation .accordion .accordion-navigation> a {
    background: #D5E5F1;
    color: #4C5E72;
    margin: 0;
    padding: .5rem;
    border-right: 1px solid #c2d2df;
    font-weight: 700;
    text-align: center;
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.phone-navigation .accordion .accordion-navigation>a:active, .phone-navigation .accordion .accordion-navigation>a:focus, .phone-navigation .accordion .accordion-navigation>a:hover {
    background: #4C5E72;
    color: #D5E5F1;
}
.phone-navigation .accordion .accordion-navigation .content .button{
	background-color: #fff;
	border-top: 0;
}
.phone-navigation .accordion .accordion-navigation .content .button:active, .phone-navigation .accordion .accordion-navigation .content .button:focus, .phone-navigation .accordion .accordion-navigation .content .button:hover{
	background-color: #d7d7d7;
}
#breadcrumb {
    background: #718396;
	font-size: 1.3rem;
    color: #fff;
}
#breadcrumb a {
    color: #fff;
}
#breadcrumb p {
    margin: .5rem 0;
}
#breadcrumb a:hover {
    text-decoration: underline;
    color: #fff;
}
#maincontent {
    padding-left: 20px;
    padding-right: 20px;
}
@media only screen and (min-width:30em) {
	.no-csscolumns #page-image {
		float: right;
		padding: .5rem;
	}
	.no-csscolumns .page-image-link {
		float: right;
	}
	.csscolumns #page-image {
		margin: auto;
		padding: .5rem;
		display: block;
	}
	.csscolumns .page-image-link {
		margin: auto;
	}
}
@media only screen and (max-width:30em) {
    #content {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-ms-column-count: 1;
	}
	#page-image {
		float: right;
		padding: .5rem;
	}
	.page-image-link {
		float: right;
		max-width: 100%
	}
}
#content, #content-1 {
    color: #616264;
}
#content li, #content-1 li {
    font-size: 1.3rem;
}
#content a, #content-1 a {
    color: #6e78b0;
    font-weight: 700;
}
#content a:hover, #content-1 a:hover {
    text-decoration: underline;
}
.SearchResultLink a {
    color: #6e78b0;
    font-weight: 700;
    display: inline-block;
}
.SearchResultLink a:hover {
    text-decoration: underline;
}
#search-intro a {
    color: #6e78b0;
    font-weight: 700;
    display: inline-block;
}
#search-intro a:hover {
    text-decoration: underline;
}
#content-1.parking, #content.parking {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    -ms-column-count: 1;
}
#sitemap li a {
    color: #6e78b0;
}
#sitemap li a:active, #sitemap li a:hover {
    color: #616264;
    text-decoration: underline;
}
#my-mid-sussex-content-2 .accordion-navigation .content a {
    color: #7CBBA3;
}
#my-mid-sussex-content-2 .accordion-navigation .content a:active, #my-mid-sussex-content-2 .accordion-navigation .content a:hover {
    color: #7CBBA3;
    text-decoration: underline;
}
#content .contact, #content-1 .contact {
    padding: 1rem;
    margin: .5rem;
    border: 1px solid #616264;
}
#content .contact li, #content-1 .contact li {
    list-style-type: none;
}
#content .contact .fn, #content-1 .contact .fn {
    font-size: larger;
    font-weight: 700;
}
#content .contact .jt, #content-1 .contact .jt {
    font-weight: 700;
}
.content .active {
    font-size: 1rem;
}
.pitches {
    margin: auto;
}
.pitches .pitch-on {
    color: green;
    font-weight: 700;
}
.pitches .pitch-off {
    color: red;
    font-weight: 700;
}
.gm-style-iw a {
    color: #6E78B0;
    font-size: 1rem;
    font-weight: 700;
}
.gm-style-iw a:active, .gm-style-iw a:focus, .gm-style-iw a:hover {
    text-decoration: underline;
}
.alert-box{
	margin: 0.3rem;
}
.alert-box .close {
    padding-bottom: 9px;
}
.alert-box p {
    font-size: 1.3rem;
    margin-bottom: 0;
	text-align: center;
}
.alert-box a {
    color: #3D5666;
}
.alert-box a:active, .alert-box a:focus, .alert-box a:hover {
    color: #fff;
}
.arrow-bottom {
    text-align: center;
    margin: auto;
    width: 100%;
    height: .3rem;
    position: relative;
}
.arrow-bottom:after, .arrow-bottom:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 5px;
    margin-left: -5px;
}
.arrow-top {
    text-align: center;
    background-color: #69b297;
    margin: auto;
    width: 100%;
    height: .3rem;
    position: relative;
    display: none;
}
.arrow-top:after, .arrow-top:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(75, 75, 75, 0);
    border-top-color: #69b297;
    border-width: 5px;
    margin-left: -5px;
}
#content .button, #content-1 .button {
    background: #4C5E72;
    color: #D5E5F1;
    transition: background-color 300ms ease-out 0s;
}
#content .button:hover, #content-1 .button:hover {
    background: #D5E5F1;
    color: #4C5E72;
}
.housing-faq {
    padding-top: 1rem;
}
#map div.gm-style div.gmnoprint div div img {
    max-width: 1024px;
}
.enquiry-form-frame {
    width: 100%;
    height: 900px;
    border: 0;
}
.design-award-images {
    float: right;
    padding-left: 1rem;
}
#further-info, #further-info p {
    color: #616264;
}
#job-vacancies a, #vacancy a, .consultation-details a, .consultation-item a {
    color: #6e78b0;
    font-weight: 700;
}
#job-vacancies a:active, #job-vacancies a:focus, #job-vacancies a:hover, #vacancy a:active, #vacancy a:focus, #vacancy a:hover, .consultation-details a:active, .consultation-details a:focus, .consultation-details a:hover, .consultation-item a:active, .consultation-item a:focus, .consultation-item a:hover {
    text-decoration: underline;
}
table tr td, table tr th, table tr td p{
	font-size: 1.3rem;
}
@media only screen and (min-width:40.063em) {
    .table-button {
    min-width: 100%;
    margin-bottom: 0;
}
}#more-pages>ul li a {
    background: #4C5E72;
    color: #D5E5F1;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
#more-pages>ul li a:hover {
    background: #D5E5F1;
    color: #4C5E72;
}
#more-links {
    border: 1px solid #D5E5F1;
}
#more-links>ul li {
    list-style: none inside;
}
#more-links>ul li a {
    background: 0 0;
    color: #4C5E72;
}
#more-links>ul li a:hover {
    background: 0 0;
    color: #4C5E72;
    text-decoration: underline;
}
#adverts {
    max-height: 90px;
}
.switch_placeholder {
    margin: 0 auto;
}
#adverts .switch_placeholder #__switch_placeholder_0 {
    border: 0;
}
#szfb_container.szfb_position_e div#szfb_tabbar {
    width: 20px;
}
Footer {
    border-top: 1px solid;
    border-color: #D7D7D7;
    background-color: #EBF0F3;
    color: #69b296;
    position: relative;
    clear: both;
}
Footer:after, Footer:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
Footer:after {
    border-color: rgba(235, 240, 243, 0);
    border-bottom-color: #EBF0F3;
    border-width: 10px;
    margin-left: -15px;
}
Footer:before {
    border-color: rgba(215, 215, 215, 0);
    border-bottom-color: #D7D7D7;
    border-width: 10px;
    margin-left: -15px;
}
Footer a {
    color: #4B4B4B;
}
Footer a:focus, Footer a:hover {
    color: #4B4B4B;
    text-decoration: underline;
}
#footer {
    margin: 1rem 0 0;
}
#footer ul {
    font-size: .7rem;
}
#page-foot {
    background-color: #EBF0F3;
}
#navigation {
    margin: 1rem;
}
#navigation ul {
    margin-bottom: 1rem;
}
#navigation li {
    width: 24%;
    margin: 0 .2rem .2rem;
    display: block;
}
#navigation li a {
    width: 100%;
    padding: 1.5rem .1rem;
    margin-bottom: .2rem;
	font-size: 1.3rem;
    border-left: 0 none;
    font-family: Lato, Helvetica, Geneva, sans-serif;
    color: #fff;
    text-decoration: none;
}
#navigation li a:hover {
    text-decoration: none;
}
.arrow {
    text-align: center;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 7px;
    border-color: transparent transparent #000;
    transition: border-color 300ms ease-out 0s;
    -webkit-transition: border-color 300ms ease-out 0s;
    -moz-transition: border-color 300ms ease-out 0s;
    -o-transition: border-color 300ms ease-out 0s;
}
#navigation .button img {
    max-width: 23%;
    padding-bottom: 1rem;
}
@media only screen and (max-width:40em) {
    #navigation li {
    width: 100%}
#navigation li a {
    padding-top: .4rem;
    padding-bottom: .4rem;
}
}a.nav-item:focus, a.nav-item:focus>h1 {
    background: #fff!important;
    color: #69b296!important;
}
#navigation ul li, .nav-item {
    background-color: #69b296;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
.arrow-bottom:after, .arrow-bottom:before {
    border-color: transparent transparent #4b4b4b;
    transition: border-color 300ms ease-out 0s;
    -webkit-transition: border-color 300ms ease-out 0s;
    -moz-transition: border-color 300ms ease-out 0s;
    -o-transition: border-color 300ms ease-out 0s;
}
.arrow-bottom {
    background-color: #4b4b4b;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
.nav-item {
    background-color: #69b297;
    color: #fff;
}
#navigation ul li:active, #navigation ul li:active>.nav-item, #navigation ul li:hover, #navigation ul li:hover>.arrow-bottom, #navigation ul li:hover>.nav-item {
    background-color: #fff;
    color: #69b296;
}
#navigation ul li:active>.arrow-bottom, #navigation ul li:hover>.arrow-bottom {
    background-color: #69b296;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
#navigation ul li:active .arrow-bottom:after, #navigation ul li:active>.arrow-bottom:before, #navigation ul li:hover>.arrow-bottom:after, #navigation ul li:hover>.arrow-bottom:before {
    border-color: transparent transparent #69b296;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
.home-page-images {
    margin-bottom: .9rem!important;
    z-index: -1;
}
@media only screen and (min-width:30em) {
    #news {
    max-height: 85px;
}
}#news {
    margin: .5rem 0 1rem;
    padding: 0;
    background: #69b297;
}
#news-title {
    font-family: Lato-Light, Helvetica, Geneva, sans-serif;
    color: #fff;
    font-size: 1.2rem;
    padding: 1rem .5rem;
}
#news-title a {
    color: #fff;
}
#news-story {
    font-family: Lato-Light, Helvetica, Geneva, sans-serif;
    margin: 0;
    padding: 0 .2rem;
    z-index: 1;
}
#news-story a, #news-story p {
    color: #fff;
}
#news-story a:active, #news-story a:focus, #news-story a:hover {
    text-decoration: underline;
}
.news-item {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
#news-story .slick-prev {
    position: absolute;
    left: 0;
}
#news-story .slick-next {
    position: absolute;
    right: 0;
}
div.news-item p {
    margin-bottom: 5px;
}
.news-item.slick-slide input#email {
    height: 1.5rem;
    width: 60%;
    padding: 0;
    display: inline;
}
.news-item.slick-slide label {
    color: #FFF;
    font-family: Lato-Light, Helvetica, Geneva, sans-serif;
    font-size: 1rem;
    padding-right: 3px;
    display: inline;
}
.news-item.slick-slide input#newsletter-submit {
    font-family: Lato, Helvetica, Geneva, sans-serif;
    margin: .1rem 0 0 .5rem;
    max-height: 2rem;
    border-radius: 3px;
}
#middle-links {
    padding: 0;
}
@media only screen and (min-width:40em) {
    #front-navigation>div {
    padding-left: 30px;
}
}#front-navigation li {
    width: 19%;
    margin: 0 .2rem .2rem;
    border-bottom: .4rem solid #69B297;
    background-size: auto 100%;
    transition: border 300ms ease-out 0s;
    -webkit-transition: border 300ms ease-out 0s;
    -moz-transition: border 300ms ease-out 0s;
    -o-transition: border 300ms ease-out 0s;
}
@media only screen and (max-width:40em) {
    #front-navigation li {
    width: 100%;
    background: #69B297;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
#front-navigation li:active, #front-navigation li:focus, #front-navigation li:hover {
    background: #fff;
}
}#front-navigation li:active, #front-navigation li:focus, #front-navigation li:hover {
    background-size: auto 100%}
#front-navigation li a {
    width: 100%;
    font-weight: 700;
    padding-right: .1rem;
    padding-bottom: .1rem;
    padding-left: .1rem;
    margin-bottom: 0;
    color: #fff;
    background-color: transparent;
    border-left: 0 none;
}
#front-navigation li:active a, #front-navigation li:active a>h1, #front-navigation li:focus a, #front-navigation li:focus a>h1, #front-navigation li:hover a, #front-navigation li:hover a>h1 {
    color: #69B297;
}
#front-navigation li:active .front-description, #front-navigation li:focus .front-description, #front-navigation li:hover .front-description {
    color: #4b4b4b;
}
#front-navigation img {
    padding-bottom: 1rem;
}
#front-navigation hr {
    margin: .2rem 2rem;
}
.front-title {
    font-family: Lato-Bold, Helvetica, Geneva, sans-serif;
    margin-bottom: 5px;
    font-size: 1.5rem;
	text-align: center;
    transition: color 300ms ease-out 0s;
    -webkit-transition: color 300ms ease-out 0s;
    -moz-transition: color 300ms ease-out 0s;
    -o-transition: color 300ms ease-out 0s;
    color: #fff;
}
.front-description {
    font-size: 1.2rem;
    font-family: Arial, Geneva, sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
    transition: color 300ms ease-out 0s;
    -webkit-transition: color 300ms ease-out 0s;
    -moz-transition: color 300ms ease-out 0s;
    -o-transition: color 300ms ease-out 0s;
}
.no-cssgradients #my-mid-sussex {
    background: 0 0;
    background: rgba(105, 178, 151, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,  StartColorStr='#CC69B297',  EndColorStr='#CC69B297')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,  StartColorStr='#CC69B297',  EndColorStr='#CC69B297');
}
#my-mid-sussex {
    background: linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    background: -webkit-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    background: -webkit-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    background: -o-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
}
.no-cssgradients #my-mid-sussex:hover {
    background: 0 0;
    background: rgba(255, 255, 255, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,  StartColorStr='#CCFFFFFF',  EndColorStr='#CCFFFFFF')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,  StartColorStr='#CCFFFFFF',  EndColorStr='#CCFFFFFF');
}
#my-mid-sussex:active, #my-mid-sussex:focus, #my-mid-sussex:hover {
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    background: -webkit-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    background: -webkit-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    background: -o-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/my-mid-sussex.jpg) no-repeat;
    border-color: transparent transparent #4b4b4b;
}
#my-mid-sussex:active>.arrow, #my-mid-sussex:focus>.arrow, #my-mid-sussex:hover>.arrow {
    border-color: transparent transparent #4b4b4b;
}
.no-cssgradients #apply-for-it {
    background: 0 0;
    background: rgba(105, 178, 151, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,  StartColorStr='#CC69B297',  EndColorStr='#CC69B297')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,  StartColorStr='#CC69B297',  EndColorStr='#CC69B297');
}
#apply-for-it {
    background: linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/apply.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/apply.jpg) no-repeat;
    background: -webkit-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/apply.jpg) no-repeat;
    background: -webkit-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/apply.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/apply.jpg) no-repeat;
    background: -o-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/apply.jpg) no-repeat;
}
.no-cssgradients #apply-for-it:hover {
    background: 0 0;
    background: rgba(255, 255, 255, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,  StartColorStr='#CCFFFFFF',  EndColorStr='#CCFFFFFF')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,  StartColorStr='#CCFFFFFF',  EndColorStr='#CCFFFFFF');
}
#apply-for-it:active, #apply-for-it:focus, #apply-for-it:hover {
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/apply.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/apply.jpg) no-repeat;
    background: -webkit-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/apply.jpg) no-repeat;
    background: -webkit-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/apply.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/apply.jpg) no-repeat;
    background: -o-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/apply.jpg) no-repeat;
    border-color: transparent transparent #4b4b4b;
}
#apply-for-it:active>.arrow, #apply-for-it:focus>.arrow, #apply-for-it:hover>.arrow {
    border-color: transparent transparent #4b4b4b;
}
.no-cssgradients #book-it {
    background: 0 0;
    background: rgba(105, 178, 151, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,  StartColorStr='#CC69B297',  EndColorStr='#CC69B297')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,  StartColorStr='#CC69B297',  EndColorStr='#CC69B297');
}
#book-it {
    background: linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/book.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/book.jpg) no-repeat;
    background: -webkit-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/book.jpg) no-repeat;
    background: -webkit-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/book.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/book.jpg) no-repeat;
    background: -o-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/book.jpg) no-repeat;
}
.no-cssgradients #book-it:hover {
    background: 0 0;
    background: rgba(255, 255, 255, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,  StartColorStr='#CCFFFFFF',  EndColorStr='#CCFFFFFF')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,  StartColorStr='#CCFFFFFF',  EndColorStr='#CCFFFFFF');
}
#book-it:active, #book-it:focus, #book-it:hover {
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/book.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/book.jpg) no-repeat;
    background: -webkit-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/book.jpg) no-repeat;
    background: -webkit-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/book.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/book.jpg) no-repeat;
    background: -o-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/book.jpg) no-repeat;
    border-color: transparent transparent #4b4b4b;
}
#book-it:active>.arrow, #book-it:focus>.arrow, #book-it:hover>.arrow {
    border-color: transparent transparent #4b4b4b;
}
.no-cssgradients #pay-for-it {
    background: 0 0;
    background: rgba(105, 178, 151, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,  StartColorStr='#CC69B297',  EndColorStr='#CC69B297')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,  StartColorStr='#CC69B297',  EndColorStr='#CC69B297');
}
#pay-for-it {
    background: linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/pay.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/pay.jpg) no-repeat;
    background: -webkit-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/pay.jpg) no-repeat;
    background: -webkit-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/pay.jpg) no-repeat;
    background: -o-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/pay.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/pay.jpg) no-repeat;
}
.no-cssgradients #pay-for-it:hover {
    background: 0 0;
    background: rgba(255, 255, 255, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,  StartColorStr='#CCFFFFFF',  EndColorStr='#CCFFFFFF')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,  StartColorStr='#CCFFFFFF',  EndColorStr='#CCFFFFFF');
}
#pay-for-it:active, #pay-for-it:focus, #pay-for-it:hover {
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/pay.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/pay.jpg) no-repeat;
    background: -webkit-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/pay.jpg) no-repeat;
    background: -webkit-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/pay.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/pay.jpg) no-repeat;
    background: -o-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/pay.jpg) no-repeat;
    border-color: transparent transparent #4b4b4b;
}
#pay-for-it:active>.arrow, #pay-for-it:focus>.arrow, #pay-for-it:hover>.arrow {
    border-color: transparent transparent #4b4b4b;
}
.no-cssgradients #report-it {
    background: 0 0;
    background: rgba(105, 178, 151, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,  StartColorStr='#CC69B297',  EndColorStr='#CC69B297')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,  StartColorStr='#CC69B297',  EndColorStr='#CC69B297');
}
#report-it {
    background: linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/report.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/report.jpg) no-repeat;
    background: -webkit-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/report.jpg) no-repeat;
    background: -webkit-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/report.jpg) no-repeat;
    background: -o-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/report.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(106, 175, 148, .8), rgba(106, 175, 148, .8)), url(../img/website/report.jpg) no-repeat;
}
.no-cssgradients #report-it:hover {
    background: 0 0;
    background: rgba(255, 255, 255, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,  StartColorStr='#CCFFFFFF',  EndColorStr='#CCFFFFFF')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,  StartColorStr='#CCFFFFFF',  EndColorStr='#CCFFFFFF');
}
#report-it:active, #report-it:focus, #report-it:hover {
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/report.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/report.jpg) no-repeat;
    background: -webkit-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/report.jpg) no-repeat;
    background: -webkit-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/report.jpg) no-repeat;
    background: -o-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/report.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/website/report.jpg) no-repeat;
    border-color: transparent transparent #4b4b4b;
}
#report-it:active>.arrow, #report-it:focus>.arrow, #report-it:hover>.arrow {
    border-color: transparent transparent #4b4b4b;
}
#front-navigation .arrow {
    border-color: transparent transparent #69B297;
}
@media only screen and (min-width:40em) {
    .no-cssgradients #my-mid-sussex, .no-cssgradients #my-mid-sussex: hover {
    background: url(../img/website/my-mid-sussex.jpg) no-repeat;
    background-size: auto 100%}
.no-cssgradients #apply-for-it, .no-cssgradients #apply-for-it:hover {
    background: url(../img/website/apply.jpg) no-repeat;
    background-size: auto 100%}
.no-cssgradients #book-it, .no-cssgradients #book-it:hover {
    background: url(../img/website/book.jpg) no-repeat;
    background-size: auto 100%}
.no-cssgradients #pay-for-it, .no-cssgradients #pay-for-it:hover {
    background: url(../img/website/pay.jpg) no-repeat;
    background-size: auto 100%}
.no-cssgradients #report-it, .no-cssgradients #report-it:hover {
    background: url(../img/website/report.jpg) no-repeat;
    background-size: auto 100%}
}.home-image {
    min-height: 0!important;
}
#my-mid-sussex-content-1 .medium-3 {
    padding: 0 .1rem;
}
.my-mid-sussex-h2 {
    font-size: 1.5rem;
}
#mms-icons {
    text-align: center;
    margin-bottom: 1rem;
}
#mms-icons span {
    font-size: 3rem;
    color: #cbe4da;
    width: 200%;
    border-radius: 50%;
    background-color: #69b296;
}
.fi-monitor {
    padding: 0 7px;
}
.fi-shopping-bag {
    padding: 0 9px;
}
.fi-trash {
    padding: 0 15px;
}
.fi-pound {
    padding: 0 20px;
}
.mms-box {
    border: 1px solid #a2a0a0;
    text-align: center;
    padding: 0 .3rem;
    margin-bottom: 1rem;
    font-size: small;
    position: relative;
}
@media only screen and (min-width:40.05em) {
    .mms-box: after, .mms-box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.mms-box:after {
    border-color: rgba(162, 160, 160, 0);
    border-bottom-color: #a2a0a0;
    border-width: 6px;
    margin-left: -6px;
}
.mms-box:before {
    border-color: rgba(162, 160, 160, 0);
    border-bottom-color: #a2a0a0;
    border-width: 12px;
    margin-left: -12px;
}
}.mms-box li {
    font-size: small;
}
.mms-box h3 {
    font-size: 1.5rem;
}
.mms-box ul {
    list-style: none;
    margin: 0;
}
.mms-box a {
    color: #7cbba3;
}
.mms-box a:active, .mms-box a:focus, .mms-box a:hover {
    text-decoration: underline;
}
.mms-box .button {
    color: #686868;
    background: #d4d4d4;
    border-radius: 5px;
}
.mms-box .button:active, .mms-box .button:hover {
    color: #d4d4d4;
    background: #686868;
    text-decoration: none;
}
.mms-box .button {
    padding: .5rem .8rem;
    margin: .3rem 0 .5rem;
    font-size: small;
}
#my-mid-sussex-content-2 .accordion {
    padding: 0;
    margin: 0;
}
.mms-link {
    background: #fff!important;
    color: #747474!important;
    padding: .2rem .1rem .3rem!important;
    font-size: small!important;
}
.active>.mms-link, .mms-link:hover {
    color: #73a894!important;
}
.toggle-open:after {
    content: "+";
    color: #fff;
    float: right;
    border-radius: 50%;
    background: #ccc;
    width: 1.4rem;
    text-align: center;
}
.active a>.toggle-open:after {
    content: "-";
    background: #73a894;
}
.accordion-navigation .content {
    padding: 1rem .1rem!important;
    color: #616264;
}
.accordion-navigation .content a {
    color: #6E78B0;
    font-weight: 700;
}
.accordion-navigation .content a:hover {
    text-decoration: underline;
}
hr {
    margin: .1rem 0;
}
.a-to-z-body {
    background-color: #e8e8e8;
}
.a-to-z-body #page-title {
    background-color: #fff;
    margin-bottom: 1em;
}
.a-to-z-body a {
    color: #6E78B0;
}
.a-to-z-body a:active, .a-to-z-body a:focus, .a-to-z-body a:hover {
    color: #6E78B0;
    text-decoration: underline;
}
.atoz-navigation li {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0 .1rem .3rem;
    transition: color 300ms ease-out 0s;
    -webkit-transition: color 300ms ease-out 0s;
    -moz-transition: color 300ms ease-out 0s;
    -o-transition: color 300ms ease-out 0s;
}
.a-z-accordion {
    padding-bottom: .4em;
}
.atoz-navigation li ul li:active, .atoz-navigation li ul li:active a, .atoz-navigation li ul li:focus, .atoz-navigation li ul li:focus a, .atoz-navigation li ul li:hover, .atoz-navigation li ul li:hover a, .content {
    color: #69b296;
}
.atoz-navigation li ul li a {
    height: 15em;
    overflow: hidden;
    color: #fff;
}
.atoz-including {
    margin: .5rem 0 0;
    font-family: Lato-Bold, sans-serif;
}
.atoz-description {
    font-size: small;
}
.atoz-navigation li ul li a hr {
    margin-top: .3rem;
    margin-bottom: .3rem;
}
.atoz-letter {
    font-family: Lato-Light, sans-serif;
    margin-bottom: 0;
    border-radius: 50%;
    background-color: #3f7a63;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 51px;
    color: #fff;
    font-size: xx-large;
}
.atoz-navigation .content ul {
    list-style: none;
    margin: 0 .2rem;
}
.atoz-navigation .content ul li {
    padding: 0;
}
.a-z-accordion.active>.arrow-bottom {
    display: none;
}
.a-z-accordion.active>.arrow-top {
    display: block;
}
.a-to-z-body .accordion {
    margin-left: 0;
}
.a-z-accordion a {
    background: #69b297!important;
    color: #fff!important;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
.a-z-accordion:active>a, .a-z-accordion:hover>a, .a-z-accordion>a:focus {
    background: #fff!important;
    color: #69b296!important;
    text-decoration: none!important;
}
.a-z-accordion.active a {
    background: #fff!important;
}
@media only screen and (max-width:40.05em) {
    .atoz-navigation li ul li a {
    height: 5em;
    overflow: hidden;
}
}@media only screen and (min-width:40.05em) {
    .a-z-accordion.active a {
    height: 100px!important;
}
.a-z-accordion.active a .atoz-description, .a-z-accordion.active a .atoz-including {
    display: none!important;
}
}.a-z-accordion:active .arrow-bottom, .a-z-accordion:hover .arrow-bottom {
    background-color: #69b296;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
.a-z-accordion:active>.arrow-bottom:after, .a-z-accordion:active>.arrow-bottom:before, .a-z-accordion:hover>.arrow-bottom:after, .a-z-accordion:hover>.arrow-bottom:before {
    border-color: transparent transparent #69b296;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
#atoza-link {
    background: url(../img/website/AZ/test.jpg) no-repeat;
    background-size: 100% auto;
}
.a-to-z-body .active ul li a {
    color: #69b296!important;
}