body {
    font-family: century-gothic, sans-serif;
    font-size:0.9rem;
    font-weight: 300;
    line-height: 1.6;
}

a, a:hover, a:focus { color:#FFF; text-decoration:none; }

section { padding:25px 0; }
strong { font-weight:700; }

table       { border:1px solid #666; border-width:1px 0; border-collapse:collapse; background-color:rgba(255,255,255,.5); margin-bottom:30px; font-size:90%; }
th          { border:1px solid #666; border-width:1px 0; background-color:rgba(51,51,51,.1);}
td          { border:1px solid #CCC; border-width:1px 0; padding:2px 10px; }

h1, h2, h3, h4 { font-weight:700; }

h1 { font-size: 1.5rem; }
h2, h3, h4 { font-size:1rem; }

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
    margin-top:25px;
    color: #fff;
    background-color: #D70929;
    border-color: #D70929;
    border-radius: 0;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(215,9,41,.25);
}

.navbar { background-color:#D70929; min-height:40px; }

.navbar .brand > img {
    width: 123px;
    position: absolute;
    top: 0;
    left: 0;
    
    -webkit-transition: width 0.4s ease;
    -moz-transition: width 0.4s ease;
    -o-transition: width 0.4s ease;
    transition: width 0.4s ease;
}
.navbar.is-scrolled .brand > img { width:150px;  }

#menu-wrapper {
    max-width: 100%;
    cursor: pointer;
    position: relative;
}

#menu-wrapper .text-menu {
    padding: 0 10px;
    color: #FFF;
    position: absolute;
    left: -60px; 
}


.overlay-menu {
  display: block;
  opacity:0;
  width: 100%;
  height: 100%;
  background: #222222;
  position: fixed;
  top:0;
  z-index: -100;
  -webkit-transition:all .4s;
}
.overlay-menu.open {
    opacity:1;
    z-index:100;
}

ul.menu { text-align:center;display: inline-block; padding-left: 20px;}
ul.menu li { list-style:none; display: inline-block;}
ul.menu li a { font-size:0.9rem; display: inline-block; text-decoration: none;}
ul.menu li a:hover, ul.menu li a:focus { 
    text-decoration: none;
    color: #ffffff;
    display: inline-block;
}
ul.menu-girling { text-align:center;display: inline-block; padding-left: 20px}
ul.menu-girling li { list-style:none; display: inline-block;color:#230e0e}
ul.menu-girling li a { font-size:0.9rem; display: inline-block; text-decoration: none;color:#230e0e}
ul.menu-girling li a:hover, ul.menu li a:focus {
    text-decoration: none;
    color: #230e0e;
    display: inline-block;

}
.strapLine {
    position: absolute;
    top: 45px;
    left: 140px;
    font-weight: 700;
    font-size: .8rem;
}

section.stage {
    position: relative;
    margin:70px 0 25px;
    padding: 0;
    color:#fff
}
section.stage .caption {
    position: absolute;
    width: 100%;
    bottom: 55%;
    text-align: center;
}

section.terms { margin:70px 0 25px; }
section.terms a, section.terms a:hover, section.terms a:focus { color:#D70929; }

.classicCats figure { overflow: hidden; position:relative; }
.classicCats figure img {
    transition: all .4s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.classicCats figure:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }

.classicCats figure figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    color: #FFF;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    font-size:1.5rem;
    font-weight:400;
    -webkit-transition: all .6s ease; 
    transition: all .6s ease;
    background-color: rgba(0, 0, 0, .5);
}
.classicCats figure:hover figcaption { background-color:#D70929; }

.contact h2 { margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #aeaeae; }
.contact h2 span { color:#D70929; }
form .form-control { 
    border: 0;
    background-color: #dfdfdf;
    border-radius: 0;
}
form select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem);
}
form select:not([multiple]){
    -webkit-appearance:none;
    -moz-appearance:none;
    background-position:right 50%;
    background-repeat:no-repeat;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
}
.form-control:focus {
    color: #D70929;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(215,9,41,.25);
}
form .btn { border:1px solid #D70929; border-radius:0; font-size: .8rem; }
form input.is-error, form select.is-error { background: #FFD2D2; outline:0; border:1px solid #c23616;  }
.msg, .checkMsg { color:#c23616; }

footer { background-color:#1c1c1c; color:#fff;  padding:50px 0; margin-top: 50px; }
footer h2 { color:#D70929; }
footer ul { margin:0; padding:0; }
footer ul li { list-style:none; }

.footerLogo { 
    position: relative;
    background-color: #FFF;
    width: 100%;
    display: block;
    height: 22px;
}
.footerLogo > img { 
    position: absolute;
    right: 0;
    width: 130px;
    bottom: 0;
}

.formResponse, .msg, .checkMsg { display:none; } 

.notification { 
    width: 95%;
    margin: 0 auto;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #D70929;
    padding: 10px 15px;
    text-align: center; }

.notification strong { font-size: .7rem; font-weight: 700; }
.notification span { display:block; font-size:.7rem; }

@media (min-width: 576px) {}

@media (min-width: 768px) {

    h1 { font-size: 2.5rem; }

    ul.menu { padding:0;}
    ul.menu li a {padding-left:20px; font-size:0.9rem; font-weight: normal; }
    ul.menu-girling { padding:0;}
    ul.menu-girling li a {padding-left:20px; font-size:0.9rem; font-weight: normal; }

    section { padding:50px 0; }
    section.stage { margin:70px 0 50px; }

    .navbar .brand > img { width: 200px; }

    .strapLine { left: 210px; }

    .notification {  width: 50%; }
    .notification strong { font-size: 1rem; }
    .notification span { font-size:1rem; }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .container.smaller {
        max-width: 960px;
    }
}
.contact-form {
    padding-left:20px;
}
.textwrapright {
    float: right;
    margin: 10px;
}
.textwrapleft {
    float: left;
    margin: 10px;
}
.btn-link{
    color:#000000;
 }
.btn-link:hover{
    color:#000000;
}
.btn-outline-dark {
    border-color:#D70929;
 }
.prodth{
    color:#FFFFFF;
}
.table-stripedx>tbody>tr:nth-child(odd)>td,
.table-stripedx>tbody>tr:nth-child(odd)>th {
    background-color: #EFC8C8;
}
.table-stripedx>tbody>tr:nth-child(even)>td,
.table-stripedx>tbody>tr:nth-child(even)>th {
    background-color: #EDB2B2;
}