@font-face {font-family: 'CeraPRO-Light';src: url('/fonts/3366CE_0_0.eot');src: url('/fonts/3366CE_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/3366CE_0_0.woff2') format('woff2'),url('/fonts/3366CE_0_0.woff') format('woff'),url('/fonts/3366CE_0_0.ttf') format('truetype');}
@font-face {font-family: 'CeraPRO-Bold';src: url('/fonts/3366CE_1_0.eot');src: url('/fonts/3366CE_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/3366CE_1_0.woff2') format('woff2'),url('/fonts/3366CE_1_0.woff') format('woff'),url('/fonts/3366CE_1_0.ttf') format('truetype');}
@font-face {font-family: 'CeraPRO-Medium';src: url('/fonts/3366CE_2_0.eot');src: url('/fonts/3366CE_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/3366CE_2_0.woff2') format('woff2'),url('/fonts/3366CE_2_0.woff') format('woff'),url('/fonts/3366CE_2_0.ttf') format('truetype');}
@font-face {font-family: 'CeraPRO-Regular';src: url('/fonts/3366CE_3_0.eot');src: url('/fonts/3366CE_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/3366CE_3_0.woff2') format('woff2'),url('/fonts/3366CE_3_0.woff') format('woff'),url('/fonts/3366CE_3_0.ttf') format('truetype');}

body {
    margin: 0;
	font-family: "CeraPRO-Regular"
}

header, footer {
    /*font-family: "CeraPRO-Medium", "Roboto", sans-serif;*/
    /*line-height: 39px;*/
    color: #4B4B4B
}

footer h1, footer h2, footer h3 {
    font-size: 40px;
    line-height: 48px;
    font-family: "CeraPRO-Medium", "Roboto Condensed", sans-serif;
    font-weight: normal
}

footer h2 {
    padding: 6px;
    font-size: 35px;
    line-height: 42px;
    border: solid 1px #ccc
}

footer h3 {
    font-size: 30px;
    line-height: 40px
}

/* main menu */

header {
    background-color: #262A36;
    /*background-image: url(../images/header.png);
    background-position: 0 bottom;
    background-repeat: no-repeat*/
}

body.home header {
    background-color: transparent
}

header:after {
    content: "";
    display: none;
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100px;
    background-color: #262A36
}

body.home header:before {
    display: none
}

header > h1 {
    margin: 0; padding: 10px 10px 40px;
    font-weight: normal;
    color: #ffffff;
    font-size: 16px
}

.menu-wrapper {
    position: relative;
    /*z-index: 1;*/
    /*background-color: #262A36;*/
    overflow: hidden
}

body.home .menu-wrapper {
    margin-bottom: 10px;
    background-color: transparent
}

.menu-wrapper > a > img {
    float: left;
    /*margin-left: 10px;*/
    outline: none;
    border: none
}

.menu-wrapper .log_out {
    position: absolute;
    top: 0; right: 0;
    padding: 10px;
    color: #fff;
    line-height: normal;
    border: none
}

.menu-wrapper ul {
    float: right;
    margin: 0; padding: 0;
    /*max-width: 600px*/
}

.menu-wrapper li {
    background-color: #202d3a;
    border-left: 8px solid #777983;
    display: table-cell;
    width: 135px; height: 90px;
    opacity: 0.9;
    padding-left: 1em;
    position: relative
}

.menu-wrapper li.royal-observatory {
    border-color: #8c7bef
}

.menu-wrapper li.cutty-sark {
    border-color: #FD6628
}

.menu-wrapper li.national-maritime-museum {
    border-color: #00C2EA
}

.menu-wrapper li.queens-house {
    border-color: #FCCD3F
}

.menu-wrapper li.active {
    background-color: rgba(78, 90, 105, 0.85);
    border-color: #33a550
}

.menu-wrapper li:hover {
    background-color: rgba(60, 71, 102, 0.85);
    transition: background-color 0.3s ease
}

.menu-wrapper li.royal-observatory.active {
    background-color: rgba(87, 83, 127, 0.85)
}

.menu-wrapper li.royal-observatory:hover {
    background-color: rgba(139, 122, 238, 0.85)
}

.menu-wrapper li.cutty-sark.active { background-color: rgba(171, 77, 25, 0.85); } .menu-wrapper li.cutty-sark:hover { background-color: rgba(255, 102, 24, 0.85); }
.menu-wrapper li.queens-house.active { background-color: rgba(173, 141, 11, 0.85); } .menu-wrapper li.queens-house:hover { background-color: rgba(255, 202, 4, 0.85); }
.menu-wrapper li.national-maritime-museum.active { background-color: rgba(21, 116, 145, 0.85); } .menu-wrapper li.national-maritime-museum:hover { background-color: rgba(0, 191, 241, 0.85); }
.menu-wrapper li a {  border-bottom: none;   bottom: 0px;  color: #fff;  padding: 100% 20px 10px 10px;  font-size: 17px;  left: 0px;  line-height: 18px;  position: absolute;  text-align: bottom;  text-decoration: none; }

footer {
    margin-top: 1em;
    background-color: #202d3a;
    width: 100%;
    display: block;
    float: left
}

.footer-wrapper {  max-width: 990px;  margin: 0 auto; position: relative } .footer-wrapper .column {  width: 25%;  float: left;  margin-left: 1.5em;  padding-bottom: 1em; }

.footer-wrapper .column.last {
    /*width: 40%*/
}

.footer-wrapper h2 {  font-size: 16px;  line-height: 28px;  color: #FFF;  text-transform: uppercase;  border: none;  padding-left: 0; } .footer-wrapper ul {  margin: 0;  padding: 0; } .footer-wrapper ul li {  line-height: 18px;  padding: 5px 0;  list-style-type: none;  margin: 0;  font-family: "CeraPRO-Regular", "Roboto", sans-serif; } .footer-wrapper ul li a {  color: #bfc6d3;  text-decoration: none;  font-size: 15px;  border-bottom: none; } .footer-wrapper ul li a:hover {  text-decoration: underline; } .footer-wrapper a.social {  padding-bottom: 1em;  display: inline-block;  border-bottom: none; }

.footer-bar {
    clear: both;
    display: block;
    float: right;
    width: 44%;
    /*margin-top: -40px*/
}

.footer-bar > a > img {
	position: absolute;
    top: 30px; right: 20px
}

.footer-bar > img:last-child {
    float: right;
    margin: 0 20px 15px 0;
	display: none
}

.rmg-newsletter-signup-block-form .form-type-textfield input.form-text {
    width: 100%;
    border: 0px;
    outline: none;
    border-radius: 4px;
    padding: 10px;
    margin-top: 20px
}

.rmg-newsletter-signup-block-form label {
    font-size: 15px;
    color: #fff
}

.rmg-newsletter-signup-block-form input[type=text] {
    width: 100%;
    border: 0px;
    outline: none;
    border-radius: 4px;
    padding: 10px;
    font-size: 16px;
    box-sizing: border-box
}

.rmg-newsletter-signup-block-form input[type=submit] {
    display: inline-block;
    transition: all 0.05s ease;
    border: 3px solid transparent;
    text-align: center;
    text-decoration: none !important;
    padding: 8px 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fb133a;
    color: #fff;
    margin-right: 1em;
    font-size: 16px
}

.rmg-newsletter-signup-block-form input#edit-email {
    -webkit-box-shadow: inset 0px 0px 3px 0px #262a36;
    moz-box-shadow: inset 0px 0px 3px 0px #262a36;
    box-shadow: inset 0px 0px 3px 0px #262a36
}

.form-item, .form-actions {
    margin-bottom: 1em;
}

.rmg-newsletter-signup-block-form input[type=button] {
    display: inline-block;
    transition: all 0.05s ease;
    border: 3px solid transparent;
    text-align: center;
    text-decoration: none !important;
    padding: 8px 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fb133a;
    color: #fff;
    margin-right: 1em;
    font-size: 16px;
    cursor:pointer;
}