#web-colours {
    margin-left: auto;
    margin-right: auto;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.table {
    padding: 0 0 0 0;
}

blockquote {
    padding: 20px;
}

/*#banner img,*/
/*.right-pane img {width:100%;}*/
#headerLarge p,
#banner p {
    margin: 0 0 0 0;
}

.left-pane img {
    max-width: 100%;
}

img {
    width: 100%;
}

#headerMobile,
.reverse-content,
.hide-options .admin-ui-btn-group>select {
    display: none;
}

#headerLarge {
    width: 100%;
    clear: both;
    height: auto;
    padding: 30px 60px 20px 60px;
}

#headerBlockLeft,
#headerBlockMiddle,
#headerBlockRight {
    clear: none;
    float: left;
    width: 33.333%;
    padding: 0 0 0 0;
}

#headerBlockLeft img {
    width: auto;
    max-height: 180px;
    padding: 0 0 0 0;
}

#headerBlockLeft {
    text-align: left;
}

#headerBlockMiddle {
    text-align: center;
}

#headerBlockMiddle .VMCC-text {
    padding-bottom: 10px;
}

#headerBlockMiddle span.section-text {
    width: 414px;
    padding-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#headerBlockMiddle p {
    padding: 20px 0 10px 0;
}

#headerBlockRight {
    text-align: right;
}

#headerBlockRight .fa {
    float: right;
    width: 48px;
    height: 48px;
    margin: 30px 0 0 16px;
    text-align: center;
}

.carousel {
    position: relative;
    z-index: 0;
}

.carousel .item img {
    width: 100%;
    -webkit-filter: grayscale(0);
}

.carousel .item {
    left: 0 !important;
}

.carousel .active.left,
.carousel .active.right {
    opacity: 0;
    z-index: 2;
}

.carousel.fade {
    opacity: 1;
}

.carousel.fade .item {
    -webkit-transition: .7s ease-in-out opacity;
    -moz-transition: .7s ease-in-out opacity;
    -ms-transition: .7s ease-in-out opacity;
    -o-transition: .7s ease-in-out opacity;
    transition: .7s ease-in-out opacity;
    left: 0;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
}

.carousel.fade .item:first-child {
    top: auto;
    opacity: 1;
    position: relative;
}

.carousel.fade .item.active {
    opacity: 1;
}

.carousel-control {
    background: transparent !important;
    opacity: 1;
}

.carousel-control:hover {
    opacity: 0.7;
}

.carousel-control.left i,
.carousel-control.right i {
    margin-top: 15%;
}

.carousel-control i {
    position: relative;
    top: 38%;
    width: 60px !important;
    height: 60px !important;
}

.wrap {
    width: 100%;
    display: inline-block;
    padding: 50px 0 50px 0;
}

.content,
.normal-content,
.media-content {
    margin: 0 200px 0 200px;
}

.content .panel-group {
    margin-bottom: 0;
    margin-top: 20px;
}

.content .panel-default>.panel-heading {
    position: relative;
    padding: 16px 18px 14px 18px
}

.content .panel-default>.panel-heading .fa-unsorted {
    position: absolute;
    right: 16px;
    top: 12px;
}

.content .panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding: 12px 20px 10px 20px
}

.full-pane {
    padding: 0 0 0 0;
}

.left-pane {
    padding: 0 40px 0 0;
}

.right-pane {
    padding: 0 0 0 40px;
}

.wrap-up {
    padding: 40px 0 0 0;
}

.normal-content .left-pane {
    width: 25%;
}

.normal-content .right-pane {
    width: 75%;
    padding: 0 0 0 50px;
}

.normal-content .left-pane,
.normal-content.right-pane-modules,
.media-content .left-pane,
#four-box {
    padding: 0 0 0 0;
}

.normal-content .left-pane-modules {
    margin: 50px 0 0 0;
}

.normal-content .side-menu {
    display: block;
}

.normal-content .box {
    width: 24%;
}

.media-intro {
    padding-left: 10px;
}

.box {
    width: 24.7%;
    display: inline-block;
    padding: 20px 0 0 0;
}

.box p,
.gallery-box p {
    margin: 0 0 0 0;
}

#six-box {
    width: 100%;
    padding: 0 0 0 10px;
}

#six-box .gallery-box {
    width: 16.6%;
    clear: none;
    float: left;
    padding: 10px 0.5% 20px 0.5%;
}

#four-box {
    width: 100%;
}

#four-box .gallery-box {
    width: 25%;
    clear: none;
    float: left;
    padding: 10px 0.5% 20px 0.5%;
}

.video {
    padding: 0 0 0 0;
}

.video iframe {
    width: 100%;
    height: 360px;
    margin-top: 26px;
    padding: 0 15px 0 15px;
}

.video-reduce .video iframe {
    height: 270px;
    margin-top: 0;
    margin-bottom: 25px;
}

#footer {
    padding: 70px 0 70px 80px;
}

.social,
#footer-mobile-social {
    text-align: center;
}

.social p,
#footer-mobile-social p {
    display: inline-block;
}

.social .fa {
    width: 48px;
    height: 48px;
    margin: -14px 8px 0 8px;
}

#footer-bottom {
    clear: both;
    height: 80px;
    margin-top: -7px;
    padding: 30px 16px 0 16px;
}

#footer-bottom br {
    clear: none !important;
    float: left !important;
}

#footer-bottom .footer-left {
    text-align: left;
    padding-left: 200px;
}

#footer-bottom .footer-right {
    text-align: right;
    padding-right: 200px;
}

#address {
    padding-top: 6px;
    line-height: 3;
    text-align: center;
    color: #fff;
}

#address strong {
    color: #b81d19;
    font-weight: 100 !important;
}

#address p {
    display: inline-block;
    padding-right: 6px;
}

#mobile-menu,
#footer-mobile {
    display: none;
}

@media (max-width: 1900px) {
    .video iframe {
        height: 340px;
    }

    .video-reduce .video iframe {
        height: 260px;
    }
}

@media (max-width: 1800px) {
    .video iframe {
        height: 310px;
    }

    .video-reduce .video iframe {
        height: 240px;
    }
}

@media (max-width: 1700px) {
    .video iframe {
        height: 280px;
    }

    .video-reduce .video iframe {
        height: 220px;
    }
}

@media (max-width: 1600px) {
    .wrap {
        padding: 50px 0 0 0;
    }

    .content,
    .normal-content {
        margin: 0 60px 0 60px;
    }

    .normal-content .left-pane {
        width: 30%;
    }

    .normal-content .right-pane {
        width: 70%;
    }

    .reverse-content .box {
        padding-top: 0;
        padding-bottom: 4px;
    }

    .media-content {
        margin: 0 26px 0 60px;
    }

    .video-reduce .video iframe {
        height: 260px;
    }

    #footer {
        padding: 40px 0 40px 40px;
    }

    #six-box {
        padding: 0 0 0 8px;
    }

    #six-box .gallery-box {
        padding: 10px 0.5% 16px 0.5%;
    }

    #footer-bottom .footer-left {
        padding-left: 50px;
    }

    #footer-bottom .footer-right {
        padding-right: 50px;
    }
}

@media (max-width: 1500px) {
    .video-reduce .video iframe {
        height: 240px;
    }
}

@media (max-width: 1400px) {
    #headerBlockMiddle span.section-text {
        width: 386px;
    }

    .content {
        margin: 0 50px 0 50px;
    }

    .normal-content .right-pane {
        padding: 0 0 0 40px;
    }

    .normal-content .left-pane-modules {
        margin: 40px 0 0 0;
    }

    .media-content {
        margin: 0 20px 0 50px;
    }

    .video-reduce .video iframe {
        height: 230px;
    }

    #six-box {
        padding: 0 0 0 4px;
    }

    #six-box .gallery-box {
        padding: 10px 0.5% 12px 0.5%;
    }

    #footer {
        padding: 30px 0 30px 30px;
    }
}

@media (max-width: 1300px) {
    #headerBlockMiddle span.section-text {
        width: 278px;
    }

    .box {
        width: 24.6%;
    }

    .video iframe {
        height: 250px;
    }

    .video-reduce .video iframe {
        height: 200px;
    }
}

@media (max-width: 1200px) {
    #headerLarge {
        padding: 30px 20px 20px 20px;
    }

    #headerBlockLeft img {
        max-height: 126px;
        padding-right: 16px;
    }

    #headerBlockLeft {
        width: 20%;
        max-width: 160px;
    }

    #headerBlockMiddle,
    #headerBlockRight {
        width: 40%;
    }

    #headerBlockMiddle {
        text-align: left;
        margin-left: 0;
        padding: 10px 0 0 16px;
    }

    #headerBlockMiddle span.section-text {
        text-align: left;
        margin-left: 0;
        padding-left: 0;
    }

    #headerBlockMiddle .VMCC-text,
    #headerBlockMiddle span.section-text,
    #headerBlockMiddle p {
        padding-bottom: 0;
        padding-top: 0;
    }

    .wrap {
        padding: 30px 0 0 0;
    }

    .content {
        margin: 0 20px 30px 20px;
    }

    .normal-content .left-pane-modules {
        margin: 30px 0 0 -16px;
    }

    .content {
        padding: 0 20px 0 20px;
    }

    .reverse-content .left-pane,
    .reverse-content .right-pane {
        width: 100%;
    }

    .reverse-content .left-pane {
        margin-top: 16px;
    }

    .normal-content .box {
        width: 48.5%;
        padding: 10px 20px 14px 0;
    }

    .media-intro {
        padding-left: 0;
    }

    .media-content {
        margin: 0 0 0 44px;
    }

    .media-content .right-pane {
        padding: 0 0 0 12px;
    }

    .media-content .right-pane .full-pane {
        padding: 0 0 0 10px;
    }

    .media-content .video iframe {
        height: 180px;
        margin-top: 0;
        margin-bottom: 14px;
    }

    .right-pane {
        padding-top: 0;
    }

    .video iframe {
        height: 254px;
        margin-top: 14px;
        padding: 0 22px 10px 10px;
    }

    #footer-bottom .footer-left {
        padding-left: 26px;
    }

    #footer-bottom .footer-right {
        padding-right: 30px;
    }

    #footer {
        padding: 28px 14px 28px 38px
    }

    .foot-l,
    .foot-m,
    .foot-r {
        padding: 0 28px 0 0;
    }

    #footer-bottom {
        height: 78px;
        padding: 30px 6px 0 6px;
    }

    .social .fa {
        width: 45px;
        height: 45px;
        margin: -14px 4px 0 4px;
    }

    #headerBlockRight .fa {
        width: 45px;
        height: 45px;
        margin: 30px 0 0 8px;
    }
}

@media (max-width: 1200px) {
    .reverse-content {
        margin: 0 30px 30px 30px;
    }

    #headerBlockMiddle {
        padding: 10px 0 0 0;
    }

    #headerBlockLeft img {
        max-height: 110px;
    }

    #menu,
    .normal-content,
    .media-content .left-pane,
    .side-menu,
    .fa-user {
        display: none;
    }

    #mobile-menu,
    .reverse-content {
        display: block;
        position: relative;
        z-index: 2;
    }

    #mobile-menu .panel-body {
        padding: 0 0 0 0;
    }

    #mobile-menu #expand .panel-default>.panel-heading {
        position: relative;
        z-index: 1;
        padding: 0 0 0 0;
        text-align: center;
    }

    #expand {
        position: relative;
        z-index: 1;
    }

    #banner,
    .wrap-up {
        position: relative;
        z-index: 1;
        margin-top: -20px;
    }

    #footer-mobile-info {
        padding: 0 0 0 0;
    }

    #expand .fa-bars {
        padding: 5px 10px;
    }

    #expand .panel-default,
    #expand .panel-default>.panel-heading {
        border-radius: 0;
    }

    #expand .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top: none;
        padding-bottom: 0;
    }

    #expand .panel-default {
        border: none !important;
    }

    .left-pane,
    .right-pane {
        width: 100%;
        padding: 0 0 0 0;
    }

    .media-content {
        margin: 0 0 0 0;
    }

    #four-box .gallery-box {
        padding: 0 0 0 0;
    }
}

@media (max-width: 1024px) {

    .content,
    #gallery-content {
        margin: 0 20px 30px 20px;
    }

    .content {
        padding: 0 10px 0 10px;
    }

    .media-content .video iframe {
        height: 160px;
    }

    #six-box .gallery-box {
        padding: 10px 0.5% 10px 0.5%;
    }

    /*.left-pane {padding-right: 30px;}*/
    #footer {
        padding: 26px 0 24px 24px;
    }
}


@media (max-width: 992px) {
    .box {
        width: 24.5%;
    }

    .gallery-box {
        width: 50%;
    }

    .social .fa {
        width: 42px;
        height: 42px;
        margin: -14px 4px 0 4px;
    }

    #expand .panel-default>.panel-heading,
    #expand .panel-default>.panel-heading+.panel-collapse>.panel-body {
        text-align: center;
    }

    #footer-top {
        min-height: 160px;
    }

    #footer-bottom {
        height: 74px;
    }

    .video-992 {
        width: 50%;
        clear: none;
        float: left;
    }

    .video iframe {
        height: 230px;
    }
}

@media (max-width: 860px) {
    .wrap-up {
        padding-right: 4px;
    }

    .header-shrink {
        display: block;
        width: 470px;
        height: 130px;
        margin-left: auto;
        margin-right: auto;
    }

    #headerBlockRight .fa {
        display: none;
    }

    #headerLarge {
        padding-bottom: 0;
    }

    #headerBlockLeft {
        width: 150px;
    }

    #headerBlockMiddle {
        width: 320px;
        float: right;
    }

    #headerBlockRight {
        width: 100%;
        clear: both;
        text-align: center;
    }

    #headerBlockRight p {
        display: inline;
        padding-right: 10px;
    }

    .video iframe {
        height: auto;
        margin-top: 6px;
        padding: 0 14px 0 6px;
    }

    #address {
        padding-left: 30px;
        text-align: left;
    }
}

@media (max-width: 768px) {
    #headerBlockRight .fa {
        display: none;
    }

    .content {
        padding: 0 10px 0 10px;
    }

    .content .panel-default>.panel-heading {
        padding: 12px 12px 12px 12px
    }

    .content .panel-default>.panel-heading+.panel-collapse>.panel-body {
        padding: 4px 12px 4px 12px
    }

    .content .panel-default>.panel-heading .fa-unsorted {
        position: absolute;
        right: 12px;
        top: 12px;
    }
}

@media (max-width: 767px) {

    .wrap,
    #footer {
        padding: 0 0 0 0;
    }

    .wrap-up {
        position: relative;
        z-index: 1;
        margin-top: -20px;
        padding-top: 20px;
        padding-right: 0;
    }

    .reverse-content {
        margin: 26px 10px 16px 20px;
    }

    .right-pane {
        padding-right: 8px;
    }

    .box {
        width: 49%;
        padding: 4px 0 0 0;
    }

    #footer {
        padding: 10px 0 10px 10px;
    }

    #footer-mobile {
        display: block;
        height: auto;
        padding: 0 0 0 0;
    }

    #footer-mobile .panel-default>.panel-heading+.panel-collapse>.panel-body {
        padding: 0 0 0 0;
    }

    #footer-mobile-social {
        margin-top: -20px;
        border-top: solid 20px transparent;
    }

    #footer-mobile-social .fa {
        width: 48px;
        height: 48px;
        margin: -14px 10px 10px 10px;
    }

    #footer-mobile-info p {
        display: inline-block;
        line-height: 1;
    }

    #address {
        display: none;
    }

    #footer-bottom,
    #footer-mobile #copy br {
        display: none;
    }

    .triangle {
        position: relative;
        top: 12px;
        width: 0;
        height: 0;
        padding: 0 0 0 0;
        border-style: solid;
        border-width: 25px 25px 0 25px;
        border-color: #f4f3f4 transparent transparent transparent;
    }

    #six-box {
        padding: 0 0 0 6px;
    }

    #six-box .gallery-box {
        width: 33.1%;
        padding: 0 0.9% 12px 0.9%;
    }
}

@media (max-width: 680px) {
    .wrap-up {
        padding-right: 10px;
    }

    #four-box {
        padding: 0 0 0 0;
    }

    .video iframe {
        height: auto;
        margin-top: 6px;
        padding: 0 14px 0 6px;
    }
}

@media (max-width: 620px) {
    #headerLarge {
        padding: 20px 0 0 0;
    }

    #headerBlockMiddle {
        padding: 0 0 0 0;
    }

    .header-shrink {
        width: 436px;
        height: 110px;
    }

    #headerBlockLeft {
        width: 110px;
    }

    #headerBlockLeft img {
        max-height: 90px;
        padding-right: 6px;
    }

    .video iframe {
        max-height: 140px;
    }
}

@media (max-width: 580px) {
    .wrap-up {
        padding-right: 0;
    }

    #headerBlockRight {
        padding-bottom: 10px;
    }

    #headerBlockRight p {
        display: block;
        padding-right: 0;
    }

    .content {
        padding: 10px 0 0 0;
    }

    .gallery-box {
        width: 100%;
    }

    #headerBlockMiddle p,
    #footer-mobile #copy br {
        display: block;
    }

    #expand {
        margin-top: 0;
    }

    #expand .fa-bars {
        padding: 2px 7px;
    }

    #six-box .gallery-box {
        padding: 0 1% 10px 1%;
    }

    .video iframe {
        max-height: 130px;
    }

    .media-content {
        padding: 0 12px 12px 2px;
    }
}

@media (max-width: 520px) {
    .wrap-up {
        padding-right: 14px;
    }

    .video-992 {
        width: 100%;
        display: block;
    }

    .video iframe {
        width: 100%;
        min-height: 236px;
        padding: 0 0 0 0;
    }

    #footer {
        margin-top: -22px;
    }
}

@media (max-width: 480px) {
    #headerLarge {
        padding: 10px 0 0 0;
    }

    .header-shrink {
        width: 100%;
        height: 110px;
    }

    #headerBlockLeft,
    #headerBlockMiddle,
    #headerBlockRight {
        min-width: 100%;
        text-align: center;
    }

    #headerBlockLeft img {
        max-height: 80px;
        padding-right: 0;
    }

    #headerBlockMiddle {
        padding-bottom: 8px;
    }

    .box {
        width: 49.4%;
    }

    #six-box .gallery-box {
        padding: 0 1.2% 10px 1.2%;
    }

    .video iframe {
        min-height: 200px;
    }

    #footer-mobile-info {
        padding: 20px 0 8px 0;
    }

    #footer-mobile-info p {
        display: block;
    }

    #footer-mobile-info span,
    #headerBlockMiddle span.section-text {
        display: none;
    }
}

@media (max-width: 420px) {
    .box {
        width: 49.3%;
    }

    .video iframe {
        min-height: 170px;
    }

    #headerBlockMiddle img {
        max-height: 110px;
    }

    #footer-mobile {
        height: 194px;
    }

    #footer-mobile-info span {
        display: none;
    }

    .left-pane,
    .right-pane {
        padding: 0 4px 0 4px
    }

    .media-content {
        padding: 0 0 12px 2px;
    }

    #four-box .gallery-box {
        width: 50%;
        padding: 0 0 0 0;
    }
}

@media (max-width: 360px) {
    .box {
        width: 100%;
        padding: 10px 0 10px 0;
    }

    .video iframe {
        min-height: 0;
    }

    #footer-mobile-social .fa {
        width: 48px;
        height: 48px;
        margin: -14px 6px 10px 6px;
    }

    .table {
        border: solid 1px #e4e4e4;
    }
}