@font-face {
    font-family: 'Athelas';
    src: url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Regular.eot');/* IE9 Compat Modes */
    src: url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Regular.svg#svgFontName') format('svg');/* Legacy iOS */
}
@font-face {
    font-family: 'AthelasBold';
    src: url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Bold.eot');/* IE9 Compat Modes */
    src: url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Bold.svg#svgFontName') format('svg');/* Legacy iOS */
}
@font-face {
    font-family: 'AthelasItalic';
    src: url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Italic.eot');/* IE9 Compat Modes */
    src: url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Italic.woff') format('woff'), /* Pretty Modern Browsers */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-Italic.svg#svgFontName') format('svg');/* Legacy iOS */
}
@font-face {
    font-family: 'AthelasBoldItalic';
    src: url('//components.uwe.ac.uk/fonts/Athelas/Athelas-BoldItalic.eot');/* IE9 Compat Modes */
    src: url('//components.uwe.ac.uk/fonts/Athelas/Athelas-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-BoldItalic.woff') format('woff'), /* Pretty Modern Browsers */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('//components.uwe.ac.uk/fonts/Athelas/Athelas-BoldItalic.svg#svgFontName') format('svg');/* Legacy iOS */
}

.survey {
	width:100%;
	box-sizing: border-box;
	background: #ada2d0;
	padding:15px 34px 10px 34px;
	text-align: center;
	text-decoration: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999999;
	display: none;
	color:#000;
}
.survey .form-button {margin-top:5px;}
@media screen and (min-width:520px) {
    .survey .form-button {margin-top:-5px;}
}
.survey:hover {
	background: #6bc3cb;
}
.dismiss {
	float:right;
	margin:4px -24px 0 0;
}
.dismiss:hover {
	cursor: pointer;
	background: #fff;
}
#cookies{background:#3b3747;padding:12px 16px;color:#fff;text-align:center}
#cookies a{color:#fff; text-decoration: none;}
#cookies a:hover{text-decoration:underline}
.cookies-message {width:1280px;margin:0 auto;text-align:left}
.cookies-message p {width:85%;padding:0;float:left;color:#d6d0e7}
.cookies-accept {width:13%;display:block;padding:12px 20px; box-sizing:border-box; float:right;background:#16818d;margin:-12px 0;}
@media screen and (max-width:1294px) {
	.cookies-message {width:100%;}
	.cookies-message p {width:83%;}
	.cookies-accept {width:15%;}
}
@media screen and (max-width:850px) {
	.cookies-message p {width:78%;}
	.cookies-accept {width:20%;}
	#cookies{font-size:14px; line-height:22px;}
}
@media screen and (max-width:550px) {
	.cookies-message p {width:100%;}
	.cookies-accept {width:100%;margin:10px 0 0}
	#cookies{font-size:14px; line-height:22px;}
}
#newsFlash {
    color: #fff;
    text-align: center;
    padding: 0 0 30px 0;
    background-color: #000;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}
#newsFlash:hover {
    background-color: #7f4633;
}
#newsFlash a {
    color: #fff;
    font-size: 150%;
    font-weight: 700;
    padding: 40px 10px 10px;
    text-decoration: none;
}
#newsFlash .further a {
    text-decoration: underline;
    font-weight: normal;
    font-size: 110%;
    padding: 0;
}
.cms .section {
	font-size:18px;
	font-weight:400;
	display:block;
	margin-bottom:20px;
	margin-top:10px;
	padding:12px 12px 12px 30px;
	text-decoration:none;
	position:relative;
	background:#eee;
	line-height:26px;
}
.cms .section a.dummy, .cms .section-content a:hover.dummy, .cms .section a:focus.dummy {
	color:#000!important;
	text-decoration:none;
}
.cms .open {
	background:#6bc3cb url(../../custom/images/hide.gif) no-repeat 12px 18px;
}
.cms .close {
	background:#eee url(../../custom/images/show.gif) no-repeat 12px 18px;
}
.cms .hover{
	cursor:pointer;
	background-color: #6bc3cb!important;
}
.cms .cnt-close, .cms .cnt-open {
	margin-bottom:20px;
	border-bottom: 2px solid #6bc3cb;
	padding-bottom:30px;
	padding-left:30px;
}
.cms .cnt-close p:nth-last-child(1), .cms .cnt-open p:nth-last-child(1), .cms .cnt-close ul:nth-last-child(1), .cms .cnt-open ul:nth-last-child(1) {
	padding-bottom:0px;
}
.cms img.floatImage {
	margin:0 0 20px 0;
}
@media screen and (min-width:520px) {
    .cms img.floatImage {
		margin:15px 0 15px 15px; 
		float:right;
	}
}
/* new section feature */
.divider {
	background:url(../images/divider.png) repeat-x top;
	margin:0 -50px;
	padding:0 50px;
}
.twoCol {
	float:left;
	width:48%;
}
.twoColFirst {
	margin-right:4%;
}
.twoCol img {
	width:100%;
	height:auto;
	margin-top:60px!important;
}
.twoCol img.actual {
	width:auto;
	display:inline-block;
	margin-bottom:50px;
	margin-right:10px;
}
.twoCol h2, .twoCol h3 {
	margin-top:60px!important;
}
.twoCol h2.noSpace, .twoCol h3.noSpace {
	margin-top:10px!important;
}
.twoCol p:nth-last-child(1), .twoCol ul:nth-last-child(1), .twoCol img:nth-last-child(1) {
	margin-bottom:50px;
}
@media screen and (max-width:1320px) {
	.divider {margin:0;padding:0 3%;}
}
@media screen and (max-width:980px) {
    .twoCol img, .twoCol h2, .twoCol h3 {margin-top:40px!important;}
}
@media screen and (max-width:619px) {
	.twoCol {width:100%;}
	.twoColFirst {margin-right:0;}
	.twoColFirst p:nth-last-child(1), .twoColFirst ul:nth-last-child(1), .twoColFirst img:nth-last-child(1) {margin-bottom:0;}
	.twoCol img.actual {margin-bottom:0;}
	.twoCol h2, .twoCol h3 {margin-top:30px!important;}
	.twoCol img {margin-top:50px!important;}
}

.twoCol span {
	padding-top:10px;
	display:block;
}
.m-image-bar__fix {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.cms a.cta{
	font-size:18px;
	padding:10px 20px;
	text-decoration:none!important;
	line-height:130%;
	display:inline-block;
	margin:0 10px 10px 0;
	width:auto;
	color:#000;
	border:2px solid #000;
	cursor:pointer;
}
.cms a.cta-pdf{
	padding:10px 45px 10px 20px;
	background:url(../images/icons/pdf.png) no-repeat right 12px bottom 12px;
}
.cms a.cta-doc{
	padding:10px 45px 10px 20px;
	background:url(../images/icons/doc.png) no-repeat right 12px bottom 12px;
}
.cms a.cta:hover{
	color:#fff;
	background-color:#16818d;
	border:2px solid #16818d;
}
.cms a.ctaRight {
	float:right;
	margin-left:20px;
	width:22%;
	clear:right;
}
.m-course__actions.pg {
    background: #aca3ce
}
.m-course__actions.pro {
    background: #fcc22d
}
.content ul,
.aside ul {
    margin: 0;
    padding: 0 0 10px 25px;
}
.content ul > li,
.aside ul > li {
    list-style: none;
    position: relative;
    z-index: 1;
}
.content ul > li:before,
.aside ul > li:before {
    background: #000;
    border-radius: 100%;
    content: "";
    display: block;
    height: 4px;
    left: -13px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    width: 4px;
    z-index: 1;
}
/* right aligned file icons */
a.pdf,a.doc,a.ppt,a.xls,a.win,a.zip,a.print,a.vid,a.docx {
    margin: 0;
    padding-right: 21px;
    display: inline-block;
}
a.pdf {background: url(../images/icons/pdf.png) no-repeat right;}
a.win {background: url(../images/icons/win.gif) no-repeat right;}
a.doc {background: url(../images/icons/doc.png) no-repeat right;}
a.zip {background: url(../images/icons/zip.gif) no-repeat right;}
a.print {background: url(../images/icons/print_icon.gif) no-repeat right;}
a.ppt {background: url(../images/icons/ppt.png) no-repeat right;}
a.xls {background: url(../images/icons/xls.gif) no-repeat right;}
a.vid {background: url(../images/icons/vid.png) no-repeat right;}
a.docx {background: url(../images/icons/doc.png) no-repeat top right;}

/* left aligned file icons */
.lpdf,.ldoc,.lppt,.lxls,.lwin,.lzip,.lvid,ldocx {padding: 2px 0px 0px 20px;}
a.lpdf {background: url(../images/icons/pdf.png) no-repeat top left;}
a.lwin {background: url(../images/icons/win.gif) no-repeat top left;}
a.ldoc {background: url(../images/icons/doc.png) no-repeat top left;}
a.lzip {background: url(../images/icons/zip.gif) no-repeat top left;}
a.lprint {background: url(../images/icons/print_icon.gif) no-repeat top left;}
a.lppt {background: url(../images/icons/ppt.png) no-repeat top left;}
a.lxls {background: url(../images/icons/xls.gif) no-repeat top left;}
a.lvid {background: url(../images/icons/vid.png) no-repeat top left;}
a.ldocx {background: url(../images/icons/doc.png) no-repeat top right;}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,picture,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,audio,video,canvas {
    display: block
}
body {line-height: 1}
blockquote,
q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}
:focus {outline: none}
table {
    border-collapse: collapse;
    border-spacing: 0
}
abbr,acronym {
	cursor: help;
	text-decoration:none;
	border-bottom:1px dotted #555;
}
fieldset {
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
    position: static
}
legend {
    left: auto;
    margin: 0;
    padding: 0;
    position: static;
    top: auto
}
address {
    display: block;
    font-style: normal;
    margin: 0;
    padding: 0
}
strong,b {font-weight: bold}

em,i {font-style: italic}
blockquote {
    margin: 0;
    padding: 0
}
small {
    color: #999;
    font-size: 85%;
    line-height: 85%
}
sub,sup {
    font-size: 85%;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: baseline
}

sup {top: -.5em}
sub {bottom: -.25em}
img {
    border: 0;
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    width: auto
}
figure {
    margin: 0;
    padding: 0 0 15px 0;
    text-align: center
}
figure figcaption {
    font-style: italic;
    margin: 0;
    padding: 10px 0 0 0
}
button,html input[type="button"],html input[type="reset"],html input[type="submit"] {
    -webkit-appearance: button
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    margin: 0;
    padding: 0
}
table {
    border: 0;
    border-collapse: collapse;
    margin: 0 0 15px 0;
    padding: 0;
    width: 100%
}
table th,table td {
    margin: 0;
    padding: 5px 3px
}
ul,ol {
    list-style: none;
    margin: 0;
    padding: 0 0 10px 0
}
ul li,
ol li {
    list-style: none;
    margin: 0;
    padding: 0 0 5px 0
}
dl {
    margin: 0;
    padding: 0 0 10px 0
}
dl dt {
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px 0
}
dl dd {
    display: block;
    margin: 0;
    padding: 0 0 5px 0
}
pre {
    max-height: 300px;
    line-height: 16px;
    margin: 0 0 15px 0;
    overflow: auto;
    padding: 10px
}
hr {
    background: #ccc;
    border: 0;
    height: 1px;
    margin: 5px 0 20px 0;
    padding: 0;
	text-align:left;
}
@media screen and (min-width:980px) {
    hr {margin: 10px 0 25px 0}
}

::-moz-selection {
    background: #000;
    color: #fff
}
::selection {
    background: #000;
    color: #fff
}
a {
    display: inline-block;
    color: #000;
    text-decoration: underline
}

a:hover,
a:focus {
    color: #000;
    text-decoration: none
}

a:focus {outline: 1px dotted #000}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Athelas', Georgia, 'Times New Roman', serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 34px;
    margin: 0;
    padding: 0 0 15px 0;
}
h1 {
    color: #14626a;
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 15px
}
@media screen and (min-width:788px) {
    h1 {
        font-size: 35px;
        line-height: 43px;
        padding-bottom: 20px
    }
}

@media screen and (min-width:980px) {
    h1 {
        font-size: 40px;
        line-height: 48px
    }
}

p {
    margin: 0;
    padding: 0 0 20px 0
}

img {
    height: auto;
    width: auto
}
ul,ol {padding-bottom: 10px}
ul li,ol li {padding-bottom: 10px}

abbr[title] {
    border-bottom: 1px dotted #999
}
.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6 {
    color: #14626a;
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    padding-bottom: 15px
}
.ug .cms h1,
.ug .cms h2,
.ug .cms h3,
.ug .cms h4,
.ug .cms h5,
.ug .cms h6 {
    color: #1f808c
}
.pg .cms h1,
.pg .cms h2,
.pg .cms h3,
.pg .cms h4,
.pg .cms h5,
.pg .cms h6 {
    color: #797490
}
.pro .cms h1,
.pro .cms h2,
.pro .cms h3,
.pro .cms h4,
.pro .cms h5,
.pro .cms h6 {
    color: #797490
}
.cms h1,
.cms h2 {
    font-size: 21px;
    line-height: 29px
}

@media screen and (min-width:788px) {
    .cms h1,
    .cms h2 {
        font-size: 26px;
        line-height: 34px
    }
}
.cms h3 {
    font-size: 19px;
    line-height: 27px
}

@media screen and (min-width:788px) {
    .cms h3 {
        font-size: 22px;
        line-height: 30px
    }
}
.cms h4 {
    font-size: 17px;
    line-height: 25px
}

@media screen and (min-width:788px) {
    .cms h4 {
        font-size: 19px;
        line-height: 27px
    }
}
.cms h5 {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:788px) {
    .cms h5 {
        font-size: 18px;
        line-height: 26px
    }
}
.cms h6 {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:788px) {
    .cms h6 {
        font-size: 16px;
        line-height: 24px
    }
}
.cms p img {
    margin-bottom: 0
}
.cms a {
    color: #1f808c;
    text-decoration: underline;
    display: inline
}
.cms a:hover,
.cms a:focus {
    color: #1f808c;
    text-decoration: none
}
.cms a:focus {
    outline-color: #1f808c
}
.ug .cms a {
    color: #1f808c
}
.ug .cms a:hover,
.ug .cms a:focus {
    color: #1f808c
}
.ug .cms a:focus {
    outline-color: #1f808c
}
.pg .cms a {
    color: #797490
}
.pg .cms a:hover,
.pg .cms a:focus {
    color: #797490
}
.pg .cms a:focus {
    outline-color: #797490
}
.pro .cms a {
    color: #ab871c
}
.pro .cms a:hover,
.pro .cms a:focus {
    color: #ab871c
}
.pro .cms a:focus {
    outline-color: #ab871c
}
.cms blockquote {
    border-left: 15px solid #1f808c;
    color: #1f808c;
    font-family: 'Athelas', Georgia, 'Times New Roman', serif;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px 0;
    padding: 0 0 0 15px;
    max-width: none
}
.cms blockquote h1,
.cms blockquote h2,
.cms blockquote h3,
.cms blockquote h4,
.cms blockquote h5,
.cms blockquote h6 {
    color: #1f808c;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 10px
}
.cms blockquote p {
    margin: 0;
    padding: 0 0 10px 0
}
.cms blockquote p:last-child {
    padding-bottom: 0
}
.cms blockquote p.author {
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 0
}
.cms blockquote b,
.cms blockquote strong {
    font-family: 'AthelasBold', 'Athelas', Georgia, 'Times New Roman', serif;
    font-weight: normal
}
.cms blockquote b i,
.cms blockquote b em,
.cms blockquote strong i,
.cms blockquote strong em {
    font-family: 'AthelasBoldItalic', 'AthelasItalic', 'Athelas', Georgia, 'Times New Roman', serif
}
.cms blockquote i,
.cms blockquote em {
    font-family: 'AthelasItalic', 'Athelas', Georgia, 'Times New Roman', serif;
    font-style: normal
}
.cms blockquote i b,
.cms blockquote i strong,
.cms blockquote em b,
.cms blockquote em strong {
    font-family: 'AthelasBoldItalic', 'AthelasItalic', 'Athelas', Georgia, 'Times New Roman', serif
}
.cms blockquote a {
    color: #1f808c;
    text-decoration: underline
}
.cms blockquote a:hover {
    color: #1f808c;
    text-decoration: none
}

@media screen and (min-width:788px) {
    .cms blockquote {
        font-size: 25px;
        line-height: 33px;
        padding-left: 20px
    }
}

@media screen and (min-width:980px) {
    .cms blockquote {
        font-size: 30px;
        line-height: 38px;
        padding-left: 25px
    }
}
.cms table {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%
}
.cms table th,
.cms table td {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 8px 10px
}

@media screen and (min-width:980px) {
    .cms table th,
    .cms table td {
        font-size: 16px;
        line-height: 24px
    }
}
.cms table th {
    font-weight: 700
}
.cms table thead th,
.cms table thead td {
    background: #1f808c;
    color: #fff
}
.cms table tbody th,
.cms table tbody td {
    border-top: 1px solid #e6e6e6
}
.cms table tbody tr:first-child th,
.cms table tbody tr:first-child td {
    border-top: 0 !important
}
.cms table tbody tr:nth-child(even) td {
    background: #fafafa
}
.cms table tfoot tr:first-child th,
.cms table tfoot tr:first-child td {
    border-top: 1px solid #ccc
}
.cms table.large {
    min-width: 500px
}

@media screen and (max-width:619px) {
    .cms .table-wrap table {
        margin: 0
    }
}

@media screen and (max-width:619px) {
    .cms .table-wrap {
        margin: 0 0 20px 0;
        overflow-x: auto;
        padding: 0 0 5px 0
    }
}
.cms ul,
.cms ol {
    margin: 0;
    padding: 0 0 10px 25px
}
.cms ul li,
.cms ol li {
    margin: 0;
    padding: 0 0 10px 0
}
.cms ul ul,
.cms ul ol,
.cms ol ul,
.cms ol ol {
    margin-bottom: -10px;
    padding-bottom: 0;
    padding-top: 10px
}
.cms ul>li {
    list-style: none;
    position: relative;
    z-index: 1
}
.cms ul>li:before {
    background: #000;
    border-radius: 100%;
    content: "";
    display: block;
    height: 4px;
    left: -13px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    width: 4px;
    z-index: 1
}
.cms ol>li {
    list-style: decimal
}
.cms ol ol>li {
    list-style: lower-alpha
}
.cms ol ol ol>li {
    list-style: lower-roman
}
.cms img {
    margin: 0 auto 20px auto;
    padding: 0
}
.cms iframe,
.cms object {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    max-width: 760px
}
.cms .video-wrap {
    margin: 0;
    padding: 0 0 20px 0;
    max-width: 760px
}
.cms .video-wrap .video {
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    padding-bottom: 59.375%;
    position: relative;
    z-index: 1
}
.cms .video-wrap .video iframe {
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 100%;
    z-index: 1
}
.cms .video-wrap blockquote {
    margin: 0
}

@media screen and (min-width:788px) {
    .cms .video-wrap {
        border-bottom-width: 25px
    }
}

@media screen and (min-width:980px) {
    .cms .video-wrap {
        border-bottom-width: 30px
    }
}
.ug .cms .video-wrap {
    border-bottom-color: #fcc22d
}
.pg .cms .video-wrap {
    border-bottom-color: #ed8165
}
.pro .cms .video-wrap {
    border-bottom-color: #80bd76
}
.cms a.button {
    background: #fff;
    border: 2px solid #000;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    margin: 0 10px 15px 0;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: top;
    z-index: 2
}
.cms a.button:hover,
.cms a.button:focus {
    background: #1f808c;
    border-color: #1f808c;
    color: #fff
}
.cms a.button:focus {
    outline-color: #1f808c
}

@media screen and (min-width:1100px) {
    .cms a.button {
        font-size: 18px;
        height: auto;
        line-height: 26px
    }
}
.cms a.button:last-child {
    margin-bottom: 0
}
.cms--alt h1,
.cms--alt h2 {
    color: #14626a;
    font-family: 'Athelas', Georgia, 'Times New Roman', serif;
    font-size: 29px;
    line-height: 37px
}

@media screen and (min-width:788px) {
    .cms--alt h1,
    .cms--alt h2 {
        font-size: 39px;
        line-height: 47px
    }
}
.cms--tight {
    margin-bottom: -15px
}
.cms--padding {
    padding-bottom: 10px
}
@media screen and (min-width:788px) {
    .cms--padding {
        padding-bottom: 20px
    }
}

.form-wrapper {
    margin: 0 auto;
    padding: 0 0 20px 0;
    text-align: left
}
.form-wrapper:last-child,
.form-wrapper--tight {
    padding-bottom: 0
}
.form-wrapper--divider {
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0
}
.form-wrapper--divider:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}
.form-wrapper--centralised {
    text-align: center;
    max-width: 450px
}
.form-row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0 0 15px 0;
    text-align: left
}
.form-row * {
    font-size: 16px;
    line-height: 24px
}
.form-row--divider {
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0
}
.form-row--divider:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}
.form-row--inline {
    margin: 0;
    padding: 0
}

@media screen and (min-width:980px) {
    .form-row--inline .form-row {
        float: left;
        padding: 0 10px 0 0;
        width: 33.3333%;
        max-width: 153px
    }
}

@media screen and (min-width:980px) {
    .form-row--inline .form-row--half {
        width: 50%;
        max-width: 230px
    }
}

@media screen and (min-width:980px) {
    .form-row--inline {
        margin: 0 -10px 0 0;
        padding: 0 0 15px 0
    }
}
.form-row--group {
    padding-bottom: 5px
}
.form-row--group .form-row {
    padding-bottom: 10px
}
.form-action {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 10px 0 0 0
}
.form-action * {
    font-size: 16px;
    line-height: 24px
}
.form-action:first-child {
    padding-top: 0
}
.form-row label {
    display: block;
    padding-bottom: 5px;
    text-align: left
}
.form-required {
    color: #e00f21 !important;
    font-family: Helvetica, Arial, Verdana, sans-serif
}
.form-text,
.form-textarea,
.form-select {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    color: #000;
    display: inline-block;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    height: 36px;
    line-height: 24px;
    margin: 0;
    padding: 4px 10px;
    vertical-align: middle;
    width: 100%;
    max-width: 450px
}
.form-text:-moz-placeholder,
.form-textarea:-moz-placeholder,
.form-select:-moz-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .8)
}
.form-text::-moz-placeholder,
.form-textarea::-moz-placeholder,
.form-select::-moz-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .8)
}
.form-text:-ms-input-placeholder,
.form-textarea:-ms-input-placeholder,
.form-select:-ms-input-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .8)
}
.form-text::-webkit-input-placeholder,
.form-textarea::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .8)
}
.form-text[type=search],
.form-textarea[type=search],
.form-select[type=search] {
    -webkit-appearance: textfield
}
.form-text:hover,
.form-textarea:hover,
.form-select:hover {
    border-color: #b3b3b3
}
.form-text:focus,
.form-textarea:focus,
.form-select:focus {
    border-color: #999;
    box-shadow: 0 0 5px 0 rgba(204, 204, 204, .5)
}
.form-text.disabled,
.form-text[disabled],
.form-textarea.disabled,
.form-textarea[disabled],
.form-select.disabled,
.form-select[disabled] {
    background: #fafafa;
    border-color: #ccc !important;
    cursor: not-allowed;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}
.form-text.disabled:-moz-placeholder,
.form-text[disabled]:-moz-placeholder,
.form-textarea.disabled:-moz-placeholder,
.form-textarea[disabled]:-moz-placeholder,
.form-select.disabled:-moz-placeholder,
.form-select[disabled]:-moz-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .25)
}
.form-text.disabled::-moz-placeholder,
.form-text[disabled]::-moz-placeholder,
.form-textarea.disabled::-moz-placeholder,
.form-textarea[disabled]::-moz-placeholder,
.form-select.disabled::-moz-placeholder,
.form-select[disabled]::-moz-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .25)
}
.form-text.disabled:-ms-input-placeholder,
.form-text[disabled]:-ms-input-placeholder,
.form-textarea.disabled:-ms-input-placeholder,
.form-textarea[disabled]:-ms-input-placeholder,
.form-select.disabled:-ms-input-placeholder,
.form-select[disabled]:-ms-input-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .25)
}
.form-text.disabled::-webkit-input-placeholder,
.form-text[disabled]::-webkit-input-placeholder,
.form-textarea.disabled::-webkit-input-placeholder,
.form-textarea[disabled]::-webkit-input-placeholder,
.form-select.disabled::-webkit-input-placeholder,
.form-select[disabled]::-webkit-input-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .25)
}
.form-text.input-validation-error,
.form-textarea.input-validation-error,
.form-select.input-validation-error {
    background-color: #fbc0c5;
    border-color: #e00f21;
    color: #e00f21
}
.form-text.input-validation-error:-moz-placeholder,
.form-textarea.input-validation-error:-moz-placeholder,
.form-select.input-validation-error:-moz-placeholder {
    color: #e00f21;
    color: rgba(224, 15, 33, .8)
}
.form-text.input-validation-error::-moz-placeholder,
.form-textarea.input-validation-error::-moz-placeholder,
.form-select.input-validation-error::-moz-placeholder {
    color: #e00f21;
    color: rgba(224, 15, 33, .8)
}
.form-text.input-validation-error:-ms-input-placeholder,
.form-textarea.input-validation-error:-ms-input-placeholder,
.form-select.input-validation-error:-ms-input-placeholder {
    color: #e00f21;
    color: rgba(224, 15, 33, .8)
}
.form-text.input-validation-error::-webkit-input-placeholder,
.form-textarea.input-validation-error::-webkit-input-placeholder,
.form-select.input-validation-error::-webkit-input-placeholder {
    color: #e00f21;
    color: rgba(224, 15, 33, .8)
}
.form-text.input-validation-error:focus,
.form-textarea.input-validation-error:focus,
.form-select.input-validation-error:focus {
    background-color: #fff;
    border-color: #999;
    color: #000
}
.form-text.input-validation-error:focus:-moz-placeholder,
.form-textarea.input-validation-error:focus:-moz-placeholder,
.form-select.input-validation-error:focus:-moz-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .8)
}
.form-text.input-validation-error:focus::-moz-placeholder,
.form-textarea.input-validation-error:focus::-moz-placeholder,
.form-select.input-validation-error:focus::-moz-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .8)
}
.form-text.input-validation-error:focus:-ms-input-placeholder,
.form-textarea.input-validation-error:focus:-ms-input-placeholder,
.form-select.input-validation-error:focus:-ms-input-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .8)
}
.form-text.input-validation-error:focus::-webkit-input-placeholder,
.form-textarea.input-validation-error:focus::-webkit-input-placeholder,
.form-select.input-validation-error:focus::-webkit-input-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .8)
}
.form-text--small,
.form-textarea--small,
.form-select--small {
    margin-right: 10px;
    width: 30.3%;
    max-width: 150px
}
.form-text--medium,
.form-textarea--medium,
.form-select--medium {
    margin-right: 10px;
    width: 65%;
    max-width: 300px
}
.form-text--large,
.form-textarea--large,
.form-select--large {
    margin-right: 10px;
    width: 85%;
    max-width: 450px
}
.form-text--no-border,
.form-textarea--no-border,
.form-select--no-border {
    border-color: #fff
}
.form-text--no-border:hover,
.form-textarea--no-border:hover,
.form-select--no-border:hover {
    border-color: #fff
}
.form-text--no-border:focus,
.form-textarea--no-border:focus,
.form-select--no-border:focus {
    border-color: #fff;
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, .75)
}
.form-text {
    -webkit-appearance: none
}
.form-textarea {
    height: 150px;
    padding: 8px 10px;
    resize: vertical;
    vertical-align: top;
    -webkit-appearance: none
}
.form-select {
    padding: 5px
}
.form-button {
    background: #1f808c no-repeat 50% 50%;
    border: 1px solid #165a62;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    margin: 0 10px 0 0;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    min-width: 150px;
    z-index: 2
}
.form-button:hover {
    background-color: #165a62;
    border-color: #165a62;
    color: #fff;
    text-decoration: none
}
.form-button:focus {
    outline: 1px dotted #165a62
}
.form-button:last-child {
    margin-right: 0
}
.form-button.disabled,
.form-button[disabled] {
    background: #ccc !important;
    border-color: #ccc !important;
    color: #999 !important;
    cursor: not-allowed !important;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80)
}
.form-button--tight {
    margin-left: 0
}
.form-button--inline {
    min-width: 10px
}

@media screen and (min-width:788px) {
    .form-button--large {
        font-size: 18px;
        line-height: 18px
    }
}
.form-button--block {
    display: block;
    margin: 0;
    width: 100%
}
.form-info {
    clear: both;
    color: #999;
    display: block;
    font-size: 15px;
    line-height: 23px;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: left;
    max-width: 450px
}
.form-info a {
    font-size: 15px;
    line-height: 23px
}
.form-text,
.form-select {
    color: #666;
    height: 40px
}
.form-text:-moz-placeholder,
.form-textarea:-moz-placeholder,
.form-select:-moz-placeholder {
    color: #999;
    color: #999
}
.form-text::-moz-placeholder,
.form-textarea::-moz-placeholder,
.form-select::-moz-placeholder {
    color: #999;
    color: #999
}
.form-text:-ms-input-placeholder,
.form-textarea:-ms-input-placeholder,
.form-select:-ms-input-placeholder {
    color: #999;
    color: #999
}
.form-text::-webkit-input-placeholder,
.form-textarea::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder {
    color: #999;
    color: #999
}
.form-text:focus,
.form-textarea:focus,
.form-select:focus {
    box-shadow: none;
    color: #000
}
.form-text:focus:-moz-placeholder,
.form-textarea:focus:-moz-placeholder,
.form-select:focus:-moz-placeholder {
    color: #000;
    color: #000
}
.form-text:focus::-moz-placeholder,
.form-textarea:focus::-moz-placeholder,
.form-select:focus::-moz-placeholder {
    color: #000;
    color: #000
}
.form-text:focus:-ms-input-placeholder,
.form-textarea:focus:-ms-input-placeholder,
.form-select:focus:-ms-input-placeholder {
    color: #000;
    color: #000
}
.form-text:focus::-webkit-input-placeholder,
.form-textarea:focus::-webkit-input-placeholder,
.form-select:focus::-webkit-input-placeholder {
    color: #000;
    color: #000
}
.form-button {
    background: none;
    border: 2px solid #000;
    color: #000;
    height: auto;
    min-width: 180px;
    max-width: 320px;
    white-space: normal
}
.form-button:hover,
.form-button:focus {
    background: #1f808c;
    border-color: #1f808c;
    color: #fff
}
.form-button:focus {
    outline-color: #1f808c
}
.form-button--inline {
    min-width: 120px
}

@media screen and (min-width:1100px) {
    .form-button--large {
        font-size: 18px;
        height: auto;
        line-height: 26px
    }
}
.form-button--clear {
    background: none;
    border-color: #fff;
    color: #fff
}
.form-button--clear:hover,
.form-button--clear:focus {
    background: #fff;
    border-color: #fff;
    color: #000
}
.form-button--clear:focus {
    outline-color: #fff
}
.form-button--white {
    background: #fff;
    border-color: #fff;
    color: #000
}
.form-button--white:hover,
.form-button--white:focus {
    background: none;
    border-color: #fff
}
.form-button--white:focus {
    outline-color: #fff
}
.form-button--search {
    background: #ededed url(../images/common/sprite.png) no-repeat -195px -74.9px;
    border: 10px solid #ededed;
    height: 40px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    min-width: 40px;
    width: 40px
}
.form-button--search:hover,
.form-button--search:focus {
    background: #ededed url(../images/common/sprite.png) no-repeat -235px -74.9px;
    border-color: #ededed
}
.form-button--search:focus {
    outline-color: #999
}
.form-button--search--dark {
    background-color: #022a2e;
    background-position: -215px -74.9px;
    border-color: #022a2e
}
.form-button--search--yellow {
    background-color: #fcc22d;
    background-position: -235px -74.9px;
    border-color: #fcc22d
}
.form-button--search--yellow:hover,
.form-button--search--yellow:focus {
    background-color: #022a2e;
    background-position: -215px -74.9px;
    border-color: #022a2e
}
.form-button--search--yellow:focus {
    outline-color: #fcc22d
}

html {
    background: #282330;
    color: #fff;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    min-width: 320px
}

@media screen and (min-width:980px) {
    html {
        min-width: 960px
    }
}

body {
    background: #fff;
    color: #000;
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    min-width: 320px;
    z-index: 1
}

@media screen and (min-width:980px) {
    body {
        min-width: 960px
    }
}
.l-page {
    margin: 0;
    padding: 0
}
.l-page__inner {
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
    max-width: 1280px;
    z-index: 2
}
.l-header {
    margin: 0;
    padding: 15px 10px;
    position: relative;
    z-index: 3
}
.l-header__inner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
    max-width: 1200px;
    z-index: 8888
}
.l-header__content {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2
}
.l-header__logo {
    height: 95px;
    margin: -15px 0 0 0;
    padding: 0;
    position: relative;
    width: 195px;
    z-index: 1;
	background:url(../images/logo2.png) no-repeat;
	background-size: contain;
}
.l-header__logo__link {
    display: block;
	height: 95px;
	width: 195px;
    margin: 0;
    padding: 0
}
.l-header__logo__image {
    margin: 0;
    padding: 0;
	display: none;
}

@media screen and (min-width:788px) {
    .l-header__logo {
        margin-top: -20px
    }
}

@media screen and (min-width:980px) {
    .l-header__logo {
        margin-top: -25px
    }
}

@media screen and (min-width:1100px) {
    .l-header__logo {
        margin-top: -30px
    }
}
.l-header__search {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.l-header__search__title {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 50px;
    top: 8px;
    z-index: 1
}
.l-header__search__title__link {
    background: url(../images/common/sprite.png) no-repeat -195.1px -74.9px;
    border: 12px solid #fff;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px
}
.l-header__search__title__link:hover,
.l-header__search__title__link:focus {
    background-position: -235px -74.9px
}
.l-header__search__title__link:focus {
    outline-color: #999
}

@media screen and (min-width:788px) {
    .l-header__search__title {
        right: -10px;
        top: 10px
    }
}
.js .l-header__search__title {
    display: block
}

@media screen and (min-width:980px) {
    .js .l-header__search__title {
        display: none !important
    }
}
.l-header__search__inner {
    margin: 0;
    padding: 0
}
.js .l-header__search__inner {
    display: none
}

@media screen and (min-width:980px) {
    .js .l-header__search__inner {
        display: block !important
    }
}
.l-header__search__content {
    background: #fff;
    border: 1px solid #ccc;
    margin: 15px 0 0 0;
    padding: 0
}
.l-header__search__content .form-text {
    border: 0;
    display: block;
    float: left;
    margin: 0;
    width: 85%;
    max-width: none
}

@media screen and (min-width:980px) {
    .l-header__search__content .form-text {
        width: 255px
    }
}
.l-header__search__content .form-button {
    float: right;
    display: block;
    margin: 0
}

@media screen and (min-width:788px) {
    .l-header__search__content {
        margin-top: 20px
    }
}

@media screen and (min-width:980px) {
    .l-header__search__content {
        margin: 0;
        width: 300px
    }
}

@media screen and (min-width:980px) {
    .l-header__search {
        position: absolute;
        right: 0;
        top: 15px;
        z-index: 3
    }
}

@media screen and (min-width:1100px) {
    .l-header__search {
        top: 20px
    }
}
.l-header__skip {
    font-size: 0;
    left: 195px;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 3
}
.l-header__skip__item {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0
}
.l-header__skip__link {
    background: #fff;
    color: #000;
    display: block;
    margin: 0;
    padding: 15px;
    text-decoration: none;
    position: absolute;
    top: -2000px;
    z-index: 1
}
.l-header__skip__link:hover,
.l-header__skip__link:focus {
    color: #000
}
.l-header__skip__link:focus {
    outline-color: #000;
    position: static
}

@media screen and (min-width:788px) {
    .l-header {
        padding: 20px 15px
    }
}

@media screen and (min-width:980px) {
    .l-header {
        padding: 25px 15px
    }
}

@media screen and (min-width:1100px) {
    .l-header {
        padding: 30px 15px
    }
}
.l-utils {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: right;
    right: 3px;
    top: 3px;
    z-index: 1
}
.l-utils__inner {
    margin: 0;
    padding: 0
}
.l-utils__menu {
    font-size: 0;
    line-height: 0;
    margin: 0 -10px 0 0;
    padding: 0
}
.l-utils__menu__item {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    margin: 0;
    padding: 0 5px;
    position: relative;
    z-index: 1
}
.l-utils__menu__item:before {
    background: #999;
    bottom: 8px;
    content: "";
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    width: 1px;
    z-index: 1
}
.l-utils__menu__item:first-child {
    padding-left: 0
}
.l-utils__menu__item:first-child:before {
    display: none
}
.l-utils__menu__link {
    color: #000;
    display: block;
    margin: 0;
    padding: 5px;
    text-decoration: none
}

@media screen and (min-width:620px) {
    .l-utils__menu__link {
        padding: 5px 8px
    }
}
.l-utils__menu__link:hover,
.l-utils__menu__link:focus {
    color: #000;
    text-decoration: underline
}
.l-utils__menu__link:focus {
    outline-color: #000
}

@media screen and (min-width:620px) {
    .l-utils__menu {
        margin-right: -13px
    }
}
.l-utils__search {
    background: #ff0;
    border: 1px solid #ccc;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 280px;
    z-index: 1
}
.l-utils__search .form-text {
    background: #ffa500;
    border: 0;
    display: block;
    float: left;
    margin: 0;
    width: 200px
}
.l-utils__search .form-button {
    display: block;
    float: right;
    margin: 0;
    min-width: 10px
}

@media screen and (min-width:788px) {
    .l-utils {
        display: block;
        right: 55px;
        top: 15px
    }
}

@media screen and (min-width:980px) {
    .l-utils {
        right: 330px;
        top: 19px
    }
}

@media screen and (min-width:1100px) {
    .l-utils {
        top: 24px
    }
}
.l-nav {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 8888
}
.l-nav__inner {
    background: #282330;
    bottom: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: -300px;
    top: 0;
    width: 300px;
    z-index: 8888
}

@media screen and (min-width:788px) {
    .l-nav__inner {
        background: none;
        display: block !important;
        margin: 0;
        overflow: visible;
        padding: 0;
        position: static;
        width: auto
    }
}
.l-nav__title {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -87px;
    z-index: 2
}
.l-nav__title__link {
    background: url(../images/common/sprite.png) no-repeat -195px 0;
    border: 10px solid #fff;
    display: block;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 28px
}
.l-nav__title__link:hover,
.l-nav__title__link:focus {
    background-position: -259px 0
}
.l-nav__title__link:focus {
    outline-color: #999
}

@media screen and (min-width:788px) {
    .l-nav__title {
        display: none
    }
}
.js .l-nav__title {
    display: block
}

@media screen and (min-width:788px) {
    .js .l-nav__title {
        display: none !important
    }
}
.l-nav__content {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

@media screen and (max-width:787px) {
    .l-nav__content {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (min-width:788px) {
    .l-nav__content {
        position: static
    }
}
.l-nav__menu {
    border-top: 1px solid #5d576d;
    border-color: rgba(255, 255, 255, .3);
    font-size: 0;
    line-height: 0;
    margin: 48px 0 0 0;
    padding: 0 0 8px 0
}
.l-nav__menu__item {
    border-bottom: 1px solid #5d576d;
    border-color: rgba(255, 255, 255, .3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:788px) {
    .l-nav__menu__item {
        border: 0;
        position: static;
        width: auto
    }
}

@media screen and (min-width:980px) {
    .l-nav__menu__item {
        padding-left: 5px
    }
}

@media screen and (min-width:1100px) {
    .l-nav__menu__item {
        padding-left: 10px
    }
}
.l-nav__menu__link {
    color: #fff;
    display: block;
    font-family: 'Athelas', Georgia, 'Times New Roman', serif;
    font-size: 21px;
    line-height: 29px;
    margin: 0;
    padding: 10px 15px;
    text-decoration: none
}
.l-nav__menu__link:hover,
.l-nav__menu__link:focus,
.selected .l-nav__menu__link {
    color: #6bc3cb;
    text-decoration: none
}

@media screen and (min-width:788px) {
    .l-nav__menu__link:hover,
    .l-nav__menu__link:focus,
    .selected .l-nav__menu__link {
        background: #6bc3cb;
        color: #000
    }
}
.l-nav__menu__link:focus {
    outline-color: #6bc3cb
}

@media screen and (min-width:788px) {
    .l-nav__menu__link:focus {
        outline-color: #000
    }
}

@media screen and (min-width:788px) {
    .l-nav__menu__link {
        color: #000;
        padding: 10px
    }
}

@media screen and (min-width:980px) {
    .l-nav__menu__link {
        font-size: 23px;
        line-height: 31px;
        padding: 10px 15px
    }
}

@media screen and (min-width:1100px) {
    .l-nav__menu__link {
        font-size: 25px;
        line-height: 33px;
        padding: 12px
    }
}

@media screen and (min-width:788px) {
    .l-nav__menu {
        border: 0;
        float: right;
        margin: 0;
        padding: 0
    }
}
.l-nav__menu--extra {
    border-bottom: 1px solid #5d576d;
    border-color: rgba(255, 255, 255, .3);
    border-top: 0;
    margin-top: 0;
    padding-bottom: 13px
}
.l-nav__menu--extra__item {
    border: 0
}
.l-nav__menu--extra__link {
    color: #fff;
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    padding: 8px 15px
}
.l-nav__menu--extra__link:hover,
.l-nav__menu--extra__link:focus {
    color: #6bc3cb;
    text-decoration: none
}
.l-nav__menu--extra__link:focus {
    outline-color: #6bc3cb
}

@media screen and (min-width:788px) {
    .l-nav__menu--extra {
        border: 0;
        display: none;
        padding: 0
    }
}
.l-nav__sub {
    background: #6bc3cb;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
    padding: 0
}
.l-nav__sub__title {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 39px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 39px
}
.l-nav__sub__title__link {
    background: #fff url(../images/common/sprite.png) no-repeat -329px 0;
    border: 10px solid #5d576d;
    display: block;
    height: 19px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px
}
.l-nav__sub__title__link:hover,
.l-nav__sub__title__link:focus {
    background-position: -348px 0;
    border-color: #6bc3cb
}

@media screen and (min-width:788px) {
    .l-nav__sub__title__link:hover,
    .l-nav__sub__title__link:focus {
        outline-color: #000;
        text-decoration: underline
    }
}
.l-nav__sub__title__link:focus {
    outline-color: #6bc3cb
}

@media screen and (min-width:788px) {
    .l-nav__sub__title__link:focus {
        outline-color: #000
    }
}

@media screen and (min-width:788px) {
    .l-nav__sub__title__link {
        background: none;
        border: 0;
        display: inline-block;
        font-family: 'Athelas', Georgia, 'Times New Roman', serif;
        font-size: 26px;
        height: auto;
        line-height: 34px;
        margin: 0;
        padding: 8px 15px;
        overflow: visible;
        text-indent: 0;
        text-decoration: none
    }
}

@media screen and (min-width:980px) {
    .l-nav__sub__title__link {
        font-size: 29px;
        line-height: 37px
    }
}

@media screen and (min-width:1100px) {
    .l-nav__sub__title__link {
        font-size: 34px;
        line-height: 42px
    }
}
.l-nav__sub__title__link.selected {
    background-position: -329px -19px
}
.l-nav__sub__title__link.selected:hover,
.l-nav__sub__title__link.selected:focus {
    background-position: -348px -19px
}

@media screen and (min-width:788px) {
    .l-nav__sub__title {
        height: auto;
        position: static;
        width: auto;
        max-width: 1100px
    }
}

@media screen and (min-width:980px) {
    .l-nav__sub__title {
        padding: 0 10px
    }
}

@media screen and (min-width:1100px) {
    .l-nav__sub__title {
        padding: 0 15px
    }
}

@media screen and (min-width:1300px) {
    .l-nav__sub__title {
        padding: 0 20px
    }
}
.l-nav__sub__content {
    display: none;
    margin: 0 auto;
    padding: 0
}

@media screen and (min-width:788px) {
    .l-nav__sub__content {
        display: block !important;
        max-width: 1100px
    }
}
.l-nav__sub__menu {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: -10px 0 0 0;
    padding: 0 0 10px 0
}
.l-nav__sub__menu__item {
    margin: 0;
    padding: 5px 0 0 0
}

@media screen and (min-width:788px) {
    .l-nav__sub__menu__item {
        padding-top: 0
    }
}
.l-nav__sub__menu__link {
    color: #000;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 8px 15px;
    text-decoration: none
}
.l-nav__sub__menu__link:hover,
.l-nav__sub__menu__link:focus {
    color: #000;
    text-decoration: underline
}
.l-nav__sub__menu__link:focus {
    outline-color: #000
}

@media screen and (min-width:788px) {
    .l-nav__sub__menu {
        border-left: 1px solid #000;
        border-color: rgba(0, 0, 0, .2);
        display: inline-block;
        min-height: 180px;
        height: auto !important;
        height: 180px;
        margin: 0;
        padding: 0;
        vertical-align: top;
        width: 33.3333%
    }
}

@media screen and (min-width:980px) {
    .l-nav__sub__menu {
        padding: 0 10px
    }
}

@media screen and (min-width:1100px) {
    .l-nav__sub__menu {
        padding: 0 15px
    }
}

@media screen and (min-width:1300px) {
    .l-nav__sub__menu {
        padding: 0 20px
    }
}
.l-nav__sub__menu:first-child {
    margin-top: 0
}

@media screen and (min-width:788px) {
    .l-nav__sub__menu:first-child {
        border-left: 0
    }
}

@media screen and (min-width:788px) {
    .l-nav__sub {
        display: block;
        height: 1px;
        left: -999999px;
        position: absolute;
        padding: 15px 10px 25px 10px;
        top: 100%;
        width: 1px
    }
}

@media screen and (min-width:980px) {
    .l-nav__sub {
        padding: 20px 15px 30px 15px
    }
}

@media screen and (min-width:1100px) {
    .l-nav__sub {
        padding: 25px 15px 35px 15px
    }
}

@media screen and (min-width:1300px) {
    .l-nav__sub {
        padding: 30px 15px 40px 15px
    }
}

@media screen and (min-width:788px) {
    .selected .l-nav__sub {
        height: auto;
        left: -220px;
        width: auto;
        right: -5px
    }
}

@media screen and (min-width:980px) {
    .selected .l-nav__sub {
        right: 0
    }
}

@media screen and (min-width:1100px) {
    .selected .l-nav__sub {
        right: -5px
    }
}

@media screen and (min-width:1300px) {
    .selected .l-nav__sub {
        left: -245px;
        right: -30px
    }
}
.l-nav__close {
    background: url(../images/common/sprite.png) no-repeat -219px -24px;
    border: 8px solid #282330;
    display: block;
    height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
    right: 5px;
    top: 4px;
    width: 24px;
    z-index: 1
}
.l-nav__close:hover,
.l-nav__close:focus {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80)
}
.l-nav__close:focus {
    outline-color: #fff
}

@media screen and (min-width:788px) {
    .l-nav__close {
        display: none
    }
}
.l-nav__fade {
    background: #000;
    bottom: 0;
    display: none;
    left: 0;
    margin: 0;
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8887
}

@media screen and (min-width:788px) {
    .l-nav__fade {
        display: none !important
    }
}

@media screen and (min-width:788px) {
    .l-nav {
        bottom: 0;
        left: 205px;
        margin-bottom: -20px;
        margin-right: -10px;
        position: absolute;
        right: 0
    }
}

@media screen and (min-width:980px) {
    .l-nav {
        margin-bottom: -25px;
        margin-right: -15px
    }
}

@media screen and (min-width:1100px) {
    .l-nav {
        margin-bottom: -30px;
        margin-right: -10px
    }
}
.l-breadcrumbs {
	background: #022a2e;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    left: 0;
    margin: 0 auto;
    padding: 8px 10px;
    width: 100%
}
@media screen and (min-width:480px) {
    
.l-breadcrumbs {
	background: #282330;
    background: rgba(40, 35, 48, .65);
	position: absolute;
}
}
.l-breadcrumbs__inner {
    margin: 0 auto;
    padding: 0;
    max-width: 1200px
}
.l-breadcrumbs__menu {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0
}
.l-breadcrumbs__menu__item {
    display: inline-block;
    font-size: 13px;
    line-height: 21px;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative;
    z-index: 1
}
.l-breadcrumbs__menu__item:before {
    background: url(../images/common/sprite.png) no-repeat -283px -81px;
    content: "";
    display: block;
    height: 8px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 4px;
    top: 7px;
    width: 5px;
    z-index: 1
}

@media screen and (min-width:788px) {
    .l-breadcrumbs__menu__item:before {
        right: 7px;
        top: 8px
    }
}

@media screen and (min-width:788px) {
    .l-breadcrumbs__menu__item {
        font-size: 14px;
        line-height: 22px;
        padding-right: 20px
    }
}
.l-breadcrumbs__menu__item:last-child {
    padding-right: 0
}
.l-breadcrumbs__menu__item:last-child:before {
    display: none
}
.l-breadcrumbs__menu__link {
    color: #fff;
    margin: 0;
    padding: 0;
    text-decoration: none
}
.l-breadcrumbs__menu__link:hover,
.l-breadcrumbs__menu__link:focus {
    color: #fff;
    text-decoration: underline
}
.l-breadcrumbs__menu__link:focus {
    outline-color: #fff
}

@media screen and (min-width:788px) {
    .l-breadcrumbs {
        padding: 15px
    }
}
.l-breadcrumbs.static {
    background: #022a2e;
    position: static
}
.l-content {
    margin: 0;
    padding: 15px 10px 30px 10px
}
.l-content__inner {
    margin: 0 auto;
    padding: 0;
    max-width: 1200px
}
.l-content__restrain>* {
    max-width: 760px
}
.l-content__summary {
    font-size: 19px;
    line-height: 27px
}

@media screen and (min-width:788px) {
    .l-content {
        padding: 25px 15px 40px 15px
    }
}

@media screen and (min-width:980px) {
    .l-content {
        padding: 35px 15px 50px 15px
    }
}

@media screen and (min-width:1100px) {
    .l-content {
        padding: 45px 15px 60px 15px
    }
}

@media screen and (min-width:1300px) {
    .l-content {
        padding-bottom: 70px
    }
}
.l-back-to-top {
    background: #282330;
    border-bottom: 1px solid #5d576d;
    border-color: rgba(255, 255, 255, .3);
    margin: 0;
    padding: 0
}
.l-back-to-top__link {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 12px 15px;
    text-decoration: none
}
.l-back-to-top__link:hover,
.l-back-to-top__link:focus {
    color: #fff;
    text-decoration: none
}
.l-back-to-top__link:focus {
    outline-color: #fff
}

@media screen and (min-width:980px) {
    .l-back-to-top {
        display: none
    }
}
.l-follow {
    background: #ededed;
    margin: 0;
    padding: 15px 10px
}
.l-follow__inner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    max-width: 1280px
}
.l-follow__title {
    color: #000;
    font-family: 'Athelas', Georgia, 'Times New Roman', serif;
    font-size: 29px;
    line-height: 37px;
    margin: 0;
    padding: 0
}

@media screen and (min-width:788px) {
    .l-follow__title {
        font-size: 39px;
        line-height: 47px
    }
}
.l-follow__menu {
    font-size: 0;
    line-height: 0;
    margin: 0 0 0 -15px;
    padding: 0
}
.l-follow__menu__item {
    display: inline-block;
    margin: 0;
    padding: 15px 0 0 15px
}

@media screen and (min-width:788px) {
    .l-follow__menu__item {
        padding: 20px 0 0 20px
    }
}

@media screen and (min-width:980px) {
    .l-follow__menu__item {
        padding: 25px 0 0 25px
    }
}

@media screen and (min-width:1100px) {
    .l-follow__menu__item {
        padding: 30px 0 0 30px
    }
}
.l-follow__menu__link {
    background: url(../images/common/sprite.png) no-repeat 0 -95px;
    display: block;
    height: 60px;
    margin: 0;
    padding: 0;
    width: 60px
}
.l-follow__menu__link:hover,
.l-follow__menu__link:focus {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80)
}
.l-follow__menu__link:focus {
    outline-color: #000
}
.l-follow__menu__link--twitter {
    background-position: -60px -95px
}
.l-follow__menu__link--you-tube {
    background-position: -120px -95px
}
.l-follow__menu__link--google-plus {
    background-position: -180px -95px
}
.l-follow__menu__link--linked-in {
    background-position: -240px -95px
}
.l-follow__menu__link--instagram {
    background-position: -300px -95px
}
.l-follow__menu__link--pinterest {
    background-position: 0 -155px
}
.l-follow__menu__link--soundcloud {
    background-position: -60px -155px
}
.l-follow__menu__link--weibo {
    background-position: -120px -155px
}
.l-follow__menu__link--more {
    background-position: -180px -155px
}

@media screen and (min-width:788px) {
    .l-follow {
        padding: 25px 15px
    }
}

@media screen and (min-width:980px) {
    .l-follow {
        padding: 35px 15px
    }
}

@media screen and (min-width:1100px) {
    .l-follow {
        padding: 45px 15px
    }
}
.l-sitemap {
    background: #282330;
    color: #fff;
    margin: 0;
    padding: 15px 10px 20px 10px
}
.l-sitemap__inner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    max-width: 1200px
}
.l-sitemap__content {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.l-sitemap__content:before,
.l-sitemap__content:after {
    background: #5d576d;
    background: rgba(255, 255, 255, .3);
    content: "";
    display: none;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1
}

@media screen and (min-width:788px) {
    .l-sitemap__content:before,
    .l-sitemap__content:after {
        display: block
    }
}
.l-sitemap__content:before {
    left: 33.3333%
}
.l-sitemap__content:after {
    left: 66.6666%
}

@media screen and (min-width:788px) {
    .l-sitemap__content {
        margin: 0 -15px
    }
}

@media screen and (min-width:980px) {
    .l-sitemap__content {
        margin: 0 -20px
    }
}

@media screen and (min-width:1100px) {
    .l-sitemap__content {
        margin: 0 -30px
    }
}

@media screen and (min-width:1300px) {
    .l-sitemap__content {
        margin: 0 -40px
    }
}
.l-sitemap__group {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #5d576d;
    border-color: rgba(255, 255, 255, .2);
    font-size: 16px;
    line-height: 24px;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0
}
.l-sitemap__group__title {
    color: #fff;
    font-size: 26px;
    line-height: 34px;
    margin: 0;
    padding: 0 0 5px 0
}

@media screen and (min-width:788px) {
    .l-sitemap__group__title {
        font-size: 31px;
        line-height: 39px
    }
}

@media screen and (min-width:980px) {
    .l-sitemap__group__title {
        padding-bottom: 10px
    }
}

@media screen and (min-width:788px) {
    .l-sitemap__group {
        border: 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        padding: 0 15px 15px 15px;
        vertical-align: top;
        width: 33.3333%
    }
}

@media screen and (min-width:980px) {
    .l-sitemap__group {
        padding: 0 20px 15px 20px
    }
}

@media screen and (min-width:1100px) {
    .l-sitemap__group {
        padding: 0 30px 15px 30px
    }
}

@media screen and (min-width:1300px) {
    .l-sitemap__group {
        padding: 0 40px 15px 40px
    }
}
.l-sitemap__group:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

@media screen and (min-width:788px) {
    .l-sitemap__group--menu {
        display: none
    }
}
.js .l-sitemap__group--menu {
    display: none
}
.l-sitemap__menu {
    font-size: 0;
    line-height: 0;
    margin: 0 0 0 -5px;
    padding: 0
}
.l-sitemap__menu__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 5px;
    vertical-align: top;
    width: 100%
}

@media screen and (min-width:500px) {
    .l-sitemap__menu__item {
        width: 50%
    }
}

@media screen and (min-width:788px) {
    .l-sitemap__menu__item {
        width: 100%
    }
}

@media screen and (min-width:980px) {
    .l-sitemap__menu__item {
        display: block;
        width: auto
    }
}
.l-sitemap__menu__link {
    color: #fff;
    display: block;
    margin: 0;
    padding: 5px 0;
    text-decoration: none
}
.l-sitemap__menu__link:hover,
.l-sitemap__menu__link:focus {
    color: #fff;
    text-decoration: underline
}
.l-sitemap__menu__link:focus {
    outline-color: #fff
}
.l-sitemap__menu__link--alt {
    color: #6bc3cb
}
.l-sitemap__menu__link--alt:hover,
.l-sitemap__menu__link--alt:focus {
    color: #6bc3cb
}
.l-sitemap__menu__link--alt:focus {
    outline-color: #6bc3cb
}
.l-sitemap__menu__link img {
    margin: 10px 0 0 0;
}

@media screen and (min-width:788px) {
    .l-sitemap {
        padding: 25px 15px 30px 15px
    }
}

@media screen and (min-width:980px) {
    .l-sitemap {
        padding: 35px 20px 40px 20px
    }
}

@media screen and (min-width:1100px) {
    .l-sitemap {
        padding: 45px 30px 50px 30px
    }
}

@media screen and (min-width:1300px) {
    .l-sitemap {
        padding: 45px 40px 50px 40px
    }
}
.l-footer {
    background: #282330;
    color: #fff;
    margin: -5px 0 0 0;
    padding: 15px 10px 30px 10px
}
.l-footer__inner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #5d576d;
    border-color: rgba(255, 255, 255, .3);
    margin: 0 auto;
    padding: 20px 0 0 0;
    text-align: left;
    max-width: 1200px
}

@media screen and (min-width:788px) {
    .l-footer__inner {
        border: 0;
        padding: 0
    }
}
.l-footer__menu {
    font-size: 0;
    line-height: 0;
    margin: 0 -10px;
    padding: 0
}
.l-footer__menu__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    line-height: 23px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    vertical-align: top;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:500px) {
    .l-footer__menu__item {
        width: auto
    }
}

@media screen and (min-width:788px) {
    .l-footer__menu__item {
        padding: 0 15px
    }
}

@media screen and (min-width:980px) {
    .l-footer__menu__item {
        padding: 0 20px
    }
}
.l-footer__menu__item:before {
    background: #fff;
    bottom: 8px;
    content: "";
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    width: 1px;
    z-index: 1
}

@media screen and (min-width:500px) {
    .l-footer__menu__item:before {
        display: block
    }
}
.l-footer__menu__item:first-child:before {
    display: none
}
.l-footer__menu__link {
    color: #fff;
    margin: 0;
    padding: 0;
    text-decoration: none
}
.l-footer__menu__link:hover,
.l-footer__menu__link:focus {
    color: #fff;
    text-decoration: underline
}
.l-footer__menu__link:focus {
    outline-color: #fff
}

@media screen and (min-width:788px) {
    .l-footer__menu {
        float: right;
        margin-right: -15px
    }
}

@media screen and (min-width:980px) {
    .l-footer__menu {
        margin-right: -20px
    }
}
.l-footer__copyright {
    font-size: 15px;
    line-height: 23px;
    margin: 0;
    padding: 0
}
.l-footer__copyright__link {
    color: #fff;
    margin: 0;
    padding: 0;
    text-decoration: none
}
.l-footer__copyright__link:hover,
.l-footer__copyright__link:focus {
    color: #fff;
    text-decoration: underline
}
.l-footer__copyright__link:focus {
    outline-color: #fff
}

@media screen and (min-width:788px) {
    .l-footer__copyright {
        float: left
    }
}

@media screen and (min-width:788px) {
    .l-footer {
        padding: 25px 15px 40px 15px
    }
}

@media screen and (min-width:980px) {
    .l-footer {
        padding: 35px 20px 50px 20px
    }
}

@media screen and (min-width:1100px) {
    .l-footer {
        padding: 45px 30px 60px 30px
    }
}

@media screen and (min-width:1300px) {
    .l-footer {
        padding: 45px 40px 60px 40px
    }
}
.m-grid {
    clear: both;
    margin: 0 auto;
    padding: 0 0 20px 0
}
.m-grid__inner {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-grid__inner:before {
    background: #ccc;
    bottom: 0;
    content: "";
    display: none;
    left: 33%;
    margin: 0 0 0 -4px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1
}

@media screen and (min-width:980px) {
    .m-grid__inner:before {
        left: 30%;
        margin-left: -8px
    }
}

@media screen and (min-width:1100px) {
    .m-grid__inner:before {
        left: 28%;
        margin-left: -14px
    }
}

@media screen and (min-width:1300px) {
    .m-grid__inner:before {
        margin-left: -18px
    }
}
.flip .m-grid__inner:before {
    margin: 0 -4px 0 0;
    left: auto;
    right: 33%
}

@media screen and (min-width:980px) {
    .flip .m-grid__inner:before {
        margin-right: -8px;
        right: 30%
    }
}

@media screen and (min-width:1100px) {
    .flip .m-grid__inner:before {
        margin-right: -14px;
        right: 28%
    }
}

@media screen and (min-width:1300px) {
    .flip .m-grid__inner:before {
        margin-right: -18px
    }
}
.split .m-grid__inner:before {
    left: 50%;
    margin-left: 0
}

@media screen and (min-width:788px) {
    .m-grid__inner--divider:before {
        display: block
    }
}
.m-grid__row {
    margin: 0;
    padding: 0
}

@media screen and (min-width:788px) {
    .m-grid__row {
        margin-left: -20px
    }
}

@media screen and (min-width:980px) {
    .m-grid__row {
        margin-left: -40px
    }
}

@media screen and (min-width:1100px) {
    .m-grid__row {
        margin-left: -60px
    }
}

@media screen and (min-width:1300px) {
    .m-grid__row {
        margin-left: -80px
    }
}

@media screen and (min-width:1300px) {
    .section-content .m-grid__row {
        margin-left: -50px
    }
}
.m-grid__col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    margin: 0;
    padding: 15px 0 0 0;
    vertical-align: top;
    width: 100%
}

@media screen and (min-width:788px) {
    .m-grid__col {
        padding-top: 0;
        padding-left: 20px
    }
}

@media screen and (min-width:980px) {
    .m-grid__col {
        padding-left: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-grid__col {
        padding-left: 60px
    }
}

@media screen and (min-width:1300px) {
    .m-grid__col {
        padding-left: 80px
    }
}
.m-grid__col:first-child {
    padding-top: 0
}
.flip .m-grid__col {
    float: left
}
.split .m-grid__col {
    float: left
}

@media screen and (min-width:788px) {
    .split .m-grid__col {
        width: 50%
    }
}
.m-grid__col--nav {
    float: left
}

@media screen and (min-width:788px) {
    .m-grid__col--nav {
        width: 33%
    }
}

@media screen and (min-width:980px) {
    .m-grid__col--nav {
        width: 30%
    }
}

@media screen and (min-width:1100px) {
    .m-grid__col--nav {
        width: 28%
    }
}
.flip .m-grid__col--nav {
    float: right
}

@media screen and (max-width:979px) {
    .section-content .m-grid__col--nav {
        float: none;
        width: auto
    }
}

@media screen and (min-width:980px) {
    .section-content .m-grid__col--nav {
        width: 30%
    }
}

@media screen and (min-width:1100px) {
    .section-content .m-grid__col--nav {
        width: 35%
    }
}

@media screen and (min-width:1300px) {
    .section-content .m-grid__col--nav {
        padding-left: 50px;
        width: 32%
    }
}

@media screen and (min-width:788px) {
    .m-grid__col--content {
        width: 67%
    }
}

@media screen and (min-width:980px) {
    .m-grid__col--content {
        width: 70%
    }
}

@media screen and (min-width:1100px) {
    .m-grid__col--content {
        width: 72%
    }
}

@media screen and (max-width:979px) {
    .section-content .m-grid__col--content {
        float: none;
        padding-top: 15px;
        width: auto
    }
}

@media screen and (min-width:980px) {
    .section-content .m-grid__col--content {
        width: 70%
    }
}

@media screen and (min-width:1100px) {
    .section-content .m-grid__col--content {
        width: 65%
    }
}

@media screen and (min-width:1300px) {
    .section-content .m-grid__col--content {
        padding-left: 50px;
        width: 68%
    }
}

@media screen and (min-width:788px) {
    .m-grid {
        padding-bottom: 30px
    }
}

@media screen and (min-width:980px) {
    .m-grid {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-grid {
        padding-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-grid {
        padding-bottom: 60px
    }
}
.m-grid--tight {
    padding-bottom: 0
}
.m-banner {
    margin: 0;
    padding: 0
}
.m-banner a,
.m-banner picture,
.m-banner img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}
.m-core-band {
    background: #1f808c;
    margin: 0 0 20px 0;
    padding: 0
}
.m-core-band__inner {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-core-band__inner:before,
.m-core-band__inner:after {
    bottom: 0;
    content: "";
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1
}
.m-core-band__inner:before {
    background: #043e44
}

@media screen and (min-width:980px) {
    .m-core-band__inner:before {
        display: block;
        width: 40%
    }
	.m-core-band__inner--expanded:before {
        width: 70%
    }
}

@media screen and (min-width:1100px) {
    .m-core-band__inner:before {
        width: 46%
    }
	.m-core-band__inner--expanded:before {
        width: 73%
    }
}
.m-core-band__inner:after {
    background: #14626a
}
.m-core-band__inner--expanded:after {
    background: #1f808c
}

@media screen and (min-width:500px) {
    .m-core-band__inner:after {
        display: block
    }
}

@media screen and (min-width:980px) {
    .m-core-band__inner:after {
        left: 40%;
        width: 30%
    }
	.m-core-band__inner--expanded:after {
        left: 70%;
        width: 30%
    }
}

@media screen and (min-width:1100px) {
    .m-core-band__inner:after {
        left: 46%;
        width: 27%
    }
	.m-core-band__inner--expanded:after {
        left: 73%;
        width: 27%
    }
}

@media screen and (min-width:980px) {
    .equal .m-core-band__inner:after {
        left: 33.3333%;
        width: 33.3333%
    }
}
.m-core-band__col {
    background: #043e44;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 10px 15px 15px 15px;
    position: relative;
    vertical-align: top;
    width: 100%;
    z-index: 2
}
.m-core-band__col__title {
    font-size: 29px;
    line-height: 37px;
    padding-bottom: 10px
}

@media screen and (min-width:980px) {
    .m-core-band__col__title {
        font-size: 34px;
        line-height: 42px
    }
}
.m-core-band__col__content {
    margin: 0;
    padding: 0;
    max-width: 760px
}

@media screen and (min-width:500px) {
    .m-core-band__col__content {
        min-height: 170px;
        height: auto !important;
        height: 170px
    }
}

@media screen and (min-width:620px) {
    .m-core-band__col__content {
        min-height: 150px;
        height: auto !important;
        height: 150px
    }
}

@media screen and (min-width:980px) {
    .m-core-band__col__content {
        min-height: 170px;
        height: auto !important;
        height: 170px
    }
}

@media screen and (min-width:980px) {
    .equal .m-core-band__col__content {
        min-height: 200px;
        height: auto !important;
        height: 200px
    }
}

@media screen and (min-width:1100px) {
    .equal .m-core-band__col__content {
        min-height: 190px;
        height: auto !important;
        height: 190px
    }
}

@media screen and (min-width:1300px) {
    .equal .m-core-band__col__content {
        min-height: 150px;
        height: auto !important;
        height: 150px
    }
}
.m-core-band__col__menu {
    font-size: 0;
    line-height: 0;
    margin: -10px 0 0 -20px;
    padding: 0 0 15px 0
}
.m-core-band__col__menu__item {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 10px 0 0 20px
}
.m-core-band__col__menu__link {
    color: #fff;
    text-decoration: underline
}
.m-core-band__col__menu__link:hover,
.m-core-band__col__menu__link:focus {
    color: #fff;
    text-decoration: none
}
.m-core-band__col__menu__link:focus {
    outline-color: #fff
}
.m-core-band__col__actions {
    margin: 0;
    padding: 5px 0 0 0
}
.m-core-band__col__actions .form-button {
    margin: 0
}

@media screen and (min-width:500px) {
    .m-core-band__col {
        width: 50%
    }
}

@media screen and (min-width:788px) {
    .m-core-band__col {
        padding: 15px 20px 20px 20px
    }
}

@media screen and (min-width:980px) {
    .m-core-band__col {
        width: 30%
    }
}

@media screen and (min-width:1100px) {
    .m-core-band__col {
        padding: 20px 25px 25px 25px;
        width: 27%
    }
}

@media screen and (min-width:1300px) {
    .m-core-band__col {
        padding: 25px 30px 30px 30px
    }
}

@media screen and (min-width:500px) {
    .m-core-band__col--primary__content {
        min-height: 10px;
        height: auto !important;
        height: 10px
    }
}

@media screen and (min-width:980px) {
    .m-core-band__col--primary__content {
        min-height: 170px;
        height: auto !important;
        height: 170px
    }
}

@media screen and (min-width:500px) {
    .m-core-band__col--primary {
        width: 100%
    }
	.m-core-band__col--expanded {
        width: 100%
    }
}
@media screen and (min-width:980px) {
    .m-core-band__col--primary {
        width: 40%
    }
	.m-core-band__col--expanded {
        width: 70%
    }
}

@media screen and (min-width:1100px) {
    .m-core-band__col--primary {
        width: 46%
    }
	.m-core-band__col--expanded {
        width: 73%
    }
}
.m-core-band__col--secondary {
    background: #14626a
}
.m-core-band__col--tertiary {
    background: #1f808c
}

@media screen and (min-width:980px) {
    .equal .m-core-band__col {
        width: 33.3333%
    }
}
.m-core-band--tight {
    margin-bottom: 0
}
.m-title-bar {
    background: #043e44;
    color: #fff;
    margin: 0 0 20px 0;
    padding: 10px 10px 5px 10px
}
.m-title-bar h1,
.m-title-bar h2,
.m-title-bar h3,
.m-title-bar h4,
.m-title-bar h5,
.m-title-bar h6 {
    color: #fff;
    padding-bottom: 5px
}
.m-title-bar p {
    padding-bottom: 5px
}

@media screen and (min-width:788px) {
    .m-title-bar {
        margin-bottom: 30px;
        padding: 10px 15px 5px 15px
    }
}

@media screen and (min-width:980px) {
    .m-title-bar {
        margin-bottom: 40px;
        padding: 15px 20px 10px 20px
    }
}

@media screen and (min-width:1100px) {
    .m-title-bar {
        padding: 20px 30px 15px 30px
    }
}

@media screen and (min-width:1300px) {
    .m-title-bar {
        padding: 25px 40px 20px 40px
    }
}
.m-title-bar.sky,
.m-title-bar.mint,
.m-title-bar.sunshine,
.m-title-bar.terracotta,
.m-title-bar.lilac {
    color: #000
}
.m-title-bar.sky h1,
.m-title-bar.sky h2,
.m-title-bar.sky h3,
.m-title-bar.sky h4,
.m-title-bar.sky h5,
.m-title-bar.sky h6,
.m-title-bar.mint h1,
.m-title-bar.mint h2,
.m-title-bar.mint h3,
.m-title-bar.mint h4,
.m-title-bar.mint h5,
.m-title-bar.mint h6,
.m-title-bar.sunshine h1,
.m-title-bar.sunshine h2,
.m-title-bar.sunshine h3,
.m-title-bar.sunshine h4,
.m-title-bar.sunshine h5,
.m-title-bar.sunshine h6,
.m-title-bar.terracotta h1,
.m-title-bar.terracotta h2,
.m-title-bar.terracotta h3,
.m-title-bar.terracotta h4,
.m-title-bar.terracotta h5,
.m-title-bar.terracotta h6,
.m-title-bar.lilac h1,
.m-title-bar.lilac h2,
.m-title-bar.lilac h3,
.m-title-bar.lilac h4,
.m-title-bar.lilac h5,
.m-title-bar.lilac h6 {
    color: #000
}
.m-title-bar.sky {
    background: #6bc3cb
}
.m-title-bar.mint {
    background: #80bd76
}
.m-title-bar.sunshine {
    background: #fcc22d
}
.m-title-bar.terracotta {
    background: #ed8165
}
.m-title-bar.lilac {
    background: #aca3ce
}
.m-title-bar--tight {
    margin-bottom: 0
}
.m-course {
    margin: 0;
    padding: 0
}
.m-course__header {
    background: #6bc3cb;
    border-bottom: 5px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    margin: 0 0 15px 0;
    padding: 10px;
    width: 100%;
    max-width: 1280px
}
.m-course__header__inner {
    margin: 0;
    padding: 0
}
.m-course__header__details {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0
}
.m-course__header__details h1,
.m-course__header__details h2,
.m-course__header__details h3,
.m-course__header__details h4,
.m-course__header__details h5,
.m-course__header__details h6 {
    color: #000;
    margin: 0;
    padding: 0
}

@media screen and (min-width:980px) {
    .stuck .m-course__header__details h1,
    .stuck .m-course__header__details h2,
    .stuck .m-course__header__details h3,
    .stuck .m-course__header__details h4,
    .stuck .m-course__header__details h5,
    .stuck .m-course__header__details h6 {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}
.m-course__header__details p {
    margin: 0;
    padding: 0
}

@media screen and (min-width:980px) {
    .m-course__header__details {
        float: left;
        width: 54%
    }
}

@media screen and (min-width:1100px) {
    .m-course__header__details {
        width: 58%
    }
}

@media screen and (min-width:1300px) {
    .m-course__header__details {
        width: 750px
    }
}
.m-course__header__menu {
    font-size: 0;
    line-height: 0;
    margin: -10px 0 0 -10px;
    padding: 10px 0 0 0
}
.m-course__header__menu__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 10px 0 0 10px
}
.m-course__header__menu__item .form-button {
    margin: 0
}

@media screen and (max-width:499px) {
    .m-course__header__menu__item .form-button {
        display: block;
        width: auto;
        max-width: none
    }
}
.m-course__header__menu__item .form-button--clear {
    border-color: #000;
    color: #000
}
.m-course__header__menu__item .form-button--clear:hover,
.m-course__header__menu__item .form-button--clear:focus {
    border-color: #fff;
    color: #000
}
.m-course__header__menu__item .form-button--white:hover,
.m-course__header__menu__item .form-button--white:focus {
    border-color: #000;
    color: #000
}

@media screen and (max-width:499px) {
    .m-course__header__menu__item {
        width: 50%
    }
}

@media screen and (min-width:788px) {
    .m-course__header__menu__item {
        padding: 14px 0 0 14px
    }
}

@media screen and (max-width:499px) {
    .m-course__header__menu__item:first-child {
        width: 100%
    }
}

@media screen and (min-width:788px) {
    .m-course__header__menu {
        margin: -14px 0 0 -14px;
        padding-top: 15px
    }
}

@media screen and (min-width:980px) {
    .m-course__header__menu {
        float: right;
        padding-top: 10px;
        width: 46%;
        max-width: 430px
    }
}

@media screen and (min-width:1100px) {
    .m-course__header__menu {
        width: 42%
    }
}

@media screen and (min-width:1300px) {
    .m-course__header__menu {
        width: auto
    }
}

@media screen and (min-width:788px) {
    .m-course__header {
        padding: 10px 15px
    }
}

@media screen and (min-width:980px) {
    .m-course__header {
        padding: 15px 20px
    }
}

@media screen and (min-width:1100px) {
    .m-course__header {
        padding: 20px 30px
    }
}

@media screen and (min-width:1300px) {
    .m-course__header {
        padding: 25px 40px
    }
}

@media screen and (min-width:980px) {
    .m-course__header.stuck {
        position: fixed;
        top: 0;
        z-index: 8888
    }
}
.m-course__header--tight {
    margin-bottom: 0
}
.m-course__header.pg {
    background: #aca3ce
}
.m-course__header.pro {
    background: #fcc22d
}
.m-course__about {
    background: #ededed;
    margin: 0 -10px 15px -10px;
    padding: 15px
}
.m-course__about__title {
    color: #1f808c;
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 15px
}

@media screen and (min-width:788px) {
    .m-course__about__title {
        font-size: 35px;
        line-height: 43px
    }
}

@media screen and (min-width:980px) {
    .m-course__about__title {
        font-size: 40px;
        line-height: 48px
    }
}
.pg .m-course__about__title {
    color: #797490
}
.pro .m-course__about__title {
    color: #ab871c
}

@media screen and (min-width:788px) {
    .m-course__about {
        margin-left: -15px;
        margin-right: 0;
        padding: 10px 15px
    }
}

@media screen and (min-width:980px) {
    .m-course__about {
        margin-left: -20px;
        padding: 25px
    }
}

@media screen and (min-width:1100px) {
    .m-course__about {
        padding: 30px 35px
    }
}

@media screen and (min-width:1300px) {
    .m-course__about {

        margin-left: -40px
    }
}
.m-course__details {
    margin: -10px 0 0 -10px
}
.m-course__details dt,
.m-course__details dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 10px 0 0 10px;
    max-width: 760px
}

@media screen and (max-width:979px) {
    .m-course__details dt.fact,
    .m-course__details dd.fact {
        float: none;
        width: 100%
    }
}
.m-course__details dt {
    clear: both;
    width: 45%;
    max-width: 250px
}

@media screen and (min-width:500px) {
    .m-course__details dt {
        width: 40%
    }
}

@media screen and (max-width:979px) {
    .m-course__details dt.fact {
        margin-bottom: -5px
    }
}
.m-course__details dd {
    width: 55%
}
.m-course__details dd a {
    color: #000;
    text-decoration: underline;
	display:inline;
}
.m-course__details dd a:hover,
.m-course__details dd a:focus {
    color: #000;
    text-decoration: none
}

@media screen and (min-width:500px) {
    .m-course__details dd {
        width: 60%
    }
}
.m-course__info {
    background: #ededed;
    font-size: 18px;
    line-height: 26px;
    margin: 0 -10px 5px -10px;
    padding: 15px 15px 5px 15px
}
.m-course__info span{
	display:block;
    padding-bottom: 20px
}
.m-course__info p:empty {
   display: none;
}
.m-course__info h2:nth-child(1), .m-course__info h3:nth-child(1), .m-course__info p:nth-child(1), .m-course__info p:empty + p:nth-child(2), .m-course__info .award {padding-top:20px}
@media screen and (min-width:788px) {
    .m-course__info {
        margin-left: -15px;
        margin-right: 0;
        padding: 0 15px 0 15px
    }
}

@media screen and (min-width:980px) {
    .m-course__info {
        margin-left: -20px;
        padding: 0 25px 0 25px
    }
}

@media screen and (min-width:1100px) {
    .m-course__info {
        padding: 0 35px 0 35px
    }
}

@media screen and (min-width:1300px) {
    .m-course__info {
        margin-left: -40px
    }
}
.m-course__accreditation {
    margin: 0;
    padding: 20px 0 0 0;
    text-align: center
}
.m-course__accreditation__inner {
    margin: 0;
    padding: 0
}
.m-course__accreditation__title {
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 20px 0
}

@media screen and (min-width:1100px) {
    .m-course__accreditation__title {
        padding-bottom: 25px
    }
}

@media screen and (min-width:1300px) {
    .m-course__accreditation__title {
        padding-bottom: 30px
    }
}
.m-course__accreditation__content {
    margin: 0 auto;
    padding: 0;
    max-width: 620px
}
.m-course__accreditation__content>ul {
    font-size: 0;
    line-height: 0;
    margin: -10px 0 0 -10px;
    padding: 0
}
.m-course__accreditation__content>ul>li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 10px 0 0 10px;
    vertical-align: middle;
    max-width: 50%
}
.m-course__accreditation__content>ul>li a {
    display: inline-block;
    margin: 0;
    padding: 0
}
.m-course__accreditation__content>ul>li img {
    display: block;
    margin: 0 auto;
    padding: 0
}

@media screen and (min-width:500px) {
    .m-course__accreditation__content>ul>li {
        width: 33.3333%
    }
}

@media screen and (min-width:620px) {
    .m-course__accreditation__content>ul>li {
        width: 25%
    }
}

@media screen and (min-width:980px) {
    .m-course__accreditation__content>ul>li {
        display: block;
        padding-left: 0;
        padding-top: 15px;
        width: auto;
        max-width: 100%
    }
}

@media screen and (min-width:980px) {
    .m-course__accreditation__content>ul>li:first-child {
        padding-top: 0
    }
}

@media screen and (min-width:980px) {
    .m-course__accreditation__content>ul {
        margin-left: 0;
        margin-top: -15px
    }
}

@media screen and (min-width:980px) {
    .m-course__accreditation {
        left: -170px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 10px;
        width: 150px;
        z-index: 1
    }
}

@media screen and (min-width:1100px) {
    .m-course__accreditation {
        left: -205px
    }
}

@media screen and (min-width:1300px) {
    .m-course__accreditation {
        left: -245px
    }
}
.m-course__share {
    margin: 0;
    padding: 0
}

@media screen and (min-width:980px) {
    .m-course__share {
        padding-left: 160px
    }
}

@media screen and (min-width:1100px) {
    .m-course__share {
        padding-left: 200px
    }
}

@media screen and (min-width:1300px) {
    .m-course__share {
        padding-left: 240px
    }
}
.m-course__nav {
    display: none;
    margin: 0;
    padding: 0
}
.m-course__nav__title {
    color: #1f808c;
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0
}
.m-course__nav__title__link {
    color: #6bc3cb;
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none
}
.m-course__nav__title__link:hover,
.m-course__nav__title__link:focus {
    color: #6bc3cb;
    text-decoration: underline
}
.pg .m-course__nav__title__link {
    color: #aca3ce
}
.pg .m-course__nav__title__link:hover,
.pg .m-course__nav__title__link:focus {
    color: #aca3ce
}
.pro .m-course__nav__title__link {
    color: #fcc22d
}
.pro .m-course__nav__title__link:hover,
.pro .m-course__nav__title__link:focus {
    color: #fcc22d
}
.pg .m-course__nav__title {
    color: #797490
}
.pro .m-course__nav__title {
    color: #ab871c
}
.m-course__nav__inner {
    margin: 0;
    padding: 0
}
.m-course__nav__content {
    margin: 0;
    padding: 15px 0 0 0
}

@media screen and (min-width:788px) {
    .m-course__nav {
        display: block
    }
}

@media screen and (min-width:980px) {
    .m-course__aside.stuck {
        padding-top: 125px;
        position: fixed;
        top: 0;
        width: 100%;
        max-width: 240px;
        max-width: 247px;
        z-index: 8800
    }
}

@media screen and (min-width:1100px) {
    .m-course__aside.stuck {
        padding-top: 140px;
        max-width: 255px
    }
}

@media screen and (min-width:1300px) {
    .m-course__aside.stuck {
        max-width: 277px
    }
}
.m-course__kis {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-align: center
}

@media screen and (min-width:660px) {
    .m-course__kis .small {
        display: none
    }
}

@media screen and (min-width:788px) {
    .m-course__kis .small {
        display: block
    }
}

@media screen and (min-width:980px) {
    .m-course__kis .small {
        display: none
    }
}
.m-course__kis .large {
    display: none
}

@media screen and (min-width:660px) {
    .m-course__kis .large {
        display: block
    }
}

@media screen and (min-width:788px) {
    .m-course__kis .large {
        display: none
    }
}

@media screen and (min-width:980px) {
    .m-course__kis .large {
        display: block
    }
}

@media screen and (min-width:980px) {
    .m-course__kis {
        margin: 0;
        text-align: right
    }
}

.m-course__actions {
    background: #6bc3cb;
    margin: 0 -10px 20px -10px;
    padding: 15px 10px
}
.m-course__actions__inner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px
}
.m-course__actions__menu {
    font-size: 0;
    line-height: 0;
    margin: -10px 0 0 -10px;
    padding: 0;
    text-align: center
}
.m-course__actions__menu__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 10px 0 0 10px
}
.m-course__actions__menu__item .form-button {
    margin: 0
}

@media screen and (max-width:499px) {
    .m-course__actions__menu__item .form-button {
        display: block;
        width: auto;
        max-width: none
    }
}
.m-course__actions__menu__item .form-button--clear {
    border-color: #000;
    color: #000
}
.m-course__actions__menu__item .form-button--clear:hover,
.m-course__actions__menu__item .form-button--clear:focus {
    border-color: #fff;
    color: #000
}
.m-course__actions__menu__item .form-button--white:hover,
.m-course__actions__menu__item .form-button--white:focus {
    border-color: #000;
    color: #000
}

@media screen and (max-width:499px) {
    .m-course__actions__menu__item {
        width: 50%
    }
}

@media screen and (min-width:788px) {
    .m-course__actions__menu__item {
        padding: 14px 0 0 14px
    }
}

@media screen and (max-width:499px) {
    .m-course__actions__menu__item:first-child {
        width: 100%
    }
}

@media screen and (min-width:788px) {
    .m-course__actions__menu {
        margin: -14px 0 0 -14px
    }
}

@media screen and (min-width:788px) {
    .m-course__actions {
        margin: 0 -15px 30px -15px;
        padding: 20px 15px
    }
}

@media screen and (min-width:980px) {
    .m-course__actions {
        margin-bottom: 40px;
        padding: 25px 20px
    }
}

@media screen and (min-width:1100px) {
    .m-course__actions {
        margin-bottom: 50px;
        padding: 30px 30px
    }
}

@media screen and (min-width:1300px) {
    .m-course__actions {
        margin: 0 -40px 60px -40px;
        padding: 35px 40px
    }
}
.m-course__actions--tight {
    margin-bottom: 0
}
.m-side-nav {
    border: 1px solid #282330;
    margin: 20px 0;
    padding: 0
}
.m-side-nav__inner {
    margin: 0;
    padding: 0
}
.m-side-nav__title {
    margin: 0;
    padding: 0
}
.m-side-nav__title__link {
    background: #282330;
    color: #fff;
    display: block;
    margin: 0;
    padding: 5px 30px 5px 15px;
    position: relative;
    text-decoration: none;
    z-index: 1
}
.m-side-nav__title__link:before {
    background: #fff url(../images/common/sprite.png) no-repeat -310px 0;
    border: 10px solid #282330;
    content: "";
    display: none;
    height: 19px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 2px;
    width: 19px;
    top: 2px;
    z-index: 1
}
.js .m-side-nav__title__link:before {
    display: block
}
.m-side-nav__title__link:hover {
    color: rgba(255, 255, 255, .8)
}
.m-side-nav__title__link:hover:before {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80)
}
.m-side-nav__title__link:focus {
    color: #6bc3cb;
    outline-color: #6bc3cb
}
.m-side-nav__title__link:focus:before {
    background-color: #6bc3cb
}
.m-side-nav__title__link.selected:before {
    background-position: -310px -19px
}

@media screen and (min-width:788px) {
    .m-side-nav__title {
        display: none !important
    }
}
.js .m-side-nav__title {
    display: block
}
.m-side-nav__content {
    margin: 0;
    padding: 0
}
.m-side-nav__content__title {
    color: #14626a;
    margin: 0;
    padding: 15px 15px 5px 15px
}
.m-side-nav__content__title__link {
    color: #14626a;
    display: block;
    font-size: 30px;
    line-height: 38px;
    margin: 0;
    padding: 0;
    text-decoration: none
}
.m-side-nav__content__title__link:hover,
.m-side-nav__content__title__link:focus {
    color: #000;
    text-decoration: none
}
.m-side-nav__content__title__link:focus {
    outline-color: #043e44
}

@media screen and (min-width:788px) {
    .m-side-nav__content__title__link {
        font-size: 30px;
        line-height: 38px
    }
}

@media screen and (min-width:788px) {
    .m-side-nav__content__title {
        padding: 0 0 5px 0
    }
}
.m-side-nav__content>ul {
    margin: 0;
    padding: 0 15px 15px 15px
}
.m-side-nav__content>ul li {
    margin: 0;
    padding: 0
}
.m-side-nav__content>ul li>a {
    display: block;
    font-size: 18px;
    min-height: 14px;
    height: auto !important;
    height: 14px;
    line-height: 26px;
    margin: 0;
    padding: 5px 0 5px 15px;
    position: relative;
    text-decoration: none;
    z-index: 1
}
.m-side-nav__content>ul li>a:before {
    background: url(../images/common/sprite.png) no-repeat -322px -60px;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 14px;
    width: 6px;
    z-index: 1
}
.m-side-nav__content>ul li>a:hover,
.m-side-nav__content>ul li>a:focus {
    text-decoration: underline
}
.m-side-nav__content>ul li>a.selected {
    color: #14626a
}


/*.m-side-nav__content>ul li>a.selected:before{background-position:-320px -82px;height:6px;left:-2px;top:15px;width:11px}*/

.m-side-nav__content>ul li>ul {
    margin: 0;
    padding: 0 0 0 15px
}
.m-side-nav__content>ul li>ul>li>a {
    color: #000;
    font-size: 16px;
    line-height: 24px
}
.m-side-nav__content>ul li>ul>li>a:before {
    background-position: -342px -60px;
    top: 12px
}
.m-side-nav__content>ul li>ul>li>a:hover,
.m-side-nav__content>ul li>ul>li>a:focus {
    color: #000
}
.m-side-nav__content>ul li>ul>li>a:focus {
    outline-color: #14626a
}
.m-side-nav__content>ul li>ul>li>a.selected {
    color: #14626a
}


/*.m-side-nav__content>ul li>ul>li>a.selected:before{background-position:-320px -82px;height:6px;left:-2px;top:14px;width:11px}*/

.m-side-nav__content>ul li>ul>li>ul {
    margin: 0;
    padding: 0 0 0 15px
}
.m-side-nav__content>ul li>ul>li>ul>li>a {
    font-size: 14px;
    line-height: 22px
}
.m-side-nav__content>ul li>ul>li>ul>li>a:before {
    background: #000;
    border-radius: 100%;
    height: 4px;
    left: 3px;
    top: 15px;
    width: 4px
}
.m-side-nav__content>ul li>ul>li>ul>li>a.selected {
    color: #14626a;
    font-weight: 700
}
.m-side-nav__content>ul li>ul>li>ul>li>a.selected:before {
    background: #14626a;
    height: 4px;
    left: 3px;
    top: 15px;
    width: 4px
}

@media screen and (min-width:788px) {
    .m-side-nav__content>ul {
        padding: 0
    }
}
.js .m-side-nav__content {
    display: none
}

@media screen and (min-width:788px) {
    .js .m-side-nav__content {
        display: block !important
    }
}

@media screen and (min-width:788px) {
    .m-side-nav {
        border: 0;
        margin-top: 0
    }
}
.m-side-nav--tight {
    margin-bottom: 0
}
.m-related-links {
    margin: 0;
    padding: 0;
    text-align: center
}
.m-related-links>ul {
    font-size: 0;
    line-height: 0;
    margin: -5px 0 0 -5px;
    padding: 0
}
.m-related-links>ul>li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 5px 0 0 5px;
    vertical-align: top;
    width: 100%
}
.m-related-links>ul>li a {
    background: #14626a;
    color: #fff;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    z-index: 1
}
.m-related-links>ul>li a p {
    height: 85px;
    margin: 0;
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
    z-index: 1
}
.m-related-links>ul>li a p span {
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.csstransforms .m-related-links>ul>li a p span {
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:620px) {
    .m-related-links>ul>li a p {
        padding: 10px
    }
}

@media screen and (min-width:980px) {
    .m-related-links>ul>li a p {
        height: 85px;
        font-size: 18px;
        line-height: 26px;
        padding: 15px
    }
}

@media screen and (min-width:1100px) {
    .m-related-links>ul>li a p {
        padding: 15px 20px
    }
}

@media screen and (max-width:499px) {
    .m-related-links>ul>li a img {
        display: none
    }
}
.m-related-links>ul>li a:hover,
.m-related-links>ul>li a:focus {
    background: #043e44;
    color: #fff;
    text-decoration: none
}
.m-related-links>ul>li a:focus {
    outline-color: #14626a
}
.ug .m-related-links>ul>li a {
    background: #fcc22d;
    color: #000
}
.ug .m-related-links>ul>li a:hover {
    background: #6bc3cb
}
.pg .m-related-links>ul>li a {
    background: #ed8165;
    color: #000
}
.pg .m-related-links>ul>li a:hover {
    background: #aca3ce
}
.pro .m-related-links>ul>li a {
    background: #80bd76;
    color: #000
}
.pro .m-related-links>ul>li a:hover {
    background: #fcc22d
}

@media screen and (min-width:500px) {
    .m-related-links>ul>li {
        width: 50%
    }
}

@media screen and (min-width:620px) {
    .m-related-links>ul>li {
        width: 50%
    }
}

@media screen and (min-width:980px) {
    .m-related-links>ul>li {
        width: 25%
    }
}

@media screen and (min-width:620px) {
    .m-related-links>ul.thirds li {
        width: 33.3333%
    }
}
.m-accordion {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0
}
.m-accordion__group {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-accordion__group__title {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0
}
.m-accordion__group__title__link {
    color: #14626a;
    display: block;
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 21px;
    line-height: 29px;
    margin: 0;
    overflow: hidden;
    padding: 10px 45px 10px 0;
    position: relative;
    text-decoration: none;
    z-index: 1
}
.m-accordion__group__title__link:before {
    background: #14626a url(../images/common/sprite.png) no-repeat -291px 0;
    border: 10px solid #fff;
    content: "";
    display: none;
    height: 19px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 5px;
    width: 19px;
    z-index: 1
}
.js .m-accordion__group__title__link:before {
    display: block
}
.ug .m-accordion__group__title__link:before {
    background-color: #1f808c
}
.pg .m-accordion__group__title__link:before {
    background-color: #797490
}
.pro .m-accordion__group__title__link:before {
    background-color: #ab871c
}
.selected .m-accordion__group__title__link:before {
    background-position: -291px -19px
}
.js .m-accordion__group__title__link:hover,
.js .m-accordion__group__title__link:focus {
    color: #000;
    text-decoration: none
}
.js .m-accordion__group__title__link:hover:before,
.js .m-accordion__group__title__link:focus:before {
    background-color: #000
}
.js .m-accordion__group__title__link:focus {
    outline-color: #000
}
.ug .m-accordion__group__title__link {
    color: #1f808c
}
.js .ug .m-accordion__group__title__link:hover,
.js .ug .m-accordion__group__title__link:focus {
    color: #6bc3cb
}
.js .ug .m-accordion__group__title__link:hover:before,
.js .ug .m-accordion__group__title__link:focus:before {
    background-color: #6bc3cb
}
.js .ug .m-accordion__group__title__link:focus {
    outline-color: #6bc3cb
}
.pg .m-accordion__group__title__link {
    color: #797490
}
.js .pg .m-accordion__group__title__link:hover,
.js .pg .m-accordion__group__title__link:focus {
    color: #aca3ce
}
.js .pg .m-accordion__group__title__link:hover:before,
.js .pg .m-accordion__group__title__link:focus:before {
    background-color: #aca3ce
}
.js .pg .m-accordion__group__title__link:focus {
    outline-color: #aca3ce
}
.pro .m-accordion__group__title__link {
    color: #ab871c
}
.js .pro .m-accordion__group__title__link:hover,
.js .pro .m-accordion__group__title__link:focus {
    color: #fcc22d
}
.js .pro .m-accordion__group__title__link:hover:before,
.js .pro .m-accordion__group__title__link:focus:before {
    background-color: #fcc22d
}
.js .pro .m-accordion__group__title__link:focus {
    outline-color: #fcc22d
}
.m-accordion__group__inner {
    margin: 0;
    padding: 0
}
.m-accordion__group__content {
    margin: 0;
    padding: 20px 0 0 0
}
.m-accordion__group__content blockquote {
    background: #14626a;
    color: #fff;
    border: 0;
    overflow: hidden;
    padding: 15px;
    position: relative;
    z-index: 1
}
.m-accordion__group__content blockquote h1,
.m-accordion__group__content blockquote h2,
.m-accordion__group__content blockquote h3,
.m-accordion__group__content blockquote h4,
.m-accordion__group__content blockquote h5,
.m-accordion__group__content blockquote h6 {
    margin: 0;
    color: #fff
}
.ug .m-accordion__group__content blockquote h1,
.pg .m-accordion__group__content blockquote h1,
.pro .m-accordion__group__content blockquote h1,
.ug .m-accordion__group__content blockquote h2,
.pg .m-accordion__group__content blockquote h2,
.pro .m-accordion__group__content blockquote h2,
.ug .m-accordion__group__content blockquote h3,
.pg .m-accordion__group__content blockquote h3,
.pro .m-accordion__group__content blockquote h3,
.ug .m-accordion__group__content blockquote h4,
.pg .m-accordion__group__content blockquote h4,
.pro .m-accordion__group__content blockquote h4,
.ug .m-accordion__group__content blockquote h5,
.pg .m-accordion__group__content blockquote h5,
.pro .m-accordion__group__content blockquote h5,
.ug .m-accordion__group__content blockquote h6,
.pg .m-accordion__group__content blockquote h6,
.pro .m-accordion__group__content blockquote h6 {
    color: #000
}
.m-accordion__group__content blockquote a {
    color: #fff;
    text-decoration: underline
}
.m-accordion__group__content blockquote a:hover,
.m-accordion__group__content blockquote a:focus {
    color: #fff;
    text-decoration: none
}
.m-accordion__group__content blockquote img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 0;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 1
}
.m-accordion__group__content blockquote p img {
    margin-bottom: 0
}
.ug .m-accordion__group__content blockquote,
.pg .m-accordion__group__content blockquote,
.pro .m-accordion__group__content blockquote {
    color: #000
}
.ug .m-accordion__group__content blockquote {
    background: #fcc22d
}
.pg .m-accordion__group__content blockquote {
    background: #ed8165
}
.pro .m-accordion__group__content blockquote {
    background: #80bd76
}
.m-accordion__group__content blockquote.pullquote {
    padding: 0
}
.m-accordion__group__content blockquote.pullquote .content {
    padding: 15px
}

@media screen and (min-width:980px) {
    .m-accordion__group__content blockquote.pullquote .content {
        float: left;
        max-width: 250px
    }
}

@media screen and (min-width:1100px) {
    .m-accordion__group__content blockquote.pullquote .content {
        padding: 15px 20px 20px 20px;
        width: 175px
    }
}

@media screen and (min-width:1300px) {
    .m-accordion__group__content blockquote.pullquote .content {
        padding: 25px 30px 30px 30px;
        width: 220px
    }
}
.m-accordion__group__content blockquote.pullquote .image {
    margin: 0;
    overflow: hidden
}
.m-accordion__group__content blockquote.pullquote .image img {
    margin: 0
}

@media screen and (min-width:980px) {
    .m-accordion__group__content blockquote.pullquote {
        font-size: 25px;
        line-height: 33px;
        margin-left: -175px;
        text-align: right;
        max-width: none
    }
}

@media screen and (min-width:1100px) {
    .m-accordion__group__content blockquote.pullquote {
        margin-left: -215px
    }
}

@media screen and (min-width:1300px) {
    .m-accordion__group__content blockquote.pullquote {
        font-size: 30px;
        line-height: 38px;
        margin-left: -280px
    }
}
.m-accordion__group__content .video-wrap {
    background: #14626a;

    color: #fff;
    border: 0;
    overflow: hidden;
    padding: 0;
	margin-bottom:20px;
    position: relative;
    z-index: 1
}
.m-accordion__group__content .video-wrap blockquote {
    padding: 15px
}

@media screen and (min-width:980px) {
    .m-accordion__group__content .video-wrap blockquote {
        float: left;
        max-width: 250px
    }
}

@media screen and (min-width:1100px) {
    .m-accordion__group__content .video-wrap blockquote {
        padding: 15px 20px 20px 20px;
        width: 175px
    }
}

@media screen and (min-width:1300px) {
    .m-accordion__group__content .video-wrap blockquote {
        padding: 25px 30px 30px 30px;
        width: 220px
    }
}

@media screen and (min-width:980px) {
    .m-accordion__group__content .video-wrap .video {
        padding-bottom: 41%
    }
}

@media screen and (min-width:980px) {
    .m-accordion__group__content .video-wrap {
        font-size: 25px;
        line-height: 33px;
        margin-left: -175px;
        text-align: right;
        max-width: none
    }
}

@media screen and (min-width:1100px) {
    .m-accordion__group__content .video-wrap {
        margin-left: -215px
    }
}

@media screen and (min-width:1300px) {
    .m-accordion__group__content .video-wrap {
        font-size: 30px;
        line-height: 38px;
        margin-left: -280px
    }
}
.ug .m-accordion__group__content .video-wrap,
.pg .m-accordion__group__content .video-wrap,
.pro .m-accordion__group__content .video-wrap {
    color: #000
}
.ug .m-accordion__group__content .video-wrap {
    background: #fcc22d
}
.pg .m-accordion__group__content .video-wrap {
    background: #ed8165
}
.pro .m-accordion__group__content .video-wrap {
    background: #80bd76
}

@media screen and (min-width:980px) {
    .m-accordion {
        padding-left: 160px
    }
}

@media screen and (min-width:1100px) {
    .m-accordion {
        padding-left: 200px
    }
}

@media screen and (min-width:1300px) {
    .m-accordion {
        padding-left: 240px
    }
}
.m-accordion--tight {
    padding-bottom: 0
}
.m-block {
    margin: 0;
    padding: 20px 0 0 0
}
.m-block__inner {
    margin: 0;
    padding: 0
}
.m-block__title {
    color: #000;
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 10px 0;
    position: relative;
    z-index: 2
}
.m-block__content {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-block:first-child,
.m-block--tight {
    padding-top: 0
}
.m-content-block {
    margin: 0;
    padding: 0 0 30px 0;
    text-align: center
}
.m-content-block__title {
    color: #14626a;
    font-family: 'Athelas', Georgia, 'Times New Roman', serif;
    font-size: 29px;
    line-height: 37px;
    margin: 0;
    padding: 0 0 20px 0
}

@media screen and (min-width:788px) {
    .m-content-block__title {
        font-size: 39px;
        line-height: 47px
    }
}
.m-content-block__inner {
    margin: 0;
    padding: 0
}
.m-content-block__actions {
    margin: 0;
    padding: 15px 0 0 0;
    text-align: center
}
.m-content-block__actions__menu {
    font-size: 0;
    line-height: 0;
    margin: -15px 0 0 -15px;
    padding: 0
}
.m-content-block__actions__menu__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 15px 0 0 15px;
    vertical-align: top;
    width: 100%
}
.m-content-block__actions__menu__item .form-button {
    min-width: 250px
}

@media screen and (min-width:620px) {
    .m-content-block__actions__menu__item {
        width: auto
    }
}

@media screen and (min-width:980px) {
    .m-content-block__actions {
        padding-top: 10px
    }
}

@media screen and (min-width:980px) {
    .m-content-block {
        padding-bottom: 40px
    }

}

@media screen and (min-width:1100px) {
    .m-content-block {
        padding-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-content-block {
        padding-bottom: 60px
    }
}
.m-content-block--align-left {
    text-align: left
}
.m-content-block--tight {
    padding-bottom: 0
}
.m-simple-menu {
    margin: 0;
    padding: 0
}
.m-simple-menu li {
    padding-top: 10px
}
.m-simple-menu li a {
    color: #000;
    text-decoration: underline
}
.m-simple-menu li a:hover,
.m-simple-menu li a:focus {
    color: #000;
    text-decoration: none
}
.m-simple-menu li:first-child {
    padding-top: 0
}
.m-inline-search {
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 0 15px 0;
    overflow: hidden;
    padding: 0;
    max-width: 450px
}
.m-inline-search .form-text {
    border: 0;
    display: block;
    float: left;
    margin: 0;
    width: 83%;
    max-width: none
}
.csscalc .m-inline-search .form-text {
    width: calc(100% - 50px)
}
.m-inline-search .form-button {
    float: right;
    display: block;
    margin: 0
}
.m-inline-search--no-border {
    border: 0
}
.m-inline-search--no-max {
    max-width: none
}

@media screen and (min-width:1100px) {
    .m-inline-search--large .form-text {
        font-size: 18px;
        height: 50px;
        line-height: 18px
    }
}

@media screen and (min-width:1100px) {
    .csscalc .m-inline-search--large .form-text {
        width: calc(100% - 60px)
    }
}

@media screen and (min-width:1100px) {
    .m-inline-search--large .form-button {
        border-width: 15px;
        height: 50px;
        width: 50px
    }
}
.m-inline-search--tight {
    margin-bottom: 0
}
.m-section-nav {
    margin: 0;
    padding: 0 0 20px 0
}
.m-section-nav>ul {
    font-size: 0;
    line-height: 0;
    margin: -10px 0 0 -10px;
    padding: 0
}
.m-section-nav>ul>li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 10px 0 0 10px;
    vertical-align: top;
    width: 100%
}
.m-section-nav>ul>li a {
    border: 2px solid #14626a;
    color: #000;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 15px 50px 15px 15px;
    position: relative;
    text-decoration: none;
    z-index: 1
}
.m-section-nav>ul>li a>* {
    z-index: 2
}
.m-section-nav>ul>li a h1,
.m-section-nav>ul>li a h2,
.m-section-nav>ul>li a h3,
.m-section-nav>ul>li a h4,
.m-section-nav>ul>li a h5,
.m-section-nav>ul>li a h6 {
    color: #14626a;
    font-size: 25px;
    line-height: 33px;
    margin-right: -35px;
    padding-bottom: 5px
}

@media screen and (min-width:788px) {
    .m-section-nav>ul>li a h1,
    .m-section-nav>ul>li a h2,
    .m-section-nav>ul>li a h3,
    .m-section-nav>ul>li a h4,
    .m-section-nav>ul>li a h5,
    .m-section-nav>ul>li a h6 {
        margin-right: -40px
    }
}

@media screen and (min-width:980px) {
    .m-section-nav>ul>li a h1,
    .m-section-nav>ul>li a h2,
    .m-section-nav>ul>li a h3,
    .m-section-nav>ul>li a h4,
    .m-section-nav>ul>li a h5,
    .m-section-nav>ul>li a h6 {
        font-size: 30px;
        line-height: 38px
    }
}

@media screen and (min-width:1100px) {
    .m-section-nav>ul>li a h1,
    .m-section-nav>ul>li a h2,
    .m-section-nav>ul>li a h3,
    .m-section-nav>ul>li a h4,
    .m-section-nav>ul>li a h5,
    .m-section-nav>ul>li a h6 {
        margin-right: -40px
    }
}

@media screen and (min-width:1300px) {
    .m-section-nav>ul>li a h1,
    .m-section-nav>ul>li a h2,
    .m-section-nav>ul>li a h3,
    .m-section-nav>ul>li a h4,
    .m-section-nav>ul>li a h5,
    .m-section-nav>ul>li a h6 {
        margin-right: -45px
    }
}
.m-section-nav>ul>li a p {
    padding-bottom: 5px
}
.m-section-nav>ul>li a:before {
    background: #fcc22d url(../images/common/sprite.png) no-repeat -179px -215px;
    bottom: 10px;
    content: "";
    display: block;
    height: 36px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    width: 36px;
    z-index: 1
}

@media screen and (min-width:788px) {
    .m-section-nav>ul>li a:before {
        border: 2px solid #fcc22d;
        bottom: 15px;
        right: 15px
    }
}

@media screen and (min-width:1100px) {
    .m-section-nav>ul>li a:before {
        bottom: 20px;
        right: 20px
    }
}

@media screen and (min-width:1300px) {
    .m-section-nav>ul>li a:before {
        bottom: 25px;
        right: 25px
    }
}
.m-section-nav>ul>li a:hover:before,
.m-section-nav>ul>li a:focus:before {
    background-color: #14626a;
    background-position: -215px -215px;
    border-color: #14626a
}

@media screen and (max-width:619px) {
    .m-section-nav>ul>li a {
        min-height: 85px;
        height: auto !important;
        height: 85px
    }
}

@media screen and (min-width:620px) {
    .m-section-nav>ul>li a {
        min-height: 165px;
        height: auto !important;
        height: 165px
    }
}

@media screen and (min-width:788px) {
    .m-section-nav>ul>li a {
        min-height: 145px;
        height: auto !important;
        height: 145px;
        padding: 20px 60px 20px 20px
    }
}

@media screen and (min-width:980px) {
    .m-section-nav>ul>li a {
        min-height: 165px;
        height: auto !important;
        height: 165px;
        padding: 15px 60px 15px 15px
    }
}

@media screen and (min-width:1100px) {
    .m-section-nav>ul>li a {
        padding: 20px 65px 20px 20px
    }
}

@media screen and (min-width:1300px) {
    .m-section-nav>ul>li a {
        min-height: 145px;
        height: auto !important;
        height: 145px;
        padding: 25px 70px 25px 25px
    }
}

@media screen and (min-width:620px) {
    .m-section-nav>ul>li {
        width: 50%
    }
}
.m-section-nav--tight {
    padding-bottom: 0
}
.m-promo-image {
    margin: 0;
    padding: 0 0 20px 0
}
.m-promo-image a,
.m-promo-image picture,
.m-promo-image img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

@media screen and (min-width:788px) {
    .m-promo-image {
        padding-bottom: 30px
    }
}

@media screen and (min-width:980px) {
    .m-promo-image {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-promo-image {
        padding-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-promo-image {
        padding-bottom: 60px
    }
}
.m-promo-image--tight {
    padding-bottom: 0
}
.m-features {
    margin: 0 0 -15px 0;
    padding: 0
}
.m-features>ul {
    font-size: 0;
    line-height: 0;
    margin: -5px 0 0 -5px;
    padding: 0
}
.m-features>ul>li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 5px 0 0 5px;
    text-align: left;
    vertical-align: top;
    width: 100%
}

@media screen and (min-width:788px) {
    .m-features>ul>li {
        width: 33.3333%
    }
}

@media screen and (min-width:788px) {
    .m-features--split>ul>li {
        width: 50%
    }
}

@media screen and (min-width:788px) {
    .m-features--quad>ul>li {
        width: 50%
    }
}

@media screen and (min-width:980px) {
    .m-features--quad>ul>li {
        width: 25%
    }
}
.m-features--no-margin {
    overflow: hidden
}
.m-features--no-margin>ul {
    margin: 0 -1px
}
.m-features--no-margin>ul>li {
    padding: 0
}
.m-features--tight {
    margin-bottom: -15px
}

@media screen and (min-width:788px) {
    .m-features--tight {
        margin-bottom: -25px
    }
}

@media screen and (min-width:980px) {
    .m-features--tight {
        margin-bottom: -30px
    }
}

@media screen and (min-width:1100px) {
    .m-features--tight {
        margin-bottom: -35px
    }
}

@media screen and (min-width:1300px) {
    .m-features--tight {
        margin-bottom: -40px
    }
}
.m-feature {
    margin: 0;
    padding: 0 0 20px 0
}
.m-feature a {
    color: #000;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none
}
.m-feature a picture,
.m-feature a img {
    display: none;
    margin: 0;
    padding: 0 0 15px 0;
    width: 100%
}

@media screen and (min-width:620px) {
    .m-feature a picture,
    .m-feature a img {
        display: block;
        float: left;
        margin: 0;
        padding: 0 15px 0 0;
        width: 40%
    }
}

@media screen and (min-width:788px) {
    .m-feature a picture,
    .m-feature a img {
        float: none;
        padding: 0 0 15px 0;
        width: 100%
    }
}
.m-feature a .date {
    color: #666;
    margin: 0;
    overflow: hidden;
    padding: 0 0 5px 0
}
.m-feature a .content {
    margin: 0;
    overflow: hidden;
    padding: 0 0 10px 0;
    max-width: 760px
}

@media screen and (min-width:788px) {
    .m-feature a .content .inner {
        min-height: 160px;
        height: auto !important;
        height: 160px
    }
}

@media screen and (min-width:980px) {
    .m-feature a .content .inner {
        min-height: 150px;
        height: auto !important;
        height: 150px
    }
}
.m-feature a .content h1,
.m-feature a .content h2,
.m-feature a .content h3,
.m-feature a .content h4,
.m-feature a .content h5,
.m-feature a .content h6 {
    font-size: 25px;
    line-height: 33px;
    padding-bottom: 5px
}

@media screen and (min-width:980px) {
    .m-feature a .content h1,
    .m-feature a .content h2,
    .m-feature a .content h3,
    .m-feature a .content h4,
    .m-feature a .content h5,
    .m-feature a .content h6 {
        font-size: 30px;
        line-height: 38px
    }
}
.m-feature a .content .form-button {
    margin: 0
}

@media screen and (min-width:788px) {
    .m-feature a .content {
        padding-right: 5px
    }
}
.m-feature a:hover,
.m-feature a:focus {
    color: #000;
    text-decoration: none
}
.m-feature a:hover .content h1,
.m-feature a:hover .content h2,
.m-feature a:hover .content h3,
.m-feature a:hover .content h4,
.m-feature a:hover .content h5,
.m-feature a:hover .content h6,
.m-feature a:focus .content h1,
.m-feature a:focus .content h2,
.m-feature a:focus .content h3,
.m-feature a:focus .content h4,
.m-feature a:focus .content h5,
.m-feature a:focus .content h6 {
    color: #1f808c
}
.m-feature a:hover .form-button,
.m-feature a:focus .form-button {
    background: #1f808c;
    border-color: #1f808c;
    color: #fff
}

@media screen and (min-width:788px) {
    .m-feature {
        padding-bottom: 25px
    }
}

@media screen and (min-width:980px) {
    .m-feature {
        padding-bottom: 30px
    }
}

@media screen and (min-width:1100px) {
    .m-feature {
        padding-bottom: 35px
    }
}

@media screen and (min-width:1300px) {
    .m-feature {
        padding-bottom: 40px
    }
}
.m-feature.sky,
.m-feature.sunshine,
.m-feature.mint,
.m-feature.terracotta,
.m-feature.lilac {
    margin: 0 0 20px 0;
    padding: 0
}
.m-feature.sky a picture,
.m-feature.sky a img,
.m-feature.sunshine a picture,
.m-feature.sunshine a img,
.m-feature.mint a picture,
.m-feature.mint a img,
.m-feature.terracotta a picture,
.m-feature.terracotta a img,
.m-feature.lilac a picture,
.m-feature.lilac a img {
    padding: 0
}
.m-feature.sky a .content,
.m-feature.sunshine a .content,
.m-feature.mint a .content,
.m-feature.terracotta a .content,
.m-feature.lilac a .content {
    padding: 15px
}
.m-feature.sky a .content .inner h1,
.m-feature.sky a .content .inner h2,
.m-feature.sky a .content .inner h3,
.m-feature.sky a .content .inner h4,
.m-feature.sky a .content .inner h5,
.m-feature.sky a .content .inner h6,
.m-feature.sunshine a .content .inner h1,
.m-feature.sunshine a .content .inner h2,
.m-feature.sunshine a .content .inner h3,
.m-feature.sunshine a .content .inner h4,
.m-feature.sunshine a .content .inner h5,
.m-feature.sunshine a .content .inner h6,
.m-feature.mint a .content .inner h1,
.m-feature.mint a .content .inner h2,
.m-feature.mint a .content .inner h3,
.m-feature.mint a .content .inner h4,
.m-feature.mint a .content .inner h5,
.m-feature.mint a .content .inner h6,
.m-feature.terracotta a .content .inner h1,
.m-feature.terracotta a .content .inner h2,
.m-feature.terracotta a .content .inner h3,
.m-feature.terracotta a .content .inner h4,
.m-feature.terracotta a .content .inner h5,
.m-feature.terracotta a .content .inner h6,
.m-feature.lilac a .content .inner h1,
.m-feature.lilac a .content .inner h2,
.m-feature.lilac a .content .inner h3,
.m-feature.lilac a .content .inner h4,
.m-feature.lilac a .content .inner h5,
.m-feature.lilac a .content .inner h6 {
    color: #000
}

@media screen and (min-width:788px) {
    .m-feature.sky a .content .inner,
    .m-feature.sunshine a .content .inner,
    .m-feature.mint a .content .inner,
    .m-feature.terracotta a .content .inner,
    .m-feature.lilac a .content .inner {
        min-height: 150px;
        height: auto !important;
        height: 150px
    }
}

@media screen and (min-width:980px) {
    .m-feature.sky a .content .inner,
    .m-feature.sunshine a .content .inner,
    .m-feature.mint a .content .inner,
    .m-feature.terracotta a .content .inner,
    .m-feature.lilac a .content .inner {
        min-height: 160px;
        height: auto !important;
        height: 160px
    }
}

@media screen and (min-width:788px) {
    .m-feature.sky a .content,
    .m-feature.sunshine a .content,
    .m-feature.mint a .content,
    .m-feature.terracotta a .content,
    .m-feature.lilac a .content {
        padding: 20px
    }
}

@media screen and (min-width:980px) {
    .m-feature.sky a .content,
    .m-feature.sunshine a .content,
    .m-feature.mint a .content,
    .m-feature.terracotta a .content,
    .m-feature.lilac a .content {
        padding: 25px 30px 30px 30px
    }
}

@media screen and (min-width:1100px) {
    .m-feature.sky a .content,
    .m-feature.sunshine a .content,
    .m-feature.mint a .content,
    .m-feature.terracotta a .content,
    .m-feature.lilac a .content {
        padding: 25px 40px 40px 40px
    }
}

@media screen and (min-width:1300px) {
    .m-feature.sky a .content,
    .m-feature.sunshine a .content,
    .m-feature.mint a .content,
    .m-feature.terracotta a .content,
    .m-feature.lilac a .content {
        padding: 25px 45px 45px 45px
    }
}
.m-feature.sky a:hover .form-button,
.m-feature.sky a:focus .form-button,
.m-feature.sunshine a:hover .form-button,
.m-feature.sunshine a:focus .form-button,
.m-feature.mint a:hover .form-button,
.m-feature.mint a:focus .form-button,
.m-feature.terracotta a:hover .form-button,
.m-feature.terracotta a:focus .form-button,
.m-feature.lilac a:hover .form-button,
.m-feature.lilac a:focus .form-button {
    background: #fff;
    border-color: #fff;
    color: #000
}

@media screen and (min-width:788px) {
    .m-feature.sky,
    .m-feature.sunshine,
    .m-feature.mint,
    .m-feature.terracotta,
    .m-feature.lilac {
        margin-bottom: 25px
    }
}

@media screen and (min-width:980px) {
    .m-feature.sky,
    .m-feature.sunshine,
    .m-feature.mint,
    .m-feature.terracotta,
    .m-feature.lilac {
        margin-bottom: 30px
    }
}
.m-feature.sky a {
    background: #6bc3cb
}
.m-feature.sunshine a {
    background: #fcc22d
}
.m-feature.mint a {
    background: #80bd76
}
.m-feature.terracotta a {
    background: #ed8165
}
.m-feature.lilac a {
    background: #aca3ce
}

@media screen and (min-width:980px) {
    .m-feature--with-summary a .content .inner {
        min-height: 160px;
        height: auto !important;
        height: 160px
    }
}

@media screen and (min-width:1100px) {
    .m-feature--with-summary a .content .inner {
        min-height: 150px;
        height: auto !important;
        height: 150px
    }
}

@media screen and (min-width:1300px) {
    .m-feature--with-summary a .content .inner {
        min-height: 140px;
        height: auto !important;
        height: 140px
    }
}

@media screen and (min-width:980px) {
    @media screen and (max-width: 979px) {
        .m-feature--with-summary--narrow a .content .inner {
            min-height: 240px;
            height: auto !important;
            height: 240px
        }
    }
}
.m-feature--no-min a .content {
    padding-bottom: 0
}

@media screen and (min-width:788px) {
    .m-feature--no-min a .content .inner {
        min-height: 10px;
        height: auto !important;
        height: 10px
    }
}
.m-feature--keep-image a picture,
.m-feature--keep-image a img {
    display: block
}
.m-feature--tight {
    padding-bottom: 0
}
.m-course-type {
    margin: 0;
    padding: 0 0 10px 0
}
.m-course-type a {
    color: #000;
    display: block;
    margin: 0;
    padding: 15px;
    text-decoration: none
}
.m-course-type a .image {
    margin: -15px -15px 15px -15px;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-course-type a .image h1,
.m-course-type a .image h2,
.m-course-type a .image h3,
.m-course-type a .image h4,
.m-course-type a .image h5,
.m-course-type a .image h6 {
    color: #fff;
    bottom: 10px;
    font-size: 25px;
    left: 15px;
    line-height: 33px;
    padding-bottom: 0;
    position: absolute;
    right: 15px;
    z-index: 2
}

@media screen and (min-width:980px) {
    .m-course-type a .image h1,
    .m-course-type a .image h2,
    .m-course-type a .image h3,
    .m-course-type a .image h4,
    .m-course-type a .image h5,
    .m-course-type a .image h6 {
        font-size: 30px;
        line-height: 38px
    }
}

@media screen and (min-width:1100px) {
    .m-course-type a .image h1,
    .m-course-type a .image h2,
    .m-course-type a .image h3,
    .m-course-type a .image h4,
    .m-course-type a .image h5,
    .m-course-type a .image h6 {
        bottom: 15px;
        left: 20px;
        right: 20px
    }
}

@media screen and (min-width:1300px) {
    .m-course-type a .image h1,
    .m-course-type a .image h2,
    .m-course-type a .image h3,
    .m-course-type a .image h4,
    .m-course-type a .image h5,
    .m-course-type a .image h6 {
        bottom: 15px;
        left: 40px;
        right: 20px
    }
}
.m-course-type a .image picture,
.m-course-type a .image img {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:1100px) {
    .m-course-type a .image {
        margin: -20px -20px 20px -20px
    }
}

@media screen and (min-width:1300px) {
    .m-course-type a .image {
        margin: -20px -40px 20px -40px
    }
}
.m-course-type a .content {
    margin: 0;
    padding: 0;
    position: relative;
    max-width: 760px;
    z-index: 1
}
.m-course-type a .content h1,
.m-course-type a .content h2,
.m-course-type a .content h3,
.m-course-type a .content h4,
.m-course-type a .content h5,
.m-course-type a .content h6 {
    font-size: 25px;
    line-height: 33px;
    padding-bottom: 5px
}

@media screen and (min-width:980px) {
    .m-course-type a .content h1,
    .m-course-type a .content h2,
    .m-course-type a .content h3,
    .m-course-type a .content h4,
    .m-course-type a .content h5,
    .m-course-type a .content h6 {
        font-size: 30px;
        line-height: 38px
    }
}
.m-course-type a .content:before {
    background: #ccc;
    bottom: -42px;
    content: "";
    display: none;
    left: -15px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1
}

@media screen and (min-width:788px) {
    .m-course-type a .content:before {
        display: block
    }
}

@media screen and (min-width:1100px) {
    .m-course-type a .content:before {
        bottom: -50px;
        left: -20px
    }
}

@media screen and (min-width:1300px) {
    .m-course-type a .content:before {
        left: -40px
    }
}

@media screen and (min-width:788px) {
    .m-course-type a .content {
        min-height: 150px;
        height: auto !important;
        height: 150px
    }
}

@media screen and (min-width:980px) {
    .m-course-type a .content {
        min-height: 125px;
        height: auto !important;
        height: 125px
    }
}

@media screen and (min-width:1100px) {
    .m-course-type a .content {
        min-height: 110px;
        height: auto !important;
        height: 110px
    }
}
.m-course-type a .form-button {
    margin: 0
}
.m-course-type a:hover,
.m-course-type a:focus {
    color: #000;
    text-decoration: none
}
.m-course-type a:hover .form-button,
.m-course-type a:focus .form-button {
    background: #1f808c;
    border-color: #1f808c;
    color: #fff
}

@media screen and (min-width:1100px) {
    .m-course-type a {
        padding: 20px
    }
}

@media screen and (min-width:1300px) {
    .m-course-type a {
        padding: 20px 40px
    }
}

@media screen and (min-width:788px) {
    .m-course-type {
        padding-bottom: 0
    }
}
.m-event-feature {
    margin: 0;
    padding: 0 0 20px 0
}
.m-event-feature a {
    background: #ed8165;
    color: #000;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    text-decoration: none
}
.m-event-feature a .header {
    margin: 0 0 15px 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-event-feature a .header .inner {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-event-feature a .header .inner .date {
    margin: 0;
    padding: 0 0 5px 0
}
.m-event-feature a .header .inner .title {
    font-size: 23px;
    line-height: 31px;
    margin: 0;
    padding: 0
}

@media screen and (min-width:980px) {
    .m-event-feature a .header .inner .title {
        font-size: 25px;
        line-height: 33px
    }
}

@media screen and (min-width:1100px) {
    .m-event-feature a .header .inner .title {
        font-size: 27px;
        line-height: 35px
    }
}

@media screen and (min-width:788px) {
    .m-event-feature a .header .inner {
        padding: 15px
    }
}

@media screen and (min-width:788px) {
    .m-event-feature a .header {
        background: #ed8165;
        min-height: 150px;
        height: auto !important;
        height: 150px
    }
}

@media screen and (min-width:980px) {
    .m-event-feature a .header {
        min-height: 200px;
        height: auto !important;
        height: 200px
    }
}
.m-event-feature a .content {
    margin: 0;
    overflow: hidden;
    padding: 0;
    max-width: 760px
}

@media screen and (min-width:788px) {
    .m-event-feature a .content .inner {
        min-height: 100px;
        height: auto !important;
        height: 100px
    }
}

@media screen and (min-width:980px) {
    .m-event-feature a .content .inner {
        min-height: 150px;
        height: auto !important;
        height: 150px
    }
}

@media screen and (min-width:1100px) {
    .m-event-feature a .content .inner {
        min-height: 130px;
        height: auto !important;
        height: 130px
    }
}

@media screen and (min-width:788px) {
    .m-event-feature a .content {
        padding-right: 5px
    }
}
.m-event-feature a .venue {
    font-size: 15px;
    line-height: 23px;
    margin: 0;
    padding: 0
}

@media screen and (min-width:788px) {
    .m-event-feature a .venue {
        color: #666
    }
}
.m-event-feature a:hover,
.m-event-feature a:focus {
    background: #6bc3cb;
    color: #000;
    text-decoration: none
}

@media screen and (min-width:788px) {
    .m-event-feature a:hover .header,
    .m-event-feature a:focus .header {
        background: #6bc3cb
    }
}

@media screen and (min-width:788px) {
    .m-event-feature a:hover,
    .m-event-feature a:focus {
        background: none
    }
}

@media screen and (min-width:788px) {
    .m-event-feature a {
        background: none;
        padding: 0
    }
}

@media screen and (min-width:788px) {
    .m-event-feature {
        padding-bottom: 25px
    }
}

@media screen and (min-width:980px) {
    .m-event-feature {
        padding-bottom: 30px
    }
}

@media screen and (min-width:1100px) {
    .m-event-feature {
        padding-bottom: 35px
    }
}

@media screen and (min-width:1300px) {
    .m-event-feature {
        padding-bottom: 40px
    }
}
.m-event-feature--tight {
    padding-bottom: 0
}
.m-image-half {
    margin: 0;
    padding: 0 0 20px 0
}
.m-image-half__inner {
    background: #ededed;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-image-half__inner img,
.m-image-half__inner picture {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

@media screen and (min-width:980px) {
    .m-image-half__inner img,
    .m-image-half__inner picture {
        width: auto
    }
}

@media screen and (min-width:980px) {
    .alt .m-image-half__inner img,
    .alt .m-image-half__inner picture {
        float: right
    }
}
.m-image-half__content {
    background: #80bd76;
    margin: 0;
    padding: 15px 20px 20px 20px;
    position: relative;
    text-align: left;
    z-index: 2
}
.m-image-half__content__inner {
    margin: 0;
    padding: 0;
    max-width: 760px
}

@media screen and (min-width:980px) {
    .m-image-half__content__inner .title,
    .m-image-half__content__inner .content,
    .m-image-half__content__inner .form-action {
        left: 40px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 40px;
        z-index: 1
    }
}

@media screen and (min-width:1100px) {
    .m-image-half__content__inner .title,
    .m-image-half__content__inner .content,
    .m-image-half__content__inner .form-action {
        left: 60px;
        right: 60px
    }
}

@media screen and (min-width:1300px) {
    .m-image-half__content__inner .title,
    .m-image-half__content__inner .content,
    .m-image-half__content__inner .form-action {
        left: 80px;
        right: 80px
    }
}
.m-image-half__content__inner .title {
    font-size: 36px;
    line-height: 44px;
    padding-bottom: 15px
}

@media screen and (min-width:980px) {
    .m-image-half__content__inner .title {
        bottom: 72%;
        font-size: 46px;
        line-height: 54px;
        padding: 0
    }
}

@media screen and (min-width:1100px) {
    .m-image-half__content__inner .title {
        bottom: 67%;
        font-size: 56px;
        line-height: 64px
    }
}

@media screen and (min-width:1300px) {
    .m-image-half__content__inner .title {
        font-size: 66px;
        line-height: 74px
    }
}

@media screen and (min-width:980px) {
    .m-image-half__content__inner .content {
        height: 49%;
        top: 30%
    }
}

@media screen and (min-width:1100px) {
    .m-image-half__content__inner .content {
        height: 38%;
        top: 37%
    }
}
.m-image-half__content__inner .form-action .form-button:hover,
.m-image-half__content__inner .form-action .form-button:focus {
    background: #fff;
    border-color: #fff;
    color: #000
}
.m-image-half__content__inner .form-action .form-button:focus {
    outline-color: #fff
}

@media screen and (min-width:980px) {
    .m-image-half__content__inner .form-action {
        bottom: 10%
    }
}

@media screen and (min-width:1100px) {
    .m-image-half__content__inner .form-action {
        bottom: 12%
    }
}

@media screen and (min-width:788px) {
    .m-image-half__content {
        padding: 20px 25px 25px 25px
    }
}

@media screen and (min-width:980px) {
    .m-image-half__content {
        background: rgba(128, 189, 118, .9);
        bottom: 0;
        left: 50%;
        padding: 30px 40px;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media screen and (min-width:1100px) {
    .m-image-half__content {
        padding: 35px 60px
    }
}

@media screen and (min-width:1300px) {
    .m-image-half__content {
        padding: 40px 80px
    }
}

@media screen and (min-width:980px) {
    .alt .m-image-half__content {
        left: 0;
        right: 50%
    }
}

@media screen and (min-width:980px) {
    .centre .m-image-half__content {
        left: 25%;
        right: 25%
    }
}
.m-image-half__content.solid,
.split .m-image-half__content {
    background: #80bd76
}
.m-image-half__content.sky {
    background: #6bc3cb
}

@media screen and (min-width:788px) {
    .m-image-half__content.sky {
        background: rgba(107, 195, 203, .9)
    }
}
.m-image-half__content.sky.solid,
.split .m-image-half__content.sky {
    background: #6bc3cb
}
.m-image-half__content.sunshine {
    background: #fcc22d
}

@media screen and (min-width:788px) {
    .m-image-half__content.sunshine {
        background: rgba(252, 194, 45, .9)
    }
}
.m-image-half__content.sunshine.solid,
.split .m-image-half__content.sunshine {
    background: #fcc22d
}
.m-image-half__content.lilac {
    background: #aca3ce
}

@media screen and (min-width:788px) {
    .m-image-half__content.lilac {
        background: rgba(172, 163, 206, .9)
    }
}
.m-image-half__content.lilac.solid,
.split .m-image-half__content.lilac {
    background: #aca3ce
}
.m-image-half__content.terracotta {
    background: #ed8165
}

@media screen and (min-width:788px) {
    .m-image-half__content.terracotta {
        background: rgba(237, 129, 101, .9)
    }
}
.m-image-half__content.terracotta.solid,
.split .m-image-half__content.terracotta {
    background: #ed8165
}

@media screen and (min-width:788px) {
    .m-image-half {
        padding-bottom: 30px
    }
}

@media screen and (min-width:980px) {
    .m-image-half {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-image-half {
        padding-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-image-half {
        padding-bottom: 60px
    }
}
.m-image-half--tight {
    padding-bottom: 0
}
.m-image-bar {
    margin: 0;
    padding: 0 0 20px 0
}
.m-image-bar__inner {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-image-bar__content {
    background: #80bd76;
    margin: 0;
    padding: 15px 20px 20px 20px;
    position: relative;
    z-index: 2
}
.m-image-bar__content__inner {
    margin: 0 auto;
    padding: 0;
    max-width: 980px
}
.m-image-bar__content__inner h1,
.m-image-bar__content__inner h2,
.m-image-bar__content__inner h3,
.m-image-bar__content__inner h4,
.m-image-bar__content__inner h5,
.m-image-bar__content__inner h6 {
    font-size: 29px;
    line-height: 37px;
    padding-bottom: 10px
}

@media screen and (min-width:980px) {
    .m-image-bar__content__inner h1,
    .m-image-bar__content__inner h2,
    .m-image-bar__content__inner h3,
    .m-image-bar__content__inner h4,
    .m-image-bar__content__inner h5,
    .m-image-bar__content__inner h6 {
        font-size: 34px;
        line-height: 42px
    }
}

@media screen and (min-width:1100px) {
    .m-image-bar__content__inner h1,
    .m-image-bar__content__inner h2,
    .m-image-bar__content__inner h3,
    .m-image-bar__content__inner h4,
    .m-image-bar__content__inner h5,
    .m-image-bar__content__inner h6 {
        font-size: 39px;
        line-height: 47px
    }
}
.m-image-bar__content__inner>.title {
    margin: 0;
    padding: 0;
    max-width: 760px
}

@media screen and (min-width:980px) {
    .m-image-bar__content__inner>.title {
        width: 60%;
        max-width: 540px
    }
}

@media screen and (min-width:1100px) {
    .m-image-bar__content__inner>.title {
        width: 540px
    }
}
.m-image-bar__content__inner>.content {
    margin: 0;
    padding: 0;
    max-width: 760px
}

@media screen and (min-width:980px) {
    .m-image-bar__content__inner>.content {
        float: left;
        width: 60%;
        max-width: 540px
    }
}

@media screen and (min-width:1100px) {
    .m-image-bar__content__inner>.content {
        width: 540px
    }
}
.m-image-bar__content__inner>.aside .form-button:hover,
.m-image-bar__content__inner>.aside .form-button:focus {
    background: #fff;
    border-color: #fff;
    color: #000
}

@media screen and (min-width:980px) {
    .m-image-bar__content__inner>.aside {
        float: right;
        max-width: 37%
    }
}

@media screen and (min-width:1100px) {
    .m-image-bar__content__inner>.aside {
        max-width: 370px
    }
}

@media screen and (min-width:980px) {
    .m-image-bar__content__inner>.aside.offset {
        margin-top: -30px
    }
}

@media screen and (min-width:1100px) {
    .m-image-bar__content__inner>.aside.offset {
        margin-top: -35px
    }
}

@media screen and (min-width:1300px) {
    .m-image-bar__content__inner>.aside.offset {
        margin-top: -40px
    }
}

@media screen and (min-width:788px) {
    .m-image-bar__content {
        background: rgba(128, 189, 118, .9);
        bottom: 30px;
        left: 0;
        padding: 20px 25px 25px 25px;
        position: absolute;
        right: 0
    }
}

@media screen and (min-width:980px) {
    .m-image-bar__content {
        bottom: 50px;
        padding: 25px 30px 30px 30px
    }
}

@media screen and (min-width:1100px) {
    .m-image-bar__content {
        bottom: 70px;
        padding: 30px 35px 35px 35px
    }
}

@media screen and (min-width:1300px) {
    .m-image-bar__content {
        bottom: 90px;
        padding: 35px 40px 40px 40px
    }
}
.m-image-bar__content.sky {
    background: #6bc3cb
}

@media screen and (min-width:788px) {
    .m-image-bar__content.sky {
        background: rgba(107, 195, 203, .9)
    }
}
.m-image-bar__content.sunshine {
    background: #fcc22d
}

@media screen and (min-width:788px) {
    .m-image-bar__content.sunshine {
        background: rgba(252, 194, 45, .9)
    }
}
.m-image-bar__content.lilac {
    background: #aca3ce
}

@media screen and (min-width:788px) {
    .m-image-bar__content.lilac {
        background: rgba(172, 163, 206, .9)
    }
}
.m-image-bar__content.terracotta {
    background: #ed8165
}

@media screen and (min-width:788px) {
    .m-image-bar__content.terracotta {
        background: rgba(237, 129, 101, .9)
    }
}

@media screen and (min-width:788px) {
    .m-image-bar {
        padding-bottom: 30px
    }
}

@media screen and (min-width:980px) {
    .m-image-bar {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-image-bar {
        padding-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-image-bar {
        padding-bottom: 60px
    }
}
.m-image-bar--tight {
    margin-bottom: 0
}
.m-image-content {
    margin: 0;
    padding: 0 0 20px 0
}
.m-image-content__inner {
    background: #ededed;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-image-content__inner img,
.m-image-content__inner picture {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}
.m-image-content__content {
    background: #80bd76;
    margin: 0;
    padding: 15px 20px 20px 20px;
    position: relative;
    text-align: left;
    z-index: 2
}
.m-image-content__content__inner {
    margin: 0;
    padding: 0;
    max-width: 760px
}

@media screen and (min-width:980px) {
    .m-image-content__content__inner .title,
    .m-image-content__content__inner .content,
    .m-image-content__content__inner .form-action {
        left: 40px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 40px;
        z-index: 1
    }
}

@media screen and (min-width:1100px) {
    .m-image-content__content__inner .title,
    .m-image-content__content__inner .content,
    .m-image-content__content__inner .form-action {
        left: 60px;
        right: 60px
    }
}

@media screen and (min-width:1300px) {
    .m-image-content__content__inner .title,
    .m-image-content__content__inner .content,
    .m-image-content__content__inner .form-action {
        left: 80px;
        right: 80px
    }
}
.m-image-content__content__inner .title {
    font-size: 36px;
    line-height: 44px;
    padding-bottom: 15px
}

@media screen and (min-width:980px) {
    .m-image-content__content__inner .title {
        bottom: 72%;
        font-size: 46px;
        line-height: 54px;
        padding: 0
    }
}

@media screen and (min-width:1100px) {
    .m-image-content__content__inner .title {
        bottom: 67%;
        font-size: 56px;
        line-height: 64px
    }
}

@media screen and (min-width:1300px) {
    .m-image-content__content__inner .title {
        font-size: 66px;
        line-height: 74px
    }
}

@media screen and (min-width:980px) {
    .m-image-content__content__inner .content {
        height: 49%;
        top: 30%
    }
}

@media screen and (min-width:1100px) {
    .m-image-content__content__inner .content {
        height: 38%;
        top: 37%
    }
}
.m-image-content__content__inner .form-action .form-button:hover,
.m-image-content__content__inner .form-action .form-button:focus {
    background: #fff;
    border-color: #fff;
    color: #000
}
.m-image-content__content__inner .form-action .form-button:focus {
    outline-color: #fff
}

@media screen and (min-width:980px) {
    .m-image-content__content__inner .form-action {
        bottom: 10%
    }
}

@media screen and (min-width:1100px) {
    .m-image-content__content__inner .form-action {
        bottom: 12%
    }
}

@media screen and (min-width:788px) {
    .m-image-content__content {
        min-height: 350px;
        height: auto !important;
        height: 350px;
        padding: 20px 25px 25px 25px
    }
}

@media screen and (min-width:980px) {
    .m-image-content__content {
        background: rgba(128, 189, 118, .85);
        bottom: 0;
        min-height: 200px;
        height: auto !important;
        height: 200px;
        left: 0;
        padding: 30px 40px;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media screen and (min-width:1100px) {
    .m-image-content__content {
        padding: 35px 60px
    }
}

@media screen and (min-width:1300px) {
    .m-image-content__content {
        padding: 40px 80px
    }
}
.m-image-content__content.solid {
    background: #80bd76
}
.m-image-content__content.sky {
    background: #6bc3cb
}

@media screen and (min-width:788px) {
    .m-image-content__content.sky {
        background: rgba(107, 195, 203, .7)
    }
}
.m-image-content__content.sky.solid {
    background: #6bc3cb
}
.m-image-content__content.sunshine {
    background: #fcc22d
}

@media screen and (min-width:788px) {
    .m-image-content__content.sunshine {
        background: rgba(252, 194, 45, .7)
    }
}
.m-image-content__content.sunshine.solid {
    background: #fcc22d
}
.m-image-content__content.lilac {
    background: #aca3ce
}

@media screen and (min-width:788px) {
    .m-image-content__content.lilac {
        background: rgba(172, 163, 206, .7)
    }
}
.m-image-content__content.lilac.solid {
    background: #aca3ce
}
.m-image-content__content.terracotta {
    background: #ed8165
}

@media screen and (min-width:788px) {
    .m-image-content__content.terracotta {
        background: rgba(237, 129, 101, .7)
    }
}
.m-image-content__content.terracotta.solid {
    background: #ed8165
}

@media screen and (min-width:788px) {
    .m-image-content {
        padding-bottom: 30px
    }
}

@media screen and (min-width:980px) {
    .m-image-content {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-image-content {
        padding-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-image-content {
        padding-bottom: 60px
    }
}
.m-image-content--tight {
    padding-bottom: 0
}
.m-solid-content {
    margin: 0;
    padding: 0 0 20px 0
}
.m-solid-content__inner {
    background: #ededed;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-solid-content__content {
    background: #80bd76;
    margin: 0;
    padding: 15px 20px 20px 20px;
    position: relative;
    text-align: left;
    z-index: 2
}
.m-solid-content__content__inner {
    margin: 0;
    padding: 0;
    max-width: 760px
}

@media screen and (min-width:980px) {
    .m-solid-content__content__inner .title,
    .m-solid-content__content__inner .content,
    .m-solid-content__content__inner .form-action {
        left: 40px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 40px;
        z-index: 1
    }
}

@media screen and (min-width:1100px) {
    .m-solid-content__content__inner .title,
    .m-solid-content__content__inner .content,
    .m-solid-content__content__inner .form-action {
        left: 60px;
        right: 60px
    }
}

@media screen and (min-width:1300px) {
    .m-solid-content__content__inner .title,
    .m-solid-content__content__inner .content,
    .m-solid-content__content__inner .form-action {
        left: 80px;
        right: 80px
    }
}
.m-solid-content__content__inner .title {
    font-size: 36px;
    line-height: 44px;
    padding-bottom: 15px
}

@media screen and (min-width:980px) {
    .m-solid-content__content__inner .title {
        bottom: 72%;
        font-size: 46px;
        line-height: 54px;
        padding: 0
    }
}

@media screen and (min-width:1100px) {
    .m-solid-content__content__inner .title {
        bottom: 67%;
        font-size: 56px;
        line-height: 64px
    }
}

@media screen and (min-width:1300px) {
    .m-solid-content__content__inner .title {
        font-size: 66px;
        line-height: 74px
    }
}

@media screen and (min-width:980px) {
    .m-solid-content__content__inner .content {
        height: 49%;
        top: 30%
    }
}

@media screen and (min-width:1100px) {
    .m-solid-content__content__inner .content {
        height: 38%;
        top: 37%
    }
}
.m-solid-content__content__inner .form-action .form-button:hover,
.m-solid-content__content__inner .form-action .form-button:focus {
    background: #fff;
    border-color: #fff;
    color: #000
}
.m-solid-content__content__inner .form-action .form-button:focus {
    outline-color: #fff
}

@media screen and (min-width:980px) {
    .m-solid-content__content__inner .form-action {
        bottom: 10%
    }
}

@media screen and (min-width:1100px) {
    .m-solid-content__content__inner .form-action {
        bottom: 12%
    }
}

@media screen and (min-width:788px) {
    .m-solid-content__content {
        min-height: 350px;
        height: auto !important;
        height: 350px;
        padding: 20px 25px 25px 25px
    }
}

@media screen and (min-width:980px) {
    .m-solid-content__content {
        min-height: 500px;
        height: auto !important;
        height: 500px;
        padding: 30px 40px
    }
}

@media screen and (min-width:1100px) {
    .m-solid-content__content {
        min-height: 550px;
        height: auto !important;
        height: 550px;
        padding: 35px 60px
    }
}

@media screen and (min-width:1300px) {
    .m-solid-content__content {
        min-height: 600px;
        height: auto !important;
        height: 600px;
        padding: 40px 80px
    }
}
.m-solid-content__content.sky {
    background: #6bc3cb
}
.m-solid-content__content.sunshine {
    background: #fcc22d
}
.m-solid-content__content.lilac {
    background: #aca3ce
}
.m-solid-content__content.terracotta {
    background: #ed8165
}

@media screen and (min-width:788px) {
    .m-solid-content {
        padding-bottom: 30px
    }
}

@media screen and (min-width:980px) {
    .m-solid-content {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-solid-content {
        padding-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-solid-content {
        padding-bottom: 60px
    }
}
.m-solid-content--tight {
    padding-bottom: 0
}
.m-news-grid {
    margin: 0;
    padding: 0 0 20px 0
}
.m-news-grid__inner {
    margin: 0;
    padding: 0
}
.m-news-grid__menu {
    font-size: 0;
    line-height: 0;
    margin: -5px 0 0 0;
    padding: 0
}
.m-news-grid__menu__item {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 5px 0 0 0;
    vertical-align: top;
    width: 100%
}

@media screen and (min-width:620px) {
    .m-news-grid__menu__item {
        padding: 0;
        width: 50%
    }
}

@media screen and (min-width:980px) {
    .m-news-grid__menu__item {
        width: 33.3333%
    }
}

@media screen and (min-width:1300px) {
    .m-news-grid__menu__item {
        width: 25%
    }
}

@media screen and (min-width:620px) {
    .m-news-grid__menu {
        margin: 0
    }
}
.m-news-grid__item {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}
.m-news-grid__item__inner {
    bottom: 0;
    display: block;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 46px 10px 10px 10px;
    right: 0;
    top: 0;
    z-index: 1
}
@media screen and (min-width:620px) {
    .m-news-grid__item__inner {
        position: absolute
    }
}
@media screen and (min-width:980px) {
    .m-news-grid__item__inner {
        padding-top: 41px
    }
}
@media screen and (min-width:1100px) {
    .m-news-grid__item__inner {
        padding: 51px 15px 15px 15px
    }
}
.m-news-grid__item a {
    display: block;
    text-decoration: none
}
.m-news-grid__item a:hover,
.m-news-grid__item a:focus {
    color: #666;
    text-decoration: none
}
.m-news-grid__item .icon {
    display: none;
    height: 36px;
    left: 50%;
    margin: 0 0 0 -18px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 3
}
.m-news-grid__item .image {
    display: block;
    margin: -46px -10px -10px -10px;
    padding: 0;
    position: relative;
    z-index: 2
}
.m-news-grid__item .image img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}
.m-news-grid__item .image:before {
    border: 5px solid #fff;
	border-top-width:4px;
    border-color: rgba(255, 255, 255, .5);
    bottom: 0;
    content: "";
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}
.news .m-news-grid__item .image:before {
    border-color: #80bd76
}
.events .m-news-grid__item .image:before {
    border-color: #aca3ce
}
.facebook .m-news-grid__item .image:before {
    border-color: #3b5998
}
.twitter .m-news-grid__item .image:before {
    border-color: #2aa6d4
}
.google-plus .m-news-grid__item .image:before {
    border-color: #dd4b39
}
.linked-in .m-news-grid__item .image:before {
    border-color: #007bb6
}
.you-tube .m-news-grid__item .image:before {
    border-color: #dd4b39
}
.instagram .m-news-grid__item .image:before {
    border-color: #517fa4
}
.soundcloud .m-news-grid__item .image:before {
    border-color: #ff4700
}
.m-news-grid__item .image:hover:before,
.m-news-grid__item .image:focus:before {
    display: block
}

@media screen and (min-width:980px) {
    .m-news-grid__item .image {
        margin-top: -41px
    }
}

@media screen and (min-width:1100px) {
    .m-news-grid__item .image {
        margin: -51px -15px -15px -15px
    }
}
.m-news-grid__item .content {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2
}
.m-news-grid__item .content .title {
    margin: 0;
    padding: 0
}
.m-news-grid__item .content .summary {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 5px 0 0 0
}

@media screen and (min-width:620px) {
    .m-news-grid__item .content .summary {
        display: none
    }
}

@media screen and (min-width:1100px) {
    .m-news-grid__item .content .summary {
        display: block
    }
}
.m-news-grid__item .content .date {
    color: #666;
    font-size: 15px;
    line-height: 23px;
    margin: 0;
    padding: 5px 0 0 0
}

@media screen and (min-width:620px) {
    .m-news-grid__item {
        padding-top: 83.3333333333%
    }
}
.m-news-grid__item.news {
    border-top:1px solid #80bd76;
}
.m-news-grid__item.news a {
    color: #000
}
.m-news-grid__item.news a:hover,
.m-news-grid__item.news a:focus {
    color: #598553
}
.m-news-grid__item.news a:focus {
    outline-color: #598553
}
.m-news-grid__item.news .icon {
    background: #80bd76;
    color: #000;
    display: block;
    height: 31px;
    margin-left: -35px;
    padding: 5px 5px 0 5px;
    width: 70px
}
.m-news-grid__item.news .image:before {
    border-color: #80bd76
}
.m-news-grid__item.news.alt {
    background: #80bd76;
    color: #fff
}
.m-news-grid__item.news.alt .icon {
    background: #fff
}
.m-news-grid__item.events {
    border-top:1px solid #aca3ce;
}
.m-news-grid__item.events a {
    color: #000
}
.m-news-grid__item.events a:hover,
.m-news-grid__item.events a:focus {
    color: #797490
}
.m-news-grid__item.events a:focus {
    outline-color: #797490
}
.m-news-grid__item.events .icon {
    background: #aca3ce;
    color: #000;
    display: block;
    height: 31px;
    margin-left: -35px;
    padding: 5px 5px 0 5px;
    width: 70px
}
.m-news-grid__item.events .image:before {
    border-color: #aca3ce
}
.m-news-grid__item.events.alt {
    background: #aca3ce;
    color: #fff
}
.m-news-grid__item.events.alt .icon {
    background: #fff
}
.m-news-grid__item.facebook {
    border-top:1px solid #3b5998;
}
.m-news-grid__item.facebook a {
    color: #3b5998
}
.m-news-grid__item.facebook a:hover,
.m-news-grid__item.facebook a:focus {
    color: #000
}
.m-news-grid__item.facebook a:focus {
    outline-color: #000
}
.m-news-grid__item.facebook .icon {
    background: #3b5998 url(../images/common/sprite.png) no-repeat -367px 0;
    display: block;
    overflow: hidden;
    text-indent: -9999px
}
.m-news-grid__item.facebook .image:before {
    border-color: #3b5998
}
.m-news-grid__item.facebook .title a {
    color: #000
}
.m-news-grid__item.facebook .title a:hover,
.m-news-grid__item.facebook .title a:focus {
    color: #3b5998
}
.m-news-grid__item.facebook .title a:focus {
    outline-color: #3b5998
}
.m-news-grid__item.facebook.alt {
    background: #3b5998;
    color: #fff
}
.m-news-grid__item.facebook.alt .icon {
    background-color: #fff;
    background-position: -403px 0
}
.m-news-grid__item.twitter {
    border-top:1px solid #2aa6d4;
}
.m-news-grid__item.twitter a {
    color: #2aa6d4
}
.m-news-grid__item.twitter a:hover,
.m-news-grid__item.twitter a:focus {
    color: #000
}
.m-news-grid__item.twitter a:focus {
    outline-color: #000
}
.m-news-grid__item.twitter .icon {
    background: #2aa6d4 url(../images/common/sprite.png) no-repeat -367px -36px;
    display: block;
    overflow: hidden;
    text-indent: -9999px
}
.m-news-grid__item.twitter .image:before {
    border-color: #2aa6d4
}
.m-news-grid__item.twitter .title a {
    color: #000
}
.m-news-grid__item.twitter .title a:hover,
.m-news-grid__item.twitter .title a:focus {
    color: #2aa6d4
}
.m-news-grid__item.twitter .title a:focus {
    outline-color: #2aa6d4
}
.m-news-grid__item.twitter.alt {
    background: #2aa6d4;
    color: #fff
}
.m-news-grid__item.twitter.alt .icon {
    background-color: #fff;
    background-position: -403px -36px
}
.m-news-grid__item.google-plus{
    border-top:1px solid #dd4b39;
}
.m-news-grid__item.google-plus a {
    color: #dd4b39;
}
.m-news-grid__item.google-plus a:hover,
.m-news-grid__item.google-plus a:focus {
    color: #000
}
.m-news-grid__item.google-plus a:focus {
    outline-color: #000
}
.m-news-grid__item.google-plus .icon {
    background: #dd4b39 url(../images/common/sprite.png) no-repeat -367px -72px;
    display: block;
    overflow: hidden;
    text-indent: -9999px
}
.m-news-grid__item.google-plus .image:before {
    border-color: #dd4b39
}
.m-news-grid__item.google-plus .title a {
    color: #000
}
.m-news-grid__item.google-plus .title a:hover,
.m-news-grid__item.google-plus .title a:focus {
    color: #dd4b39
}
.m-news-grid__item.google-plus .title a:focus {
    outline-color: #dd4b39
}
.m-news-grid__item.google-plus.alt {
    background: #dd4b39;
    color: #fff
}
.m-news-grid__item.google-plus.alt .icon {
    background-color: #fff;
    background-position: -403px -72px
}
.m-news-grid__item.linked-in{
    border-top:1px solid #007bb6;
}
.m-news-grid__item.linked-in a {
    color: #007bb6
}
.m-news-grid__item.linked-in a:hover,
.m-news-grid__item.linked-in a:focus {
    color: #000
}
.m-news-grid__item.linked-in a:focus {
    outline-color: #000
}
.m-news-grid__item.linked-in .icon {
    background: #007bb6 url(../images/common/sprite.png) no-repeat -367px -108px;
    display: block;
    overflow: hidden;
    text-indent: -9999px
}
.m-news-grid__item.linked-in .image:before {
    border-color: #007bb6
}
.m-news-grid__item.linked-in .title a {
    color: #000
}
.m-news-grid__item.linked-in .title a:hover,
.m-news-grid__item.linked-in .title a:focus {
    color: #007bb6
}
.m-news-grid__item.linked-in .title a:focus {
    outline-color: #007bb6
}
.m-news-grid__item.linked-in.alt {
    background: #007bb6;
    color: #fff
}
.m-news-grid__item.linked-in.alt .icon {
    background-color: #fff;
    background-position: -403px -108px
}
.m-news-grid__item.you-tube{
    border-top:1px solid #dd4b39;
}
.m-news-grid__item.you-tube a {
    color: #dd4b39
}
.m-news-grid__item.you-tube a:hover,
.m-news-grid__item.you-tube a:focus {
    color: #000
}
.m-news-grid__item.you-tube a:focus {
    outline-color: #000
}
.m-news-grid__item.you-tube .icon {
    background: #dd4b39 url(../images/common/sprite.png) no-repeat -367px -144px;
    display: block;
    overflow: hidden;
    text-indent: -9999px
}
.m-news-grid__item.you-tube .image:before {
    border-color: #dd4b39
}
.m-news-grid__item.you-tube .title a {
    color: #000
}
.m-news-grid__item.you-tube .title a:hover,
.m-news-grid__item.you-tube .title a:focus {
    color: #dd4b39
}
.m-news-grid__item.you-tube .title a:focus {
    outline-color: #dd4b39
}
.m-news-grid__item.you-tube.alt {
    background: #dd4b39;
    color: #fff
}
.m-news-grid__item.you-tube.alt .icon {
    background-color: #fff;
    background-position: -403px -144px
}
.m-news-grid__item.instagram{
    border-top:1px solid #517fa4;
}
.m-news-grid__item.instagram a {
    color: #517fa4
}
.m-news-grid__item.instagram a:hover,
.m-news-grid__item.instagram a:focus {
    color: #000
}
.m-news-grid__item.instagram a:focus {
    outline-color: #000
}
.m-news-grid__item.instagram .icon {
    background: #517fa4 url(../images/common/sprite.png) no-repeat -367px -180px;
    display: block;
    overflow: hidden;
    text-indent: -9999px
}
.m-news-grid__item.instagram .image:before {
    border-color: #517fa4
}
.m-news-grid__item.instagram .title a {
    color: #000
}
.m-news-grid__item.instagram .title a:hover,
.m-news-grid__item.instagram .title a:focus {
    color: #517fa4
}
.m-news-grid__item.instagram .title a:focus {
    outline-color: #517fa4
}
.m-news-grid__item.instagram.alt {
    background: #517fa4;
    color: #fff
}
.m-news-grid__item.instagram.alt .icon {
    background-color: #fff;
    background-position: -403px -180px
}
.m-news-grid__item.soundcloud{
    border-top:1px solid #ff4700;
}
.m-news-grid__item.soundcloud a {
    color: #ff4700
}
.m-news-grid__item.soundcloud a:hover,
.m-news-grid__item.soundcloud a:focus {
    color: #000
}
.m-news-grid__item.soundcloud a:focus {
    outline-color: #000
}
.m-news-grid__item.soundcloud .icon {
    background: #ff4700 url(../images/common/sprite.png) no-repeat -367px -216px;
    display: block;
    overflow: hidden;
    text-indent: -9999px
}
.m-news-grid__item.soundcloud .image:before {
    border-color: #ff4700
}
.m-news-grid__item.soundcloud .title a {
    color: #000
}
.m-news-grid__item.soundcloud .title a:hover,
.m-news-grid__item.soundcloud .title a:focus {
    color: #ff4700
}
.m-news-grid__item.soundcloud .title a:focus {
    outline-color: #ff4700
}
.m-news-grid__item.soundcloud.alt {
    background: #ff4700;
    color: #fff
}
.m-news-grid__item.soundcloud.alt .icon {
    background-color: #fff;
    background-position: -403px -216px
}
.m-news-grid__item.alt a {
    color: #fff;
    text-decoration: underline
}
.m-news-grid__item.alt a:hover,
.m-news-grid__item.alt a:focus {
    color: #fff;
    text-decoration: none
}
.m-news-grid__item.alt a:focus {
    outline-color: #fff
}
.m-news-grid__item.alt .image:before {
    border-color: #fff
}
.m-news-grid__item.alt .title a {
    color: #fff;
    text-decoration: none
}
.m-news-grid__item.alt .title a:hover,
.m-news-grid__item.alt .title a:focus {
    color: #fff;
    text-decoration: underline
}
.m-news-grid__item.alt .title a:focus {
    color: #fff;
    outline-color: #fff
}
.m-news-grid--tight {
    padding-bottom: 0
}
.m-icon-bar {
    background: #14626a;
    color: #fff;
    margin: 0 -10px 20px -10px;
    padding: 15px
}
.m-icon-bar__inner {
    margin: 0 auto;
    padding: 0;
    max-width: 1200px
}
.m-icon-bar__inner>ul {
    font-size: 0;
    line-height: 0;
    margin: -15px 0 0 -15px;
    padding: 0;
    text-align: center
}
.m-icon-bar__inner>ul>li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-family: 'Athelas', Georgia, 'Times New Roman', serif;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    padding: 15px 0 0 15px;
    position: relative;
    vertical-align: top;
    width: 50%;
    z-index: 1
}
.m-icon-bar__inner>ul>li a {
    color: #fff;
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none
}
.m-icon-bar__inner>ul>li a img {
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 100px
}
.m-icon-bar__inner>ul>li a p {
    margin: 0;
    padding: 5px 0 0 0
}

@media screen and (min-width:788px) {
    .m-icon-bar__inner>ul>li a p {
        padding-top: 10px
    }
}

@media screen and (min-width:980px) {
    .m-icon-bar__inner>ul>li a p {
        padding-top: 15px
    }
}
.m-icon-bar__inner>ul>li a:hover,
.m-icon-bar__inner>ul>li a:focus {
    color: #fff;
    text-decoration: underline
}
.m-icon-bar__inner>ul>li a:focus {
    outline-color: #fff
}
.m-icon-bar__inner>ul>li:before {
    background: #fff;
    background: rgba(255, 255, 255, .8);
    bottom: 0;
    content: "";
    display: none;
    left: 7px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 15px;
    width: 1px;
    z-index: 1
}

@media screen and (min-width:620px) {
    .m-icon-bar__inner>ul>li:before {
        display: block
    }
}
.m-icon-bar__inner>ul>li:first-child:before {
    display: none
}

@media screen and (min-width:620px) {
    .m-icon-bar__inner>ul>li {
        width: 25%
    }
}

@media screen and (min-width:788px) {
    .m-icon-bar__inner>ul>li {
        font-size: 25px;
        line-height: 33px
    }
}

@media screen and (min-width:980px) {
    .m-icon-bar__inner>ul>li {
        font-size: 30px;
        line-height: 38px
    }
}

@media screen and (min-width:788px) {
    .m-icon-bar {
        margin: 0 -15px 30px -15px;
        padding: 20px
    }
}

@media screen and (min-width:980px) {
    .m-icon-bar {
        margin-bottom: 40px;
        padding: 30px 20px
    }
}

@media screen and (min-width:1100px) {
    .m-icon-bar {
        margin-bottom: 50px;
        padding: 40px 20px
    }
}

@media screen and (min-width:1300px) {
    .m-icon-bar {
        margin: 0 -40px 60px -40px;
        padding: 45px 20px
    }
}
.m-icon-bar.sky {
    background: #6bc3cb
}
.m-icon-bar.mint {
    background: #80bd76
}
.m-icon-bar.sunshine {
    background: #fcc22d
}
.m-icon-bar.terracotta {
    background: #ed8165
}
.m-icon-bar.lilac {
    background: #aca3ce
}
.m-icon-bar--tight {
    margin-bottom: 0
}
.m-latest-news {
    margin: 0;
    padding: 0 0 20px 0
}
.m-latest-news__inner {
    font-size: 0;
    line-height: 0;
    margin: -10px 0 0 -5px;
    padding: 0
}

@media screen and (min-width:1100px) {
    .m-latest-news__inner {
        margin: -25px 0 0 -25px
    }
}

@media screen and (min-width:1300px) {
    .m-latest-news__inner {
        margin: -35px 0 0 -35px
    }
}
.m-latest-news__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 10px 0 0 5px;
    vertical-align: top;
    width: 100%
}

@media screen and (min-width:788px) {
    .m-latest-news__item {
        width: 33.3333%
    }
}

@media screen and (min-width:1100px) {
    .m-latest-news__item {
        float: left;
        padding: 25px 0 0 25px;
        width: 52%
    }
}

@media screen and (min-width:1300px) {
    .m-latest-news__item {
        padding: 35px 0 0 35px
    }
}

@media screen and (min-width:1100px) {
    .m-latest-news__item--item-1 {
        padding-right: 35px
    }
}

@media screen and (min-width:1100px) {
    .m-latest-news__item--item-2,
    .m-latest-news__item--item-3 {
        padding-left: 5px;
        width: 24%
    }
}

@media screen and (min-width:1100px) {
    .m-latest-news__item--item-4 .m-feature a picture,
    .m-latest-news__item--item-4 .m-feature a img {
        display: none
    }
}

@media screen and (min-width:788px) {
    .m-latest-news__item--item-4 .m-feature a .content .inner {
        min-height: 80px;
        height: auto !important;
        height: 80px
    }
}

@media screen and (min-width:788px) {
    .m-latest-news__item--item-4 {
        width: auto
    }
}

@media screen and (min-width:1100px) {
    .m-latest-news__item--item-4 {
        float: right;
        padding-left: 5px;
        width: 48%
    }
}

@media screen and (min-width:788px) {
    .m-latest-news {
        padding-bottom: 30px
    }
}

@media screen and (min-width:980px) {
    .m-latest-news {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-latest-news {
        padding-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-latest-news {
        padding-bottom: 60px
    }
}
.m-latest-news--tight {
    padding-bottom: 0
}
.m-link-list {
    margin: 0;
    padding: 0 0 20px 0;
    text-align: center
}
.m-link-list__title {
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    padding: 0 0 15px 0
}
.m-link-list__inner {
    margin: 0;
    padding: 0
}
.m-link-list__content {
    margin: 0;
    padding: 0
}
.m-link-list__menu {
    font-size: 0;
    line-height: 0;
    margin: -5px 0 0 0;
    padding: 0
}
.m-link-list__menu__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 5px 10px 0 10px;
    position: relative;
    vertical-align: top;
    z-index: 1
}
.m-link-list__menu__item:before {
    background: #999;
    content: "";
    display: block;
    height: 17px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 9px;
    width: 1px;
    z-index: 1
}

@media screen and (min-width:980px) {
    .m-link-list__menu__item {
        padding: 5px 15px 0 15px
    }
}

@media screen and (min-width:1100px) {
    .m-link-list__menu__item {
        padding: 5px 20px 0 20px
    }
}
.m-link-list__menu__item:last-child:before {
    display: none
}
.m-link-list__menu__link {
    display: inline-block;
    margin: 0;
    padding: 0
}
.m-link-list__feed {
    margin: 0;
    padding: 20px 0 0 0
}
.m-link-list__feed__link {
    min-height: 26px;
    height: auto !important;
    height: 26px;
    display: inline-block;
    margin: 0;
    padding: 3px 0 0 39px;
    position: relative;
    z-index: 1
}
.m-link-list__feed__link:before {
    background: #ffa500 url(../images/common/sprite.png) no-repeat -271px -215px;
    content: "";
    display: block;
    height: 29px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 29px;
    z-index: 1
}

@media screen and (min-width:980px) {
    .m-link-list__feed {
        padding-top: 25px
    }
}

@media screen and (min-width:788px) {
    .m-link-list {
        padding-bottom: 30px
    }
}

@media screen and (min-width:980px) {
    .m-link-list {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-link-list {
        padding-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-link-list {
        padding-bottom: 60px
    }
}
.m-link-list--tight {
    padding-bottom: 0
}
.m-tweets {
    margin: 0 0 20px 0;
    padding: 0
}
.m-tweets__inner {
    margin: 0;
    padding: 0
}
.m-tweets__content {
    background: #80bd76;
    margin: 0;
    padding: 50px 20px 20px 20px;
    position: relative;
    z-index: 1
}
.m-tweets__content .title {
    font-size: 25px;
    line-height: 33px;
    margin: 0;
    padding: 0 0 15px 0;
    text-align: center
}

@media screen and (min-width:980px) {
    .m-tweets__content .title {
        font-size: 30px;
        line-height: 38px;
        padding-bottom: 20px
    }
}

@media screen and (min-width:1100px) {
    .m-tweets__content .title {
        padding-bottom: 25px
    }
}

@media screen and (min-width:1300px) {
    .m-tweets__content .title {
        padding-bottom: 35px
    }
}
.m-tweets__content .tweets {
    margin: 0;
    padding: 0
}
.m-tweets__content .tweets li {
    margin: 0;
    padding: 20px 0 0 0
}
.m-tweets__content .tweets li a {
    text-decoration: none
}
.m-tweets__content .tweets li a:hover,
.m-tweets__content .tweets li a:focus {
    text-decoration: underline
}

@media screen and (min-width:980px) {
    .m-tweets__content .tweets li {
        padding-top: 25px
    }
}

@media screen and (min-width:1100px) {
    .m-tweets__content .tweets li {
        padding-top: 30px
    }
}
.m-tweets__content .tweets li:first-child {
    padding-top: 0
}

@media screen and (min-width:788px) {
    .m-tweets__content .tweets {
        min-height: 550px;
        height: auto !important;
        height: 550px
    }
}

@media screen and (min-width:980px) {
    .m-tweets__content .tweets {
        min-height: 500px;
        height: auto !important;
        height: 500px
    }
}
.m-tweets__content .embed {
    margin: 0 auto;
    padding: 0;
    max-width: 520px
}
.m-tweets__content .embed iframe {
    display: block !important;
    height: 300px !important;
    margin: 0;
    padding: 0;
    width: 100% !important
}

@media screen and (min-width:788px) {
    .m-tweets__content .embed iframe {
        height: 500px !important
    }
}

@media screen and (min-width:980px) {
    .m-tweets__content .embed iframe {
        height: 450px !important
    }
}

@media screen and (min-width:788px) {
    .m-tweets__content .embed {
        min-height: 550px;
        height: auto !important;
        height: 550px
    }
}

@media screen and (min-width:980px) {
    .m-tweets__content .embed {
        min-height: 500px;
        height: auto !important;
        height: 500px
    }
}
.m-tweets__content .form-action {
    margin: 0;
    padding: 30px 0 0 0
}
.m-tweets__content .form-action .form-button:hover,
.m-tweets__content .form-action .form-button:focus {
    background: #fff;
    border-color: #fff;
    color: #000
}
.m-tweets__content .form-action .form-button:focus {
    outline-color: #fff
}

@media screen and (min-width:788px) {
    .m-tweets__content .form-action {
        bottom: 20px;
        left: 20px;
        padding: 0;
        position: absolute;
        right: 20px;
        max-height: 60px;
        z-index: 1
    }
}

@media screen and (min-width:1100px) {
    .m-tweets__content .form-action {
        bottom: 40px;
        left: 40px;
        right: 40px
    }
}

@media screen and (min-width:1300px) {
    .m-tweets__content .form-action {
        bottom: 60px;
        left: 60px;
        right: 60px
    }
}
.m-tweets__content:before {
    background: url(../images/common/sprite.png) no-repeat -300px -215px;
    content: "";
    display: block;
    height: 34px;
    left: 50%;
    margin: 0 0 0 -17px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 34px;
    z-index: 1
}

@media screen and (min-width:788px) {
    .m-tweets__content {
        padding-bottom: 95px
    }
}

@media screen and (min-width:1100px) {
    .m-tweets__content {
        padding: 60px 40px 115px 40px
    }
}

@media screen and (min-width:1300px) {
    .m-tweets__content {
        padding: 60px 60px 135px 60px
    }
}
.m-tweets__content.sky {
    background: #6bc3cb
}
.m-tweets__content.sunshine {
    background: #fcc22d
}
.m-tweets__content.lilac {
    background: #aca3ce
}
.m-tweets__content.terracotta {
    background: #ed8165
}

@media screen and (min-width:788px) {
    .m-tweets {
        margin-bottom: 30px
    }
}

@media screen and (min-width:980px) {
    .m-tweets {
        margin-bottom: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-tweets {
        margin-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-tweets {
        margin-bottom: 60px
    }
}
.m-tweets--tight {
    margin-bottom: 0
}
.m-tabs {
    margin: 0;
    overflow: hidden;
    padding: 0 0 20px 0
}
.m-tabs__nav {
    background: #14626a;
    color: #fff;
    font-size: 0;
    line-height: 0;
    margin: 0 0 0 -1px;
    padding: 0
}
.m-tabs__nav__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 0 1px;
    padding: 0;
    vertical-align: top;
    max-width: 25%
}
.m-tabs__nav__link {
    background: #14626a;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 10px 15px;
    text-decoration: none
}
.m-tabs__nav__link:hover,
.m-tabs__nav__link:focus {
    background: #269cab;
    color: #000;
    text-decoration: none
}
.m-tabs__nav__link.selected {
    background: #6bc3cb;
    color: #000;
    outline-color: #000
}

@media screen and (min-width:788px) {
    .m-tabs__nav__link {
        font-size: 18px;
        line-height: 26px;
        padding: 15px 20px
    }
}

@media screen and (min-width:980px) {
    .m-tabs__nav__link {
        font-size: 20px;
        line-height: 28px;
        padding: 20px 30px
    }
}

@media screen and (min-width:1100px) {
    .m-tabs__nav__link {
        padding: 20px 35px
    }
}
.sunshine .m-tabs__nav__link {
    background: #816713
}
.sunshine .m-tabs__nav__link:hover,
.sunshine .m-tabs__nav__link:focus {
    background: #d4a624;
    color: #000
}
.sunshine .m-tabs__nav__link.selected {
    background: #fcc22d;
    color: #000
}
.lilac .m-tabs__nav__link {
    background: #5d576d
}
.lilac .m-tabs__nav__link:hover,
.lilac .m-tabs__nav__link:focus {
    background: #948cb0;
    color: #000
}
.lilac .m-tabs__nav__link.selected {
    background: #aca3ce;
    color: #000
}
.mint .m-tabs__nav__link {
    background: #43663f
}
.mint .m-tabs__nav__link:hover,
.mint .m-tabs__nav__link:focus {
    background: #6fa266;
    color: #000
}
.mint .m-tabs__nav__link.selected {
    background: #80bd76;
    color: #000
}
.terracotta .m-tabs__nav__link {
    background: #7d4634
}
.terracotta .m-tabs__nav__link:hover,
.terracotta .m-tabs__nav__link:focus {
    background: #ca6f57;
    color: #000
}
.terracotta .m-tabs__nav__link.selected {
    background: #ed8165;
    color: #000
}
.no-js .m-tabs__nav {
    margin-bottom: 15px
}
.sunshine .m-tabs__nav {
    background: #816713
}
.lilac .m-tabs__nav {
    background: #5d576d
}
.mint .m-tabs__nav {
    background: #43663f
}
.terracotta .m-tabs__nav {
    background: #7d4634
}
.m-tabs__inner {
    margin: 0;
    padding: 0
}
.m-tabs__tab {
    background: #6bc3cb;
    margin: 0;
    padding: 15px
}
.m-tabs__tab__inner {
    background: #fff;
    margin: 0;
    padding: 15px
}

@media screen and (min-width:788px) {
    .m-tabs__tab__inner {
        padding: 20px
    }
}
.no-js .m-tabs__tab__inner {
    padding: 0
}
.m-tabs__tab__offset {
    margin: -15px
}

@media screen and (min-width:788px) {
    .m-tabs__tab__offset {
        margin: -20px
    }
}

@media screen and (min-width:788px) {
    .m-tabs__tab {
        padding: 20px
    }
}

@media screen and (min-width:980px) {
    .m-tabs__tab {
        padding: 25px
    }
}

@media screen and (min-width:1100px) {
    .m-tabs__tab {
        padding: 30px
    }
}

@media screen and (min-width:1300px) {
    .m-tabs__tab {
        padding: 35px
    }
}
.no-js .m-tabs__tab {
    padding: 0
}
.sunshine .m-tabs__tab {
    background: #fcc22d
}
.lilac .m-tabs__tab {
    background: #aca3ce
}
.mint .m-tabs__tab {
    background: #80bd76
}
.terracotta .m-tabs__tab {
    background: #ed8165
}

@media screen and (min-width:788px) {
    .m-tabs {
        padding-bottom: 30px
    }
}

@media screen and (min-width:980px) {
    .m-tabs {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1100px) {
    .m-tabs {
        padding-bottom: 50px
    }
}

@media screen and (min-width:1300px) {
    .m-tabs {
        padding-bottom: 60px
    }
}
.m-tabs--offset {
    margin: 0 -10px
}

@media screen and (min-width:788px) {
    .m-tabs--offset {
        margin: 0 -15px
    }
}

@media screen and (min-width:1300px) {
    .m-tabs--offset {
        margin: 0 -40px
    }
}
.m-tabs--tight {
    padding-bottom: 0
}
.m-share {
    margin: 0;
    padding: 0
}
.m-share__inner {
    margin: 0;
    padding: 0
}
.m-share__menu {
    font-size: 0;
    line-height: 0;
    margin: -8px 0 0 -8px;
    padding: 0
}
.m-share__menu__item {
    display: inline-block;
    height: 36px;
    margin: 0;
    padding: 8px 0 0 8px;
    width: 36px
}
.m-share__menu__link {
    background: #3b5998 url(../images/common/sprite.png) no-repeat 0 -215px;
    display: block;
    height: 36px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px
}
.m-share__menu__link:hover,
.m-share__menu__link:focus {
    background-color: #2d4373
}
.m-share__menu__link:focus {
    outline-color: #000
}
.m-share__menu__link--twitter {
    background-color: #2aa6d4;
    background-position: -36px -215px
}
.m-share__menu__link--twitter:hover,
.m-share__menu__link--twitter:focus {
    background-color: #2285a9
}
.m-share__menu__link--linked-in {
    background-color: #007bb6;
    background-position: -72px -215px
}
.m-share__menu__link--linked-in:hover,
.m-share__menu__link--linked-in:focus {
    background-color: #005983
}
.m-share__menu__link--google-plus {
    background-color: #dd4b39;
    background-position: -108px -215px
}
.m-share__menu__link--google-plus:hover,
.m-share__menu__link--google-plus:focus {
    background-color: #c23321
}
.offscreen {
    height: 0;
    left: -9999px;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
    width: 0;
    z-index: -1
}
.hide {
    display: none
}

@media screen and (max-width:499px) {
    .hide-on-mobile {
        display: none
    }
}

@media screen and (min-width:500px) {
    @media screen and (max-width: 619px) {
        .hide-on-mobile-large {
            display: none
        }
    }
}

@media screen and (max-width:499px) {
    .hide-on-mobile-large-or-less {
        display: none
    }
}

@media screen and (min-width:500px) {
    .hide-on-mobile-large-or-more {
        display: none
    }
}

@media screen and (min-width:620px) {
    @media screen and (max-width: 787px) {
        .hide-on-tablet {
            display: none
        }
    }
}

@media screen and (max-width:619px) {
    .hide-on-tablet-or-less {
        display: none
    }
}

@media screen and (min-width:620px) {
    .hide-on-tablet-or-more {
        display: none
    }
}

@media screen and (min-width:788px) {
    @media screen and (max-width: 979px) {
        .hide-on-tablet-large {
            display: none
        }
    }
}

@media screen and (max-width:787px) {
    .hide-on-tablet-large-or-less {
        display: none
    }
}

@media screen and (min-width:788px) {
    .hide-on-tablet-large-or-more {
        display: none
    }
}

@media screen and (min-width:980px) {
    @media screen and (max-width: 1099px) {
        .hide-on-desktop {
            display: none
        }
    }
}

@media screen and (max-width:979px) {
    .hide-on-desktop-or-less {
        display: none
    }
}

@media screen and (min-width:980px) {
    .hide-on-desktop-or-more {
        display: none
    }
}

@media screen and (min-width:1100px) {
    @media screen and (max-width: 1299px) {
        .hide-on-desktop-large {
            display: none
        }
    }
}

@media screen and (max-width:1099px) {
    .hide-on-desktop-large-or-less {
        display: none
    }
}

@media screen and (min-width:1100px) {
    .hide-on-desktop-large-or-more {
        display: none
    }
}

@media screen and (min-width:1300px) {
    .hide-on-large {
        display: none
    }
}

@media screen and (max-width:1299px) {
    .hide-on-large-or-less {
        display: none
    }
}
.touchevents .hide-on-touch {
    display: none
}
.no-touchevents .show-on-touch {
    display: none
}
.js .hide-on-js {
    display: none
}
.no-js .show-on-js {
    display: none
}
.align-center {
    text-align: center
}
.align-right {
    text-align: right
}
.align-justify {
    text-align: justify
}
.clearfix:after,
.form-wrapper:after,
.form-row:after,
.form-action:after,
.cms:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

* html .clearfix,
* html .form-wrapper,
* html .form-row,
* html .form-action,
* html .cms {
    height: 1%
}


/* GOOGLE Search */

img.gcsc-branding-img-noclear{max-width:inherit}

table.table-wrap th, table.table-wrap td {
    padding: 12px 20px;
}
table.table-wrap {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
table th, table td {padding:0}
#results h3{
	font-family: 'Open Sans', sans-serif; 
	font-size:20px;
	margin: 5px 0px;
	padding: 0;
	color: #14626a;
}
#results h3 a{
  color: #14626a;
}
#results h3 a:hover{
  text-decoration: none;
}
#results ul {
  list-style: none !important;
}
#searchresults{
  margin-bottom: 30px;
}
#searchresults #statistics{
  margin: 15px 0 5px 5px;
}
#searchresults #pagination{
  text-align: center;
  margin: 0 auto 0 auto;
  width: 50%;
  padding: 5px;
}
#searchresults #pagination a{
  padding: 0 5px;
  color: #14626a;
}
#searchresults #pagination .sel{
  text-decoration: none;
  color: #000000;
}
.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
  width: 90%!important;
  font-family: 'Open Sans', sans-serif!important;
  font-size : 100%!important;
}
.gsc-webResult .gsc-result {
  padding: 0!important;
}

.gsc-results .gsc-cursor {
margin-left:20px!important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #14626a!important;
  padding-right: 8px!important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #000!important;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  font-size: 18px!important;
}
input.gsc-input {
  border-color: #aaa!important;
	padding-top:4px!important;
	padding-bottom:4px!important;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b,
.gs-spelling a {
    color: #14626a!important;
	text-decoration:underline!important;
	
  }
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b {
  text-decoration:none!important;
}

.gsc-webResult .gsc-result {
  border-bottom: 0!important;
}
.gsc-above-wrapper-area {
  border-bottom: 0!important;
  padding:0!important;
}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
    color: #666!important;
}
.gsc-results .gsc-cursor-box {
    text-align: center!important;
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top, .gsc-result-info {
	padding-left:0!important;
	padding-right:0!important;
}
.cse .gsc-control-cse, .gsc-control-cse {
	padding:1em 0!important;
}
@media screen and (min-width:980px) {
.cse .gsc-control-cse, .gsc-control-cse {
	margin-top:-30px;
}
}
@media screen and (min-width:1100px) {
.cse .gsc-control-cse, .gsc-control-cse {
	margin-top:-40px;
}
}
.gs-spelling {
	padding-left:0!important;
	padding-right:0!important;
}
.gs-spelling-original {
	padding-bottom:10px;
}
.gsc-webResult.gsc-result {margin-bottom:10px!important}
table.gsc-above-wrapper-area-container{margin-bottom:0}
.gsc-input-box {
	height:35px!important;
	border-color:#ccc!important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {padding-right:0!important}
table.gsc-search-box {border:1px solid #aaa!important;}
td.gsc-search-button {background:#aaa!important;}
td.gsc-search-button:hover {background:#000!important;}
.cse .gsc-search-button, .gsc-search-button, .gsc-search-button:hover, .gsc-search-button:focus {border:0!important; background-color:transparent!important;background-image:none!important;}

.cse .gsc-search-button .gsc-search-button-v2, .gsc-search-button-v2 {
    height: 13px;
    margin-top: 2px;
    min-width: 13px;
    padding: 6px 27px;
    width: 13px;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {border-color:#fff!important; box-shadow:none!important}
input.s {border-color:#ccc!important}
.cse .gsc-search-button .gsc-search-button-v2, .gsc-search-button-v2 {
	margin-top:-13px!important;
	padding:14px!important;
	cursor: pointer!important;
}
.gsc-result-info {display:none}

.gsc-control-searchbox-only {
	margin-top:20px;
}
@media screen and (min-width:980px) {
.gsc-control-searchbox-only {
	width:300px;
	margin-top:0;
}
}

.gsc-tabsArea {
    font-size: 16px!important;
	border-color: #1ab7c9!important;
	height: 39px!important;
}
.gsc-tabHeader.gsc-tabhInactive {
    color: #000!important;
	border-right: 1px solid #fff!important;
}
.gsc-tabHeader.gsc-tabhInactive:hover {
    background:#fff;
}
.gsc-tabHeader {
    font-weight: normal!important;
    height: 27px;
    line-height: 27px;
    padding: 5px 20px 6px!important;
}
.gsc-webResult.gsc-result.gsc-promotion {
    padding: 20px!important;
}

.gsc-tabsArea > div {
    height: 40px!important;
}
.gs-promotion div.gs-visibleUrl-long {
    word-break:break-all;
}
.gs-promotion-text-cell .gs-visibleUrl, .gs-promotion-text-cell .gs-snippet {
    font-size: 16px!important;
}
@media screen and (max-width:950px) {
	.gsc-tabsArea, .gsc-tabsArea > div {height: auto!important;}
	.gsc-tabsArea {border: 0!important;}
	.gsc-tabHeader.gsc-tabhActive {border-color: #1ab7c9!important;}
	.gsc-tabHeader.gsc-tabhInactive {border-bottom: 1px solid #fff!important;}
}
.redText {color:#e30613}