body, html {
    overflow-x: hidden;
}

body {
    height: 100%;
}

@font-face {
    font-family: complete-icons;
    src: url("/fonts/complete-icons.eot?#iefix") format("embedded-opentype"), url("/fonts/complete-icons.woff") format("woff"), url("/fonts/complete-icons.ttf") format("truetype"), url("/fonts/complete-icons.svg#complete-icons") format("svg");
    font-weight: 400;
    font-style: normal;
}




.triangleoption a {
    padding: 4px 8px;
    float: left;
    margin-bottom: 0px;
    border-bottom: 1px solid #c7c7c7;
    background-color: #eee;
    float: left;
    width: 100%;
    position: relative;
}

.triangleoption {
    position: relative;
    display: inline-block;
    width: 100%;
    
}

.triangleoption a:hover {
 
    background-color: #f5f5f5;
  
}

.amwelltriangle {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url(/images/amwelltriangle.gif);
    background-size: 100% 100%;
    padding: 32px 8px 88px 8px;
    min-height: 600px;
}

.amwelltriangle h3 {
   color: #ff0000;
   font-size: 24px;
   margin-bottom: 8px;
    padding: 0px;
}

.triangleboxone,
.triangleboxtwo,
.triangleboxthree{
    float: left;
    width: 100%;
    padding: 16px;
    height: 50%;
    
}

.triangleboxoneinside,
.triangleboxtwoinside,
.triangleboxthreeinside{
    width: auto;
    display: inline-block;
    border-radius: 8px;
    padding: 4px;
    background-color: rgb(255 255 255 / 94%);
    border: 1px solid rgba(0,0,0,0.1);
}


.triangleboxone {
    float: left;
    width: 100%;
    height: 50%;
    
}

.secondtwoboxes {
    bottom: 120px;
    width: 100%;
    float: left;
}


.triangleboxtwo {
    float: left;
    width: auto;
    height: 50%;
    text-align: left;
}

.triangleboxthree {
    float: right;
    width: auto;
    height: 50%;
    text-align: right;
}


.triangleboxoneinside{
    text-align: center;    
}


.triangleboxtwoinside{
   text-align: center;     
}


.triangleboxthreeinside{
    text-align: center;     
}











.popupimages {
    display: flex;
    justify-content: space-evenly
  }
  
  .popupimage {
    padding: 4px;
  }
  
  .popupimage img {
    width: 100%;
    max-height: 400px;
  }
  
  
  
  
  .mapwrapper {
    position: relative;
    float: left;
    width: 100%;
  }
  
  .mapwrapper:before {
    position: absolute;
    background-image: linear-gradient(rgba(256,256,256,.1) .1em, transparent .1em), 
        linear-gradient(90deg, rgba(256,256,256,.1) .1em, transparent .1em);
    background-size: 10% 10%;
    height: 100%;
    content: "";
    width: 100%;
    topo: 0px;
    left: 0px;
    pointer-events: none;
  }
  
  .multiplePopUp .popupBox {
    display: none;
  }
  .multiplePopUp .popupBox.myshowPop {
    display: block;
      position: absolute;
      top: 0px;
      right: 0px;
  }
  
  
  .multiplePopUp .staticBox .popClick {
    cursor: pointer;
    display: block;
    padding: 2px;
    background: #243555;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    transition: all 0.3s ease 0s;
  }
  
  
  
  .multiplePopUp .staticBox .popClick:hover {
    cursor: pointer;
    display: block;
    padding: 2px;
    background: #243555;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
      -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
   transition: all 0.5s ease 0s;
  }
  
  
  
  .multiplePopUp .popupBox .popConte {
    position: absolute;
    /* top: 50%; */
    background: #fff;
    /* left: 0; */
    width: 400px;
    /* right: 100%; */
    margin: auto;
    transform: translate(0px, -50%);
    border-radius: 6px;
    z-index: 50;
  }
  .multiplePopUp .popupBox span {
    cursor: pointer;
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 0;
    width: 30px;
    height: 30px;
    background: #63bcef;
    border-radius: 100px;
  }
  .multiplePopUp .popConte {
    padding: 16px;
  }
  .multiplePopUp .back {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.6);
    z-index: 4;
  }
  
  .multiplePopUp .popUpSec {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .multiplePopUp .popupBox span:before {
    position: absolute;
    content: "+";
    font-size: 20px;
    font-weight: 900;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    display: flex;
    transform: rotate(45deg);
  }
  .multiplePopUp .popConte h5 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 900;
  }
  
  
  
  body.modal-open {
    height: 100vh;
    overflow-y: hidden;
  }



  

  





iframe {
    width: 100%;
    min-height: 500px;
}

[data-icon]::before {
    content: attr(data-icon);
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-family: complete-icons !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
}

[class*=" icon-"]::before, [class^="icon-"]::before {
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-family: complete-icons !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
}

.solid-container {
    height: 600px;
    float: left;
    width: 100%;
    margin-bottom: 24px;
    border: 12px solid rgb(6, 9, 60);
}

.icon-arrowdown::before {
    content: "a";
}

.icon-arrowleft::before {
    content: "b";
}

.icon-arrowright::before {
    content: "c";
}

.icon-arrowup::before {
    content: "d";
}

.icon-cross::before {
    content: "e";
}

.icon-email::before {
    content: "f";
}

.icon-facebook::before {
    content: "g";
}

.icon-linkedin::before {
    content: "h";
}

.icon-magnifying::before {
    content: "i";
}

.icon-magnifyingjobs::before {
    content: "j";
}

.icon-navarrow::before {
    content: "k";
}

.icon-navarrowdown::before {
    content: "l";
}

.icon-navarrowleft::before {
    content: "m";
}

.icon-navarrowright::before {
    content: "n";
}

.icon-navarrowup::before {
    content: "o";
}

.icon-phone::before {
    content: "p";
}

.icon-smallarrowright::before {
    content: "q";
}

.icon-twitter::before {
    content: "r";
}

.icon-upload::before {
    content: "s";
}

.icon-magnifyingjobs-1::before {
    content: "t";
}

.icon-quotes::before {
    content: "u";
}

.icon-arrowdownnew::before {
    content: "v";
}

.icon-arrowleftnew::before {
    content: "w";
}

.icon-arrowrightnew::before {
    content: "x";
}

.icon-arrowupnew::before {
    content: "y";
}

.icon-thumbs-up::before {
    content: "z";
}

.icon-mail::before {
    content: "A";
}

.icon-location::before {
    content: "B";
}

.icon-icons8-google-photos::before {
    content: "C";
}

.icon-mouse::before {
    content: "D";
}

.icon-call-phone::before {
    content: "E";
}

.icon-instagram::before {
    content: "F";
}

.icon-instagrem::before {
    content: "G";
}

.icon-download::before {
    content: "H";
}

.icon-in::before {
    content: "I";
}

.icon-pdf-file-format-symbol::before {
    content: "J";
}

.icon-file::before {
    content: "K";
}

.icon-docx-file-format-symbol::before {
    content: "L";
}

.icon-doc-file-format-symbol::before {
    content: "M";
}

.icon-windows::before {
    content: "N";
}

.icon-colston-subjects17::before {
    content: "O";
}

.icon-colston-subjects16::before {
    content: "P";
}

.icon-colston-subjects15::before {
    content: "Q";
}

.icon-colston-subjects13::before {
    content: "R";
}

.icon-colston-subjects12::before {
    content: "S";
}

.icon-colston-subjects10::before {
    content: "T";
}

.icon-colston-subjects9::before {
    content: "U";
}

.icon-colston-subjects8::before {
    content: "V";
}

.icon-colston-subjects7::before {
    content: "W";
}

.icon-colston-subjects3::before {
    content: "X";
}

.icon-colston-subjects2::before {
    content: "Y";
}

.icon-colston-subjects18::before {
    content: "Z";
}

.icon-colston-subjects19::before {
    content: "0";
}

.icon-colston-subjects20::before {
    content: "1";
}

.icon-colston-subjects22::before {
    content: "2";
}

.icon-colston-subjects23::before {
    content: "3";
}

.icon-colston-subjects24::before {
    content: "4";
}

.icon-colston-subjects25::before {
    content: "5";
}

.icon-colston-subjects26::before {
    content: "6";
}

.icon-colston-subjects27::before {
    content: "7";
}

.icon-colston-subjects28::before {
    content: "8";
}

.icon-colston-subjects29::before {
    content: "9";
}

.icon-colston-subjects30::before {
    content: "!";
}

.icon-orderonline::before {
    content: "\"";
}

.icon-download-1::before {
    content: "#";
}

.icon-cloud-download-2::before {
    content: "$";
}

.icon-link::before {
    content: "%";
}

.icon-link-external::before {
    content: "&";
}

.icon-link-1::before {
    content: "'";
}

.icon-external-link::before {
    content: "(";
}

.icon-external-link-sqaure::before {
    content: ")";
}

.icon-link-2::before {
    content: "*";
}

.icon-link-3::before {
    content: "+";
}

.icon-clock::before {
    content: ",";
}

.icon-calendar::before {
    content: "-";
}

.icon-clock-1::before {
    content: ".";
}

.icon-calendar-o::before {
    content: "/";
}

[id*="tabbedpanels"], [id^="tabbedpanels"] {
    width: 100%;
    float: left;
    text-align: left;
    position: relative;
    margin-top: 12px;
    margin-bottom: 24px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.diagonalone [id*="tabbedpanels"] p {
    color: rgb(51, 51, 51);
}

[id*="tabbedpanels"] li, [id^="tabbedpanels"] li {
    margin-left: 24px;
    position: relative;
    margin-top: 4px;
}

[id*="tabbedpanels"] li::before, [id^="tabbedpanels"] li::before {
    background-color: rgb(71, 23, 41);
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("/images/favicon.png");
    background-size: 100%;
    border-radius: 50%;
    position: absolute;
    left: -24px;
    top: 2px;
}

[id*="tabbedpanels"] h3, [id^="tabbedpanels"] h3 {
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: rgb(51, 51, 51);
}

[id*="tabbedpanels"] h3 a, [id^="tabbedpanels"] h3 a {
    width: 100%;
    float: left;
    color: rgb(48, 48, 48);
    position: relative;
    padding: 8px 8px 8px 32px;
    background-color: rgb(238, 238, 238);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

[id*="tabbedpanels"] h3 a::before, [id^="tabbedpanels"] h3 a::before {
    position: absolute;
    font-family: stmarys;
    top: 8px;
    left: 4px;
    content: "i";
    font-size: 24px;
    color: rgb(199, 17, 55);
    line-height: 1;
}

[id*="tabbedpanels"] .open a, [id^="tabbedpanels"] .open a {
    width: 100%;
    float: left;
    position: relative;
    padding: 8px 8px 8px 32px;
    background-color: rgb(199, 17, 54);
    color: rgb(238, 238, 238);
}

[id*="tabbedpanels"] .open a::before, [id^="tabbedpanels"] .open a::before {
    position: absolute;
    font-family: stmarys;
    top: 8px;
    left: 4px;
    content: "g";
    font-size: 24px;
    color: rgb(255, 255, 255);
    line-height: 1;
}

[id*="tabbedpanels"], [id^="tabbedpanels"] {
    width: 100%;
    float: left;
    text-align: left;
    position: relative;
    margin-top: 12px;
    margin-bottom: 24px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.diagonalone [id*="tabbedpanels"] p {
    color: rgb(51, 51, 51);
}

[id*="tabbedpanels"] li, [id^="tabbedpanels"] li {
    margin-left: 24px;
    position: relative;
    margin-top: 4px;
}

[id*="tabbedpanels"] li::before, [id^="tabbedpanels"] li::before {
    background-color: rgb(71, 23, 41);
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("/images/favicon.png");
    background-size: 100%;
    border-radius: 50%;
    position: absolute;
    left: -24px;
    top: 2px;
}

[id*="tabbedpanels"] h3, [id^="tabbedpanels"] h3 {
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: rgb(51, 51, 51);
}

[id*="tabbedpanels"] h3 a, [id^="tabbedpanels"] h3 a {
    width: 100%;
    float: left;
    color: rgb(48, 48, 48);
    position: relative;
    padding: 8px 8px 8px 32px;
    background-color: rgb(238, 238, 238);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

[id*="tabbedpanels"] div, [id^="tabbedpanels"] div {
    float: left;
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    width: 100%;
}

.contentbreak [id*="tabbedpanels"] h3 a::before, .contentbreak [id^="tabbedpanels"] h3 a::before {
    position: absolute;
    font-family: complete-icons;
    top: 8px;
    left: 4px;
    content: "i";
    font-size: 24px;
    color: rgb(6, 9, 60);
    line-height: 1;
}

.contentbreak [id*="tabbedpanels"] a, .contentbreak [id^="tabbedpanels"] a {
    width: 100%;
    float: left;
    position: relative;
    padding: 8px 8px 8px 32px;
    background-color: rgb(164, 208, 224);
    border-bottom: 1px solid rgb(138, 175, 189);
}

.tabcontentnuvo a {
    text-decoration: underline;
    padding: 0px !important;
    background-color: inherit !important;
    border-bottom: inherit !important;
    margin-top: 0px !important;
}

.tabcontentnuvo {
    padding: 8px 0px !important;
    background-color: inherit !important;
    border-bottom: inherit !important;
    margin-bottom: 8px !important;
}

.tabcontentnuvo p {
    padding: 0px !important;
    background-color: inherit !important;
    border-bottom: inherit !important;
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}

.tabcontentnuvo a::before {
    content: "" !important;
}

.contentbreak [id*="tabbedpanels"] a::before, .contentbreak [id^="tabbedpanels"] a::before {
    position: absolute;
    font-family: complete-icons;
    top: 8px;
    left: 4px;
    content: "n";
    font-size: 24px;
    line-height: 1;
}

.contentbreak [id*="tabbedpanels"] .open a, .contentbreak [id^="tabbedpanels"] .open a {
    width: 100%;
    float: left;
    position: relative;
    padding: 8px 8px 8px 32px;
    background-color: rgb(6, 9, 60);
    color: rgb(238, 238, 238);
}

.contentbreak [id*="tabbedpanels"] .open a::before, .contentbreak [id^="tabbedpanels"] .open a::before {
    position: absolute;
    font-family: complete-icons;
    top: 8px;
    left: 4px;
    content: "k";
    font-size: 24px;
    color: rgb(255, 255, 255);
    line-height: 1;
}

#modal_screen {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1100;
    background-color: rgb(0, 0, 0);
}

#modal_screen.nope {
    background-color: rgb(0, 0, 0);
}

#modal_content {
    position: fixed;
    z-index: 1101;
    margin: 0px auto;
    background-color: rgb(221, 221, 221);
    border: 4px solid rgb(77, 77, 86);
    width: auto;
    max-width: 290px;
    border-radius: 16px;
}

#modal_content .content_wrapper {
    padding: 16px;
    margin: 0px auto;
    text-align: center;
}

#modal_content h2 {
    font-size: 1.6em;
}

.disclaimerlogo {
    text-align: center;
    float: left;
    width: 100%;
}

.disclaimerlogo img {
    margin-bottom: 16px;
    width: 100%;
}

#modal_content p {
    font-size: 1.1em;
}

#modal_content div ul {
    padding: 0px;
}

#modal_content div li {
    display: inline-flex;
    width: 100%;
    padding: 5px;
}

#modal_content a.button {
    width: 100px;
    margin: 10px auto;
    background: rgb(255, 255, 255);
    color: rgb(136, 136, 136);
    padding: 12px;
    text-decoration: none;
    transition: background 0.15s ease-in 0s;
}

#modal_content a.notEligible {
    background: rgb(0, 0, 0);
}

#modal_content a.button:hover {
    background: rgb(87, 87, 96);
}

.CMSmodal-bg {
    transition: all 1s ease 0s;
    background: rgba(0, 0, 0, 0) !important;
    z-index: -100 !important;
}

.CMSmodal-home {
    display: block;
}

.CMSmodal-home {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10001;
    transition: all 1s ease 0s;
    visibility: visible;
}

.CMSmodal-home a {
    background: none;
}

.CMSmodal-home .message-CMSmodal {
    position: absolute;
    top: calc(50% - 300px);
    left: calc(((50% - 440px) - 40px) - 10px);
    width: 880px;
    height: auto;
    margin: 0px 30px;
    padding: 20px;
    background: rgba(240, 240, 240, 0.9);
    border: 1px solid rgb(220, 220, 220);
    transition: all 1s ease 0s;
}

.CMSmodal-home .message-CMSmodal .CMSmodal-content {
    background: -120px 50px rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.CMSmodal-home .message-CMSmodal .CMSmodal-content .CMSmodal-text {
    display: block;
    padding: 45px;
}

.CMSmodal-home .message-CMSmodal .CMSmodal-content .CMSmodal-text p {
    margin: 0px;
}

.CMSmodal-home .message-CMSmodal .CMSmodal-content a.close-CMSmodal {
    position: absolute;
    top: 31px;
    right: 31px;
    background: none;
    border-radius: 50%;
    padding: 0px;
    transition: all 1s ease 0s;
}

.CMSmodal-home .message-CMSmodal .CMSmodal-content a.close-CMSmodal:hover {
    background: url("/inc/modal/close-black.png") center bottom no-repeat;
    padding: 0px;
    height: 42px;
    width: 42px;
    transition: all 1s ease 0s;
}

.CMSmodal-home .message-CMSmodal .CMSmodal-content a.close-CMSmodal:hover img {
    opacity: 0;
    transition: all 1s ease 0s;
}

.CMSmodal-home h1, .CMSmodal-home h1::before {
    background-color: rgb(255, 255, 255);
    background-image: none;
    color: rgb(137, 137, 137);
}

.hide-CMSmodal {
    transition: all 1s ease 0s;
    visibility: hidden;
    top: -100vh !important;
}

.hide-CMSmodal .CMSmodal-home {
    background: black;
}

@media only screen and (max-width: 770px) {
    .CMSmodal-home .message-CMSmodal {
        width: calc(100% - 60px);
        margin: 0px 20px;
        left: 0px;
        top: 20%;
        padding: 0px;
        border: 10px solid rgb(220, 220, 220);
    }

    .CMSmodal-home .message-CMSmodal .CMSmodal-content .CMSmodal-text {
        padding: 3% 33px 3% 20px;
    }

    .CMSmodal-home .message-CMSmodal .CMSmodal-content a.close-CMSmodal {
        position: absolute;
        top: 0px;
        right: 0px;
        background: rgb(255, 255, 255);
        padding: 3px;
        border-radius: 0px 0px 0px 7px;
        width: 40px;
        height: 40px;
    }
}

.basicsearch {
    float: left;
    left: 0px;
    background-color: rgb(0, 157, 68);
    width: 100%;
    height: auto;
    margin-top: 32px;
    position: relative;
}

.basicsearch form {
    margin: 0px;
    padding: 24px;
}

.basicsearch form input {
    border-bottom: 1px solid rgb(255, 255, 255);
    width: 85%;
    float: left;
    background-color: rgba(0, 0, 0, 0);
}

.basicsearch form input::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.basicsearch form input::placeholder {
    color: rgb(255, 255, 255);
}

.basicsearch form input.sb-search-submit {
    float: left;
    width: 15%;
    border-bottom: none;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 204, 0);
    font-family: complete-icons;
    cursor: pointer;
    font-size: 32px;
}

.sb-icon-search {
    width: 106px;
    height: 66px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 11px;
    margin: 0px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: rgb(255, 255, 255);
    opacity: 1;
    color: transparent;
    border: none;
    outline: 0px;
}

.sb-icon-search {
    color: rgb(255, 255, 255);
    background-color: var(--cu-slate);
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.sb-icon-search::before {
    content: "t";
    font-family: complete-icons;
    font-size: 30px;
    line-height: 48px;
}

.modal {
    display: none;
    position: absolute;
    right: 0px;
    width: 600px;
    max-width: 100%;
    height: auto;
}

.shrink .modal {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 600px;
    height: auto;
}

.modal form {
    margin: 0px;
    padding: 24px;
    background: var(--cu-light-grey) ;
}

.modal form input {
    border-bottom: 1px solid var(--cu-dark-blue);
    width: 70%;
    float: left;
}

.modal form input.sb-search-submit {
    float: left;
    width: 30%;
    border-bottom: none;
    color: rgb(255, 255, 255);
}

.modal.visible {
    display: block;
}

.modalheader {
    float: right;
    width: 106px;
    line-height: 50px;
    text-align: center;
    position: relative;
    height: 66px;
    box-sizing: border-box;
    z-index: 2;
}

.modalheader a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block !important;
}

.modalheader::before {
    position: absolute;
    content: "e";
    font-family: complete-icons;
    top: 8px;
    left: 0px;
    font-size: 48px;
    width: 106px;
    pointer-events: none;
}

.modal_header a {
    position: absolute;
    top: 0px;
    right: 0px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-weight: 700;
    display: block;
    padding: 0px 20px;
    font-size: 16px;
    background: rgb(85, 85, 85);
    height: 100%;
}

* {
    margin: 0px;
    padding: 0px;
}

html, body {
    height: 100%;
    font-size: 16px;
    line-height: 1.5;
}

.colourblock {
    float: left;
    width: 100%;
    height: 8px;
    margin-bottom: 24px;
}

.colourblock div:nth-child(n) {
    background: rgb(255, 204, 0);
    float: left;
    width: 10%;
    height: 4px;
}

.colourblock div:nth-child(2n) {
    background: rgb(255, 204, 0);
}

.colourblock div:nth-child(3n) {
    background-color: rgb(255, 204, 0);
}

.colourblock div:nth-child(4n) {
    background: rgb(255, 204, 0);
}

.colourblock div:nth-child(5n) {
    background: rgb(255, 204, 0);
}

.colourblock div:nth-child(6n) {
    background: rgb(255, 204, 0);
}

.colourblock div div:nth-child(n) {
    background: rgb(255, 204, 0);
    float: left;
    width: 25%;
}

.colourblock div div:nth-child(2n) {
    background: rgb(255, 204, 0);
}

.colourblock div div:nth-child(3n) {
    background: rgb(255, 204, 0);
}

.colourblock div div:nth-child(4n) {
    background: rgb(2, 91, 41);
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: baseline;
    text-decoration: none;
}

.homelearningdates {
    float: left;
    width: 100%;
    background-color: rgb(255, 255, 255);
    padding: 16px;
}

.homelearningdate a {
    float: left;
    width: 100%;
    background-color: rgb(238, 238, 238);
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    position: relative;
    margin-bottom: 8px;
}

.homelearningdate a:hover {
    background-color: rgb(255, 243, 190);
    border: 1px solid rgb(250, 203, 1);
}

.homelearningdate a::before {
    content: "c";
    position: absolute;
    color: rgb(51, 51, 51);
    right: 4px;
    top: 4px;
    padding: 0px;
    font-size: 32px;
    line-height: 1;
    font-family: complete-icons;
}

.calholder {
    float: left;
    width: 100%;
    padding: 24px;
}

.newsblock .calholder {
    float: left;
    width: 100%;
    padding: 0px;
}

#calendar {
    float: left;
    width: 100%;
    height: 100%;
    background-color: rgb(238, 238, 238);
    padding: 12px;
    margin-top: 12px;
}

.podcastsingle {
    float: left;
    padding: 0px;
    border-bottom: 1px solid rgb(238, 238, 238);
    background-color: rgb(51, 51, 51);
}

.podcastsingle audio {
    float: left;
    padding: 8px;
}

.podcasttextarea {
    float: left;
    padding-left: 16px;
}

.podcasttextarea h3 {
    font-size: 16px;
    color: rgb(238, 238, 238);
}

.subjectitem {
    float: left;
    width: 48%;
    padding: 0px;
    position: relative;
    margin: 1%;
}

.subjectimage, .subjectinfo {
    float: left;
    width: 100%;
}

.subjectinfo {
    padding: 2px;
    bottom: 8px;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: rgb(204, 204, 204);
}

.subjectinfo h3 {
    padding: 2px 8px;
    border-bottom: rgb(204, 204, 204);
}

.subjectimageright {
    float: right;
    width: 50%;
}

.subjectinfo {
    pointer-events: none;
    position: absolute;
}

#othercourses, .coursesummary, .smallcourselistouter {
    float: left;
    width: 100%;
    clear: both;
}

.courseimagemain {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

.smallcourselistouter {
    background-color: rgb(238, 238, 238);
    padding: 12px;
    margin-top: 12px;
}

.smallcourselist {
    background-color: rgb(255, 255, 255);
}

.smallcourselist {
    float: left;
    width: 25%;
    margin-bottom: 12px;
    border: 1px solid rgb(221, 221, 221);
    padding: 8px;
}

.marquee {
    overflow: hidden;
    background-color: rgb(255, 204, 0);
    width: 100%;
    padding: 8px;
    line-height: 1;
    position: relative;
    z-index: 1;
    float: left;
}

.marquee a {
    font-size: 20px;
    color: rgb(6, 9, 60);
}

.fnavbar {
    text-align: center;
    padding: 4px;
    transition: opacity 2s ease-in-out 3s;
    background-color: rgb(6, 9, 60) !important;
    opacity: 1 !important;
}

.colourboxright {
    float: left;
    margin-top: 16px;
    width: 100%;
    height: 100%;
    padding: 40px 8px;
    position: relative;
    z-index: 0;
    background-color: rgb(238, 238, 238);
    border-radius: 8px;
    background-image: url("/images/amwell-tint.svg");
    background-size: 280px;
    background-position: right -130px bottom -200px;
    background-repeat: no-repeat;
}

.colourboxright ul ul {
    float: left;
    margin-top: 0px;
    width: 100%;
    height: 100%;
    padding: 0px 16px;
    position: relative;
    z-index: 0;
}

.colourboxright ul ul a {
    float: left;
    margin-top: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
    color: rgb(170, 170, 170);
}

.colourboxright::after, .colourboxright::before {
    display: block;
    background-position: center top;
    content: " ";
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    left: 0px;
    z-index: -1;
}

.colourboxright::before {
    background-image: url("");
    background-size: 100% 40px;
    height: 40px;
    top: 0px;
}

.colourboxright::after {
    background-image: url("");
    background-size: 100% 40px;
    height: 40px;
    bottom: 0px;
    background-position: right bottom;
}

.colourboxright a {
    width: 100%;
    float: left;
    padding: 8px;
    position: relative;
}

.colourboxright li.current a {
    width: 100%;
    float: left;
    position: relative;
    background-color: rgba(255, 255, 255, 0.4);
}

.colourboxright li.current a::after {
    float: left;
    position: absolute;
    content: "";
    width: 36px;
    height: 36px;
    right: 2px;
    top: 2px;
    background-image: url("/images/favicon.png");
    background-size: 100%;
    border-radius: 50%;
}

.colourboxright a:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.filterform {
    background-color: rgb(255, 204, 0);
    width: 100%;
    color: rgb(6, 9, 60);
    padding: 12px;
    float: left;
    text-align: left;
    margin-top: 16px;
    border-radius: 4px;
}

.filterform label {
    width: 100%;
    font-size: 24px;
    padding-bottom: 12px;
    float: left;
}

.filterform input {
    border-radius: 8px;
    float: left;
    position: relative;
}

.headers_list {
    height: auto;
    text-decoration: none;
    clear: both;
    overflow: visible;
    padding: 12px;
    background-color: rgb(238, 238, 238);
    border: 1px solid rgb(238, 238, 238);
    border-radius: 8px;
    margin-top: 12px;
    float: left;
    width: 100%;
}

.staffimagefull {
    float: right;
    padding: 4px;
    border: 1px solid rgb(238, 238, 238);
    max-width: 100px;
}

.staffcontactitem {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    padding: 8px 64px 8px 8px;
    position: relative;
    border-width: 1px 1px 4px;
    border-style: solid;
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(204, 204, 204);
    border-image: initial;
    background-color: rgb(255, 255, 255);
}

.staffcontactitem .staffemailaddress, .staffcontactitem .staffname, .staffcontactitem .staffqualifications, .staffcontactitem .stafftitle {
    line-height: 32px;
}

.staffcontactitem .staffname {
    float: left;
    width: auto;
    font-size: 22px;
    color: rgb(83, 184, 242);
}

.staffcontactitem .dateappointed, .staffcontactitem .membership, .staffcontactitem .position, .staffcontactitem .staffqualifications {
    float: left;
    width: 100%;
}

.staffcontactitem .staffqualifications {
    float: left;
    line-height: 1.4;
}

.staffcontactitem .stafftitle {
    border-top: 1px solid rgb(57, 179, 211);
    float: left;
    clear: both;
    width: 100%;
    font-size: 14px;
    color: rgb(136, 136, 136);
}

.staffcontactitem .staffemailaddress a {
    float: right;
    width: auto;
    font-size: 14px;
    padding-right: 8px;
    line-height: 30px;
    background-color: rgb(57, 179, 211);
    position: absolute;
    right: 4px;
    top: 17px;
    padding-left: 30px;
    border-radius: 4px;
}

.staffmore, h2.staffmorebutton {
    float: left;
    padding: 8px;
    font-size: 16px;
}

.staffmore img {
    float: left;
    width: 20%;
}

.staffmore p {
}

.staffcontactitem .staffemailaddress a::after {
    content: "@";
    position: absolute;
    left: 2px;
    top: -4px;
    font-size: 24px;
}

.staffmore {
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.7);
    margin-top: 12px;
    border-top: 1px solid rgb(204, 204, 204);
    width: 100%;
    display: none;
}

.staffmorebutton {
    float: left;
}

h2.staffmorebutton {
    width: auto;
    border-radius: 4px;
    background-color: rgb(83, 184, 242);
    color: rgb(9, 45, 91);
    padding: 4px;
    font-size: 16px;
    margin-top: 12px;
    cursor: pointer;
}

.cta {
    float: left;
    width: 100%;
    padding: 16px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
}

.ctaheader {
    float: left;
    width: 100%;
    text-align: center;
    font-family: museo, serif;
    font-size: 32px;
}

.ctaheader p {
    float: left;
    width: 100%;
    padding: 0px;
    text-align: center;
    font-family: museo, serif;
}

.ctacontacts {
    display: inline-grid;
    gap: 12px 0px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
    text-align: left;
}

.ctaphone, .ctaemail {
    padding: 12px 12px 12px 0px;
}

.ctaphone a, .ctaemail a {
    padding: 12px 12px 8px 64px;
    position: relative;
    background-color: rgb(183, 26, 23);
    color: rgb(255, 255, 255);
    font-size: 36px;
    border-radius: 4px;
    line-height: 1;
    font-family: museo, serif;
    text-decoration: none !important;
}

.ctaphone a::before, .ctaemail a::before {
    content: "";
    position: absolute;
    color: rgb(255, 255, 255);
    width: 48px;
    height: 48px;
    left: 4px;
    top: 4px;
    padding: 0px;
    font-size: 44px;
    line-height: 1;
    font-family: complete-icons;
}

.ctaphone a::before {
    content: "p";
}

.ctaemail a::before {
    content: "f";
}

.maincontent {
    float: left;
    width: 100%;
    padding: 32px 0px 48px;
    position: relative;
    z-index: 1;
}

.newsborder {
    float: left;
    width: 100%;
}

.newsblockthird img {
    max-width: 200px;
}

.newslisttitle {
    float: left;
    width: 100%;
    clear: both;
    font-weight: 600;
}

.newsitemleft {
    float: left;
    width: 40%;
    position: relative;
}

.newsitemright {
    float: left;
    width: 60%;
    padding-left: 48px;
}

.newslisttitle {
    float: left;
    width: 100%;
    clear: both;
    font-weight: 600;
}

.newslisttitle h2 {
    font-weight: 600;
}

.newsdetailslist {
    float: left;
    padding: 0px;
    width: 100%;
    clear: both;
    text-align: left;
}

.mainarticlelist {
    float: left;
    padding: 0px;
    width: 100%;
    clear: both;
    margin-bottom: 12px;
    text-align: left;
}

.newssmalllist .newsitemright {
    padding: 0px 16px;
    width: 70%;
}

.newssmalllist .newsitemright a {
    font-weight: 600;
}

.newssmalllist h4 {
    font-weight: 600;
    padding: 0px;
}

.newswhiteblock {
    float: left;
    width: 100%;
    background-color: rgb(255, 255, 255);
}

.newscategoryheading {
    float: left;
    font-weight: 600;
    position: relative;
    font-size: 24px;
    z-index: 1;
}

.newsleft {
    float: left;
    width: 75%;
}

.newsright {
    float: left;
    width: 25%;
}

.newsharebanner {
    float: left;
    width: 100%;
    padding: 12px 0px;
    font-weight: 600;
    background-color: rgb(200, 200, 200);
}

.newsdate {
    float: left;
    padding: 0px 0px 16px;
}

.viewnews {
    float: left;
    clear: both;
    width: 100%;
    margin-top: -20px;
    position: relative;
    z-index: 3;
}

.newsmaintitle {
    float: left;
    width: 100%;
    font-size: 22px;
    padding: 36px 0px;
}

.viewnews a {
    float: left;
    padding: 8px 16px 8px 32px;
    background-color: var(--cu-orange);
    color: rgb(255, 255, 255);
}

.noticeitembox {
    display: inline-grid;
    gap: 32px;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row;
    padding: 20px 32px;
    text-align: left;
}

.monthbox {
    float: left;
    border-top: 8px solid rgb(238, 238, 238);
    width: 100%;
    margin-bottom: 8px;
}

.noticeitembox .noticeitem:nth-child(n) {
    transform: rotate(3deg);
}

.noticeitembox .noticeitem:nth-child(2n) {
    transform: rotate(-3deg);
}

.noticeitem {
    float: left;
    position: relative;
    padding: 16px 16px 32px;
    margin: 0.5% 0.5% 24px;
    background: linear-gradient(145deg, rgb(163, 217, 68) 0%, rgb(108, 176, 85) 35%, rgb(70, 150, 43) 83%, rgb(53, 128, 27) 100%);
    min-height: 200px;
    box-shadow: rgba(0, 0, 0, 0.2) 4px 14px 8px;
}

.noticebox {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgb(238, 238, 238);
    margin-bottom: 24px;
}

.noticedescription * {
    color: rgb(255, 255, 255);
    line-height: 1.3;
}

.noticecontent {
    float: left;
    width: 100%;
    padding: 4px;
}

.noticecontent h2 {
    font-family: museo, serif;
    font-size: 36px;
    line-height: 1;
}

.noticecontent h3 {
    font-family: museo, serif;
    font-size: 36px;
    line-height: 1;
}

.noticeitemsmall {
    float: left;
    width: 12%;
    position: relative;
    padding: 2px 2px 32px;
    margin: 0.25%;
    border: 1px solid rgb(238, 238, 238);
    background-color: rgb(51, 51, 51);
    text-align: center;
}

.noticeitemsmall h2 {
    font-size: 14px;
}

.gallerythumb {
    padding: 0.5px;
    position: relative;
}

.gallerythumb::after {
    content: "+";
    position: absolute;
    right: 8px;
    bottom: 8px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: rgb(255, 255, 255);
    border-radius: 50%;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
}

.columnimagetext {
    margin-top: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-bottom: 2px solid rgb(27, 31, 48);
    background-repeat: no-repeat;
    background-color: rgb(6, 9, 60);
    padding: 8px 108px 8px 36px;
    color: rgb(237, 237, 237);
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    text-align: left;
    background-image: url("/images/amwell-tint.svg");
    background-size: 560px;
    background-position: left -140px bottom -200px;
}

.columnimagetext::before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: -22px;
    right: 20%;
    background-color: rgb(6, 9, 60);
    transform: rotate(45deg);
}

.columnimagetext::after {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: -22px;
    background-image: url("/images/quotes-icon.svg");
    right: 8px;
    top: 0px;
    z-index: 30;
}

.testsmall {
    margin-top: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(184, 184, 184);
    background-position: left 0px top -30px;
    background-size: 140px;
    background-repeat: no-repeat;
    background-color: rgb(231, 236, 238);
    padding: 16px 77px 16px 16px;
    color: rgb(56, 56, 56);
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    text-align: left;
}

.testsmall::before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: -22px;
    right: 20%;
    background-color: rgb(231, 236, 238);
    transform: rotate(45deg);
}

.testsmall::after {
    content: "";
    width: 72px;
    height: 72px;
    position: absolute;
    bottom: -22px;
    background-image: url("/images/quotes-icon.svg");
    right: 8px;
    top: 0px;
    z-index: 30;
}

.testsmall h3 {
    position: relative;
    z-index: 2;
    color: rgb(70, 150, 53);
    font-family: Cormorant;
    font-size: 28px;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
}

.slicktest {
    z-index: 2;
    font-family: museo, serif;
    position: relative;
    float: left;
}

.slickperson {
    position: relative;
    width: 100%;
    float: left;
    z-index: 2;
    font-size: 14px;
    padding: 16px 0px;
    color: rgb(255, 204, 0);
}

.columnimagetext h3 {
    position: relative;
    z-index: 2;
    color: rgb(255, 255, 255);
    font-family: Cormorant;
    font-size: 28px;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
}

#strapline {
    float: right;
    padding: 16px 48px;
    height: 56px;
    background-color: var(--cu-dark-blue);
    color: rgb(238, 238, 238);
    font-size: 19px;
    letter-spacing: 0.8px;
}

.right {
    float: right;
    margin-right: 0px;
}

.left {
    float: left;
    margin-left: 0px;
    margin-right: 8px;
}

.nuvo_imagearea.circularpic {
    border-radius: 50%;
}

.nuvo_imagearea_center {
    width: 33.3333%;
    display: block;
    position: relative;
    line-height: 1;
    padding: 0px;
    margin: 0px;
    float: left;
}

.nuvo_imagearea_center a {
    display: block;
    padding: 0px;
    margin: 0px;
}

.nuvo_imagearea_half {
    width: 50%;
    float: left;
}

.nuvo_imagearea_third {
    width: 33.3333%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_imagearea img {
    width: 100%;
}

.nuvo_imagearea.circularpic img {
    width: 100%;
    border-radius: 50%;
}

.left-side-square {
    width: 60%;
    margin-bottom: 0px;
    float: left;
}

.right-side-square {
    width: 40%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_tinysquare {
    width: 50%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_mediumsquare {
    width: 100%;
    margin-bottom: 0px;
    float: left;
}

figcaption, .fullwidthimagecaption {
    padding: 8px;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.nuvo_imagearea {
    width: 33.3333%;
    float: left;
}

.nuvo_imagearea.right {
    width: calc(33.3333% + 16px);
    float: right;
    padding-left: 16px;
}

.nuvo_imagearea.left {
    width: calc(33.3333% + 16px);
    float: left;
    padding-right: 16px;
}

.nuvo_imagearea_center {
    width: calc(33.3333% + 16px);
    display: block;
    position: relative;
    line-height: 1;
    padding: 0px;
    margin: 0px;
    float: left;
}

.nuvo_imagearea_center a {
    display: block;
    padding: 0px;
    margin: 0px;
}

.nuvo_imagearea_half {
    width: 50%;
    float: left;
}

.nuvo_imagearea_third {
    width: 33.3333%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_imagearea img {
    width: 100%;
}

.nuvo_imagearea.circularpic img {
    width: 100%;
    border-radius: 50%;
}

.left-side-square {
    width: 60%;
    margin-bottom: 0px;
    float: left;
}

.right-side-square {
    width: 40%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_tinysquare {
    width: 50%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_mediumsquare {
    width: 100%;
    margin-bottom: 0px;
    float: left;
}

figcaption {
    padding: 8px;
}

.nuvo_onelarge {
    float: left;
    width: 100%;
    position: relative;
}

.nuvo_onelarge img {
    float: left;
    width: 100%;
}

.left-side {
    float: left;
    width: 66.66%;
}

.right-side {
    float: left;
    width: 33.3333%;
}

.nuvo_onesmall {
    float: left;
    width: 100%;
    position: relative;
}

.nuvo_onesmall img {
    float: left;
    width: 100%;
}

.nuvo_twosmall {
    float: left;
    width: 100%;
    position: relative;
}

.nuvo_tinyone {
    float: left;
    width: 50%;
}

.calendarwrap, .newswrap {
    float: left;
    width: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    text-align: left;
    padding: 12px;
    color: rgb(238, 238, 238);
}

.firsteventouter {
    float: left;
    width: 100%;
    border-bottom: 4px solid rgba(196, 196, 196, 0.2);
    padding-bottom: 16px;
    margin-bottom: 12px;
}

.newswrap {
    background-color: rgba(84, 84, 84, 0.4);
}

.datesbox {
    position: absolute;
    width: 120px;
    height: 54px;
    right: 0px;
    top: 0px;
    background-color: rgb(51, 51, 51);
}

.calendardaysmall .datesbox {
    width: 80px;
    height: 32px;
    float: left;
    background-color: rgb(51, 51, 51);
    position: relative;
}

.calendardaysmall .vevent {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgb(238, 238, 238);
    min-height: 0px;
}

.eventtext {
    padding-right: 120px;
}

.calendardaysmall .eventtext {
    padding-right: 0px;
    width: 100%;
    float: left;
}

.datesboxday {
    font-size: 20px;
}

.datestart {
    float: left;
    position: relative;
    color: rgb(9, 45, 91);
    padding: 8px 2px;
    text-align: center;
    background-color: rgb(226, 226, 226);
    z-index: 1;
}

.calendardaysmall .datestart {
    float: left;
    position: relative;
    color: rgb(238, 238, 238);
    padding: 0px;
    text-align: center;
    height: auto;
    background-color: rgb(0, 32, 64);
    z-index: 1;
}

.calendardaysmall .dateend::before, .dateend::before {
    top: 6px;
    position: absolute;
    font-family: nuvocons;
    content: "r";
    z-index: 1;
}

.calendardaysmall .dateend {
    padding: 0px;
    height: auto;
}

.calendardaysmall .datesboxday {
    font-size: 14px;
}

.calendardaysmall .dateend::before {
    font-size: 24px;
    left: -14px;
    color: rgb(0, 32, 64);
}

.dateend::before {
    font-size: 48px;
    left: -24px;
    color: rgb(226, 226, 226);
    line-height: 1;
}

.dateend {
    position: relative;
    float: left;
    color: rgb(238, 238, 238);
    padding: 8px;
    text-align: center;
    background-color: rgb(195, 28, 54);
}

.shinybuttons a {
    font-size: 16px;
    padding: 4px 12px;
    background-color: rgb(0, 167, 189);
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 12px;
    color: rgb(255, 255, 255);
    float: right;
}

#clockdiv {
    font-family: sans-serif;
    color: rgb(255, 255, 255);
    display: block;
    font-weight: 100;
    font-size: 30px;
    position: absolute;
    float: right;
    width: 50%;
    right: 16px;
    text-align: right;
}

#clockdiv {
    font-family: sans-serif;
    color: rgb(255, 255, 255);
    display: block;
    font-weight: 100;
    font-size: 30px;
    position: absolute;
    float: right;
    width: 50%;
    right: 16px;
    text-align: right;
}

.firstevent {
    float: left;
    width: 100%;
    position: relative;
}

.firstevent h4 {
    font-size: 24px;
}

#clockdiv > div {
    padding: 4px;
    border-radius: 3px;
    background: rgb(164, 52, 154);
    float: left;
    width: 25%;
}

#clockdiv div > span {
    padding: 8px;
    border-radius: 3px;
    background: rgb(187, 75, 177);
    float: left;
    width: 100%;
    text-align: center;
}

.smalltext {
    font-size: 14px;
    text-align: center;
}

.indevent {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 8px 4px;
    position: relative;
}

.indevent h3 {
    color: rgb(51, 51, 51);
}

.indevent.teacher {
    background-color: rgb(130, 130, 130);
}

.indevent.sports {
    background-color: rgb(134, 184, 144);
}

.indevent.holiday {
    background-color: rgb(250, 203, 1);
}

.indevent.normal {
    background-color: rgb(211, 226, 232);
}

.newsblock .indevent {
    float: left;
    width: 100%;
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    padding: 16px 0px 4px;
    position: relative;
}

.indevent h3 {
    float: left;
    width: 100%;
    padding: 0px;
    position: relative;
}

.singleeventdate {
    float: left;
    width: auto;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    margin-right: 1px;
}

.newsblock .singleeventdate {
    background-color: rgba(214, 214, 214, 0.3);
}

.extendedinfo {
    float: left;
    width: 100%;
    border-radius: 4px;
    padding: 12px;
    margin-top: 12px;
}

.icaldownload {
    float: left;
    border-radius: 4px;
    padding: 0px;
    margin-top: 0px;
}

.icaldownload a {
    float: left;
    border-radius: 4px;
    padding: 4px;
    background-color: rgb(225, 225, 225);
    color: rgb(6, 9, 60);
}

.moreeventlink {
    float: left;
    clear: both;
    width: auto;
    padding: 4px;
    background-color: rgb(255, 204, 0);
}

.firstevent .moreeventlink {
    bottom: 0px;
    left: 0px;
    background-color: rgb(255, 204, 0);
}

.contentbreak .moreeventlink a {
    text-decoration: none;
}

.singleeventdays, .singleeventtime {
    float: left;
    width: auto;
    padding: 6px 8px 6px 40px;
    position: relative;
}

.singleeventdays::after, .singleeventtime::after {
    left: 0px;
    content: "-";
    position: absolute;
    font-family: complete-icons;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 8px;
    top: 0px;
    width: 18px;
    height: 18px;
    line-height: 1;
    font-size: 20px;
    border-radius: 2px;
    text-align: center;
}

.singleeventtime::after {
    content: ",";
}

.videoinset {
    width: 50%;
    margin-bottom: 8px;
    position: relative;
    background-color: rgb(6, 9, 60);
    color: rgb(255, 204, 0);
    padding: 8px;
}

.right {
    float: right;
    margin-right: 0px;
    margin-left: 8px;
}

.left {
    float: left;
    margin-left: 0px;
    margin-right: 8px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0px;
    overflow: hidden;
}

.video-container embed, .video-container iframe, .video-container object {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


.video-container iframe {
   min-height: 0px;
}

#footerbase {
    width: 100%;
    text-align: center;
}

.footercolumnone {
    width: 100%;
    padding: 12px;
    text-align: center;
}

.footercolumntwo {
    width: 100%;
    padding: 12px;
}

.footercolumntwo li {
    width: auto;
    display: inline-block;
}

.footercolumntwo li a {
    width: auto;
    padding: 12px;
    font-size: 14px;
}

img {
    max-width: 100%;
    vertical-align: top;
    height: auto;
}

.randomimages {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    z-index: 1;
    padding: 24px;
}

.randomimages img {
    border-radius: 50%;
}

.nuvo_image_new {
    width: 20%;
}

atticle {
    float: left;
}

.minicart table.cart img {
    max-width: 80px;
}

table.cart img {
    max-width: 240px;
}

table.cart {
    width: 100%;
    margin-bottom: 12px;
    border-collapse: collapse;
    border: 1px solid rgb(51, 51, 51);
}

table.cart td {
    padding: 8px;
    max-width: 120px;
    border: 1px solid rgb(51, 51, 51);
}

.checkoutnow {
    float: right;
}

.updatebutton {
    padding: 0px;
    color: rgb(238, 238, 238);
    margin: 0px;
    font-size: 12px;
}

.updatebutton input[type="submit"] {
    border-radius: 4px;
    padding: 4px;
    margin: 0px;
    font-size: 14px;
}

.checkoutnow a {
    float: right;
    padding: 12px;
    font-size: 24px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
}

table img {
    max-width: 200px;
    width: 100%;
}

.minicart {
    float: left;
    width: 100%;
    padding: 8px;
    color: rgb(238, 238, 238);
    margin-bottom: 16px;
    background-color: rgb(33, 42, 41);
}

.leftcolumn {
    float: left;
    width: 50%;
}

.rightcolumn {
    float: left;
    width: 50%;
    padding: 0px 12px;
}

.productsarea {
    float: left;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
}

.perchproduct {
    float: left;
    width: 24%;
    margin: 0.5%;
    padding: 8px;
    border-bottom: 1px solid rgb(0, 0, 0);
    background-color: rgb(42, 42, 42);
    background-image: url("/images/maingridoverlay3.png");
    background-size: 6px;
}

.smallcatarea {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: rgb(43, 43, 43);
    padding: 12px;
}

.smallcat {
    display: inline-block;
    width: 24%;
    margin: 0.5%;
    padding: 8px;
    border-bottom: 4px solid rgb(0, 0, 0);
    background-color: rgb(26, 26, 26);
    background-size: 6px;
}

.productsareasmall .perchproduct {
    float: left;
    width: 100%;
    margin: 0.5% 0.5% 4px;
    padding: 8px;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-color: rgb(79, 77, 70) rgb(79, 77, 70) rgba(0, 0, 0, 0.4);
    border-image: initial;
    background-color: rgb(97, 94, 87);
    background-image: url("/images/maingridoverlay3.png");
    background-size: 6px;
}

.productsareasmall .productimage {
    float: left;
    width: 30%;
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: rgb(97, 94, 87);
    background-image: url("/images/maingridoverlay3.png");
    background-size: 6px;
}

.productsareasmall .productdetail {
    float: left;
    width: 70%;
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: rgb(97, 94, 87);
    background-image: url("/images/maingridoverlay3.png");
    background-size: 6px;
}

.perchproduct img {
    float: left;
    width: 100%;
}

.productname {
    float: left;
    width: 100%;
    font-size: 1.4em;
    padding: 8px;
}

.leftcolumn .productsku {
    float: left;
    width: 100%;
    color: rgb(215, 55, 51);
    font-size: 1em;
    padding: 8px;
}

.leftcolumn .productname {
    float: left;
    width: 100%;
    color: rgb(215, 55, 51);
    font-size: 2.4em;
    padding: 8px;
}

.productsku {
    float: left;
    width: 100%;
    color: rgb(238, 238, 238);
    font-size: 1.4em;
}

.productimage {
    float: left;
    width: 100%;
    color: rgb(238, 238, 238);
    font-size: 1.4em;
}

.productdescription {
    float: left;
    width: 100%;
    color: rgb(238, 238, 238);
    font-size: 1.4em;
    padding: 8px;
}

.productname {
    float: left;
    width: 100%;
    font-size: 20px;
    padding: 8px;
}

.backtoshop a {
    float: right;
    width: auto;
    clear: both;
    padding: 4px;
    background-color: rgb(255, 221, 52);
    color: rgb(42, 42, 42);
    font-size: 24px;
    margin-bottom: 12px;
}

.backtoshop {
    float: right;
    width: 100%;
    clear: both;
    padding: 4px;
}

.basketdropdown {
    float: left;
    width: 100%;
    background-size: 4px;
    padding: 8px;
    position: relative;
    background-color: rgb(42, 42, 42);
    margin-bottom: 24px;
}

.largecat {
    float: left;
    width: 32.3333%;
    padding: 8px;
    background-color: rgb(255, 255, 255);
    margin: 0.5%;
    font-size: 16px;
}

.largecat .catimage {
    float: left;
    width: 100%;
}

.largecat h4 {
    float: left;
    width: 100%;
    font-size: 32px;
}

.rightcolumn .productname {
    font-size: 40px;
}

.rightcolumn .productsku {
    font-size: 14px;
}

.rightcolumn .productdescription {
    font-size: 16px;
}

.productprice {
    float: left;
    width: 100%;
    font-size: 1.4em;
    padding: 8px;
}

.productsaleprice {
    float: left;
    width: 100%;
    font-size: 1.4em;
    padding: 8px;
    display: none;
}

.productvariants {
    float: left;
    width: 100%;
    color: rgb(160, 160, 160);
    font-size: 1.4em;
    padding: 8px;
    display: none;
}

.productvar {
    float: left;
    width: 100%;
    font-size: 1em;
    padding: 4px;
    background-color: rgb(42, 42, 42);
    margin-top: 4px;
    margin-bottom: 4px;
}

.addtocart {
    float: right;
    font-size: 1em;
    padding: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    color: rgb(238, 238, 238);
}

.productvar label {
    float: left;
    width: 100%;
    font-size: 1em;
    padding: 4px;
    margin-top: 0px;
}

.status {
    float: left;
    width: 100%;
    color: rgb(160, 160, 160);
    font-size: 1.4em;
    padding: 8px;
    display: none;
}

.productcategory {
    float: left;
    width: 100%;
    color: rgb(147, 147, 147);
    font-size: 1.4em;
    padding: 8px;
    display: none;
}

.producttradeprice {
    float: left;
    width: 100%;
    color: rgb(160, 160, 160);
    font-size: 1.4em;
    padding: 8px;
    display: none;
}

.saleprice, .taxgroup, .hiddendetails {
    display: none;
}

.productoptions {
    float: left;
    width: 100%;
}

.singleoption {
    float: left;
    width: 25%;
}

.optionname, .optionprice {
    float: left;
    width: 100%;
    border: 1px solid rgb(51, 51, 51);
}

.optionname {
    background-color: rgb(43, 43, 43);
}

.optionprice {
    background-color: rgb(26, 26, 26);
}

.productbrand {
    float: left;
    width: 100%;
    color: rgb(160, 160, 160);
    font-size: 1.4em;
    padding: 8px;
    display: none;
}

.productslug {
    float: left;
    width: 100%;
    color: rgb(160, 160, 160);
    font-size: 1.4em;
    padding: 8px;
    display: none;
}

.testimonialdesc {
    position: relative;
    z-index: 3;
}

.logolist {
    float: left;
    width: 100%;
    min-height: 400px;
}

.logolist h2 {
    float: left;
    width: 100%;
    font-size: 28px;
    padding-bottom: 16px;
}

.logolist .ind_logo {
    float: left;
    width: 24%;
    margin: 0.5%;
}

.logolist .ind_logo img {
    float: left;
    width: 100%;
    padding: 12px;
}

#webdesigner {
    padding-top: 34px;
    float: left;
    width: 100%;
}

.usefullinks_area {
    width: 100%;
    height: auto;
    margin-right: 1%;
    overflow: visible;
    padding: 8px;
    background-color: rgb(238, 238, 238);
    margin-top: 12px;
    float: left;
}

.weblinksinner, .weblinksouter {
    width: 100%;
    display: block;
    height: auto;
}

.weblinksouter {
    float: left;
    padding: 0px;
    margin: 4px 4px 4px 0px;
    background-color: rgb(255, 255, 255);
}

.weblinksouter a {
    float: right;
    padding: 4px 12px;
    margin-top: 4px;
    background-color: rgb(255, 204, 0);
}

.twothirds {
    float: left;
    width: 66.6667%;
    text-align: left;
}

.onethird {
    float: left;
    width: 33.3333%;
    padding: 16px;
    margin-bottom: 16px;
}

.archivesection {
    float: left;
    width: 100%;
    background-color: rgb(6, 9, 60);
    color: rgb(238, 238, 238);
    padding: 16px;
    border-radius: 8px;
}

.archivesection h3 {
    color: rgb(250, 203, 1);
    padding: 0px;
}

.weblinksinner {
    float: left;
    padding: 8px;
}

.weblinkimage {
    float: left;
    width: 100%;
}

.weblinkimage img {
    float: left;
    max-width: 300px;
}

.weblinksdescription {
    float: left;
    width: 70%;
    padding-right: 12px;
    display: block;
    height: auto;
    color: rgb(102, 102, 102);
}

form {
    margin-top: 32px;
    float: left;
}

body {
    margin: 0px;
    width: 100%;
    position: relative;
    color: rgb(0, 0, 0);
    background-color: rgb(230, 229, 235);
    background-size: 700px;
    background-repeat: no-repeat;
    background-position: right -200px top 0px;
}

body::after {
    position: absolute;
    content: "";
    height: 60vh;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
}

#hoverlinkarea {
    width: 100%;
    text-align: center;
    max-width: 1280px;
}

.divisionband {
    float: left;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    text-align: center;
    padding: 24px 0px;
}

.divisionband h3 {
    text-align: center;
    padding: 24px 0px;
}

.divisionband a {
    display: inline-block;
    width: 33%;
}

.slidingimageband {
    width: 100%;
    float: left;
    padding: 48px 0px;
    top: 0px;
    height: 100%;
    text-align: center;
}

.select-style {
    border: 1px solid rgb(204, 204, 204);
    float: left;
    display: block;
    border-radius: 2px;
    overflow: hidden;
    background: url("/images/icon-select.png") 90% 50% no-repeat rgb(250, 250, 250);
    position: relative;
    width: 100%;
}

.select-style:hover::after {
    content: "";
    position: absolute;
    height: 60px;
    z-index: 30000;
    border: 1px solid rgb(204, 204, 204);
    float: left;
    display: block;
    width: auto;
    border-radius: 2px;
    overflow: hidden;
    background: url("/images/icon-select.png") 90% 50% no-repeat rgb(250, 250, 250);
}

.mainform {
    display: inline-block;
    width: 100%;
    max-width: 1080px;
    padding: 16px 16px 64px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgb(62, 168, 192);
    position: relative;
}

.clearform {
    display: inline-block;
    width: 100%;
    padding: 8px;
    background-color: rgb(51, 51, 51);
    color: rgb(62, 168, 192);
    max-width: 200px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#form2_shipping_method {
    float: left;
    width: 100%;
    padding: 16px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 16px;
    border-bottom: 1px solid rgb(204, 204, 204);
    display: none;
}

#form1_shipping_method {
    float: left;
    width: 100%;
    padding: 16px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 16px;
    border-bottom: 1px solid rgb(204, 204, 204);
    display: none;
}

form .formitem {
    text-align: center;
    display: inline-block;
    width: 33%;
    font-size: 20px;
}

form label {
    display: block;
    float: left;
    padding: 8px 0px;
    font-size: 16px;
    width: 100%;
}

.formitem input[type="submit"] {
    appearance: none;
    float: left;
    padding: 8px;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    background-color: rgb(62, 168, 192);
    font-size: 20px;
    border-radius: 4px;
    color: rgb(51, 51, 51);
    width: 100%;
}

.formerror {
    background-color: rgb(3, 156, 68);
    display: inline-block;
    padding: 4px;
    border-radius: 4px;
    margin-bottom: 12px;
    color: rgb(255, 255, 255);
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: none 0px 0px;
    appearance: none;
}

.select-style select:focus {
    outline: 0px;
}

.icon-facebook::before {
    content: "g";
    border: 2px solid rgb(255, 255, 255);
    padding: 8px;
    border-radius: 50%;
}

.icon-google::before {
    content: "C";
    border: 2px solid rgb(255, 255, 255);
    padding: 8px;
    border-radius: 50%;
}

.icon-instagram::before {
    content: "e";
    border: 2px solid gray;
    padding: 8px;
    border-radius: 50%;
}

#socialmedia a:hover .icon-instagram::before {
    border: 2px solid rgb(238, 238, 238);
}

.icon-instagrem::before {
    content: "f";
    border: 2px solid rgb(255, 255, 255);
    padding: 8px;
    border-radius: 50%;
}

#socialmedia a:hover .icon-instagrem::before {
    border: 2px solid rgb(238, 238, 238);
}

.icon-vimeo::before {
    content: "g";
}

.icon-youtube-alt::before {
    content: "h";
}

.icon-youtube::before {
    content: "i";
}

.icon-phone::before {
    content: "j";
}

.icon-clock::before {
    content: "k";
}

.icon-mail::before {
    content: "l";
}

.icon-pin::before {
    content: "m";
}

.icon-search::before {
    content: "n";
}

.icon-search-1::before {
    content: "o";
}

.icon-up-open-big::before {
    content: "p";
}

.icon-down-open-big::before {
    content: "q";
}

.icon-right-open-big::before {
    content: "r";
}

.icon-left-open-big::before {
    content: "s";
}

.icon-dot-circle-o::before {
    content: "t";
}

.icon-circle::before {
    content: "u";
}

.icon-folder-open::before {
    content: "v";
}

.icon-folder::before {
    content: "w";
}

.icon-users-1::before {
    content: "y";
}

.icon-question-circle::before {
    content: "x";
}

.icon-question::before {
    content: "z";
}

.icon-home::before {
    content: "A";
}

.icon-wrench::before {
    content: "B";
}

.icon-wrench-1::before {
    content: "C";
}

.icon-rss::before {
    content: "D";
}

.icon-feed-rss-2::before {
    content: "F";
}

.icon-camera::before {
    content: "E";
}

.icon-social-youtube-outline::before {
    content: "G";
}

.icon-info::before {
    content: "I";
}

.icon-info-circled::before {
    content: "H";
}

.icon-camera-1::before {
    content: "J";
}

.icon-medal-rank-star::before {
    content: "L";
}

.icon-locked::before {
    content: "K";
}

.icon-pound::before {
    content: "M";
}

.icon-linkedin-alt::before {
    content: "N";
}

.icon-linkedin-alt-1::before {
    content: "O";
}

.icon-arrow-down-1::before {
    content: "0";
}

.icon-arrow-right-1::before {
    content: "1";
}

.icon-arrow-up-1::before {
    content: "2";
}

.icon-arrow-left-1::before {
    content: "3";
}

.icon-arrow-circle-right::before {
    content: "4";
}

.icon-arrow-circle-up::before {
    content: "5";
}

.icon-arrow-circle-left::before {
    content: "6";
}

.icon-arrow-circle-down::before {
    content: "7";
}

.icon-arrow-curve-right::before {
    content: "P";
}

.icon-link::before {
    content: "Q";
}

.icon-link-external::before {
    content: "R";
}

.icon-external-link-sqaure::before {
    content: "S";
}

.icon-hyperlink::before {
    content: "T";
}

.icon-file::before {
    content: "U";
}

.icon-download::before {
    content: "V";
}

.icon-install::before {
    content: "W";
}

.icon-download-1::before {
    content: "X";
}

.icon-in::before {
    content: "Y";
}

.vacancylistouter {
    float: left;
    width: 100%;
}

.vacancyitemlist {
    float: left;
    width: 100%;
    border: 1px solid rgb(238, 238, 238);
    text-align: left;
    padding: 16px;
    margin-bottom: 16px;
}

.vacancyitemlist h2 {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0px;
}

*, html {
    box-sizing: border-box;
    font-family: museo-sans-rounded, sans-serif;
    font-weight: 300;
}

form {
    float: left;
    width: 100%;
    padding-bottom: 32px;
    margin-top: 32px;
}

.newformarea {
    float: left;
    width: 100%;
    padding: 32px;
    background-color: rgb(255, 255, 255);
    margin-top: 32px;
}

em.keyword {
    padding: 4px;
    background-color: rgb(255, 204, 0);
    color: rgb(6, 9, 60);
    border-radius: 4px;
}

.pageresult {
    border-bottom: 1px solid rgb(48, 48, 48);
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.pageroute {
    padding-bottom: 4px;
    margin-bottom: 24px;
    color: rgb(117, 198, 225);
}

.testimonial .cbp-qtcontent img {
    position: absolute;
    right: 0px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 4px solid rgb(21, 177, 187);
}

.sb-search {
    position: absolute;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 0%;
    min-width: 48px;
    height: 48px;
    right: 8px;
    overflow: hidden;
    transition: width 0.3s ease 0s;
    top: 8px;
    z-index: 12;
}

.headercta {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px 0px 32px;
    color: rgb(238, 238, 238);
}

.ctalineone, .ctalinetwo {
    display: inline-block;
    font-size: 18px;
    padding-left: 12px;
}

.dancetel {
    position: absolute;
    right: 72px;
    top: 80px;
    border-radius: 4px;
    padding: 4px 8px 4px 44px;
    height: 36px;
    font-family: Orbitron, sans-serif;
}

.dancetel a {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    padding: 6px 8px 6px 44px;
    background-color: rgb(2, 156, 68);
    height: 36px;
    font-family: Orbitron, sans-serif;
}

.dancetel a::before {
    top: 0px;
    left: 0px;
    width: 36px;
    height: 100%;
    content: "T";
    position: absolute;
    color: rgb(255, 255, 255);
    padding: 0px;
    background-color: rgb(114, 114, 114);
    border-radius: 4px;
    line-height: 40px;
}

.infolink::before {
    left: 0px;
    font-size: 20px;
    content: "H";
    position: absolute;
    font-family: SocialMedia;
    color: rgb(122, 180, 77);
}

.rslides1_nav, .rslides2_nav, .rslides3_nav {
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
}

.rslides1_nav:focus, .rslides2_nav:focus, .rslides3_nav:focus, button:focus {
    outline: 0px;
}

.da-thumbs, .rslides, .rslides_tabs, ol, ul {
    list-style: none;
}

.da-thumbs {
    width: 100%;
    position: relative;
    margin: 20px auto;
    padding: 0px;
}

.da-thumbs li {
    float: left;
    margin: 0px;
    background: rgb(255, 255, 255);
    padding: 1px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
    width: 33.2507%;
}

.websitelaunchlink a {
    font-size: 16px;
    padding: 4px 8px;
    background-color: rgb(204, 169, 82);
    border-radius: 16px;
    position: absolute;
    top: 16px;
    right: 0px;
}

.da-thumbs li a, .da-thumbs li a img {
    display: block;
    position: relative;
}

.da-thumbs li a div {
    position: absolute;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

.da-thumbs li a div span {
    display: block;
    padding: 10px 0px;
    margin: 40px 20px 20px;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px, rgba(255, 255, 255, 0.3) 0px -10px 0px;
}

.expander, .headerbutton {
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px, rgba(255, 255, 255, 0.5) 0px 1px 1px inset;
}

.noshow {
    display: none;
}

.row {
    padding: 12px;
    width: 100%;
    float: left;
}

.headerbutton {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), color-stop(0.5, rgb(255, 255, 255)), color-stop(0.5, rgb(255, 255, 255)), to(rgb(204, 204, 204)));
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px, rgba(255, 255, 255, 0.5) 0px 1px 1px inset;
    padding: 4px;
    font-size: 14px;
    line-height: 24px;
    height: 30px;
    float: left;
    width: 84px;
}

.clienttext {
    float: right;
    padding-left: 4px;
    padding-right: 4px;
}

#cookie-bar {
    background: rgb(17, 17, 17);
    height: auto;
    line-height: 24px;
    color: rgb(238, 238, 238);
    text-align: center;
    padding: 8px;
}

#cookie-bar.fixed {
    position: fixed;
    top: 0px;
    z-index: 10;
    left: 0px;
    width: 100%;
}

#cookie-bar.fixed.bottom {
    bottom: 0px;
    top: auto;
}

#cookie-bar p {
    margin: 0px;
    padding: 0px;
}

#cookie-bar a {
    color: rgb(255, 255, 255);
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    padding: 0px 6px;
    margin-left: 8px;
}

#cookie-bar .cb-enable {
    background: rgb(255, 204, 0);
}

#cookie-bar .cb-enable:hover {
    background: rgb(92, 180, 208);
}

#cookie-bar .cb-disable {
    background: rgb(153, 0, 0);
}

#cookie-bar .cb-disable:hover {
    background: rgb(187, 0, 0);
}

#cookie-bar .cb-policy {
    background: rgb(43, 43, 43);
    color: rgb(138, 138, 138);
}

#cookie-bar .cb-policy:hover {
    background: rgb(90, 179, 208);
    color: rgb(238, 238, 238);
}

.headerbutton.icon-locked::before {
    content: "K";
    font-size: 20px;
}

.lightgallery {
    display: inline-block;
    width: 100%;
    margin-top: 16px;
}

.ind_photo {
    float: left;
    width: 25%;
    position: relative;
}

.ind_photo a {
    float: left;
    width: 100%;
    padding: 8px;
}

#html5-videos .imagetitle, .lightgallery .imagetitle {
    position: absolute;
    bottom: 8px;
    padding: 8px;
    width: 100%;
    color: rgb(255, 255, 255);
    font-size: 12px;
    pointer-events: none;
}

.lightgallery a img {
    float: left;
    width: 100%;
}

.imageGallery1 a {
    float: left;
    width: 16.6667%;
}

.imageGallery1 a img {
    float: left;
    width: 100%;
}

#html5-videos .ind_photo a::after, .lightgallery .ind_photo a::after {
    content: "";
    position: absolute;
    right: 8px;
    bottom: 8px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: rgb(255, 255, 255);
    border-radius: 50%;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
    font-family: lg !important;
}

.ind_photo a::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: rgb(255, 255, 255);
    border-radius: 50%;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
    font-family: lg !important;
}

.clicked .expander, .expander {
    padding: 4px;
    font-size: 14px;
    line-height: 24px;
    height: 30px;
    float: left;
    width: 84px;
    bottom: 20px;
    right: 4px;
    position: absolute;
    cursor: pointer;
}

.productgallery .lightgallery {
    margin: 0px;
    float: left;
}

.expander {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), color-stop(0.5, rgb(255, 255, 255)), color-stop(0.5, rgb(255, 255, 255)), to(rgb(204, 204, 204)));
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px, rgba(255, 255, 255, 0.5) 0px 1px 1px inset;
    color: rgb(37, 7, 37);
    text-align: center;
}

.clicked .expander {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 159, 138)), color-stop(0.5, rgb(255, 58, 15)), color-stop(0.5, rgb(204, 169, 82)), to(rgb(210, 71, 41)));
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px, rgba(255, 255, 255, 0.5) 0px 1px 1px inset;
    color: rgb(250, 250, 250);
    text-align: center;
}

.expander::before {
    content: "MORE";
    top: 4px;
    left: 0px;
    width: 100%;
    position: absolute;
}

.clicked .expander::before {
    content: "LESS";
}

#navigationarea {
    float: right;
    display: block;
    width: 100%;
    position: relative;
    overflow: visible;
    z-index: 1;
    background-color: var(--cu-slate-trans-zero);
    transition: all 0.4s ease-in-out 0s;
}

.indlogo {
    float: none;
    margin: 12px 0px;
    padding: 2px 2px 2px 8px;
    display: inline-flex;
}

.anyotherinfo, .classinfo, .parentarea, .childsarea, .medicalinfo, .signoff, .mediaconsent {
    float: left;
    width: 100%;
}

.anyotherinfo textarea {
    min-height: 120px;
}

.signoff {
    text-align: center;
}

.classinfo h3, .parentarea h3, .childsarea h3, .medicalinfo h3, .signoff h3 {
    float: left;
    width: 100%;
    padding: 12px;
    color: rgb(2, 156, 68);
    font-family: "Special Elite", cursive;
}

.fullwidth h3 {
    color: rgb(51, 142, 200);
}

.thirdsarea {
    float: left;
    width: 33.3333%;
    padding: 8px;
}

.fullwidth {
    padding: 8px;
}

.halfcolumn {
    float: left;
    width: 50%;
    padding: 8px;
}

.fullcolumn {
    float: left;
    width: 100%;
    padding: 8px;
}

.indlogo img {
    float: left;
    width: auto;
    height: 72px;
}

.homepagelinksarea {
    float: left;
    width: 100%;
}

.homepagelinksarea {
    display: inline-grid;
    gap: 32px;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row;
    padding: 20px 32px;
    text-align: left;
}

.largehoverlinks {
    text-align: center;
    float: left;
    padding: 8px;
    background: rgb(6, 9, 60);
    color: rgb(255, 255, 255);
    font-size: 21px;
    line-height: 1.3em;
    font-weight: 400;
}

.largehoverlinks a {
    float: left;
    width: 100%;
}

.linkimageholder {
    float: left;
    width: 100%;
    pointer-events: none;
}

.linkimage {
    width: 180px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
}

.linkimage img {
    float: left;
}

.linkinfo, .linkname, .linkdesc, .moreinfo {
    float: left;
    width: 100%;
    color: rgb(255, 255, 255);
    padding: 4px 0px;
}

.moreinfo {
    position: absolute;
    bottom: 12px;
    padding: 12px;
    width: 100%;
    color: rgb(255, 255, 255);
}

.moreinfo span {
    padding: 12px;
    width: 100%;
    background-color: rgb(2, 156, 68);
}

.linkname {
    float: left;
    width: 100%;
    font-family: museo, serif;
    font-size: 32px;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
    padding: 24px;
}

.linkdesc {
    float: left;
    width: 100%;
}

.largehoverlinks .linkimage::after {
    position: absolute;
    width: 85%;
    height: 85%;
    left: 50%;
    top: 50%;
    z-index: 2;
    border: 200px solid rgb(200, 0, 110);
    background-color: rgba(255, 255, 255, 0);
    border-radius: 50%;
    transform: translateY(-50%) translateX(-50%) scale(1);
    transition: all 0.4s ease-in-out 0s;
}

form {
    padding: 16px;
    margin-top: 16px;
    float: left;
    width: 100%;
    background-color: rgb(255, 204, 0);
    margin-bottom: 8px;
}

.headingband {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px 12px;
}

.linksband {
    float: left;
    width: 100%;
    padding: 24px 0px;
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    background-attachment: fixed;
}

#lightgallery a::after {
    content: "o";
    position: absolute;
    right: 8px;
    bottom: 8px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: rgb(255, 255, 255);
    border-radius: 50%;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
    font-family: SocialMedia !important;
}

#lightgallery a {
    float: left;
    position: relative;
    width: 19%;
    border: 8px solid rgb(0, 0, 0);
    margin: 0.5%;
}

#lightgallery a img {
    float: left;
    position: relative;
    width: 100%;
}

strong {
    font-weight: 600;
}

div.map {
    display: block;
    width: 100%;
    height: 300px;
    margin-bottom: 40px;
}

.cmsmap {
    width: 100%;
    height: 300px;
}

.cmsmap img {
    max-width: none;
}

.google-thin {
    float: left;
    height: 300px;
    width: 100%;
    overflow: hidden;
}

.google-thin div.cmsmap {
    float: left;
    width: 100% !important;
}

nav#picturenavtiny {
    width: 100%;
    float: left;
}

#relatedpages #picturenavtiny li {
    padding: 0px;
    width: 100%;
    margin: 0px;
    float: left;
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

#relatedpages #picturenavtiny li a {
    display: block;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
}

#relatedpages #picturenavtiny a {
    display: inline-block;
    width: 25%;
    margin-bottom: 16px !important;
}

.timetablearea h2 {
    text-align: center;
    background-color: rgb(227, 4, 19);
    width: auto;
    min-width: 200px;
    color: rgb(238, 238, 238);
}

.textinner {
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

footer #socialmedia {
    position: relative;
}

footer #socialmedia::before {
    position: absolute;
    content: "";
    width: 220px;
    height: 220px;
    top: -220px;
    left: 32px;
    z-index: 20000000;
}

#footerbase::before {
    position: absolute;
    content: "";
    width: 140px;
    height: 140px;
    top: -208px;
    right: 32px;
    z-index: 20000000;
}

.staffwide .textinner {
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.headingband .textinner {
    padding: 16px 0px;
}

.churchgroup {
    text-align: left;
    float: left;
    width: 100%;
    margin: 0%;
    border-width: 1px 1px 3px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.5);
    border-image: initial;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.06);
}

.churchgrouplogo {
    float: right;
    width: 20%;
    border-width: 1px 1px 3px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.5);
    border-image: initial;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.06);
    border-radius: 50%;
}

.churchgrouplogo img {
    float: left;
    width: 100%;
    border-radius: 50%;
}

.churchgroupdetails {
    float: left;
    width: 80%;
    margin: 0%;
}

.churchgroupname {
    float: left;
    width: 100%;
    margin: 0.5%;
    font-family: russellregular, cursive;
    padding-top: 12px;
    font-size: 40px;
    color: rgb(255, 135, 0);
}

.churchgroupdescription {
    float: left;
    width: 100%;
    font-family: russellregular, cursive;
    padding-top: 12px;
    color: rgb(178, 178, 178);
}

.churchgrouptimes {
    float: left;
    width: 100%;
    margin: 0.5%;
    font-family: russellregular, cursive;
    padding-top: 12px;
    color: rgb(255, 135, 0);
}

.textinner.withlogo {
    position: relative;
    padding: 28px 60px 28px 0px;
    text-align: left;
}

.textinner.withlogo .proddescimage {
    width: 15%;
    right: 4px;
    top: 16px;
    max-width: 100px;
}

.picturenavtexttiny {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    background-color: rgb(6, 9, 60);
    line-height: 180px;
    color: rgb(238, 238, 238);
    font-weight: 600;
    font-size: 24px;
    transition: all 0.3s ease-in-out 0s;
}

.navicon {
    width: 72px;
    text-align: center;
    position: absolute;
    bottom: 16px;
    right: 16px;
    height: 72px;
    background-color: rgb(164, 208, 224);
    border-radius: 8px;
    line-height: 180px;
    padding: 4px;
    color: rgb(238, 238, 238);
    font-weight: 600;
    font-size: 24px;
    transition: all 0.3s ease-in-out 0s;
    transform: rotate(7deg);
}

.naviconsmall {
    width: 44px;
    text-align: center;
    position: absolute;
    padding: 1px;
    top: 6px;
    right: 6px;
    height: 44px;
    background-color: rgb(0, 34, 49);
    border-radius: 4px;
    line-height: 180px;
    color: rgb(238, 238, 238);
    font-weight: 600;
    font-size: 24px;
    transition: all 0.3s ease-in-out 0s;
}

.picturenavimageareatiny:hover .picturenavtexttiny {
    line-height: 150px;
    transition: all 0.3s ease-in-out 0s;
    background-color: rgba(54, 62, 105, 0.4);
}

.picturenavimageareatiny:hover .moretext {
    line-height: 140px;
    opacity: 1;
    bottom: 0%;
}

.picturenavimageareatiny {
    float: left;
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.picturenavimageareatiny::before {
    content: "";
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: absolute;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    left: 8px;
    top: 8px;
    z-index: 2;
    box-sizing: border-box;
}

.picturenavimageareatiny img {
    float: left;
    width: 100%;
    border-radius: 2px;
}

.moretext {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0%;
    left: 0px;
    line-height: 180px;
    color: rgb(238, 238, 238);
    font-weight: 300;
    font-size: 20px;
    opacity: 0;
    transition: all 0.3s ease-in 0s;
}

.mainpicturenavimageareatiny::before {
    content: "";
    position: absolute;
    background-color: rgba(120, 120, 120, 0.27);
    transition: all 0.3s ease-in-out 0s;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
}

.mainpicturenavtexttiny {
    text-align: center;
    position: absolute;
    top: 4px;
    left: 4px;
    line-height: 180px;
    color: rgb(238, 238, 238);
    font-weight: 600;
    font-size: 24px;
    transition: all 0.3s ease-in-out 0s;
    overflow: hidden;
    z-index: 4;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.mainpicturenavimageareatiny:hover .mainpicturenavtexttiny {
    line-height: 150px;
}

.mainpicturenavimageareatiny:hover .moretext {
    line-height: 140px;
    opacity: 1;
    bottom: 0%;
    z-index: 40;
}

.mainpicturenavimageareatiny {
    float: left;
    width: 25%;
    height: 180px;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}

.mainpicturenavimageareatiny::before {
    content: "";
    position: absolute;
    width: 148px;
    height: 148px;
    left: 50%;
    top: 50%;
    z-index: 3;
    border: 200px solid rgba(51, 51, 51, 0.78);
    border-radius: 50%;
    transform: translateY(-50%) translateX(-50%) scale(1);
    transition: all 0.4s ease-in-out 0s;
}

.mainpicturenavimageareatiny:hover::before {
    width: 200px;
    height: 200px;
    border: 0px solid rgba(0, 0, 0, 0.8);
    transform: translateY(-50%) translateX(-50%) scale(3);
    transition: all 0.4s ease-in-out 0s;
}

.mainpicturenavimageareatiny::after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    left: 50%;
    top: 50%;
    z-index: 2;
    border: 200px solid rgba(51, 51, 51, 0.86);
    border-radius: 50%;
    transform: translateY(-50%) translateX(-50%) scale(1);
    transition: all 0.7s ease-in-out 0s;
}

.mainpicturenavimageareatiny:hover::after {
    width: 200px;
    height: 200px;
    border: 0px solid rgba(0, 0, 0, 0.8);
    transform: translateY(-50%) translateX(-50%) scale(3);
    transition: all 0.7s ease-in-out 0s;
}

.mainpicturenavimageareatiny img {
    float: left;
    width: 100%;
    border-radius: 2px;
}

#socialmedia a {
    display: inline-block;
    width: 50px;
}

#socialmedia i {
    width: 32px;
    height: 32px;
    display: block;
    font-size: 28px;
    top: 0px;
    padding: 2px;
    text-align: center;
    cursor: pointer;
    color: rgb(255, 255, 255);
}

#socialmedia i {
    color: gray;
}

#socialmedia i:hover {
    color: rgb(238, 238, 238);
}

.thirdcolumn #socialmedia {
    position: relative;
    margin-bottom: 0px;
    right: 0px;
    left: 0px;
    width: 96%;
    padding: 8px;
    margin-right: 2%;
}

.thirdcolumn #socialmedia a {
    display: inline-block;
    width: auto;
    float: none;
    color: rgb(255, 255, 255);
}

.thirdcolumn #socialmedia i {
    width: 40px;
    height: 40px;
    display: block;
    font-size: 32px;
    top: 0px;
    padding: 3px;
    text-align: center;
    cursor: pointer;
    color: rgb(204, 204, 204);
    margin-left: 2px;
    border: 1px solid rgb(204, 204, 204);
}

#teamprofiles .profilename {
    font-size: 24px;
}

#teamprofiles .jobtitle {
    font-size: 19px;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

#teamprofiles .profilespec {
    width: 100%;
    background-color: rgb(33, 42, 41);
    padding: 12px;
    float: left;
    margin-top: 16px;
    text-align: left;
    position: relative;
}

#teamprofiles .profilespec h3 {
    width: 100%;
    font-size: 16px;
    color: rgb(215, 55, 51);
}

#teamprofiles .profilespec p {
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid rgb(204, 204, 204);
}

#teamprofiles {
    float: left;
    width: 100%;
}

.centredarea {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}

#teamprofileslist {
    float: left;
    width: 100%;
    padding: 12px;
}

.profilelisting {
    float: left;
    width: 50%;
    padding: 0px;
    position: relative;
}

#teamprofileslist .profilelisting .profilename {
    float: left;
    padding: 0px;
    position: relative;
    clear: both;
}

#teamprofileslist .profilelisting .profilemore {
    position: absolute;
    font-family: socialmedia;
    color: rgb(24, 22, 33);
    width: 38px;
    height: 38px;
    right: 2px;
    bottom: 2px;
    border-radius: 50%;
    padding: 0px;
    clear: both;
    font-size: 20px;
    pointer-events: none;
}

#teamprofileslist .profilelisting .profilemore::before {
    position: absolute;
    content: "I";
    font-family: socialmedia;
    color: rgb(227, 4, 20);
    left: 0px;
    top: 0px;
    border-radius: 50%;
    padding: 0px;
    clear: both;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
}

#teamprofileslist .profilelisting .jobtitle {
    float: left;
    padding: 0px 0px 0px 16px;
    position: relative;
    text-align: center;
}

#teamprofileslist .profilelisting .jobtitle::before {
    position: absolute;
    left: 7px;
    top: 0px;
    content: "";
    width: 4px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    transform: skew(-15deg, 0deg);
}

#teamprofileslist .profilelisting .contactfor {
    float: left;
    position: relative;
    color: rgba(255, 255, 255, 0.7);
    padding: 4px;
    clear: both;
    font-size: 14px;
}

.profilelisting .profilephoto {
    float: left;
    width: 100%;
    border-radius: 0px;
}

.profilelisting .profilephoto img {
    float: left;
    width: 100%;
    border-radius: 0px;
}

.ind_profile {
    float: left;
    width: 100%;
}

#teamprofiles .profilephoto {
    float: right;
    width: 40%;
    border-radius: 50%;
}

#teamprofiles .profilephoto img {
    float: right;
    width: 100%;
}

#teamprofiles .profiledescription {
    float: left;
    width: 60%;
    padding: 0px;
    text-align: left;
}

#teamprofiles .staffemail {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 4px;
    background-color: red;
    border-radius: 4px;
    color: rgb(255, 255, 255);
}

.centredarea {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}

.staffwide {
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.staffwide.darker {
    background-color: rgb(51, 51, 51);
}

#teamprofileslist {
    display: inline-grid;
    gap: 32px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row;
    text-align: left;
}

#teamprofileslistsmall {
    float: left;
    width: 100%;
    padding: 0px;
    position: relative;
    background-color: rgb(51, 51, 51);
    font-size: 12px;
    background-size: 6px;
    text-align: center;
    color: rgb(164, 52, 154);
    margin-top: 32px;
    font-weight: 600 !important;
}

#teamprofileslistsmall h3 {
    font-weight: 600 !important;
}

#teamprofileslistsmall .profilelisting {
    float: left;
    width: 18%;
    margin: 1%;
    padding: 0px;
    position: relative;
    border: 0px;
}

.profilename {
    font-weight: 600 !important;
}

#teamprofileslistsmall .profilelisting .profilephoto img {
    float: left;
    width: 100%;
}

#teamprofileslistsmall .profilelisting .profiledescription {
    float: left;
    width: 100%;
    padding: 8px;
    text-align: center;
    position: absolute;
    top: auto;
    left: 0px;
    opacity: 1;
    bottom: 0px !important;
}

.profilelisting {
    float: left;
    width: 100%;
    margin: 0%;
    position: relative;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
}

#teamprofileslist .profilelisting .profilename {
    float: left;
    padding: 0px;
    text-align: center;
    clear: both;
    font-weight: 600;
    color: rgb(255, 135, 0);
}

.profilelisting .profilephoto {
    float: left;
    width: 100%;
    border-radius: 0px;
}

.profilelisting .profilephoto img {
    float: left;
    width: 100%;
    border-radius: 0px;
}

.profilelisting .profiledescription {
    transition: all 0.3s ease-in 0s;
    width: 100%;
    bottom: 0px;
    left: 0px;
    position: absolute;
    height: auto;
    padding: 12px;
    background-color: rgba(0, 0, 0, 0.9);
}

.profilelisting:hover .profiledescription {
    opacity: 1;
    transition: all 0.3s ease-in 0s;
}

.ind_profile {
    float: left;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 24px;
}

#teamprofiles .profilephoto {
    float: right;
    width: 20%;
    border-radius: 50%;
}

#teamprofiles .profilephoto img {
    float: right;
    width: 100%;
}

#teamprofiles .profiledescription {
    float: left;
    width: 100%;
    padding: 0px;
    text-align: left;
}

#teamprofiles .profiledescription p {
    margin-top: 12px;
}

#teamprofiles .staffemail {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 4px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
}

.sitemapleft, .sitemapright {
    width: 100%;
    float: left;
}

.sitemapright .sitemaphtml a {
    width: 100%;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}

.sitemapright .sitemaphtml li {
    margin: 0px;
    padding: 0px;
}

ul.sitemaphtml li {
    margin-left: 0px;
    list-style: none;
    margin-top: 4px;
}

ul.sitemaphtml {
    float: left;
    width: 100%;
    padding-bottom: 16px;
}

ul.sitemaphtml ul.sitemaphtml .pagename {
    color: rgb(119, 119, 119);
    font-size: 16px;
    float: left;
    width: 100%;
    padding-top: 14px;
}

.pageurl a {
    color: rgb(185, 185, 185);
    font-size: 16px;
    float: left;
    width: 100%;
    padding-bottom: 0px;
}

.pagename {
    font-size: 18px;
}

ul.sitemaphtml li {
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    padding-bottom: 24px;
}

ul.sitemaphtml ul li {
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    border-bottom: none;
}

ul.sitemaphtml li {
    margin-left: 0px;
    list-style: none;
    margin-top: 12px;
}

ul.sitemaphtml li ul li {
    margin-left: 0px;
    list-style: none;
    margin-top: 0px;
    padding-bottom: 0px;
}

ul.sitemaphtml ul li ul li a {
    color: rgb(85, 85, 85);
    font-size: 14px;
}

ul.sitemaphtml ul li ul li ul li a {
    color: rgb(62, 168, 192);
    font-size: 13px;
    text-transform: uppercase;
}

.maindesc li {
    margin-left: 24px;
    position: relative;
    margin-top: 4px;
}

.membersarea, .privatepages {
    padding: 12px;
    text-align: center;
}

.contentbreak, .portfolioheader {
    width: 100%;
    float: left;
}

#relatedpages {
    float: left;
    margin-top: 16px;
    width: 100%;
    padding: 80px 0px;
}

#relatedpages h3 {
    padding: 4px;
    margin-bottom: 12px;
}

#relatedpages li {
    padding: 8px;
    width: 33%;
    margin: -8px -8px -4px;
    display: inline-block;
}

#relatedpages li a {
    display: block;
    width: 100%;
    padding: 8px;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
}

#venuemainarea {
    float: left;
    width: 100%;
}

.venuephoto {
    float: left;
    padding: 1px;
    width: 100%;
    background-color: rgb(238, 238, 238);
}

.venuephoto img {
    float: left;
    width: 100%;
}

.venuedetails {
    float: left;
    padding: 24px;
    width: 100%;
    background-color: rgb(255, 255, 255);
}

.venueinfo {
    float: left;
    padding: 24px;
    width: 100%;
    color: rgb(238, 238, 238);
    background-color: rgb(51, 51, 51);
}

.venuecontacts {
    float: left;
    width: 100%;
    color: rgb(238, 238, 238);
    background-color: rgb(51, 51, 51);
}

.venueweb {
    float: left;
    width: 100%;
    color: rgb(238, 238, 238);
    background-color: rgb(51, 51, 51);
}

#venuelist .venuedetails {
    float: left;
    padding: 4px;
    background-color: rgb(255, 255, 255);
}

#venuelist img {
    float: left;
    padding: 0px;
}

#venuelist .venuename {
    font-size: 20px;
    padding: 8px;
    color: rgb(227, 12, 46);
}

#venuelistsmall .venuedetails {
    float: left;
    padding: 4px;
    background-color: rgb(255, 255, 255);
}

#venuelistsmall img {
    float: left;
    padding: 0px;
}

#venuelistsmall .venuename {
    font-size: 20px;
    padding: 8px;
    color: rgb(227, 12, 46);
}

.venueindividualsmall {
    float: left;
    width: 24%;
    padding: 4px;
    border: 1px solid rgb(221, 221, 221);
    background-color: rgb(255, 255, 255);
    margin: 0.5%;
}

.venuename {
    float: left;
    padding: 8px;
    width: 100%;
    font-size: 32px;
    color: rgb(215, 55, 51);
}

.venuenamesmall {
    float: left;
    padding: 8px;
    width: 100%;
    color: rgb(215, 55, 51);
}

.venueprices {
    float: left;
    padding: 8px;
    width: 100%;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.venuedescription {
    float: left;
    padding: 8px;
    width: 100%;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.venuedescription h3, .venuedescription p {
    padding: 8px;
}

.venuenumberpeople {
    float: left;
    padding: 8px;
    width: 100%;
    border-bottom: 1px solid rgb(238, 238, 238);
}

#venuelist {
    float: left;
    width: 100%;
    padding: 12px;
}

#venuelist .venuephoto {
    border: 0px;
    padding: 0px;
}

.venueindividual {
    float: left;
    width: 33%;
    padding: 8px 8px 36px;
    border: 1px solid rgb(221, 221, 221);
    background-color: rgb(255, 255, 255);
    margin: 0.166667%;
    position: relative;
}

#instarea {
    float: left;
    padding: 24px 0px;
    width: 100%;
    margin-top: 24px;
}

#instafeed {
    width: 100%;
    position: relative;
    padding: 12px;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.thirdcolumn .instabox {
    float: left;
    width: 33.3333%;
    padding: 2px;
}

.thirdcolumn #instarea {
    float: left;
    padding: 2px;
    width: 100%;
    border: 2px solid transparent;
    margin-top: 0px;
}

.thirdcolumn #instafeed {
    padding: 0px;
}

.thirdcolumn .instabox img {
    float: left;
    border: 1px solid rgb(255, 255, 255);
}

.externalpagelinks {
    display: block;
    clear: both;
    padding: 0px;
    float: left;
    width: 100%;
}

.externalpagelinks a {
    display: block;
    clear: both;
    padding: 8px;
    float: left;
    width: 100%;
    background-color: rgb(204, 204, 204);
}

.internalpagelinks {
    display: block;
    clear: both;
    padding: 0px;
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

.internalpagelinks a {
    display: block;
    clear: both;
    padding: 8px;
    float: left;
    width: 100%;
    margin-bottom: 1px;
    background-color: rgb(204, 204, 204);
    position: relative;
    border-bottom: 2px solid rgb(187, 187, 187);
}

.internalpagelinks a:hover {
    background-color: rgb(221, 221, 221);
}

.internalpagelinks a::after {
    position: absolute;
    top: -3px;
    right: 4px;
    content: "c";
    font-family: complete-icons;
    padding: 4px 9px 8px 3px;
    font-size: 28px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    color: rgb(4, 52, 101);
    z-index: 0;
}

.externalpagelinks {
    display: block;
    clear: both;
    padding: 0px;
    float: left;
    width: 100%;
}

.externalpagelinks a {
    display: block;
    clear: both;
    padding: 8px;
    float: left;
    width: 100%;
    background-color: rgb(204, 204, 204);
    position: relative;
    border-bottom: 2px solid rgb(187, 187, 187);
}

.externalpagelinks a:hover {
    background-color: rgb(221, 221, 221);
}

.externalpagelinks a::after {
    position: absolute;
    top: -3px;
    right: 4px;
    font-family: complete-icons;
    content: "c";
    padding: 4px 9px 8px 3px;
    font-size: 28px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    color: rgb(4, 52, 101);
    z-index: 0;
}

.checkoutstep a {
    width: auto;
    padding: 6px 12px;
    background-color: rgb(223, 69, 71);
    border-radius: 4px;
    color: rgb(250, 250, 250);
    text-align: center;
    font-size: 19px;
    display: none;
}

.iconlink {
    display: inline-block;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 4px;
    padding: 10px;
    position: relative;
    line-height: 1;
    height: 40px;
    background-color: rgb(51, 51, 51);
}

.iconlink a {
    width: auto;
    position: relative;
    padding-left: 40px;
    color: rgb(250, 250, 250);
}

.iconlink::after {
    top: 0px;
    left: 0px;
    position: absolute;
    font-size: 32px;
    pointer-events: none;
    background-color: rgb(223, 69, 71);
    padding: 0px;
    width: 40px;
    color: rgb(238, 238, 238);
    height: 100%;
    line-height: 42px;
}

.contentbreak {
    text-align: left;
    padding: 16px;
}

.eventfilter .filter {
    display: inline-grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row;
    background-color: rgb(255, 255, 255);
    width: 100%;
}

.eventfilter .checkbox {
    display: inline-flex;
    border: 1px solid rgb(238, 238, 238);
}

.eventfilter input {
    padding: 12px !important;
    margin: 4px !important;
}

.contentbreak p {
    padding: 8px 0px;
}

.contentbreak ul {
    display: inline-block;
    text-align: left;
    padding: 12px 0px;
    width: 100%;
    max-width: 800px;
}

.contentbreak ul li {
    margin-left: 24px;
    position: relative;
    margin-top: 4px;
}

.contentbreak ul li::before {
    background-color: rgb(71, 23, 41);
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("/images/favicon.png");
    background-size: 100%;
    border-radius: 50%;
    position: absolute;
    left: -24px;
    top: 2px;
}

.newslettershome {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    background-color: rgb(238, 238, 238);
    padding: 12px;
}

.newsblock {
    display: inline-grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row;
    padding: 16px;
    background-color: rgb(255, 255, 255);
}

.newsblock h3 {
    padding-top: 0px;
    margin-top: 0px;
    float: left;
    width: 100%;
}

.newsblock h3 span {
    margin-bottom: 24px;
}

.newsblockthird {
    position: relative;
    padding-bottom: 24px;
}

.upcomingeventshome {
    text-align: left;
}

.newshome {
    text-align: left;
    position: relative;
    background-color: rgb(255, 255, 255);
    float: left;
}

.newssmalllist {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    background-color: rgb(255, 255, 255);
    padding: 12px;
}

.newssmalllist .newsitemleft {
    position: relative;
    width: 30%;
    max-width: 132px;
}

.newssmalllist .newsitemleft img {
    width: 100%;
    max-width: 800px;
}

.newssmalllist .newsitemleft .newsdate {
    position: absolute;
    bottom: 0px;
    display: none;
    padding: 4px;
    background-color: rgb(112, 173, 40);
    color: rgb(255, 255, 255);
}

.newsdatesimple, .newscatsimple, .authorsimple {
    float: left;
    font-size: 16px;
}

.viewalllinkhome {
    bottom: 16px;
    right: 16px;
    padding-right: 16px;
    margin-top: 8px;
    float: left;
}

.viewalllinkhome a {
    padding-right: 8px;
    position: relative;
    font-weight: 600;
}

.viewalllinkhome a::after {
    right: -18px;
    position: absolute;
    font-family: complete-icons;
    content: "x";
    font-size: 20px;
    top: -1px;
    text-transform: none;
}

.socialmediahome {
    text-align: left;
    float: left;
    width: 100%;
}

.socialmediahome #socialmedia {
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    right: 0px;
    top: 0px;
}

.socialmediahome #socialmedia a {
    text-align: center;
    display: inline-block;
    position: relative;
    float: none;
}

.eventlisting {
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

.eventlistingsmall {
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

.tinyevent {
    float: left;
    width: 100%;
    border-bottom: 1px dashed rgb(185, 185, 185);
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.tinytitle {
    float: left;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}

.tinyeventdate {
    float: left;
    background-color: rgb(225, 72, 76);
    width: auto;
    padding: 4px;
    margin-top: 4px;
}

.tiny {
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

.upcomingevents {
    float: left;
    width: 100%;
    padding: 0px;
}

.pastevents {
    float: left;
    width: 100%;
    padding: 16px;
    background-color: rgb(170, 170, 170);
    background-size: 6px;
    margin-bottom: 24px;
}

.pastevents * {
    color: rgb(80, 72, 83);
}

.singleeventdate, .singleeventtime, .singleeventdays {
    float: left;
}

#prevnext {
    float: left;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.previous {
    display: inline-block;
    padding: 4px;
    position: relative;
}

.next {
    display: inline-block;
    padding: 4px;
    position: relative;
}

.next a, .previous a {
    background-color: rgb(70, 70, 70);
    display: block;
    font-size: 14px;
}

.previous a {
    padding: 8px 8px 8px 32px;
}

.next a {
    padding: 8px 32px 8px 8px;
}

.next a::after, .previous a::after {
    padding: 5px;
    position: absolute;
    top: 0px;
    font-size: 24px;
}

.previous a::after {
    content: "<";
    left: 4px;
}

.next a::after {
    content: ">";
    right: 4px;
}

.noshow {
    display: none;
}

.videoarea {
    padding: 16px;
    background-color: rgb(0, 0, 0);
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    margin-top: 24px;
    border-radius: 8px;
    color: rgb(255, 255, 255);
}

.videoareainside {
    padding: 16px;
    background-color: rgb(0, 0, 0);
    width: 50%;
    display: block;
    background-repeat: no-repeat;
    margin-top: 24px;
    border-radius: 8px;
    color: rgb(255, 255, 255);
    float: left;
}

.videoeventarea .videoarea {
    padding: 8px;
    background-color: rgb(33, 42, 41);
    width: 100%;
    display: inline-block;
}

.videoarea h3 {
    padding: 8px;
    color: rgb(255, 255, 255);
    line-height: 1;
}

.casevideoarea {
    padding: 8px;
    background-color: rgb(37, 7, 37);
    width: 100%;
    display: inline-block;
}

.videoarea video {
    margin-top: 12px;
}

video {
    width: 100%;
    height: auto;
    background-size: cover;
    transition: opacity 1s ease 0s;
    display: block;
    line-height: 0;
    padding: 0px;
    margin: 0px;
}

.homequicklinks {
    float: left;
    width: 100%;
    max-width: 400px;
}

.quicklink {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgb(6, 9, 60);
    margin-top: 4px;
    color: rgb(238, 238, 238);
}

.quicklink a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.quicklinkicon {
    width: 20%;
    border: 1px solid rgb(6, 9, 60);
}

.quicklinktext {
    width: 80%;
    padding: 12px;
    text-align: left;
}

.quicklinktext a {
    width: 100%;
    float: left;
}

.filterbox, .filterbox label, .sortbox, .sortbox label {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
}

.filterbox label, .sortbox label {
    float: left;
}

label {
    margin: 0px 0.4em 0px 0px;
}

button {
    display: inline-block;
    padding: 4px;
    background: rgb(233, 233, 233);
    border: 0px solid rgb(221, 221, 221);
    color: rgb(37, 7, 37);
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
}

button.active {
    background: rgb(204, 169, 82);
}

button + label {
    margin-left: 1em;
}

.dropbtn {
    width: auto;
    height: 48px;
    font-size: 16px;
    padding: 8px 8px 8px 36px;
    text-align: center;
    cursor: pointer;
    color: rgb(255, 255, 255);
    display: none;
    background-color: rgb(51, 51, 51);
}

.dropbtn:focus, .dropbtn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.dropdown {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
}

.dropdown::before {
    position: absolute;
    content: "1";
    font-family: SocialMedia;
    top: 4px;
    left: 4px;
    color: rgb(238, 238, 238);
    font-size: 28px;
}

.dropdown-content {
    display: none;
    position: absolute;
    left: 0px;
    z-index: 1;
    background-color: rgb(249, 249, 249);
    min-width: 160px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px 0px;
    transition: all 0.8s ease-in-out 0s;
}

.dropdown-content a {
    color: rgb(0, 0, 0);
    padding: 8px;
    text-decoration: none;
    display: block;
    width: 100%;
}

.dropdown-content a:hover {
    background-color: rgb(241, 241, 241);
}

.show {
    display: block;
}

.container {
    padding: 0px;
    margin-top: 0px;
    text-align: justify;
    backface-visibility: hidden;
}

.container::after {
    content: "";
    display: inline-block;
    width: 100%;
}

.container .gap, .container .mix {
    display: inline-block;
    width: 33.2507%;
    float: left;
}

.container .mix {
    background: rgb(3, 137, 156);
    margin-bottom: 0px;
    display: none;
    position: relative;
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.grid a {
    float: left;
    width: 100%;
    color: rgb(37, 7, 37);
}

.grid figure {
    position: relative;
    font-size: 12px;
    margin: 0px;
    background: rgb(37, 7, 37);
}

.grid figure::after {
    content: "";
    position: absolute;
    width: auto;
    height: auto;
    padding: 4px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    font-size: 14px;
    background-color: rgb(204, 169, 82);
    color: rgb(255, 255, 255);
    font-family: SocialMedia;
}

.grid figcaption, .grid svg {
    width: 100%;
    position: absolute;
}

.grid figure::after {
    content: "r";
    background-color: rgb(204, 169, 82);
    color: rgb(255, 255, 255);
}

.grid figure img {
    position: relative;
    display: block;
    width: 100%;
    opacity: 0.5;
    transition: opacity 0.7s ease 0s;
}

.grid figcaption {
    top: 10%;
    z-index: 11;
    padding: 10px;
    height: 40%;
    text-align: center;
}

.grid figcaption h2 {
    color: rgb(255, 255, 255);
    transition: transform 0.3s ease 0s;
    font-size: 19px;
}

.grid figcaption p {
    padding: 0px 20px;
    color: rgb(238, 238, 238);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}

.grid figcaption h2, .grid figcaption p {
    transform: translateY(40px);
}

.grid figcaption, .grid figcaption h2, .grid figcaption p, .grid figure button {
    backface-visibility: hidden;
}

#slider-wrapper::after, .rslides li {
    backface-visibility: hidden;
}

.grid svg {
    top: -1px;
    z-index: 10;
    height: 100%;
}

.grid svg path {
    fill: rgb(255, 255, 255);
}

.grid a:hover figure img {
    opacity: 1;
}

.grid a:hover figcaption h2, .grid a:hover figcaption p {
    transform: translateY(0px);
    font-size: 18px;
}

.grid a:hover figcaption p {
    opacity: 0;
}

.grid figure button {
    position: absolute;
    padding: 4px 20px;
    letter-spacing: 1px;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    top: 50%;
    left: 50%;
    max-width: 100%;
    background: 0px 0px;
    color: rgb(255, 255, 255);
    opacity: 0;
    transform: translateY(-50%) translateX(-50%) scale(0.25);
    border: 2px solid rgb(255, 255, 255);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-top: 40px;
}

.grid a:hover figure button {
    opacity: 1;
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.testimonial {
    margin-left: 0%;
    padding: 16px;
    width: 100%;
    float: left;
    border-bottom: 2px solid rgb(0, 0, 0);
    background-color: rgb(32, 32, 32);
    position: relative;
    text-align: center;
    margin-bottom: 48px;
    background-image: url("/images/testimonials.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

.testimonial::before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    top: 8px;
    left: 8px;
    background-image: url("/images/quotes1.png");
    z-index: 1;
    background-size: 100%;
    background-repeat: no-repeat;
}

.testimonial::after {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    top: 8px;
    right: 8px;
    background-image: url("/images/quotes2.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.testimonial blockquote {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.stuff h1, .stuff h2 {
    background-color: rgba(0, 0, 0, 0.5);
}

.testimonialsdesc {
    font-size: 14px;
    text-transform: none;
    position: relative;
    padding-top: 8px;
}

.testimonials h3 {
    font-size: 34px;
    position: relative;
}

::selection {
    color: rgb(169, 169, 169);
}

::selection {
    background: rgb(213, 213, 213);
}

.at-share-btn-elements {
    margin-top: 24px;
}

.usefulforms {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

.usefulforms .box {
    float: left;
    width: 100%;
}

.usefulforms a::after {
    position: absolute;
    top: 0px;
    right: 0px;
    content: "H";
    font-family: complete-icons;
    font-size: 22px;
    height: 32px;
    width: 24px;
    padding: 6px;
    background-color: rgb(214, 214, 214);
    color: rgb(77, 77, 77);
    line-height: 1;
}

.usefulforms a {
    width: 100%;
    background-color: rgb(237, 237, 237);
    position: relative;
    margin-bottom: 4px;
    color: rgb(23, 35, 68);
    text-indent: 0px;
    border: 1px solid rgb(214, 214, 214);
    display: inline-block;
    line-height: 40px;
    text-align: left;
    padding-left: 8px;
    text-decoration: none;
    background-size: 40px;
    max-width: 520px;
    height: 40px;
    overflow: hidden;
    padding-right: 88px;
}

.filename {
    float: left;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 8px;
    color: rgb(51, 51, 51);
    width: auto;
    overflow: hidden;
    text-align: left !important;
}

.thirdcolumn:nth-child(3) .filename {
    width: 90%;
    font-size: 14px;
}

.filesize {
    float: right;
    width: auto;
    border-left: 1px solid rgb(220, 220, 220);
    padding-left: 8px;
    padding-right: 0px;
    font-size: 11px;
    color: rgb(51, 51, 51);
}

.thirdcolumn:nth-child(3) .filename {
    width: 90%;
    font-size: 14px;
}

.docicon, .xlsxicon, .docxicon, .pdficon, .xlsicon .pptxicon {
    position: relative;
    float: left;
}

.docicon, .docicon::before, .docxicon, .docxicon::before, .pdficon, .pdficon::before, .xlsicon, .xlsicon::before, .xlsxicon, .xlsxicon::before, .pptxicon, .pptxicon::before {
    position: absolute;
    font-size: 26px;
    background-color: rgb(255, 255, 255);
    color: rgb(199, 199, 199);
    line-height: 1;
    top: 0px;
    font-family: complete-icons;
}

.docicon, .docxicon, .pdficon, .xlsicon, .xlsxicon, .pptxicon, .pptxicon {
    right: 0px;
}

.docicon::before, .docxicon::before, .pdficon::before, .xlsicon::before, .xlsxicon::before, .pptxicon::before, .pptxicon::before {
    height: 28px;
    width: 28px;
    padding: 6px;
    right: 32px;
}

.docicon::before {
    content: "M";
}

.xlsicon::before, .xlsxicon::before {
    content: "n";
}

.docxicon::before {
    content: "m";
}

.pdficon::before {
    content: "J";
}

.pptxicon::before {
    content: "M";
}

.twothirdcolumn {
    width: 66.6667%;
    float: left;
    padding: 4px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.thirdcolumn {
    width: 33.3333%;
    float: left;
    padding: 4px;
    text-align: center;
}

.imagebackblock .thirdcolumn {
    padding: 8px 8px 48px;
    position: relative;
    border-bottom: 4px solid rgb(208, 181, 107);
}

.imagebackblock .thirdcolumn:nth-child(2) {
    background-color: rgba(0, 0, 0, 0.3);
}

.quartercolumn {
    width: 25%;
    float: left;
    padding: 8px;
    text-align: center;
}

.mediaconsent .radioarea {
    float: left;
    width: 100%;
    padding: 12px 0px;
}

.radioarea {
    float: left;
    width: 100%;
    padding: 12px 0px;
}

.radioarea input {
    display: inline-block;
    padding: 0px;
}

.radioarea label {
    display: inline-block;
    float: none;
    width: auto;
    padding: 0px;
}

.newslettersignup {
    float: left;
    width: 100%;
    padding: 8px;
    border: 1px solid rgb(238, 238, 238);
}

.navigationarea {
    float: left;
    position: relative;
    z-index: 2;
}

#logoarea #logoicon.smaller {
    width: 148px;
    padding: 10px;
    border: 0px;
    transition: all 0.3s ease-in 0s;
}

#logoicon {
    width: 100%;
    padding: 4px;
    float: left;
    transition: all 0.3s ease-in 0s;
}

.strapline {
    width: 100%;
    float: left;
    position: relative;
}

.strapline span {
    width: 100%;
    margin-top: -24px;
    margin-left: -20px;
    font-size: 20px;
    position: absolute;
    text-align: center;
    color: rgb(255, 255, 255);
}

.testimonials, .wrapper {
    position: relative;
    z-index: 2;
    margin-right: auto;
    margin-left: auto;
}

.wrapperwide {
    position: relative;
    z-index: 2;
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 100%;
    max-width: 1280px;
}

.wrapper {
    width: 100%;
    text-align: center;
}

.whitebox {
    width: 100%;
    text-align: center;
    display: block;
    float: left;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    position: relative;
}

.whitebox::before {
    width: 100%;
    content: "";
    position: absolute;
    height: 40px;
    top: -40px;
    background-size: 100%;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.whitebox::after {
    width: 100%;
    content: "";
    position: absolute;
    height: 40px;
    bottom: -40px;
    background-size: 100%;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center top;
}

.introbox {
    width: 100%;
    display: block;
    float: left;
    padding: 24px 0px 0px;
}

.thankyou {
    min-height: 400px;
}

.whitebox.nopadding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.whitebox.nopadding .textinner {
    padding-top: 0px;
    padding-bottom: 0px;
}

.alladdresses {
    float: left;
    width: 100%;
}

.venueinfosmall {
    float: left;
    width: 49%;
    padding: 4px;
    background-color: rgb(255, 255, 255);
    border-width: 1px 1px 2px;
    border-style: solid;
    border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221);
    border-image: initial;
    margin: 4px 0.5%;
}

.testimonials {
    font-size: 19px;
    line-height: 1.4;
    color: rgb(51, 51, 51);
    float: left;
    padding: 24px 0px 190px;
    text-align: center;
    width: 100%;
    background: linear-gradient(rgb(230, 229, 235) 0%, rgb(89, 178, 208) 100%);
    position: relative;
}

.pagecontact {
    float: left;
    padding: 12px;
    height: auto;
    width: 100%;
}

#insidenav {
    float: left;
    position: relative;
    height: auto;
    width: 100%;
    background-color: rgb(19, 23, 33);
}

.testimonials h3 {
    padding-bottom: 0px;
    font-size: 26px;
    font-family: Cormorant;
    color: rgb(255, 255, 255);
}

header {
    width: 100%;
    top: 0px;
    background-color: rgb(6, 9, 60);
    position: fixed;
    height: 88px;
    z-index: 4;
    overflow: hidden;
}

#navigationarea {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    margin-right: auto;
    margin-left: auto;
    background-color: rgb(37, 38, 64);
    transition: all 0.4s ease-in-out 0s;
}

.sb-icon-search {
    width: 106px;
    height: 88px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 11px;
    margin: 0px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: rgb(255, 255, 255);
    opacity: 1;
    color: transparent;
    border: none;
    outline: 0px;
}

.sb-icon-search {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 204, 0);
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.sb-icon-search::before {
    content: "t";
    font-family: complete-icons;
    font-size: 36px;
    line-height: 64px;
}

.modal {
    display: none;
    position: absolute;
    right: 0px;
    width: 600px;
    max-width: 100%;
    height: auto;
}

.shrink .modal {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 600px;
    height: auto;
}

.modal form {
    margin: 0px;
    padding: 24px;
    background: rgb(118, 200, 225);
}

.modal form input {
    border-bottom: 1px solid rgb(55, 62, 106);
    width: 70%;
    float: left;
}

.modal form input.sb-search-submit {
    float: left;
    width: 30%;
    border-bottom: none;
    color: rgb(255, 255, 255);
    background-color: rgb(55, 62, 106);
}

.modal.visible {
    display: block;
}

.modalheader {
    float: right;
    width: 106px;
    line-height: 50px;
    text-align: center;
    position: relative;
    height: 88px;
    box-sizing: border-box;
    z-index: 2;
    background-color: rgb(119, 199, 225);
}

a.js-open-search-modal {
    position: absolute;
    width: 106px;
    height: 72px;
    top: 0px;
    right: 0px;
    z-index: 2;
    padding: 24px;
    color: rgb(238, 238, 238);
}

.modalheader::before {
    position: absolute;
    content: "e";
    font-family: complete-icons;
    top: 16px;
    left: 0px;
    font-size: 48px;
    width: 106px;
    pointer-events: none;
    color: rgb(6, 9, 60);
}

.modal_header a {
    position: absolute;
    top: 0px;
    right: 0px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-weight: 700;
    display: block;
    padding: 0px 20px;
    font-size: 16px;
    background: rgb(85, 85, 85);
    height: 100%;
}

a.js-open-search-modal {
    position: absolute;
    width: 106px;
    height: 88px;
    top: 0px;
    right: 0px;
    z-index: 2;
    padding: 24px;
    color: rgb(238, 238, 238);
}

#socialmedia {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
}

#socialmedia a {
    display: inline-block;
    margin-left: -4px;
}

#socialmedia i {
    width: 28px;
    height: 28px;
    display: block;
    font-size: 28px;
    top: 0px;
    text-align: center;
    cursor: pointer;
    color: rgb(255, 255, 255);
}

#socialmedia i {
    color: rgb(255, 255, 255);
    font-size: 48px;
}

#socialmedia i:hover {
    color: rgb(238, 238, 238);
}

#logoarea {
    width: 100%;
    position: fixed;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 88px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    z-index: 3;
    pointer-events: none;
}

body.changed #logoarea {
    opacity: 0;
}

#logoareatwo {
    position: fixed;
    z-index: 6;
    transition: all 0.1s ease-in-out 0s;
    padding: 16px;
}

#logoareatwo img {
    float: left;
    width: 272px;
    height: auto;
    top: 0px;
    left: 0px;
}

body.changed #logoareatwo {
    position: fixed;
    z-index: 6;
    opacity: 1;
    padding: 16px;
    top: 0px;
    left: 0px;
}

#logoarea a {
    width: 100%;
    display: block;
    text-align: center;
    float: left;
    opacity: 1;
    transition: all 0.4s ease-in-out 0s;
    padding: 12px;
}

#logoarea img {
    display: inline-block;
    width: 172px;
}

#strapline {
    float: right;
    padding: 16px 48px;
    height: 56px;
    background-color: var(--cu-dark-blue);
    color: rgb(238, 238, 238);
    font-size: 19px;
    letter-spacing: 0.8px;
}

#mainarea, #picturenav ul li a, .rslides, .rslides_container {
    position: relative;
}

#mainarea {
    width: 100%;
    display: inline-block;
}

.text-inner {
    float: left;
    width: 100%;
}

h1, h2, h3, h4, h5 {
    margin: 0px;
    padding-top: 8px;
    font-weight: 500;
}

h1 {
    padding: 8px 0px;
    font-size: 34px;
    position: relative;
    font-family: museo, serif;
    font-weight: 500;
    color: rgb(6, 9, 60);
    line-height: 1;
}

h3 {
    font-size: 34px;
    font-family: museo, serif;
    color: rgb(54, 62, 106);
}

.testimonial h3 {
    padding: 8px 36px;
}

footer h3 {
    font-size: 20px;
    font-family: museo, serif;
    color: rgb(255, 204, 0);
}

h2 {
    font-family: museo, serif;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 24px;
    color: rgb(6, 9, 60);
}

h3 {
    font-family: museo, serif;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 22px;
    color: rgb(94, 106, 165);
}

.thankyou h1 {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 32px;
}

a {
    color: inherit;
    text-decoration: none;
}

.contentbreak a {
}

.socialmediaarea a {
    text-decoration: none;
    font-family: socialmedia;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 50%;
    padding: 12px;
    font-size: 32px;
}

#picturenav {
    z-index: 0;
}

.picturenavtext {
    background-color: rgba(42, 33, 33, 0.8);
    padding: 8px;
    z-index: 3;
    color: rgb(212, 212, 212);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: auto;
}

.picturenavimagearea {
    float: left;
    width: 100%;
}

#picturenav ul {
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 0;
    z-index: 0;
    display: inline-block;
    max-width: 1180px;
    width: 100%;
}

#picturenav ul li {
    display: inline-block;
    width: 33%;
    margin: 0px 0px 4px;
    line-height: 0;
    max-width: 280px;
    position: relative;
}

#picturenav ul li a {
    font-size: 18px;
    float: left;
    width: 100%;
}

#picturenav ul li img {
    width: 100%;
    height: 100%;
}

#relatedpages h3 {
    padding-bottom: 24px;
    color: rgb(255, 255, 255);
}

.danceclassitem {
    float: left;
    width: 24%;
    position: relative;
    margin: 0.5%;
    padding-bottom: 32px;
    background-color: rgb(255, 255, 255);
}

.danceclassbox {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgb(238, 238, 238);
    margin-top: 24px;
    margin-bottom: 24px;
}

.danceclassimage {
    float: left;
    width: 50%;
    padding: 4px;
    border: 1px solid rgb(221, 221, 221);
    background-color: rgb(255, 255, 255);
}

.gallerytitle {
    padding-top: 12px;
}

.danceclasscontent {
    float: left;
    width: 50%;
    padding: 4px 24px 4px 4px;
    text-align: left;
}

.danceclassitemsmall {
    float: left;
    width: 19.5%;
    position: relative;
    margin: 0.25%;
    border: 1px solid rgb(238, 238, 238);
    padding-bottom: 32px;
    background-color: rgb(51, 51, 51);
    text-align: center;
}

.dancethumbimage a {
    float: left;
    width: 100%;
}

.dancethumbimage a img {
    float: left;
    width: 100%;
}

.danceclassitemsmall h3 {
    font-size: 14px;
    color: rgb(204, 204, 204);
    padding: 0px;
}

.morelink a {
    appearance: none;
    border-radius: 0px;
    float: left;
    border: 0px;
    font-size: 20px;
    width: 100%;
}

.morelink {
    float: right;
    width: 100%;
}

morelink {
    float: left;
    padding: 8px;
    border: 0px;
    background-color: rgb(230, 0, 125);
    font-size: 20px;
    color: rgb(255, 255, 255);
    width: 100%;
}

.breadcrumbs {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
    font-size: 12px;
}

.shoplinks {
    width: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    float: right;
}

.shoplinks li {
    float: left;
    padding-right: 4px;
}

.shoplinks a {
    color: rgb(238, 238, 238);
    padding: 4px;
    font-size: 14px;
}

.shoplinks li:nth-child(1) a {
    position: relative;
    padding-left: 32px;
}

footer .breadcrumbs {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
    background-color: rgb(212, 212, 212);
    font-size: 10px;
}

.breadcrumbs li {
    float: left;
}

footer .breadcrumbs a {
    font-size: 12px;
}

.breadcrumbs a {
    padding: 4px;
    font-size: 12px;
}

.person {
    font-size: 12px;
    color: rgb(204, 169, 82);
}

.clippingarea {
    float: left;
    width: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0px;
    overflow: hidden;
    margin-top: 12px;
}

.video-container embed, .video-container iframe, .video-container object {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.vacancyformarea {
    float: left;
    clear: both;
    padding: 12px;
    width: 100%;
    background-color: rgb(6, 9, 60);
    color: rgb(238, 238, 238);
    background-repeat: repeat;
    background-position: left 0px top 0px;
    background-size: 30px;
    display: none;
}

.captioncontainer {
    width: 100%;
    margin-left: 0px;
    position: absolute;
    float: left;
    padding: 0px;
    bottom: 8px;
    text-align: center;
}

.tinyline {
    display: block;
}

.tinyline span {
    display: block;
    padding: 4px;
    float: right;
    margin-left: -2px;
    background-color: rgb(6, 9, 60);
    border-left: 1px solid rgb(88, 88, 88);
    font-size: 12px;
    margin-top: 24px;
    margin-right: 24px;
    color: rgb(255, 204, 0);
}

.captionarea {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    height: 100%;
    width: 100%;
}

.captionblock {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    height: 100%;
    bottom: 16px;
    z-index: 1;
}

.captioncontainer {
    width: 100%;
    margin-left: 0px;
    position: absolute;
    float: left;
    padding: 0px;
    bottom: 0%;
    text-align: center;
}

.caption1 span {
    display: inline-block;
    text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
    position: relative;
    z-index: 1;
    padding: 0px 16px;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 80px;
    font-family: museo, serif;
    line-height: 1.2;
}

.bigword span {
    display: inline-block;
    text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
    position: relative;
    font-family: russellregular, cursive;
    z-index: 1;
    padding: 0px 16px;
    font-weight: 300;
    font-size: 100px;
    margin-bottom: 0px;
    line-height: 80px;
}

.caption2 span {
    line-height: 1;
    font-size: 15px;
    padding: 8px;
    width: auto;
    position: relative;
    z-index: 2;
    color: rgb(255, 255, 255);
    display: block;
    text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.wordone span, .wordthree span, .wordtwo span {
    font-weight: 600;
}

.wordtwo span {
    color: red;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.caption1 {
    color: rgb(255, 255, 255);
    position: relative;
    width: 100%;
}

.caption1 path {
    fill: rgb(255, 255, 255);
    stroke: none;
}

.caption1 svg {
    max-width: 500px;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.caption1 {
    color: rgb(255, 255, 255);
    position: relative;
    width: 100%;
}

.caption1 path {
    fill: rgb(255, 255, 255);
    stroke: none;
}

.caption1 svg {
    max-width: 500px;
}

.rslides {
    position: relative;
    padding: 0px;
    margin: 0px auto;
    z-index: 0;
    background-color: rgb(255, 255, 255);
    float: left;
    width: 100%;
}

.rslides ul {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
}

.rslides li {
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    float: left;
    width: 100%;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0px;
}

#overlaybox {
    position: absolute;
    z-index: 0;
    width: 100%;
    bottom: 0px;
    left: 0px;
    height: 180px;
}

#slider-wrapper-shallow .banner {
    position: relative;
    height: 680px;
    overflow: visible;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: calc(50% - 0px) calc(0% + 0px);
}

.fadeout {
    background-color: rgb(24, 24, 24);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0px;
    bottom: 0px;
    opacity: 0;
}

#slider-wrapper-shallow-simple .banner {
    position: relative;
    height: 580px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: center bottom;
    float: left;
    width: 100%;
}

.banner::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    right: 0px;
    z-index: 33333;
    top: 0px;
    background-position: right center;
    background-repeat: no-repeat;
}

#slider-wrapper-shallow {
    position: relative;
    float: left;
    width: 100%;
}

.bannerwrapper {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 88px;
}

.bannerwrappershallow {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 88px;
}

.textinner .bannerwrapper {
    position: relative;
    float: left;
    width: 100%;
}

.plainbanner {
    height: 300px;
}

#slider-wrapper-shallow-simple {
    position: relative;
    float: left;
    width: 100%;
}

.banner-container {
    float: left;
    width: 100%;
    margin-top: 132px;
    position: relative;
}

.whitepage #slider-wrapper img {
    width: 100%;
}

.rslides1_nav.next::before, .rslides1_nav.prev::before, .rslides2_nav.next::before, .rslides2_nav.prev::before {
    font-family: complete-icons;
    font-size: 1em;
    width: 40px;
    line-height: 1.2;
}

.rslides1_nav:active {
    opacity: 1;
}

.rslides1_nav.next {
    left: auto;
    background-position: right top;
    right: 0px;
}

.rslides2_nav {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    background: rgb(255, 255, 255);
    opacity: 0;
    width: auto;
    text-indent: -9999px;
    height: 91%;
}

.rslides2_nav.next {
    left: auto;
    right: 0px;
}

.rslides3_nav {
    position: absolute;
    opacity: 0.6;
    text-indent: -9999px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background: url("themes.gif") left 50% no-repeat rgb(0, 0, 0);
    width: 38px;
}

.rslides3_nav:active {
    opacity: 1;
}

.rslides3_nav.next {
    left: auto;
    background-position: right 50%;
    right: 0px;
}

.rslides_tabs {
    position: absolute;
    width: 100%;
    bottom: -32px;
    text-align: center;
}

.rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 5px;
    z-index: 3;
    position: relative;
}

.rslides1_nav.next, .rslides2_nav.next {
    left: auto;
    background-position: right top;
    right: 16px;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    margin: 0px;
    color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
}

.rslides_tabs {
    position: absolute;
    width: auto;
    bottom: 8px;
    text-align: center;
    right: 8px;
}

.rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 4px;
    position: relative;
}

.rslides_tabs a {
    background: rgb(255, 255, 255);
    display: inline-block;
    height: 14px;
    border-radius: 50%;
}

.rslides1_nav, .rslides2_nav {
    position: absolute;
    top: 40%;
    left: 0px;
    z-index: 1;
    height: 40px;
    width: 40px;
}

.rslides1_nav.next:hover, .rslides2_nav.next:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.rslides1_nav.next:active, .rslides2_nav.next:active {
    background-color: rgba(0, 0, 0, 0.3);
}

.rslides1_nav.prev, .rslides2_nav.prev {
    background-position: right top;
    left: 16px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    margin: 0px;
    color: rgba(255, 255, 255, 0);
}

.rslides1_nav.prev:hover, .rslides2_nav.prev:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.rslides1_nav.prev:active, .rslides2_nav.prev:active {
    background-color: rgba(0, 0, 0, 0.3);
}

.rslides1_nav.next::before, .rslides2_nav.next::before {
    position: absolute;
    content: "c";
    left: -4px;
    top: 6px;
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
}

.rslides1_nav.prev::before, .rslides2_nav.prev::before {
    position: absolute;
    content: "b";
    right: -4px;
    top: 6px;
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
}

.rslides_tabs a {
    text-indent: -9999px;
    border-radius: 15px;
    background: rgb(50, 192, 207);
    height: 9px;
    display: none;
}

.rslides_tabs .rslides_here a {
    background: rgba(0, 0, 0, 0.8);
}

.servicesarea {
    display: inline-block;
    max-width: 1080px;
    width: 100%;
    padding: 16px;
}

.servicesarea a {
    padding: 4px;
    float: left;
    width: 16.6667%;
}

.servicedesc, .serviceheader, .servicesingle {
    float: left;
    width: 100%;
}

.serviceheader {
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    padding: 14px 2px 2px;
    font-size: 20px;
    line-height: 24px;
    height: 72px;
    color: rgb(238, 238, 238);
}

.servicedesc {
    font-size: 0.8em;
    padding-bottom: 12px;
}

.hoverlink, .mix .hoverlink {
    overflow: hidden;
    position: relative;
    float: left;
}

.servicesingle img {
    width: 100%;
    padding: 8px;
}

#hoverlinkarea {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 36px;
    margin-bottom: 36px;
}

.mix .hoverlink {
    width: 100%;
    transition: all 0.8s ease-in-out 0s;
}

.hoverlink, .hoverlink:hover {
    transition: all 0.8s ease-in-out 0s;
}

.hoverlink {
    width: 33.3333%;
    transition: all 0.8s ease-in-out 0s;
    position: relative;
    z-index: 1;
}

.hoverlink::before {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    content: "";
    transform: skew(-24deg, 0deg);
    background-color: rgba(43, 48, 79, 0.8);
    transition: all 0.3s ease-in-out 0s;
    left: -50%;
}

.hoverlink:hover::before {
    left: -100%;
}

.hoverlink::after {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    content: "";
    transform: skew(-24deg, 0deg);
    background-color: rgba(43, 48, 79, 0.8);
    right: -50%;
    transition: all 0.3s ease-in-out 0s;
}

.hoverlink:hover::after {
    right: -100%;
}

.hoverlink:hover {
    transition: all 0.3s ease-in-out 0s;
}

.hoverlink .bottomline, .hoverlink .topline {
    width: 2px;
    transition: all 0.8s ease-in-out 0s;
    height: 0px;
    background-color: rgb(47, 47, 47);
    z-index: 200;
    position: absolute;
}

.hoverlink .topline {
    display: none;
    right: 12px;
    top: 0px;
    transition: all 0.3s ease-in-out 0s;
}

.hoverlink .bottomline {
    display: none;
    left: 12px;
    bottom: 0px;
    transition: all 0.3s ease-in-out 0s;
}

.hoverlink img, .hoverlink:hover .topline {
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}

.hoverlink:hover .topline {
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0px;
    background-color: rgb(47, 47, 47);
    z-index: 2;
    transition: all 0.3s ease-in-out 0s;
}

.hoverlink:hover .bottomline {
    height: 100%;
    width: 2px;
    position: absolute;
    left: 12px;
    background-color: rgb(47, 47, 47);
    z-index: 2;
}

.scrolllink a, .scrolllinkbottom a {
    background-color: rgb(237, 22, 80);
}

.hoverlink img {
    top: 0px;
    float: left;
    opacity: 1;
}

.hovertextbox {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8px;
    color: rgb(255, 204, 0);
    top: 0%;
    z-index: 1;
    transition: all 0.3s ease-in-out 0s;
}

.moretexthome {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 40%;
    left: 0px;
    color: rgb(238, 238, 238);
    font-weight: 300;
    font-size: 24px;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
}

.moretexthome span {
    display: inline-flex;
    background-color: rgb(255, 204, 0);
    padding: 4px;
}

.hoverlink:hover .moretexthome {
    opacity: 1;
    bottom: 30%;
    z-index: 40;
    transition: all 0.3s ease-in-out 0s;
}

.picturenavtexthome {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 40%;
    left: 0px;
    color: rgb(238, 238, 238);
    font-weight: 300;
    font-size: 28px;
    opacity: 1;
    transition: all 0.3s ease-in-out 0s;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
}

.hoverlink:hover .picturenavtexthome {
    opacity: 1;
    bottom: 50%;
    z-index: 40;
    transition: all 0.3s ease-in-out 0s;
}

.hoverlink:hover .hovertextbox {
    transition: all 0.3s ease-in-out 0s;
}

.hoverlink:hover .hovertextbox::after {
    width: 100%;
    transition: all 0.3s ease-in-out 0s;
}

.hoverexcerpt {
    float: left;
    width: 100%;
    font-size: 28px;
    font-weight: 300;
    height: auto;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    z-index: 30;
}

.hoverlink:hover .hovertextbox {
    transition: all 0.3s ease-in-out 0s;
}

.hovermore {
    width: 100%;
    float: left;
    height: 0px;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    overflow: hidden;
    opacity: 0;
}

.hoverlink:hover .hovermore {
    font-size: 16px;
    padding: 0px;
    width: 100%;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    height: auto;
    transition: all 0.3s ease-in-out 0s;
    overflow: visible;
    opacity: 1;
}

.hoverlink img.hover, .hoverlink:hover img.divisionimage {
    top: 0px;
    float: left;
    opacity: 1;
}

.hoverlink:hover img.hover {
    float: left;
}

.scrolllink {
    position: absolute;
    width: 100%;
    z-index: 100000;
    bottom: 16px;
    text-align: center;
}

.hoverlink img.hover, .hoverlink:hover img.portfolioimage {
    display: none;
}

.hoverlink:hover img.hover {
    display: block;
}

.address, .blogdetails, .hentry, .hentrytwo, footer {
    position: relative;
}

.h-entry h1 a {
    color: rgb(37, 7, 37);
    font-weight: 600;
}

.fb-like {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    float: left;
    border: 1px solid rgb(238, 238, 238);
    text-align: center;
}

.archivearea {
    float: left;
    width: 100%;
    padding: 12px;
    border-top: 1px solid rgb(204, 204, 204);
    margin-top: 32px;
}

.archivearea h3 {
    color: rgb(223, 69, 71);
}

.archivearea li {
    color: rgb(170, 170, 170);
    font-size: 14px;
    text-transform: uppercase;
}

.meta {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    color: rgb(97, 97, 97);
    padding: 12px;
}

.nuvo_textarea {
    float: left;
    width: 100%;
}

#facebook {
    width: 100%;
}

.blogbanner {
    width: 100%;
    float: left;
}

.h-entry p {
    margin-top: 12px;
    margin-bottom: 12px;
    color: rgb(37, 7, 37);
}

fieldset[disabled] input[type="color"], fieldset[disabled] input[type="date"], fieldset[disabled] input[type="datetime-local"], fieldset[disabled] input[type="datetime"], fieldset[disabled] input[type="email"], fieldset[disabled] input[type="month"], fieldset[disabled] input[type="number"], fieldset[disabled] input[type="password"], fieldset[disabled] input[type="search"], fieldset[disabled] input[type="tel"], fieldset[disabled] input[type="text"], fieldset[disabled] input[type="time"], fieldset[disabled] input[type="url"], fieldset[disabled] input[type="week"], fieldset[disabled] textarea, input[type="color"]:disabled, input[type="color"][disabled], input[type="color"][readonly], input[type="date"]:disabled, input[type="date"][disabled], input[type="date"][readonly], input[type="datetime-local"]:disabled, input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], input[type="datetime"]:disabled, input[type="datetime"][disabled], input[type="datetime"][readonly], input[type="email"]:disabled, input[type="email"][disabled], input[type="email"][readonly], input[type="month"]:disabled, input[type="month"][disabled], input[type="month"][readonly], input[type="number"]:disabled, input[type="number"][disabled], input[type="number"][readonly], input[type="password"]:disabled, input[type="password"][disabled], input[type="password"][readonly], input[type="search"]:disabled, input[type="search"][disabled], input[type="search"][readonly], input[type="tel"]:disabled, input[type="tel"][disabled], input[type="tel"][readonly], input[type="text"]:disabled, input[type="text"][disabled], input[type="text"][readonly], input[type="time"]:disabled, input[type="time"][disabled], input[type="time"][readonly], input[type="url"]:disabled, input[type="url"][disabled], input[type="url"][readonly], input[type="week"]:disabled, input[type="week"][disabled], input[type="week"][readonly], select:disabled, textarea:disabled, textarea[disabled], textarea[readonly] {
    background-color: rgb(221, 221, 221);
    cursor: default;
}

.address::after, .emailaddress::after, .openingtimes::after, .telephone::after {
    left: 0px;
    top: 0px;
    font-family: SocialMedia;
}

input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea {
    appearance: none;
    background-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 0px;
    display: block;
    padding: 4px;
    width: 100%;
    transition: all 0.15s linear 0s;
    margin-bottom: 8px;
    height: 44px;
    font-size: inherit;
}

input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus {
    background: rgb(250, 250, 250);
    border-color: rgb(153, 153, 153);
    outline: 0px;
}

input[type="submit"] {
    appearance: none;
    border-radius: 0px;
    padding: 8px;
    margin-top: 0px;
    border: 0px;
    background-color: rgb(233, 233, 233);
    font-size: 21px;
    color: rgb(43, 44, 43);
}

textarea {
    max-width: 100%;
}

select {
    border-width: 1px;
    padding: 0.5em;
    font-size: 0.875em;
    color: rgba(0, 0, 0, 0.75);
    line-height: normal;
    border-radius: 0px;
    height: 2.3125em;
}

.fifthcolumn select, .quartercolumn select, .thirdcolumn select {
    width: 100%;
}

select.radius {
    border-radius: 3px;
}

input[type="checkbox"], input[type="file"], input[type="radio"], select {
    margin: 2px;
}

.newslettersignup p {
    margin: 0px;
    float: left;
    width: 100%;
}

.newslettersignup input[type="checkbox"], .newslettersignup input[type="file"], .newslettersignup input[type="radio"], .newslettersignup select {
    margin: 12px;
    float: left;
}

.newslettersignup h3 {
    float: left;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    display: inline-block;
    margin-left: 0.5em;
    margin-right: 1em;
    margin-bottom: 0px;
    vertical-align: baseline;
}

input[type="file"] {
    width: 100%;
}

fieldset {
    background-color: rgb(43, 43, 43);
    width: 100%;
    float: left;
    padding: 12px;
}

fieldset legend {
    background: rgb(42, 42, 42);
    padding: 0px;
    margin-bottom: 12px;
    float: left;
    width: 100%;
}

[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] small.error, [data-abide] span.error {
    display: block;
    padding: 0.375em 0.5625em 0.5625em;
    margin-top: -1px;
    margin-bottom: 1em;
    font-size: 0.75em;
    font-style: italic;
    background: rgb(240, 65, 36);
    color: rgb(255, 255, 255);
}

[data-abide] small.error, [data-abide] span.error {
    display: none;
}

.error small.error, small.error, span.error {
    display: block;
    padding: 0.375em 0.5625em 0.5625em;
    margin-top: -1px;
    font-size: 0.75em;
    font-style: italic;
    background: rgb(240, 65, 36);
}

small.error, span.error {
    margin-bottom: 1em;
    color: rgb(255, 255, 255);
}

.error input, .error select, .error textarea {
    margin-bottom: 0px;
}

.error input[type="checkbox"], .error input[type="radio"] {
    margin-bottom: 1em;
}

.error label, .error label.error {
    color: rgb(240, 65, 36);
}

.error small.error {
    margin-bottom: 1em;
    color: rgb(255, 255, 255);
}

.error > label > small {
    color: rgb(103, 103, 103);
    background: 0px 0px;
    padding: 0px;
    text-transform: capitalize;
    font-size: 60%;
    margin: 0px;
    display: inline;
}

.error span.error-message {
    display: block;
}

input.error, select.error, textarea.error {
    margin-bottom: 0px;
}

label.error {
    color: rgb(240, 65, 36);
}

.hentry, .hentrytwo, .hfeed {
    width: 100%;
    float: left;
}

.hfeed {
    text-align: left;
}

.hfeed li {
    background-color: rgb(255, 255, 255);
    margin-top: 12px;
    margin-bottom: 12px;
    float: left;
    width: 33.3333%;
}

.hentry p, .hentrytwo p {
    color: rgb(51, 51, 51);
}

li.hentrytwo {
    background-color: rgb(33, 42, 41);
    color: rgb(255, 255, 255);
    text-align: right;
}

li.hentrytwo * {
    color: rgb(255, 255, 255);
}

.hentry .blogimage {
    width: 100%;
    float: left;
}

.hentrytwo .blogimage {
    width: 50%;
    float: right;
}

.blogimage {
    width: 50%;
    float: left;
}

.blogimage img, .entry-published {
    width: 100%;
    float: left;
}

.entry-published {
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.blogdetails {
    width: 100%;
    float: left;
    padding: 16px;
    text-align: center;
}

footer {
    width: 100%;
    float: left;
    background: url("/images/amwell-tint.svg") right bottom / 400px no-repeat rgb(6, 9, 60);
    position: relative;
    padding-top: 16px;
}

footer::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100px;
    background-size: 100%;
    top: -100px;
    left: 0px;
    z-index: 20;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#slickslidesarea {
    width: 100%;
    float: left;
    background-color: rgb(215, 213, 213);
    padding-bottom: 24px;
}

.blogdetails .shinybuttons {
    float: left;
    padding: 0px;
    width: 100%;
}

.blogdetails .shinybuttons a {
    display: inline-block;
    padding: 8px;
    border: 1px solid rgb(147, 147, 147);
    color: rgb(147, 147, 147);
}

.hentrytwo .blogdetails .shinybuttons a {
    float: right;
    padding: 8px;
    border: 1px solid rgb(147, 147, 147);
    margin-top: 24px;
    color: rgb(147, 147, 147);
}

.blogdetails h3 a {
    font-size: 20px;
    color: rgb(26, 26, 26);
    line-height: 1.4;
}

blockquote, q {
    quotes: none;
}

blockquote::after, blockquote::before, q::after, q::before {
    content: none;
}

table.coursetable {
    border-collapse: collapse;
    border-spacing: 0px;
    color: rgb(2, 156, 68);
    margin-top: 12px;
    width: 100%;
}

table {
    display: inline-table;
    clear: both;
    float: none;
    width: 100%;
    border-collapse: collapse;
}

table td {
    padding: 12px;
    border: 1px solid rgb(91, 180, 208);
    vertical-align: top;
    border-collapse: collapse;
}

table tr {
    padding: 0px;
}

table tr:nth-child(2n+1) {
    padding: 0px;
    background-color: rgb(223, 234, 238);
}

.startdate, .enddate, .venue, .time, .duration, .cost {
    font-weight: 700;
}

.addressinfo {
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
}

.address, .emailaddress, .openingtimes, .telephone {
    padding-left: 32px;
}

.address::after {
    content: "m";
    position: absolute;
}

.openingtimes {
    position: relative;
}

.openingtimes::after {
    content: "k";
    position: absolute;
}

.telephone {
    position: relative;
}

.telephone::after {
    content: "j";
    position: absolute;
}

.emailaddress {
    position: relative;
}

.emailaddress::after {
    content: "l";
    position: absolute;
}

.thirdcolumn h3 {
    text-align: left;
    color: rgb(35, 33, 116);
    font-size: 18px;
}

#footerbase, .downloadname, .hi-icon {
    text-align: center;
}

#footerbase {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
    font-size: 14px;
    text-align: center;
}

#footercolumns {
    float: left;
    width: 100%;
    text-align: center;
}

.footerlogos {
    float: right;
    width: 100%;
}

.footercolumnfour, .footercolumnone, .footercolumnthree, .footercolumntwo {
    float: left;
    color: rgb(255, 255, 255);
}

.footercolumnone {
    width: 100%;
}

.footercolumntwo {
    width: 100%;
}

.footercolumnthree {
    width: 100%;
    text-align: center;
    background-color: rgb(255, 255, 255);
}

.footercolumnfour {
    width: 100%;
}

.hi-icon {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 8px;
    width: 54px;
    height: 54px;
    position: relative;
    z-index: 1;
    color: rgb(255, 255, 255);
}

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

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

.hi-icon-effect-1 .hi-icon {
    background: rgba(255, 255, 255, 0.1);
    margin: 0px;
    transition: background 0.2s ease 0s, color 0.2s ease 0s;
}

.hi-icon-effect-1a .hi-icon:hover {
    background: rgb(255, 255, 255);
    color: rgb(37, 7, 37);
}

#profilesone, .box {
    float: left;
}

.hi-icon-effect-1a .hi-icon:hover::after {
    transform: scale(1);
    opacity: 1;
}

.right .textleft {
    text-align: left;
    float: left;
    width: 100%;
    padding: 16px 54% 16px 0px;
    margin-left: auto;
    margin-right: auto;
}

.left .textleft {
    text-align: left;
    float: left;
    width: 100%;
    padding: 16px 0px 16px 54%;
    margin-left: auto;
    margin-right: auto;
}

.videoinset {
    width: 50%;
    margin-bottom: 8px;
    display: inline-block;
    position: relative;
    background-color: rgb(0, 0, 0);
    color: rgb(223, 69, 71);
    padding: 8px;
}

.nuvo_imagearea.circularpic img {
    width: 100%;
    border-radius: 50%;
}

.nuvo_imagearea figcaption {
    font-size: 12px;
    padding-bottom: 8px;
    text-align: center;
}

.left .nuvo_newimagearea {
    width: 50%;
    margin-bottom: 8px;
    position: absolute;
    left: 0px;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.right .nuvo_newimagearea {
    width: 50%;
    margin-bottom: 8px;
    position: absolute;
    right: 0px;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.nuvo_newimagearea.left {
    width: 50%;
    margin-bottom: 8px;
    position: absolute;
    left: 0px;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: right center;
}

.nuvo_newimagearea img {
    width: 100%;
    margin-bottom: 8px;
    position: absolute;
    right: 0px;
}

#profilesone {
    position: relative;
    width: 100%;
    color: rgb(238, 238, 238);
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
}

#demo {
    float: left;
    width: 100%;
}

.box img {
    width: 100%;
    height: auto;
    float: left;
}

.productcaption {
    float: left;
    height: 40px;
    width: 100%;
    color: rgb(37, 7, 37);
    padding: 8px;
}

.box .description {
    opacity: 0;
    width: 100%;
    background-color: rgb(85, 85, 85);
    transition: all 0.15s ease-in 0s;
    z-index: 10;
    left: 0px;
    padding: 12px;
}

.box .description p {
    color: rgb(255, 255, 255);
}

.box.clicked .description {
    opacity: 1;
    display: block;
    transition: all 0.3s ease-in 0s;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10000000;
    color: rgb(255, 255, 255);
}

.right {
    float: right;
    margin-right: 0px;
}

.left {
    float: left;
    margin-left: 0px;
    margin-right: 8px;
}

.nuvo_imagearea.circularpic {
    border-radius: 50%;
}

.nuvo_imagearea_center {
    width: 33.3333%;
    display: block;
    position: relative;
    line-height: 1;
    padding: 0px;
    margin: 0px;
    float: left;
}

.nuvo_imagearea_center a {
    display: block;
    padding: 0px;
    margin: 0px;
}

.nuvo_imagearea_half {
    width: 50%;
    float: left;
}

.nuvo_imagearea_third {
    width: 33.3333%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_imagearea img {
    width: 100%;
}

.nuvo_imagearea.circularpic img {
    width: 100%;
    border-radius: 50%;
}

.left-side-square {
    width: 60%;
    margin-bottom: 0px;
    float: left;
}

.right-side-square {
    width: 40%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_tinysquare {
    width: 50%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_mediumsquare {
    width: 100%;
    margin-bottom: 0px;
    float: left;
}

figcaption, .fullwidthimagecaption {
    padding: 8px;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.nuvo_imagearea {
    width: 33.3333%;
    float: left;
}

.nuvo_imagearea.right {
    width: 33.3333%;
    float: right;
    padding-left: 16px;
}

.nuvo_imagearea.left {
    width: 33.3333%;
    float: left;
    padding-right: 16px;
}

.nuvo_imagearea_center {
    width: 33.3333%;
    display: block;
    position: relative;
    line-height: 1;
    padding: 0px;
    margin: 0px;
    float: left;
}

.nuvo_imagearea_center a {
    display: block;
    padding: 0px;
    margin: 0px;
}

.nuvo_imagearea_half {
    width: 50%;
    float: left;
}

.nuvo_imagearea_third {
    width: 33.3333%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_imagearea img {
    width: 100%;
}

.nuvo_imagearea.circularpic img {
    width: 100%;
    border-radius: 50%;
}

.left-side-square {
    width: 60%;
    margin-bottom: 0px;
    float: left;
}

.right-side-square {
    width: 40%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_tinysquare {
    width: 50%;
    margin-bottom: 0px;
    float: left;
}

.nuvo_mediumsquare {
    width: 100%;
    margin-bottom: 0px;
    float: left;
}

figcaption {
    padding: 8px;
}

.nuvo_onelarge {
    float: left;
    width: 100%;
    position: relative;
}

.nuvo_onelarge img {
    float: left;
    width: 100%;
}

.left-side {
    float: left;
    width: 66.66%;
}

.right-side {
    float: left;
    width: 33.3333%;
}

.nuvo_onesmall {
    float: left;
    width: 100%;
    position: relative;
}

.nuvo_onesmall img {
    float: left;
    width: 100%;
}

.nuvo_twosmall {
    float: left;
    width: 100%;
    position: relative;
}

.nuvo_tinyone {
    float: left;
    width: 50%;
}

img {
    width: 100%;
    vertical-align: top;
    height: auto;
}

.ind_photo img {
    width: 100%;
    vertical-align: top;
    height: auto;
}

.downloads {
    float: left;
    clear: both;
    width: 100%;
}

.downloadtab {
    padding: 0px;
    border: 2px solid rgb(255, 255, 255);
    background-color: rgb(4, 52, 101);
    float: left;
    color: rgb(255, 255, 255);
    width: 33.2507%;
    margin-top: 24px;
    margin-bottom: 24px;
    position: relative;
}

.downloadtab::after {
    content: "1";
    position: absolute;
    font-size: 32px;
    bottom: 4px;
    right: 4px;
    line-height: 32px;
    color: rgb(75, 189, 211);
    pointer-events: none;
    font-family: school !important;
}

.downloadname, .downloadtab img {
    color: rgb(255, 255, 255);
    float: left;
    width: 100%;
}

.downloadtab img {
    padding: 0px;
    line-height: 0;
    margin: 0px;
    transform: rotate(-7deg);
}

.downloadname {
    padding: 8px 8px 40px;
    margin-top: 20px;
    line-height: 100%;
    font-size: 20px;
}

.downloadname .filesize {
    float: left;
    width: 100%;
    margin-top: 8px;
    padding-top: 4px;
    border-left: none;
    padding-left: 8px;
    padding-right: 0px;
    font-size: 11px;
    color: rgb(75, 189, 211);
}

@media screen and (max-width: 1180px) {
    .solid-container {
        height: 500px;
        float: left;
        width: 100%;
        margin-bottom: 24px;
        border: 12px solid rgb(6, 9, 60);
    }

    #hoverlinkarea {
        padding-left: 16px;
        padding-right: 16px;
    }

    .timetable_area_small {
        padding: 16px;
    }

    .quartercolumn {
        width: 50%;
    }

    .largehoverlinks {
        width: 49%;
        margin: 0.5%;
    }

    .right .textleft {
        text-align: left;
        float: left;
        width: 100%;
        padding: 16px 0% 16px 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .left .textleft {
        text-align: left;
        float: left;
        width: 100%;
        padding: 16px 0px 16px 0%;
        margin-left: auto;
        margin-right: auto;
    }

    .right .nuvo_newimagearea, .left .nuvo_newimagearea {
        width: 100%;
        margin-bottom: 8px;
        position: relative;
        right: auto;
        height: 300px;
    }

    .headercta {
        top: 2px;
        right: 240px;
        z-index: 2;
    }

    .ctalinetwo {
        padding-top: 0px;
    }

    .caption1 span {
        font-size: 26px;
        padding: 4px;
    }

    .caption2 span {
        font-size: 12px;
        padding: 4px;
    }

    #logotext {
        float: left;
        padding-top: 0px;
        max-width: 140px;
    }

    .statbox {
        width: 49.8%;
    }

    .caption2 {
        bottom: 10%;
    }

    .sb-search {
        right: 78px;
        top: 12px;
    }

    #slider-wrapper-shallow .banner {
        height: 680px;
    }

    #slider-wrapper-shallow-simple .banner {
        height: 400px;
    }
}

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




    


.popupimages {
    display: flex;
    justify-content: space-evenly
  }
  
  .popupimage {
    padding: 4px;
  }
  
  .popupimage img {
    width: 100%;
    max-height: 400px;
  }
  
  
  
  
  .mapwrapper {
    position: relative;
    float: left;
    width: 100%;
  }
  
  .mapwrapper:before {
    position: absolute;
    background-image: linear-gradient(rgba(256,256,256,.1) .1em, transparent .1em), 
        linear-gradient(90deg, rgba(256,256,256,.1) .1em, transparent .1em);
    background-size: 10% 10%;
    height: 100%;
    content: "";
    width: 100%;
    topo: 0px;
    left: 0px;
    pointer-events: none;
  }
  
  .multiplePopUp .popupBox {
    display: none;
  }
  .multiplePopUp .popupBox.myshowPop {
    display: block;
  }
  
  
  .multiplePopUp .staticBox .popClick {
    cursor: pointer;
    display: block;
    padding: 2px;
    background: #243555;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    transition: all 0.3s ease 0s;
  }
  
  
  
  .multiplePopUp .staticBox .popClick:hover {
    cursor: pointer;
    display: block;
    padding: 2px;
    background: #243555;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
      -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
   transition: all 0.5s ease 0s;
  }
  
  
  
  .multiplePopUp .popupBox .popConte {
    position: fixed;
    top: 50%;
    background: #fff;
    left: 0;
    width: 70%;
    right: 0;
    margin: auto;
    transform: translate(0px, -50%);
    border-radius: 6px;
    z-index: 5;
  }

  .multiplePopUp .popConte {
    padding: 16px;
  }
  .multiplePopUp .back {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.6);
    z-index: 4;
  }
  
  .multiplePopUp .popUpSec {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .multiplePopUp .popupBox span:before {
    position: absolute;
    content: "+";
    font-size: 20px;
    font-weight: 900;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    display: flex;
    transform: rotate(45deg);
  }
  .multiplePopUp .popConte h5 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 900;
  }
  
  
  
  body.modal-open {
    height: 100vh;
    overflow-y: hidden;
  }






    



    .amwelltriangle {
        float: left;
        width: 100%;
        height: 100%;
        text-align: center;
        background-size: 100% 100%;
        padding: 64px 28px 128px 28px;
    }



    .newsblock {
        display: inline-grid;
        gap: 36px;
        grid-template-columns: repeat(1, 1fr);
        grid-auto-flow: row;
    }

    .solid-container {
        height: 500px;
        float: left;
        width: 100%;
        margin-bottom: 24px;
        border: 12px solid rgb(6, 9, 60);
    }

    .videoareainside {
        width: 100%;
    }

    .bannerwrappershallow {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 68px;
    }

    .twothirds, .onethird {
        float: left;
        width: 100%;
    }

    footer #socialmedia::before {
        width: 160px;
        height: 160px;
        top: -160px;
    }

    #logoarea img {
        display: none;
    }

    #footerbase::before {
        width: 120px;
        height: 120px;
        top: -170px;
    }

    .columnimagetext::after {
        width: 60px;
        height: 60px;
    }

    .columnimagetext {
        padding: 16px 60px 16px 16px;
    }

    #slider-wrapper-shallow-simple .banner, #slider-wrapper-shallow .banner {
        height: 360px;
    }

    .newsitemleft {
        float: left;
        width: 100%;
    }

    .newsitemright {
        float: left;
        width: 100%;
        padding: 16px;
    }

    .noticeitembox {
        display: inline-grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .caption1 span {
        font-size: 20px;
        margin-bottom: 16px;
    }

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 19px;
    }

    .homepagelinksarea {
        display: inline-grid;
        gap: 20px 32px;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
        padding: 0px 24px;
        text-align: left;
    }

    header {
        height: 68px;
    }

    .bannerwrapper {
        margin-top: 68px;
    }

    #logoarea {
        opacity: 0;
    }

    #logoareatwo {
        opacity: 1;
    }

    #logoareatwo img {
        width: 220px;
    }

    #teamprofileslist {
        grid-template-columns: repeat(2, 1fr);
    }

    .plainbanner {
        height: 200px;
    }

    .divisionband a {
        width: 48%;
    }

    .bigword span {
        font-size: 60px;
        line-height: 80px;
    }

    .ind_photo {
        width: 33%;
    }

    .perchproduct {
        width: 49%;
    }

    .smallcat {
        width: 100%;
        margin: 0%;
    }

    .gallerycontainer a, .largecat {
        width: 49%;
        padding: 8px;
    }

    .hoverlink {
        width: 50%;
    }

    .left-side {
        float: left;
        width: 100%;
    }

    .right-side {
        float: left;
        width: 100%;
    }

    .nuvo_imagearea.right, .nuvo_imagearea.left {
        padding-left: 0px;
    }

    .productbox {
        width: 100%;
        margin: 0% 0% 12px;
    }

    .coursedate, .coursetitle, .location, .description {
        font-size: 18px;
    }

    .logolist .ind_logo {
        float: left;
        width: 49%;
        margin: 0.5%;
    }

    .footercolumnone {
        width: 50%;
    }

    .footercolumntwo {
        width: 50%;
    }

    .footercolumnthree {
        width: 50%;
    }

    .footercolumnfour {
        width: 100%;
    }

    .indlogo img {
        height: 60px;
    }

    .ctalineone, .ctalinetwo {
        display: inline-block;
        width: 100%;
        padding: 0px 12px;
    }

    .thirdsarea, .halfcolumn {
        width: 100%;
        padding: 0px 12px;
    }

    .strapline span {
        margin-top: -20px;
        margin-left: -10px;
        font-size: 18px;
    }

    .headingband {
        float: left;
        width: 100%;
        background-repeat: no-repeat;
        padding: 0px 12px;
    }

    .mainpicturenavimageareatiny {
        width: 50%;
    }

    .pagecaption .caption1 span {
        font-size: 50px;
    }

    .nuvo_newimagearea {
        width: 100%;
        margin-bottom: 8px;
        position: relative;
        float: left;
        height: 400px;
    }

    .footercolumnfour, .footercolumnone, .footercolumnthree, .footercolumntwo {
        float: left;
        width: 100%;
    }

    .agegroup, .smallclassname, .smallteacher, .smallvenue, .timestartandend {
        width: 100%;
    }

    .videoinset {
        width: 50%;
    }

    .danceclassimage {
        width: 100%;
    }

    .danceclasscontent {
        float: left;
        width: 100%;
    }

    .venueindividual {
        width: 49%;
        padding-top: 4px;
        padding-right: 4px;
        padding-left: 4px;
    }

    .danceclassitem {
        width: 48%;
    }

    .timetable_area_small {
        padding: 0px;
        float: left;
        width: 100%;
    }

    #logotext {
        float: left;
        padding-top: 0px;
        max-width: 140px;
    }

    #teamprofileslistsmall .profilelisting {
        width: 32%;
        margin: 0.5%;
    }

    #relatedpages #picturenavtiny a {
        width: 100%;
    }

    #mainarea, .centredarea {
        padding-left: 12px;
        padding-right: 12px;
    }

    .thirdcolumn {
        width: 100%;
    }

    form .formitem {
        width: 48%;
    }

    #picturenav ul li {
        width: 49%;
    }

    #relatedpages li {
        width: 50%;
    }

    .portfolioheader, .proddesc, .textinnerleft {
        text-align: left;
    }

    #horizontal, .scrolllink a {
        display: none;
    }

    .hoverlink {
        float: left;
        width: 100%;
    }

    .productbox:nth-child(2n+1) .product_thumb {
        float: left;
        width: 100%;
        border: 4px solid rgb(238, 238, 238);
    }

    .productbox:nth-child(2n) .product_thumb {
        float: left;
        width: 100%;
        border: 4px solid rgb(238, 238, 238);
    }

    .eventlisting .productbox:nth-child(2n+1) .product_thumb {
        width: 100%;
    }

    .eventlisting .productbox:nth-child(2n) .product_thumb {
        width: 100%;
    }

    .lightgallery .ind_photo {
        float: left;
        width: 33.2507%;
        position: relative;
    }

    .videoarea {
        width: 100%;
        max-width: 400px;
    }

    .textinnerleft {
        width: 100%;
        padding-bottom: 24px;
    }

    .textinnerright {
        width: 100%;
    }

    .diagonalgrey::before, .diagonalone::before, .diagonaltwo::before {
        background-size: 100% 32px;
        height: 32px;
        top: -32px;
    }

    .hentry, .hentrytwo {
        width: 100%;
        float: left;
        position: relative;
        padding: 12px;
        border: 1px solid rgb(238, 238, 238);
        margin-bottom: 12px;
    }

    .hentry .blogimage {
        width: 100%;
        float: left;
    }

    .blogdetails {
        width: 100%;
    }

    .hentrytwo .blogimage {
        width: 100%;
        float: left;
    }

    .container .gap, .container .mix {
        width: 50%;
    }

    #horizontal {
        height: 80px;
    }

    .servicesarea a {
        width: 33.2507%;
        padding: 4px;
    }

    .serviceimage {
        width: 60%;
        opacity: 1;
        height: auto;
        line-height: 0;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        z-index: 0;
    }

    .hoverlink {
        width: 50%;
        transition: all 0.8s ease-in-out 0s;
        position: relative;
    }

    .profilelisting {
        float: left;
        width: 50%;
        margin: 0.5%;
        position: relative;
        background-color: rgb(255, 255, 255);
        border-bottom: 2px solid rgb(204, 204, 204);
        overflow: hidden;
    }
}



@media screen and (max-width: 640px) {
    .triangleboxone,
 .triangleboxtwo,
 .triangleboxthree{
     float: left;
     width: 100%;
     padding: 16px;
     height: 50%;
     
 }
 
 
 
     .triangleboxone {
   width: 100%;
     
 }
 
 
 .triangleboxtwo {
     width: 100%;
 }
 
 .triangleboxthree {
   width: 100%;
 }
 
 
 
     .triangleboxoneinside,
 .triangleboxtwoinside,
 .triangleboxthreeinside{
     width: 100%;
    
     
 }
     
 
 }





@media screen and (max-width: 540px) {
    .solid-container {
        height: 320px;
    }

    .ctaphone a, .ctaemail a {
        width: 100%;
        float: left;
    }

    .ctacontacts {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
    }

    .noticeitembox {
        display: inline-grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .homepagelinksarea {
        display: inline-grid;
        gap: 0px;
        grid-template-columns: repeat(1, 1fr);
        grid-auto-flow: row;
        padding: 0px 24px;
        text-align: left;
    }

    .tinyline span {
        margin-right: 0px;
    }

    .captionblock {
        bottom: 0px;
    }

    .bigword span {
        font-size: 48px;
    }

    .sb-search {
        display: none;
    }

    .divisionband a {
        width: 100%;
    }

    .strapline {
        display: none;
    }

    .videoarea {
        width: 100%;
    }

    .ind_photo {
        width: 50%;
    }

    .perchproduct {
        width: 100%;
    }

    .gallerycontainer a, .largecat {
        width: 100%;
        margin: 0px 0px 16px;
    }

    .hoverlink {
        width: 100%;
    }

    footer {
        padding-top: 24px;
    }

    .indlogo img {
        height: 48px;
    }

    .textinner.withlogo {
        padding: 12px 0px;
    }

    .dancetel a {
        padding-left: 8px;
    }

    .dancetel a::before {
        content: none;
    }

    .footercolumnone, .footercolumntwo, .footercolumnthree, .footercolumnfour {
        width: 100%;
    }

    .nuvo_imagearea {
        width: 33%;
        float: right;
        position: relative;
    }

    .linkimageholder {
        margin-top: -12px;
    }

    .largehoverlinks {
        width: 100%;
        margin-bottom: 32px;
    }

    .mainpicturenavimageareatiny {
        width: 100%;
    }

    .pagecaption .caption1 span {
        font-size: 36px;
    }

    .picturenavimageareatiny {
        width: 100%;
    }

    #slider-wrapper-shallow .banner {
        height: 240px;
    }

    .wordone, .wordthree, .wordtwo {
        padding: 0px 20px;
        font-size: 20px;
    }

    #slider-wrapper-shallow-simple .banner {
        height: 220px;
    }

    .venueindividualsmall {
        width: 49%;
        margin: 0.5%;
    }

    .footercolumnfour, .footercolumnone, .footercolumnthree, .footercolumntwo {
        float: left;
        width: 100%;
        padding: 8px;
    }

    .venueinfosmall {
        width: 100%;
        margin: 0px;
    }

    .videoinset {
        width: 100%;
        margin: 0px 0px 12px;
    }

    .quartercolumn {
        width: 100%;
    }

    .fifthcolumn {
        width: 100%;
    }

    .venueindividual {
        width: 100%;
        padding-top: 4px;
        padding-right: 4px;
        padding-left: 4px;
        margin: 0px 0px 12px;
    }

    #teamprofileslistsmall .profilelisting {
        width: 49%;
        margin: 0.5%;
    }

    .danceclassitemsmall {
        width: 49%;
    }

    .timetable_day {
        width: 100%;
        margin-bottom: 12px;
    }

    .leftcolumn, .rightcolumn {
        width: 100%;
    }

    .statbox {
        width: 100%;
        margin: 0px 0px 4px;
    }

    .profilelisting {
        float: left;
        width: 100%;
        padding: 0px;
        position: relative;
    }

    form .formitem {
        width: 100%;
    }
}