<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* Light/Pebble colour
@buttText: #323b40;
@buttHoverText: #323b40;
@buttBg: #dce1df;
@buttHoverBg: #fff;
@buttActiveText: #36312d;
@buttActiveBg: #fff;

Rhino: #323b40
Pebble: #dce1df
Teal: #008c9b
*/
/* 1. Button Colours
-----------------------------------------------------------------------------------------------
===============================================================================================*/
body.contact-and-complaints-about.subSubSection1 li.subSubSectionLink1 a.button,
body.contact-and-complaints-about.subSubSection1 li.subSubSectionLink1 a.buttonIcon,
body.contact-and-complaints.subSubSection1 li.subSubSectionLink1 a.buttonIcon span.icon,
body.contact-and-complaints.subSubSection1 li.subSubSectionLink1 a.button span.icon,
body.contact-and-complaints.subSubSection1 li.subSubSectionLink1 a.button span.label,
body.contact-and-complaints.subSubSection2 li.subSubSectionLink2 a.button,
body.contact-and-complaints.subSubSection2 li.subSubSectionLink2 a.buttonIcon,
body.contact-and-complaints.subSubSection2 li.subSubSectionLink2 a.buttonIcon span.icon,
body.contact-and-complaints.subSubSection2 li.subSubSectionLink2 a.button span.icon,
body.contact-and-complaints.subSubSection2 li.subSubSectionLink2 a.button span.label,
body.contact-and-complaints.subSubSection3 li.subSubSectionLink3 a.button,
body.contact-and-complaints.subSubSection3 li.subSubSectionLink3 a.buttonIcon,
body.contact-and-complaints.subSubSection3 li.subSubSectionLink3 a.buttonIcon span.icon,
body.contact-and-complaints.subSubSection3 li.subSubSectionLink3 a.button span.icon,
body.contact-and-complaints.subSubSection3 li.subSubSectionLink3 a.button span.label,
body.contact-and-complaints.subSubSection4 li.subSubSectionLink4 a.button,
body.contact-and-complaints.subSubSection4 li.subSubSectionLink4 a.buttonIcon,
body.contact-and-complaints.subSubSection4 li.subSubSectionLink4 a.buttonIcon span.icon,
body.contact-and-complaints.subSubSection4 li.subSubSectionLink4 a.button span.icon,
body.contact-and-complaints.subSubSection4 li.subSubSectionLink4 a.button span.label,
body.contact-and-complaints.subSubSection5 li.subSubSectionLink5 a.button,
body.contact-and-complaints.subSubSection5 li.subSubSectionLink5 a.buttonIcon,
body.contact-and-complaints.subSubSection5 li.subSubSectionLink5 a.buttonIcon span.icon,
body.contact-and-complaints.subSubSection5 li.subSubSectionLink5 a.button span.icon,
body.contact-and-complaints.subSubSection5 li.subSubSectionLink5 a.button span.label,
body.contact-and-complaints.subSubSection6 li.subSubSectionLink6 a.button,
body.contact-and-complaints.subSubSection6 li.subSubSectionLink6 a.buttonIcon,
body.contact-and-complaints.subSubSection6 li.subSubSectionLink6 a.buttonIcon span.icon,
body.contact-and-complaints.subSubSection6 li.subSubSectionLink6 a.button span.icon,
body.contact-and-complaints.subSubSection6 li.subSubSectionLink6 a.button span.label,
body.contact-and-complaints.subSubSection7 li.subSubSectionLink7 a.button,
body.contact-and-complaints.subSubSection7 li.subSubSectionLink7 a.buttonIcon,
body.contact-and-complaints.subSubSection7 li.subSubSectionLink7 a.buttonIcon span.icon,
body.contact-and-complaints.subSubSection7 li.subSubSectionLink7 a.button span.icon,
body.contact-and-complaints.subSubSection7 li.subSubSectionLink7 a.button span.label,
body.contact-and-complaints.subSubSection8 li.subSubSectionLink8 a.button,
body.contact-and-complaints.subSubSection8 li.subSubSectionLink8 a.buttonIcon,
body.contact-and-complaints.subSubSection8 li.subSubSectionLink8 a.buttonIcon span.icon,
body.contact-and-complaints.subSubSection8 li.subSubSectionLink8 a.button span.icon,
body.contact-and-complaints.subSubSection8 li.subSubSectionLink8 a.button span.label,
body.contact-and-complaints.subSubSection9 li.subSubSectionLink9 a.button,
body.contact-and-complaints.subSubSection9 li.subSubSectionLink9 a.buttonIcon,
body.contact-and-complaints.subSubSection9 li.subSubSectionLink9 a.buttonIcon span.icon,
body.contact-and-complaints.subSubSection9 li.subSubSectionLink9 a.button span.icon,
body.contact-and-complaints.subSubSection9 li.subSubSectionLink9 a.button span.label,
body.contact-and-complaints.subSSubection10 li.subSubSectionLink10 a.button,
body.contact-and-complaints.subSubSection10 li.subSubSectionLink10 a.buttonIcon body.contact-and-complaints.subSubSection10 li.subSubSectionLink10 a.buttonIcon span.icon,
body.contact-and-complaints.subSubSection10 li.subSubSectionLink10 a.button span.icon,
body.contact-and-complaints.subSubSection10 li.subSubSectionLink10 a.button span.label {
  color: #36312d;
}


.contact-and-complaints.greenUI a.button,
.contact-and-complaints.greenUI a.buttonIcon,
.contact-and-complaints .buttonIconInner,
.contact-and-complaints .buttonInner,
.contact-and-complaints .buttonIconInner,
.contact-and-complaints .buttonInner {
  color: #323b40;
}
.contact-and-complaints .s4cContent div.masonryItemInfo a,
.contact-and-complaints .s4cContent div.masonryItemInfo a span.icon {
  color: #323b40;
}
.contact-and-complaints .s4cContent div.masonryItemInfo a:hover,
.contact-and-complaints .s4cContent div.masonryItemInfo a span.icon:hover {
  color: #323b40;
}
.contact-and-complaints .s4cContent a.button,
.contact-and-complaints .s4cContent a.buttonIcon {
  background: #dce1df;
  color: #323b40;
}
.contact-and-complaints .s4cContent a.button span.skew,
.contact-and-complaints .s4cContent a.buttonIcon span.skew {
  background: #fff;
  color: #323b40;
}
.contact-and-complaints .buttonIconInner:hover,
.contact-and-complaints .buttonInner:hover {
  color: #323b40;
}
.contact-and-complaints.greenUI a.button:hover span.icon,
.contact-and-complaints.greenUI a.buttonIcon:hover span.icon {
  color: #323b40;
}
.contact-and-complaints a.button span.icon,
.contact-and-complaints a.buttonIcon span.icon {
  color: #323b40;
}
.contact-and-complaints .lightBG a,
.contact-and-complaints .darkBG a {
  color: #323b40;
}
.contact-and-complaints .lightBG a:hover,
.contact-and-complaints .darkBG a:hover {
  color: #323b40;
}
.contact-and-complaints .actions a.button,
.contact-and-complaints .actions a.buttonIcon {
  background: #dce1df;
  color: #323b40;
}
.contact-and-complaints .s4cContent a.button,
.contact-and-complaints .s4cContent a.buttonIcon {
  background: #dce1df;
  color: #323b40;
}
.contact-and-complaints .s4cContent a.button span.skew,
.contact-and-complaints .s4cContent a.buttonIcon span.skew {
  background: #fff;
  color: #323b40;
}
.contact-and-complaints .buttonIconInner:hover,
.buttonInner:hover {
  color: #323b40;
}
.contact-and-complaints.greenUI a.button{
  background: #dce1df;
}
.contact-and-complaints.greenUI a.button .buttonInner{
    color: #323b40;
}

.greenUI a.button:hover span.icon,
.greenUI a.buttonIcon:hover span.icon {
  color: #323b40;
}
.contact-and-complaints strong {
  font-weight: bold;
}
.contact-and-complaints a.button span.icon,
.contact-and-complaints a.buttonIcon span.icon {
  color: #323b40;
}
.contact-and-complaints.greenUI a.carouselControl {
  background: #dce1df;
}
.contact-and-complaints.s4cSection2 ul.feedLinks span.icon {
  color: #36312d;
}
.contact-and-complaints.s4cSection2 .masonryGridItem a:hover {
  color: #36312d;
}
.contact-and-complaints.s4cSection2 ul.feedLinks a:hover span.icon,
.contact-and-complaints.s4cSection2 ul.feedLinks a:focus span.icon {
  color: #36312d;
}
ul.feedLinks a:hover,
ul.feedLinks a:focus {
  -webkit-box-shadow: inset -30px 0 0 0 #dce1df;
  -moz-box-shadow: inset -30px 0 0 0 #dce1df;
}
/* Custom Styles */
.contact-and-complaints.darkBG .carouselControls a.carouselControl,
.contact-and-complaints.lightBG .carouselControls a.carouselControl {
  color: #323b40;
}
.contact-and-complaints.greenUI a.carouselControl:hover {
  background: #fff;
}
.contact-and-complaints hr {
  background: #dce1df;
}
.contact-and-complaints .s4cContent div.masonryItemInfo h2 a,
.contact-and-complaints .s4cContent div.masonryItemInfo h2 a:hover {
  color: #33312D;
}
.contact-and-complaints strong {
  font-weight: bold;
}



.contact-and-complaints {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: repeat-x;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 0;
}

@media screen and (max-width: 1600px) {
    .contact-and-complaints {
        background-size: initial;
    }
}



.contact-and-complaints .hero {
  margin-bottom: 0;
  border-top: 1px solid #fff;
}
.contact-and-complaints .explore-main .masonryGridItemContent {
  background: none;
  color: #fff;
}
.music-4.contact-and-complaints .subSectionMenu,
.cerddoriaeth-4.contact-and-complaints .subSectionMenu,
.drama-2.contact-and-complaints .subSectionMenu,
.drama-3.contact-and-complaints .subSectionMenu,
.ffeithiol-2.contact-and-complaints .subSectionMenu,
.factual-2.contact-and-complaints .subSectionMenu,
.adloniant-3.contact-and-complaints .subSectionMenu,
.entertainment-3.contact-and-complaints .subSectionMenu {
  padding-bottom: 5%;
}
.contact-and-complaints .explore-main .masonryItemInfo,
.contact-and-complaints .explore-main .masonryItemInfo p {
  font-size: 1.9rem;
}
body.subSection.pori-10.contact-and-complaints .sectionHeading,
body.subSection.explore-10.contact-and-complaints .sectionHeading {
  padding: 2% 20px 0;
}
.pori-10.contact-and-complaints h1.largeHeading,
.explore-10.contact-and-complaints h1.largeHeading {
  padding: 4% 0 0;
}
.contact-and-complaints .sponsor {
  padding: 5.5% 0;
}
.contact-and-complaints div.masonryItemInfo ul li {
  list-style: outside none disc;
  margin: 0 0 0.5em 1em;
}
.contact-and-complaints #contact-form {
  padding: 25px 0 20px;
}

.contact-and-complaints #contact-form label span {
  cursor: pointer;
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
  margin: 5px 0;
}
.contact-and-complaints #contact-form input[type="text"],
.contact-and-complaints #contact-form input[type="email"],
.contact-and-complaints #contact-form input[type="tel"],
.contact-and-complaints #contact-form input[type="url"],
.contact-and-complaints #contact-form textarea,
.contact-and-complaints #contact-form select {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
  margin: 0 0 5px;
  padding: 10px;
  width: 100%;
}
.contact-and-complaints #contact-form select {
  height: 50px;
}
.contact-and-complaints #contact-form input[type="text"]:hover,
.contact-and-complaints #contact-form input[type="email"]:hover,
.contact-and-complaints #contact-form input[type="tel"]:hover,
.contact-and-complaints #contact-form input[type="url"]:hover,
.contact-and-complaints #contact-form textarea:hover,
.contact-and-complaints #contact-form select:hover {
  border: 1px solid #aaa;
  transition: border-color 0.3s ease-in-out 0s;
}
.contact-and-complaints #contact-form input[type="checkbox"] {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
  margin: 0 0 5px;
  padding: 10px;
}
.contact-and-complaints #contact-form input[type="checkbox"]:hover {
  border: 1px solid #aaa;
  transition: border-color 0.3s ease-in-out 0s;
}
.contact-and-complaints #contact-form textarea {
  height: 100px;
  max-width: 100%;
}
.contact-and-complaints #contact-form select {
  height: 50px;
  max-width: 100%;
}
.contact-and-complaints #contact-form button[type="submit"] {
  background: #323b40;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 0 0 5px;
  max-width: 250px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.contact-and-complaints #contact-form button[type="submit"]:hover {
  background: none repeat scroll 0 0 #323b40;
  transition: background-color 0.3s ease-in-out 0s;
}
.contact-and-complaints #contact-form button[type="submit"]:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.contact-and-complaints #contact-form input:focus,
.contact-and-complaints #contact-form textarea:focus {
  border: 1px solid #999;
  outline: 0 none;
}
.contact-and-complaints #name_trp {
  display: none;
}

.contact-and-complaints table{
margin-bottom: 40px;
font-size: 18px;
text-align: left;
    line-height: 1.4
}
@media (max-width: 1000px){
 .contact-and-complaints .masonryGrid{
   width: 100% !important;
   padding: 0;
 }
.contact-and-complaints .cookies h4{
 padding: 0 10px;
}
.contact-and-complaints table{
  font-size: 14px;
width: auto;
}
.contact-and-complaints table td{
   /*overflow: scroll;*/
}
.contact-and-complaints #content-2col-col2{
 position: relative !important;
overflow: scroll;
}
}
@media (max-width: 768px){

}
.contact-and-complaints .cookies h4{font-weight: 700; text-transform: uppercase;}
.contact-and-complaints table td, .contact-and-complaints table th{
padding: 12px;
    padding-bottom: 24px;
 color: #4d4d4d;
}
.contact-and-complaints table tr:nth-of-type(even) td{
    background: #dce1df;
}
.contact-and-complaints table.cookies tr.end td,.contact-and-complaints table.cookies tbody th{
border-bottom: 1px solid #36312d;
}
.contact-and-complaints table.cookies thead th {
    border-bottom: 1px solid #36312d;
background: none;
color: #4d4d4d;
}

.contact-and-complaints table th{
      background: #676461;
    color: #fff;
}
/*
.contact-and-complaints table td:first-child{
background: #676461 !important;
color: #fff;
}*/
.contact-and-complaints table td{
      background: #ededed;
}

.contact-and-complaints #contact-form {
  padding: 25px 0 20px;
}
.contact-and-complaints #contact-form div {
  margin-bottom: 25px;
}
.contact-and-complaints #contact-form label {
    font-size: 1.8rem;
    font-weight: 700;
}
.contact-and-complaints #contact-form label span {
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
  margin: 5px 0;
  display: inline-block;
}
.contact-and-complaints #contact-form input[type="text"],
.contact-and-complaints #contact-form input[type="email"],
.contact-and-complaints #contact-form input[type="tel"],
.contact-and-complaints #contact-form input[type="url"],
.contact-and-complaints #contact-form textarea,
.contact-and-complaints #contact-form select {
  background: none repeat scroll 0 0 #fff;
    border: 1px solid rgba(179, 179, 179, 0.38);
  border-radius: 0;
  box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
  margin: 0 0 5px;
  padding: 10px;
  width: 100%;
}
.contact-and-complaints #contact-form select {
  height: 50px;
}
.contact-and-complaints #contact-form input[type="text"]:hover,
.contact-and-complaints #contact-form input[type="email"]:hover,
.contact-and-complaints #contact-form input[type="tel"]:hover,
.contact-and-complaints #contact-form input[type="url"]:hover,
.contact-and-complaints #contact-form textarea:hover,
.contact-and-complaints #contact-form select:hover {
  border: 1px solid #aaa;
  transition: border-color 0.3s ease-in-out 0s;
}
.contact-and-complaints #contact-form input[type="checkbox"] {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid rgba(179, 179, 179, 0.38);
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 5px;
  padding: 10px;
}
.contact-and-complaints #contact-form input[type="checkbox"]:hover {
  border: 1px solid #aaa;
  transition: border-color 0.3s ease-in-out 0s;
}
.contact-and-complaints #contact-form textarea {
  height: 100px;
  max-width: 100%;
}
.contact-and-complaints #contact-form select {
  height: 50px;
  max-width: 100%;
}

.contact-and-complaints #contact-form input[type="submit"]{
 background: #27586e;
    border: 0;
    color: #ebebeb;
    font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', verdana !important;
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    padding: 8px 24px;

}

.contact-and-complaints #contact-form input[type="submit"]:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.contact-and-complaints #contact-form input:focus,
.contact-and-complaints #contact-form textarea:focus {
  border: 1px solid #999;
  outline: 0 none;
}
.contact-and-complaints #name_trp {
  display: none;
}

.contact-and-complaints.what-do-you-think .pageTitle{max-width: none;}
.contact-and-complaints.what-do-you-think .textBlock, .contact-and-complaints.what-do-you-think .pageSubSubTitle{max-width: 640px; padding: 0 20px;}














/* Used for Production */
.corporate-blue {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: repeat-x;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 0;
}

.corporate-blue .s4cContent div.masonryItemInfo a {
  color: #3c748e;
}
.corporate-blue .s4cContent div.masonryItemInfo a:hover {
  color: #27586e;
}
.corporate-blue .s4cContent a.button,
.corporate-blue .s4cContent a.buttonIcon {
  background: #27586e;
  color: #fff;
}
.corporate-blue .s4cContent a.button span.skew,
.corporate-blue .s4cContent a.buttonIcon span.skew {
  background: #1d485d;
}
.corporate-blue .s4cContent a.button:hover span.icon,
.corporate-blue .s4cContent a.buttonIcon:hover span.icon {
  color: #3c748e;
}
.corporate-blue .s4cContent div.masonryItemInfo h2 &gt; a {
  color: #1e1e1e;
}
.corporate-blue .s4cContent div.masonryItemInfo h2 &gt; a:hover {
  color: #27586e;
}
.corporate-blue .s4cContent a.carouselControl {
  background: #27586e;
  color: #fff;
}
.corporate-blue .s4cContent a.carouselControl:hover {
  background: #1d485d;
  color: #fff;
}
.corporate-blue .s4cContent a {
  color: #27586e;
}
.corporate-blue .s4cContent a:hover,
.corporate-blue .s4cContent a:focus {
  color: #1d485d;
}


.corporate-blue div.masonryItemInfo ul li {
list-style: outside none disc;
    margin: 0 0 0.5em 1em;
}
.corporate-blue div.masonryItemInfo a {
color: #27586e;
}
.corporate-blue div.masonryItemInfo a:hover {
color: #000;
}

.corporate-blue iframe div.container {
    border: 1px solid #36312d;
}

.corporate-blue div.pageSubTitle, .corporate-blue div.pageSubSubTitle, .heroText {
padding: 5% 10px 0 10px;
font-size:2.8rem;
}

.corporate-blue strong {
font-weight:bold;
}



/* Contact Form */
.corporate-blue #contact-form {
    padding: 25px 0 20px;
}
.corporate-blue #contact-form div {
    margin-bottom: 25px;
}
.corporate-blue #contact-form label span {
    cursor: pointer;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin: 5px 0;
}
.corporate-blue #contact-form input[type="text"], .corporate-blue #contact-form input[type="email"], .corporate-blue #contact-form input[type="tel"], .corporate-blue #contact-form input[type="url"], .corporate-blue #contact-form textarea, .corporate-blue #contact-form select {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
    margin: 0 0 5px;
    padding: 10px;
    width: 100%;
}

.corporate-blue #contact-form select {
height:50px;
}
.corporate-blue #contact-form input[type="text"]:hover, .corporate-blue #contact-form input[type="email"]:hover, .corporate-blue #contact-form input[type="tel"]:hover, .corporate-blue #contact-form input[type="url"]:hover, .corporate-blue #contact-form textarea:hover, .corporate-blue #contact-form select:hover {
    border: 1px solid #aaa;
    transition: border-color 0.3s ease-in-out 0s;
}

.corporate-blue #contact-form input[type="checkbox"] {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
    margin: 0 0 5px;
    padding: 10px;
}
.corporate-blue #contact-form input[type="checkbox"]:hover {
    border: 1px solid #aaa;
    transition: border-color 0.3s ease-in-out 0s;
}
.corporate-blue #contact-form textarea {
    height: 100px;
    max-width: 100%;
}

.corporate-blue #contact-form select {
    height: 50px;
    max-width: 100%;
}

.corporate-blue #contact-form button[type="submit"] {
    background: #090909;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    margin: 0 0 5px;
    max-width: 250px;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.corporate-blue #contact-form button[type="submit"]:hover {
    background: none repeat scroll 0 0 #172537;
    transition: background-color 0.3s ease-in-out 0s;
}
.corporate-blue #contact-form button[type="submit"]:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.corporate-blue #contact-form input:focus, .corporate-blue #contact-form textarea:focus {
    border: 1px solid #999;
    outline: 0 none;
}

.corporate-blue #name_trp {
display:none;
}



html:lang(cy) .lightBG .a-z &gt; li.e-alphabet {
  display: none;
}
html:lang(en) .lightBG .a-z &gt; li.c-alphabet{
  display: none;
}
.faded .masonryItemInfo h2, html:lang(cy) .c-faded .masonryItemInfo h2, html:lang(en) .e-faded .masonryItemInfo h2{
opacity: 0.2
}
html:lang(cy) .c-faded ul, html:lang(en) .e-faded ul{display: none}
.lightBG .a-z{
    overflow: auto;
    margin-bottom: 10px;
}

.lightBG .a-z &gt; li, .masonryGridItemContent, .masonryGridItem.w3 .masonryItemInfo{
  width: 98% !important;
  margin: 0 auto;
  display: block;
}

.lightBG .a-z li {
    list-style: none;
    float: left;
    margin: 10px;
    width: calc(100% / 3.3);
}

.greenUI div.masonryItemInfo a{
  color: #118e9b;
}
.a-z.greenUI a.button, .a-z.greenUI a.buttonIcon {
  background: #2b2b2b;
}
.a-z.greenUI a.button span.skew, .a-z.greenUI a.buttonIcon span.skew {
  background: #4f585e;
}

.a-z.greenUI a.button:hover span.icon, .a-z.greenUI a.buttonIcon:hover span.icon {
     color: #fff; 
}

@media(max-width: 1032px){

  .lightBG .a-z, .lightBG .a-z &gt; li, .masonryGridItemContent, .masonryGridItem.w3 .masonryItemInfo{
    width: 100% !important;
  }
  .lightBG .a-z{
    left: 0 !important;
    padding: 0;
  }
  .lightBG .a-z &gt; li{
    margin: 10px 0 !important;
  }

}

@media only screen and (max-width: 600px) {

.contact-and-complaints .actions {   
 width: 100%;
    display: flex;
    justify-content: center;
padding: 0 0 10px;
}

.masonryGridItem {
    width: 100%;
}


.contact-and-complaints .masonryGrid div {
    margin-bottom: 0px !important;
text-align:center;
}
}

@media(max-width: 600px){
  .lightBG .a-z li{
   width: 100%;
 }

}









/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; width: 146px; overflow: hidden; /*overflow-x: scroll*/; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%;  }
	.pinned table th, .pinned table td {white-space: nowrap; min-width: 122px; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable table { margin-left: 35%; margin-left: 146px; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

        .table-wrapper:nth-of-type(1) .pinned table tbody tr:nth-of-type(2) th, .table-wrapper:nth-of-type(1) .pinned table tbody tr:nth-of-type(10) th{height: 184px;}
        .table-wrapper:nth-of-type(1) .pinned table tbody tr:nth-of-type(8) th{height: 74px;}
        .table-wrapper:nth-of-type(3) .pinned table tbody tr:first-of-type th{height: 59px;}
        .table-wrapper:nth-of-type(3) .pinned table tbody tr:nth-of-type(2) th{height: 170px;}
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
.show-cell{display: table-cell !important}
	
}





.contact-and-complaints .masonryGrid{
  max-width: 1000px;
width: 100% !important;
}
.contact-and-complaints form legend, .contact-and-complaints form label[for="comments"]{
  border-bottom: 0;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}
.contact-and-complaints form .radio input{
	margin: 2px 0 0;
}
.contact-and-complaints form .radio label{
	padding-left: 18px;
}

.contact-and-complaints form  div.radio:last-of-type{
  margin-bottom: 40px;
}
.greenUI a.button, .greenUI a.buttonIcon {
  background: #2b2b2b;
}
.greenUI a.button span.skew, .greenUI a.buttonIcon span.skew {
  background: #4f585e;
}

.greenUI a.button:hover span.icon, .greenUI a.buttonIcon:hover span.icon {
     color: #fff; 
}

/* Contact Form */

.contact-and-complaints .masonryGrid label{display: inline-block; vertical-align: top;}
.contact-and-complaints .masonryGrid label span {
    cursor: pointer;

    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin: 5px 0;
}
.contact-and-complaints .masonryGrid input, .contact-and-complaints .masonryGrid textarea, .contact-and-complaints .masonryGrid select {
    border-radius: 0;
    margin: 0 0 5px;
    padding: 10px;
    display: inline-block; vertical-align: top;
      border: 0 !important;
  background: #F5F5F5;
  margin: 10px 0 20px;
}

.contact-and-complaints .masonryGrid select {
height:50px;
}
.contact-and-complaints .masonryGrid input:hover, .contact-and-complaints .masonryGrid textarea:hover, .contact-and-complaints .masonryGrid select:hover {
    border: 1px solid #aaa;
    transition: border-color 0.3s ease-in-out 0s;
}

.contact-and-complaints .masonryGrid input[type="checkbox"] {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
    margin: 0 0 5px;
    padding: 10px;
}
.contact-and-complaints .masonryGrid input[type="checkbox"]:hover {
    border: 1px solid #aaa;
    transition: border-color 0.3s ease-in-out 0s;
}
.contact-and-complaints .masonryGrid textarea {
    height: 100px;
    max-width: 100%;
}

.contact-and-complaints .masonryGrid select {
    height: 50px;
    max-width: 100%;
}

.contact-and-complaints .masonryGrid button[type="submit"] {
    background: #090909;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    margin: 0 0 5px;
    max-width: 250px;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.contact-and-complaints .masonryGrid button[type="submit"]:hover {
    background: none repeat scroll 0 0 #172537;
    transition: background-color 0.3s ease-in-out 0s;
}
.contact-and-complaints .masonryGrid button[type="submit"]:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.contact-and-complaints .masonryGrid input:focus, .contact-and-complaints .masonryGrid textarea:focus {
    border: 1px solid #999;
    outline: 0 none;
}

.contact-and-complaints .masonryGrid #name_trp{
	display: none;
}


.contact-and-complaints .masonryGrid input[type="button"], .contact-and-complaints .masonryGrid input[type="submit"] {
  background: #27586e;
  border: 0;
  color: #ebebeb;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', verdana !important;
  font-weight: 500;
  font-style: normal;
  font-size: 18px !important;
  padding: 8px 24px;
}
.contact .textBlock p, .cysylltu .textBlock p, .contact-and-complaints div.pageSubSubTitle &gt; h3, .contact-and-complaints div.pageSubTitle &gt; h2{
margin-bottom: 0;
}
.complaints-home .textBlock p{margin-bottom: 1.5rem}
.contact-and-complaints .textBlock ol{margin-top: 20px;}
.contact-and-complaints div.pageSubSubTitle, .contact-and-complaints div.pageSubTitle{padding: 4% 0 0;}
.contact-and-complaints div.layoutBlockFluidMax1280Inner{margin-bottom: 60px;}

ghdgfh-qwtrp:before {
    content: attr(data-ghtrf) "\0040";
}
ghdgfh-qwtrp:after {
    content: attr(data-kyrip);
}

ul.nav.nav-tabs &gt; li{
	display: inline-block;
	line-height: 50px;
	height: 100%;
	text-transform:uppercase;
}
ul.nav.nav-tabs &gt; li a{
	display:block;
	padding:15px;
	color: #282425!important;
	
}
ul.nav.nav-tabs &gt; li a:hover, ul.nav.nav-tabs &gt; li:hover{
	background:	#FB282F;
	color:#fff!important;
	text-decoration: none!important;
}
ul.nav.nav-tabs &gt; li a.active{
	background:	#282425;
	color:#fff!important;
	text-decoration: none!important;
}
.card-header {
    background-color: rgb(245,245,245,0.3)!important;
	border-radius:0!important;
}
.card{
border-radius:0!important;
}

.card &gt; .card-header a::before {
    font-family: fontawesome;
    content: "\f067 ";
    color: #282425;
    float: right;
    margin-right: 15px;
    font-weight: 400;
    position: absolute;
    right: 0;
}</pre></body></html>