/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 28 November 2016 15:53:58
*/


@media(max-width:1086px) {
    .carousel-previous, .carousel-next {
        display: none;
    }
    .pagination {
        height: 4.286em;
    }
}

@media(max-width:928px) {
    .advertisement {
        background: 0;
        margin: 0 auto;
        border-top: 0;
        border-bottom: 0;
    }
    .advertisement a {
        margin-bottom: 1.857em;
    }
    .advertisement-label {
        padding: .416em 0 0;
        top: 100%;
        right: 0;
        bottom: auto;
        left: auto;
    }
}

@media(max-width:768px) {
    .site-functions button, .site-functions .button {
        height: 2.143em;
        line-height: 2.143em;
    }
    .button-top {
        display: block;
    }
    .wrap {
        padding-right: .714em;
        padding-left: .714em;
    }
    .two-columns, .three-columns, .four-columns {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0;
    }
    .two-columns>div, .two-columns>li, .three-columns>div, .three-columns>li, .four-columns>div, .four-columns>li, .sidebar-left, .sidebar-right, .content, .content.content-wide {
        width: 100%!important;
        float: none;
        margin-right: 0;
        margin-bottom: 1em;
        margin-left: 0;
        clear: both;
    }
    .content-container>.sidebar-left {
        display: none;
    }
    .content-container>.sidebar-right+.sidebar-left, .content-container>form+.sidebar-left {
        display: inline-block;
    }
    .sidebar-left h2 {
        line-height: 1.618em;
    }
    .sidebar-right {
        margin-top: 0;
    }
    .content.content-wide .sidebar-right {
        position: relative;
    }
    .inner-content-left, .inner-content-right {
        max-width: 100%;
        float: none;
        display: block;
        margin: 0 0 1em;
        clear: both;
    }
    .site-search, .main-navigation, .button-navigation-toggle .arrow {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .2s cubic-bezier(1, .1, .67, .9);
        transition: opacity .2s cubic-bezier(1, .1, .67, .9);
    }
    .site-search.active, .main-navigation.active, .button-navigation-toggle.active .arrow {
        opacity: 1;
        visibility: visible;
    }
    .sector-groups-list, .sector-groups-list li {
        max-height: 0;
        padding: 0;
        overflow: hidden;
        -webkit-transition: all .4s cubic-bezier(1, .1, .67, .9);
        transition: all .4s cubic-bezier(1, .1, .67, .9);
    }
    .sector-groups-list.active, .sector-groups-list.active li {
        max-height: 50em;
    }
    .sector-groups-list.active {
        padding: .714em 0 0;
    }
    .top-bar>div {
        padding: 0;
    }
    .site-selector {
        height: 0;
        padding-top: 2.5em;
        position: relative;
        overflow: hidden;
        -webkit-transition: height .2s cubic-bezier(1, .1, .67, .9), border-width .2s cubic-bezier(1, .1, .67, .9);
        transition: height .2s cubic-bezier(1, .1, .67, .9), border-width .2s cubic-bezier(1, .1, .67, .9);
    }
    .site-selector.active {
        height: 2.5em;
    }
    .site-selector li {
        width: 100%;
        margin: 0;
    }
    .site-selector .active {
        position: absolute;
        top: 0;
        left: 0;
    }
    .site-selector a {
        background: white;
        color: #00a7a9;
        height: 2.5em;
        margin: 0;
        padding: 0 .714em;
        line-height: 2.5em;
        border-radius: 0;
    }
    .site-selector .active a {
        background: url("https://www.rec.uk.com/__data/assets/image/0017/115415/icon-site-selector.png?v=0.1.2") right .714em center no-repeat;
        color: white;
        height: auto;
        display: block;
        text-shadow: 0 1px rgba(0, 0, 0, .4);
    }
    .site-selector.active .active a {
        background-image: url("https://www.rec.uk.com/__data/assets/image/0018/115407/icon-site-selector-active.png?v=0.1.2");
    }
    .contact-us, .live-chat {
        display: none;
    }
    header {
        margin: 1em 0 .714em;
        border-bottom-width: 0;
    }
    .site-functions {
        width: 100%;
        float: none;
        margin-bottom: 1.429em;
        clear: both;
    }
    .site-logo {
        max-width: 100%;
        padding-top: 0;
    }
    .site-brand {
        background-size: 109px 50px;
        width: 109px;
        height: 50px;
        margin-right: .714em;
    }
    .site-title {
        max-width: 320px;
        font-size: 1.143em;
        line-height: 1.15em;
    }
    .call-us {
        font-size: .929em;
        line-height: 1em;
    }
    .site-header .site-search {
        background: #008385;
        width: 100%;
        height: auto;
        margin-top: 4.65em;
        padding: 1.429em .714em;
        border: 0;
        position: absolute;
        top: 100%;
        right: auto;
        bottom: auto;
        left: -0.714em;
        border-radius: 0;
    }
    .site-search-input-container {
        background: white;
        margin: 0;
        padding: 4px 39px 4px 2px;
        border-radius: .143em;
    }
    .site-search-submit {
        margin: 2px 2px 0 0;
    }
    header nav .button {
        background-color: #00a9ab;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, .2)));
        background-image: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .2) 100%);
        background-image: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .2) 100%);
        background-image: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, .2) 100%);
        background-image: linear-gradient(top, transparent 0, rgba(0, 0, 0, .2) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9ab', endColorstr='#009091', GradientType=0);
        color: white;
        height: 2.143em;
        display: inline-block;
        margin-right: .5em;
        position: relative;
        line-height: 2.143em;
        text-transform: uppercase;
        text-shadow: 0 1px rgba(0, 0, 0, .4);
        border-radius: .1875em;
    }
    header nav .button:active, header nav .button.active {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .2)), color-stop(100%, transparent));
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0, transparent 100%);
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .2) 0, transparent 100%);
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .2) 0, transparent 100%);
        background-image: linear-gradient(top, rgba(0, 0, 0, .2) 0, transparent 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009091', endColorstr='#00a9ab', GradientType=0);
    }
    header nav .button .arrow {
        width: 0;
        height: 0;
        display: block;
        border-right: .357em solid transparent;
        border-bottom: .357em solid #008385;
        border-left: .357em solid transparent;
        position: absolute;
        bottom: -10px;
        left: 45%;
        visibility: hidden;
    }
    header nav .button[data-target="site-search"] .arrow {
        left: 35%}
    header nav .button.active .arrow {
        visibility: visible;
    }
    .main-navigation {
        background: #008385;
        width: 100%;
        height: auto;
        margin-top: .714em;
        padding: .714em;
        position: absolute;
        top: 100%;
        left: -0.714em;
        font-size: 14px;
    }
    .main-navigation>li {
        width: 100%;
        float: none;
        margin: 0 0 0 -0.714em;
        padding: 0 .714em;
    }
    .main-navigation>li+li {
        border-top: 1px solid rgba(255, 255, 255, .2);
    }
    .main-navigation>li>a {
        background: 0;
        color: white;
        height: auto;
    }
    .main-navigation>li:hover>a, .main-navigation>.active>a {
        background: 0;
    }
    .main-navigation>li:hover>a {
        text-decoration: underline;
    }
    .main-navigation li:hover .arrow {
        display: none;
    }
    li:hover>.sub-navigation {
        display: none;
    }
    .main-navigation.section-menu {
        display: block;
    }
    .breadcrumbs {
        line-height: 3em;
    }
    .carousel h1, .carousel h4 {
        width: 95%;
        padding: 2.5%}
    .carousel h1 {
        font-size: 2.857em;
    }
    .popular-resources-container {
        width: 100%;
        height: auto;
        float: left;
        margin: 1em auto 0;
        padding: 0;
        clear: both;
    }
    .popular-resources {
        width: auto;
        padding: 0 .714em;
        position: relative;
        right: auto;
        bottom: auto;
    }
    .homepage-feeds-divider {
        display: none;
    }
    .headlines {
        display: none;
    }
    .quick-tools {
        height: auto;
    }
    .headlines-list-container {
        display: block;
        padding-left: 0;
        clear: both;
    }
    .content-wide .special-fieldset input[type="text"], .content-wide .special-fieldset input[type="password"], .content-wide textarea {
        width: 65%;
        min-width: 65%;
        max-width: 65%}
    .directory-filter, .ecommerce-content {
        width: 100%}
    .bottom-area>.wrap {
        padding: 0;
    }
    .sector-groups {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .sector-groups-title {
        background-color: #005fa1;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005fa1), color-stop(100%, #004b7f));
        background-image: -webkit-linear-gradient(top, #005fa1 0, #004b7f 100%);
        background-image: -moz-linear-gradient(top, #005fa1 0, #004b7f 100%);
        background-image: -ms-linear-gradient(top, #005fa1 0, #004b7f 100%);
        background-image: linear-gradient(top, #005fa1 0, #004b7f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005fa1', endColorstr='#004b7f', GradientType=0);
    }
    .sector-groups-title h2 {
        background: url("https://www.rec.uk.com/__data/assets/image/0017/115415/icon-site-selector.png?v=0.1.2") right center no-repeat;
        color: white;
        margin: 0 .714em;
        font-family: "Bliss";
        font-size: 1em;
        line-height: 2.5em;
        text-shadow: none;
        text-shadow: 0 1px rgba(0, 0, 0, .4);
        cursor: pointer;
    }
    .sector-groups-title.active h2 {
        background-image: url("https://www.rec.uk.com/__data/assets/image/0018/115407/icon-site-selector-active.png?v=0.1.2");
    }
    .sector-groups-list li {
        width: 50%}
    .sector-groups-list a {
        display: block;
        padding-left: .714em;
    }
    .awards {
        width: auto;
        float: none;
        padding: 1em .714em 4em;
    }
    .awards-list li+li {
        margin-left: 10px;
    }
    .bottom-area .connect-with-us {
        margin-left: -112px;
        right: auto;
        left: 50%}
    .quick-tools-title {
        width: 100%;
        float: none;
    }
    .quick-tools-list-container {
        padding: 0;
        clear: both;
    }
    .quick-tools-list a {
        margin-right: .25em;
    }
    .checkout-steps li {
        width: 50%;
        margin-bottom: .5em;
    }
    form .sort-title select {
        width: 100%}
    footer nav {
        width: 100%}
    .copyright-information, .footer-navigation, .physical-address {
        width: 100%;
        float: none;
        clear: both;
        text-align: left;
    }
    .footer-navigation, .physical-address {
        margin-bottom: 1em;
    }
    .footer-navigation li {
        float: none;
    }

    iframe.question-time {
      height:1130px;
    }

 .membership-casestudy__item {
                width: 82%;
            }
            .membership-landing .campaign-textandicons__content {
                width: 100%;
            }
            .membership-landing .campaign-textandicons__images {
                width: 100%;
                padding: 40px 0px 10px 0px;
            }
            .membership-landing .campaign-card:nth-child(even), .membership-landing .campaign-card:nth-child(odd) {
                width: 100%;
                margin: 5px 0px;
            }
            .membership-landing .campaign-btn, .membership-landing .campaign-3-listing {
                width: 100%;
            }
            .membership-landing .campaign-banner {
                height:auto;
            }
            .membership-landing .campaign-textsection {
                display: block;
            }
            .membership-landing .campaign-textsection__content {
                float: none;
                width: 100%;
            }
            .membership-landing .campaign-textsection__image {
                width: 100%;
                padding: 40px 0px 10px 0px;
            }
}

@media(max-width:748px) {
    .advertisement-label {
        right: .833em;
    }
    .login-body {
        width: 100%;
        margin-left: 0;
    }
}

@media(max-width:480px) {
    .split-content li, .split-content dt, .split-content dd {
        width: 100%!important;
        padding: 0!important;
    }
    .sector-groups-list li {
        width: 100%}
    .checkout-steps li {
        width: 100%}
    .video-widget {
        text-align: center;
    }
    .twitter-widget-title {
        background-position: left .636em;
    }
    .twitter-follow-text {
        float: none;
        display: block;
        clear: both;
    }
    .twitter-date {
        display: block;
        margin: 0 0 .5em;
        clear: both;
    }
    .twitter-widget-meta a, .twitter-widget-meta span {
        opacity: 1;
        visibility: visible;
    }

    iframe.question-time {
      height:700px;
    }

}

@media(max-width: 767px) {
   .filters .columns.small-6 {
     width: 50% !important;
    }
}


@media(max-width:768px) {
.theme16 #login-section > div {
float:left;
}
.theme16 .site-functions {
margin-bottom:0;
margin-top:1.429em;
}

.theme16 .top-bar {
background:#cecece;
}


.theme16  .site-selector .active a {
background-color:#003a80;
}

/*.theme16 .carousel-title {
background:rgba(255, 255, 255, 0.78)
}*/
}

@media (min-width: 768px) {

.theme16 .home .carousel {
height:440px;
}
  .theme16 .home .content .date-list li {
    position: relative;
  }
  .theme16 .home .content .date-list li:last-child {
    border: none;
  }
  .theme16 .home .content .date-list time {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.286em;
    font-weight: 300;
    color: #696969;
  }
  .theme16 .home .content .date-list time span {
    font-weight: 400;
    font-size: 1.1em;
  }
  .theme16 .home .content .date-list .event-title {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35%;
  }
  .theme16 header nav {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 4px solid #dff3fd;
  }
  .theme16 .site-navigation {
    display: table-row;
    background: #0e113e;
  }
  .theme16 .main-navigation > li {
    display: table-cell;
    margin-right: 2px;
    position: relative;
    vertical-align: middle;
    width: auto;
    float: none;
    border-right: 1px solid #f2f2f2;
  }
  .theme16 .main-navigation > li:hover > a {
    background: #dff3fd;
    color: #003a80;
  }
  .theme16 .main-navigation > .active > a {
    background: #dff3fd;
    color: #003a80;
  }
  .theme16 .main-navigation > li > a {
    text-align: center;
    border-radius: 0;
    color: #ffffff;
    height: 3.5em;
    line-height: 3.5em;
    background: none;
  }
  .theme16 .main-navigation .sub-navigation > li {
    display: block;
  }


body.theme16 header .site-search {
background:none;
border-radius:0;
}

  
  .theme16 .site-functions {
    margin-top: 10px;
  }
  .theme16 .site-selector {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 24px;
    position: relative;
  }
  .theme16 .site-selector a {
    color: #494949;
    text-shadow: none;
    background: none;
  }
  .theme16 .site-selector li {
    margin: 11px 0 0 0;
    border: 1px solid #f2f2f2;
    display: inline-block;
  }
  .theme16 .site-selector li:last-child {
    border-left: none;
  }
  .theme16 .site-selector li.active {
    background: #FFF;
    color: #000;
  }
  .theme16 .top-bar:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #06357a;
    z-index: 1;
  }
  .theme16 .site-selector:before {
    z-index: 1;
  }
  .theme16 .site-selector li {
    position: relative;
    z-index: 0;
  }
  .theme16 .site-selector li.active {
    z-index: 2;
    border-bottom-color: #FFF;
    margin-top: 6px;
    border-top: 6px solid #06357a;
  }
  .theme16 .top-bar {
    background: none;
    margin-top: 6px;
    position: relative;
    display: inline-block;
    overflow:visible;
height:43px;
  }
  .theme16 .site-selector a {
    border-radius: 0;
    text-decoration: none;
  }
  .theme16 header {
    border: none;
  }
  .theme16 .latest-news li p {
    font-size: 0.95em;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
  }
  .theme16 .site-header .site-search {
    bottom: 15%;
  }
.theme16 footer nav{
width:100%;
float:none;
 font-size: 0.8em;
    text-transform: uppercase;
}

.theme16  footer .two-columns {
margin-bottom:1em;
}

.theme16  footer .two-columns > div {
    float:none;
    display: inline-block;
    width: 46%;
vertical-align:bottom;
}


.theme16 .bottom-area .wrap {
min-height:auto;
}

.theme16 .bottom-area .awards-list span {
font-size:1.3em;
}



body.theme16 footer .wrap {
width:978px;
position:relative;
}

body.theme16 footer .copyright-information {
    bottom: 0;
    position: absolute;
}

.theme16 .social-wrapper {
margin-bottom:2em;
text-align:right;
}

.theme16 .site-functions .button {
background:none;
color:#39a4a3;
}
.theme16 .site-functions .button.button-view-basket {
color:#06357a;
}
.theme16 .carousel-title {
  margin-left: 8em;
}
.theme16 .content-wrapper {
padding:1em 0;
}
  .theme16 .quick-tools .four-columns .item {
    border-right: 1px solid #32AAAB;
    height: 53px;
  }

.theme16 .home .homepage-feeds .date-list img {
  float: right;
clear:none;
}

}