#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;}
}