/* -------------------------------------------------------------- Base Styles -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} html {font-size: 62.5%; line-height: 1.4; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} a {text-decoration: none;} img {max-width: 100%;} /* -------------------------------------------------------------- Global -------------------------------------------------------------- */ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body {background: #F6F6F5; min-width: 320px;} .lt-ie9 body {background: #D7D3D5;} .group:before, .group:after {content: " "; display: table;} .group:after {clear: both;} .group {zoom: 1;} a:hover, a:focus {cursor: pointer;} a.space p, .icon-space {background: #8BC540!important;} a.living p, .icon-living {background: #F79838!important;} a.occupiers p, .icon-occupiers, .btn-occupiers {background: #EE3C39!important;} a.studios p, .icon-studios {background: #0398CC!important;} a.talent p, .icon-talent, .btn-talent {background: #ED3C95!important;} a.destination p, .icon-destination {background: #7580BE!important;} a.news p, .icon-press-release, .icon-enews {background: #FFDD00!important; color: #333228!important;} .visually-hidden {position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;} @media only screen and (min-width : 1020px) { .container {margin: 0 auto; width: 1000px;} } input[type=text], input[type=submit] {-webkit-appearance: none; border-radius: 0;} /* -------------------------------------------------------------- Typography -------------------------------------------------------------- */ body {color: #333228; font-family: Swiss, Arial, sans-serif; font-size: 1.6rem; font-size: 16px;} h1, h2, h3, h4, h5 {color: #333228; font-family: Swiss, Arial, sans-serif;} h1 {font-size: 38px; font-size: 3.8rem; font-weight: bold; letter-spacing: -2px; -webkit-font-smoothing: antialiased;} h2 {font-size: 26px; font-size: 2.6rem;} h3 {font-size: 20px; font-size: 2.0rem;} h3 b {font-weight: bold;} h4 {font-size: 16px; font-size: 1.6rem;} h5 {font-size: 14px; font-size: 1.4rem;} p {line-height: 1.7;} .icon {vertical-align: middle; visibility: hidden;} .icon {vertical-align: middle; visibility: visible; height: 28px; overflow: hidden;} .content-primary .welcome h3 {font-size: 16px; font-size: 1.6rem;} @media only screen and (min-width : 600px) { h1 {font-size: 48px; font-size: 4.8rem;} .content-primary .welcome h3 {font-size: 20px; font-size: 2.0rem;} } @media only screen and (min-width : 1000px) { h1 {font-size: 52px; font-size: 5.2rem;} } @font-face { font-family: 'Swiss'; src: url('../fonts/swiss-721-heavy-latin-1-webfont.eot'); src: url('../fonts/swiss-721-heavy-latin-1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss-721-heavy-latin-1-webfont.woff') format('woff'), url('../fonts/swiss-721-heavy-latin-1-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; font-family: 'Swiss'; src: url('../fonts/swiss-721-medium-latin-1-webfont.eot'); src: url('../fonts/swiss-721-medium-latin-1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss-721-medium-latin-1-webfont.woff') format('woff'), url('../fonts/swiss-721-medium-latin-1-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; font-family: 'MediaCityUK-Icons'; src:url('../fonts/MediaCityUK-Icons-32x32.eot'); src:url('../fonts/MediaCityUK-Icons-32x32.eot?#iefix') format('embedded-opentype'), url('../fonts/MediaCityUK-Icons-32x32.woff') format('woff'), url('../fonts/MediaCityUK-Icons-32x32.ttf') format('truetype'); font-weight: normal; font-style: normal; } [data-icon]:before {content: attr(data-icon); font-family: 'MediaCityUK-Icons'; font-weight: normal; font-variant: normal; line-height: 1; speak: none; text-transform: none; visibility: visible; -webkit-font-smoothing: antialiased;} /* -------------------------------------------------------------- Header -------------------------------------------------------------- */ .header-primary {background: url(../images/structure/background-navigation.png) center top #DEDEDD repeat-y; height: 75px; min-width: 320px; position: fixed; top: 0; width: 100%; z-index: 100000; -webkit-font-smoothing: antialiased;} .header-primary h1 {background: #333228; float: left; height: 75px; padding: 18px 24px;} .lt-ie8 .header-primary h1 {height: 39px;} .header-primary h1 a {display: block; height: 39px; position: relative; width: 197px; z-index: 10;} .header-primary h1 a img {display: block; height: 39px; width: 197px;} .navigation-primary {position: relative;} .navigation-primary .page-title {display: none;} .navigation-primary .menu {background: #23231A; color: #FFF; font-size: 15px; font-size: 1.5rem; display: block; float: right; height: 75px; padding: 15px 0 0 0; text-align: center; width: 75px; -webkit-transition:color 180ms ease-in-out; -moz-transition:color 180ms ease-in-out; -o-transition:color 180ms ease-in-out; transition:color 180ms ease-in-out;} .navigation-primary .menu .icon {display: block; font-size: 29px; height: 29px; line-height: 1; margin: 0 auto; width: 29px;} .navigation-primary .menu:hover, .navigation-primary .menu:focus, .navigation-primary .menu.open {color: #95A3AB;} .navigation-primary .items {background: #23231A; display: none; float: right; padding: 25px 0 0; position: absolute; right: 0; top: 75px; width: 245px; -webkit-overflow-scrolling: touch;} .lt-ie10 .navigation-primary .items {width: 260px;} .navigation-primary .items .item {} .navigation-primary .items .item:last-child {margin: 0;} .navigation-primary .items .item a {color: #FFF; display: inline-block; padding: 5px 5px 15px 15px; -webkit-transition:padding 180ms ease-in-out, color 180ms ease-in-out; -moz-transition:padding 180ms ease-in-out, color 180ms ease-in-out; -o-transition:padding 180ms ease-in-out, color 180ms ease-in-out; transition:padding 180ms ease-in-out, color 180ms ease-in-out;} .navigation-primary .items .item a:hover, .navigation-primary .items .item a:focus {color: #95A3AB;} .navigation-primary .items .item a .icon {color: #23231A; display: inline-block; font-size: 19px; line-height: 1.6; padding: 0 5px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .navigation-primary .items .item.open a .icon {color: #95A3AB;} .navigation-primary .items .item .sub-items {display: none; padding: 0 0 0px 15px;} .navigation-primary .items .item .sub-items .sub-item {} .navigation-primary .items .item .sub-items .sub-item:first-child a:hover, .navigation-primary .items .item .sub-items .sub-item:first-child a:focus {color: #95A3AB;} .navigation-primary .items .item .sub-items .sub-item a {padding: 0 15px 10px;} .navigation-primary .items .item .sub-items .sub-item:first-child a {padding: 0 15px 10px 0;} .navigation-primary .items .item .sub-items .sub-item a span {color: #F79838; padding: 0 5px 0 0; -webkit-transition:color 180ms ease-in-out; -moz-transition:color 180ms ease-in-out; -o-transition:color 180ms ease-in-out; transition:color 180ms ease-in-out;} .navigation-primary .items .item:nth-child(2) .sub-items .sub-item a span, .navigation-primary .items .item:nth-child(2) .sub-items .sub-item a:hover span, .navigation-primary .items .item:nth-child(2) .sub-items .sub-item a:hover {color: #8BC540;} .navigation-primary .items .item:nth-child(3) .sub-items .sub-item a span, .navigation-primary .items .item:nth-child(3) .sub-items .sub-item a:hover span, .navigation-primary .items .item:nth-child(3) .sub-items .sub-item a:hover {color: #F79838;} .navigation-primary .items .item:nth-child(4) .sub-items .sub-item a span, .navigation-primary .items .item:nth-child(4) .sub-items .sub-item a:hover span, .navigation-primary .items .item:nth-child(4) .sub-items .sub-item a:hover {color: #EC1B2D;} .navigation-primary .items .item:nth-child(5) .sub-items .sub-item a span, .navigation-primary .items .item:nth-child(5) .sub-items .sub-item a:hover span, .navigation-primary .items .item:nth-child(5) .sub-items .sub-item a:hover{color: #0398CC;} .navigation-primary .items .item:nth-child(6) .sub-items .sub-item a span, .navigation-primary .items .item:nth-child(6) .sub-items .sub-item a:hover span, .navigation-primary .items .item:nth-child(6) .sub-items .sub-item a:hover {color: #ED3C95;} .navigation-primary .items .item:nth-child(7) .sub-items .sub-item a span, .navigation-primary .items .item:nth-child(7) .sub-items .sub-item a:hover span, .navigation-primary .items .item:nth-child(7) .sub-items .sub-item a:hover {color: #7580BE;} .navigation-primary .items .item:nth-child(8) .sub-items .sub-item a span, .navigation-primary .items .item:nth-child(8) .sub-items .sub-item a:hover span, .navigation-primary .items .item:nth-child(8) .sub-items .sub-item a:hover {color: #FFDD00;} .navigation-primary .items .item .sub-items .sub-item a:hover span, .navigation-primary .items .item .sub-items .sub-item a:focus span {color: #F79838;} .navigation-primary .items .additional-items {display: none; margin: 15px 0; padding: 0 15px;} .navigation-primary .items .additional-item {margin: 0 0 15px 0;} .navigation-primary .items .additional-item a {background: #FFF; color: #333228; display: block; font-size: 14px; font-size: 1.4rem; padding: 0 10px 0 5px; width: 165px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .navigation-primary .items .additional-item a .icon {color: #333228; font-size: 28px; line-height: 1; padding: 0; width: 30px;} .navigation-primary .items .additional-item a:hover, .navigation-primary .items .additional-item a:focus {background: #95A3AB; color: #FFF;} .navigation-primary .items .additional-item a:hover .icon, .navigation-primary .items .additional-item a:focus .icon {color: #FFF;} .navigation-primary .items .mobile-search {border-top: 1px solid #C9C9C6; margin: 25px 0 0 0; padding: 15px;} .navigation-primary .items .mobile-search label {background: #DEDEDD; float: left; height: 28px; width: 28px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .navigation-primary .items .mobile-search label .icon {display: block; font-size: 28px; height: 28px; line-height: 1; width: 28px;} .navigation-primary .items .mobile-search input {background: #DEDEDD; border: none; float: right; height: 28px; padding: 0 5px; width: 160px;} @media only screen and (min-width : 600px) { .navigation-primary .page-title {display: block; font-size: 15px; font-size: 1.5rem; font-weight: bold; float: right; margin: 42px 17px 0 0;} } @media only screen and (min-width : 1000px) { .header-primary h1 {padding: 18px 24px 18px 0;} .navigation-primary {font-size: 15px; font-size: 1.5rem; float: right; margin: 27px 0 0 0;} .navigation-primary .page-title {display: none;} .navigation-primary .menu {display: none;} .navigation-primary .items {background: transparent; display: block; padding: 0; position: relative; right: auto; top: auto; width: 655px;} .lt-ie10 .navigation-primary .items {width: 663px;} .navigation-primary .items .additional-item {display: block;} .navigation-primary .items .additional-items {position: absolute; right: 45px; top: 65px; z-index: 20;} .navigation-primary .items .mobile-search-item {display: none;} .navigation-primary .items .item {float: left; padding: 3px 15px 0; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .navigation-primary .items .item.open {background: #323329; background: rgba(35, 35, 26, 0.95);} .navigation-primary .items .item.open a {color: #FFF;} .navigation-primary .items .item-home {width: 71px;} .navigation-primary .items .item-space {width: 73px;} .navigation-primary .items .item-living {width: 73px;} .navigation-primary .items .item-occupiers {width: 102px;} .navigation-primary .items .item-studios {width: 84px;} .navigation-primary .items .item-talent {width: 73px;} .navigation-primary .items .item-destination {width: 110px;} .navigation-primary .items .item-news {padding: 3px 15px 0 15px; width: 69px;} .navigation-primary .items .item > a {color: #333228; font-weight: bold; padding: 5px 0 19px 0;} .navigation-primary .items .item > a:hover, .navigation-primary .items .item > a:focus {padding: 5px 0 19px 0;} .navigation-primary .items .item > a.current {border-bottom: 2px solid #323329;} .navigation-primary .items .item > a > .icon {display: none;} .navigation-primary .items .item .sub-items {background: #323329; background: rgba(35, 35, 26, 0.95); padding: 30px 35px 20px 30px; position: absolute; left: 0; top: 48px; width: 655px;} .navigation-primary .items .open .sub-items {z-index: 10;} .navigation-primary .items .item .sub-items .sub-item a {padding: 0 0 10px;} .navigation-primary .items .item .sub-items .sub-item:first-child a {padding-left: 0;} .navigation-primary .items .item .sub-items .sub-item a {padding-left: 10px;} .navigation-primary .items .item .sub-items .sub-item:first-child a span {display: inline;} .navigation-primary .items .item .sub-items .sub-item a:hover, .navigation-primary .items .item .sub-items .sub-item a:focus, .navigation-primary .items .item .sub-items .sub-item a:hover .icon, .navigation-primary .items .item .sub-items .sub-item a:focus .icon {color: #95A3AB;} .lt-ie8 .navigation-primary .items .item-home {width: 41px;} .lt-ie8 .navigation-primary .items .item-space {width: 43px;} .lt-ie8 .navigation-primary .items .item-living {width: 43px;} .lt-ie8 .navigation-primary .items .item-occupiers {width: 72px;} .lt-ie8 .navigation-primary .items .item-studios {width: 54px;} .lt-ie8 .navigation-primary .items .item-talent {width: 43px;} .lt-ie8 .navigation-primary .items .item-destination {width: 80px;} .lt-ie8 .navigation-primary .items .item-news {padding: 3px 15px 0 15px; width: 39px;} } /* -------------------------------------------------------------- Content -------------------------------------------------------------- */ .content-primary {padding: 125px 0 0 0;} .form-desktop {display: none;} .breadcrumb {display: none;} .content-secondary {background: url(../images/structure/background-secondary-content.png) left bottom repeat-x #FFF; padding: 25px 0;} /* -------------------------------------------------------------- Full Width Carousel -------------------------------------------------------------- */ .content-primary .short-height-carousel {background: #FFF; background: rgba(255, 255, 255, 0.8); padding: 20px 0 0;} .content-primary .short-height-carousel .responsive-carousel {margin: 15px auto 0;} .content-primary .full-width-carousel .responsive-carousel {margin: 20px auto 0; overflow: hidden; position: relative; width: 229px;} .content-primary .full-width-carousel header {overflow: hidden;} .content-primary .full-width-carousel h3 {float: left; padding: 0 20px;} .content-primary .full-width-carousel .view-all {background: #DEDEDD; color: #333228; font-size: 14px; font-size: 1.4rem; font-weight: bold; float: right; margin: 0 15px 0 0; padding: 5px 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .full-width-carousel .view-all:hover, .content-primary .full-width-carousel .view-all:focus {background: #333228; color: #DEDEDD;} .content-primary .full-width-carousel .responsive-carousel .items {height: 320px; width: 5000px;} .content-primary .short-height-carousel .responsive-carousel .items {height: 280px;} .content-primary .full-width-carousel .responsive-carousel .items .item {float: left; height: 320px; margin: 0 20px 0 0; width: 209px;} .content-primary .short-height-carousel .responsive-carousel .items .item {height: 280px;} .content-primary .full-width-carousel .responsive-carousel .items .item a {color: #FFF; display: block; font-size: 13px; font-size: 1.3rem; height: 214px; position: relative; width: 209px;} .content-primary .full-width-carousel .responsive-carousel .items .item a img {display: block;} .content-primary .full-width-carousel .responsive-carousel .items .item a p {height: 28px; position: absolute; bottom: 0; left: 0; line-height: 2.2; padding: 0; width: 56px;} .content-primary .full-width-carousel .responsive-carousel .items .item a p .icon {background: #333228; display: block; float: left; color: #FFF; font-size: 28px; height: 28px; line-height: 1; overflow: hidden; text-align: center; visibility: visible; width: 28px; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .content-primary .full-width-carousel .responsive-carousel .items .item a:hover p .icon, .content-primary .full-width-carousel .responsive-carousel .items .item a:focus p .icon {background: #95A3AB;} .content-primary .full-width-carousel .responsive-carousel .items .item a p .icon-press-release {background: #FFDD00;} .content-primary .full-width-carousel .responsive-carousel .items .item h3 {line-height: 1.2; margin: 15px 0 5px 0; padding: 0 5px 0 0; width: 100%;} .content-primary .full-width-carousel .responsive-carousel .items .item p {font-size: 13px; font-size: 1.2rem; padding: 0 5px 0 0;} .content-primary .short-height-carousel .responsive-carousel .items .item h4 {margin: 10px 0 0 0;} .content-primary .short-height-carousel.whats-on .responsive-carousel .items .item h4 { font-size: 13px; } .content-primary .full-width-carousel .carousel-container {margin: 0 0 0 18px; position: relative;} .content-primary .full-width-carousel .carousel-container .responsive-navigation a {background: #333228; display: block; height: 320px; overflow: hidden; position: relative; width: 40px;} .content-primary .short-height-carousel .carousel-container .responsive-navigation a {height: 280px;} .content-primary .full-width-carousel .carousel-container .responsive-navigation a .icon {background: #FFF; color: #333228; display: block; height: 28px; font-size: 27px; float: left; line-height: 1; margin: 146px 0 0 6px; visibility: visible; width: 26px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .short-height-carousel .carousel-container .responsive-navigation a .icon {margin: 126px 0 0 6px;} .content-primary .full-width-carousel .carousel-container .responsive-navigation .prev {position: absolute; left: -18px; top: 0;} .content-primary .full-width-carousel .carousel-container .responsive-navigation .prev .icon {padding: 0 2px 0 0; width: 26px;} .content-primary .full-width-carousel .carousel-container .responsive-navigation .next {position: absolute; right: 0; top: 0;} .content-primary .full-width-carousel .carousel-container .responsive-navigation .next .icon {padding: 0 0 0 2px;} .content-primary .full-width-carousel .carousel-container .responsive-navigation a:hover .icon, .content-primary .full-width-carousel .carousel-container .responsive-navigation a:focus .icon {background: #95A3AB; color: #FFF;} /* -------------------------------------------------------------- Slim Carousel -------------------------------------------------------------- */ .content-primary .slim-carousel {margin: 0 0 35px 0; padding: 0 15px; position: relative;} .content-primary .modules .items .item-carousel .slim-carousel {margin: 0; padding: 0;} .content-primary .slim-carousel header {height: auto; line-height: 1.4; margin: 0;} .content-primary .slim-carousel header h3 {background: #333228; color: #FFF; font-size: 18px; font-size: 1.8rem; line-height: 1.4; padding: 10px 10px 7px; -webkit-font-smoothing: antialiased;} .content-primary .slim-carousel .carousel-container {background: #FFF; padding: 30px 0; position: relative;} .content-primary .slim-carousel .carousel-container .responsive-carousel {margin: 0 auto; overflow: hidden; padding: 0 0 28px 0; width: 128px;} .content-primary .slim-carousel .carousel-container .responsive-carousel .items {width: 10000px;} .content-primary .slim-carousel .carousel-container .responsive-carousel .items .item {float: left; height: 108px; margin: 0 15px 0 0; width: 113px;} .content-primary .slim-carousel .carousel-container .responsive-carousel .items .item img {border: 1px solid #E2E1DD; display: block;} .lt-ie8 .content-primary .slim-carousel .carousel-container .responsive-carousel .items .item img {border: none;} .content-primary .slim-carousel .carousel-container .responsive-navigation a {display: block; height: 28px; overflow: hidden; position: relative; width: 28px;} .content-primary .slim-carousel .carousel-container .responsive-navigation a .icon {background: #333228; color: #FFF; display: block; height: 26px; float: left; font-size: 27px; line-height: 1; margin: 0; visibility: visible; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .slim-carousel .carousel-container .responsive-navigation .prev {position: absolute; left: 25px; top: 70px;} .content-primary .slim-carousel .carousel-container .responsive-navigation .prev .icon {padding: 1px 2px 0 0px; width: 26px;} .content-primary .slim-carousel .carousel-container .responsive-navigation .next {position: absolute; right: 25px; top: 70px;} .content-primary .slim-carousel .carousel-container .responsive-navigation .next .icon {padding: 1px 0 0 2px; width: 26px;} .content-primary .slim-carousel .carousel-container .responsive-navigation a:hover .icon, .content-primary .slim-carousel .carousel-container .responsive-navigation a:focus .icon {background: #95A3AB; color: #FFF;} .content-primary .slim-carousel .btn {background: #7580BE; color: #FFF; display: inline-block; font-size: 13px; font-size: 1.3rem; height: 28px; line-height: 2.2; padding: 0 0 0 10px; position: absolute; left: 0; bottom: 0;} .content-primary .slim-carousel .btn .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 10px; overflow: hidden; text-align: center; visibility: visible; width: 28px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .content-primary .slim-carousel .btn:hover .icon, .content-primary .slim-carousel .btn:focus .icon {background: #95A3AB;} .lt-ie8 .content-primary .slim-carousel .btn .icon {margin: -29px 0 0 0;} .lt-ie8 .destination .modules {margin: 30px 0 0 0;} .lt-ie8 .destination .content-primary .slim-carousel .btn {} .lt-ie8 .destination .content-primary .slim-carousel .btn .icon {margin: -29px 0 0 0;} /* -------------------------------------------------------------- Modules -------------------------------------------------------------- */ .content-primary .modules {padding: 0 15px;} .content-primary .modules .items {margin: 0 0 30px 0;} .lt-ie8 .eat-and-drink .content-primary .modules .items {margin: 20px 0 30px 0;} .lt-ie8 .occupiers .content-primary .modules .items {margin: 0 0 20px 0;} .content-primary .modules .items .item {margin: 0 0 5px 0; overflow: hidden; position: relative;} .content-primary .modules .items .item-no-margin {float: left; margin: 0; width: 50%;} .content-primary .modules .items .item-carousel {margin: 35px 0 0 0;} .content-primary .modules .items .item .link {background: #333228; display: block;} .content-primary .modules .items .item .link h3 {color: #FFF; font-size: 18px; font-size: 1.8rem; float: left; line-height: 2.5; padding: 0 0 0 10px; -webkit-font-smoothing: antialiased;} .content-primary .modules .items .item .link h3 img {display: block; height: 37px; margin: 0; padding: 8px 0 0 0;} .content-primary .modules .items .item .link .image {background: #FFF; display: none;} .content-primary .modules .items .item .link .icon-container {float: right; overflow: hidden; width: 56px;} .content-primary .modules .items .item .link .icon-container .icon {background: #7580BE; color: #FFF; float: left; font-size: 28px; height: 45px; line-height: 1; visibility: visible; width: 28px;-webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .content-primary .modules .items .item .link .icon-container .icon-arrow-right {background: #333228;} .content-primary .modules .items .item .link:hover .icon-container .icon-arrow-right, .content-primary .modules .items .item .link:focus .icon-container .icon-arrow-right {background: #95A3AB;} .talent .content-primary .modules .items .item .link, .content-primary .modules .items .item .link {height: 45px;} .content-primary .modules .items .item .link .icon-container .icon {height: 45px; line-height: 1.9;} .occupiers .content-primary .modules .items .item-carousel .link {display: block; height: 28px; width: 56px;} .occupiers .content-primary .modules .items .item-carousel .link .icon-container {float: left;} .occupiers .content-primary .modules .items .item-carousel .link .icon-container .icon {height: 28px; line-height: 1;} .content-primary .modules .items .item-carousel .slim-carousel .carousel-container {padding: 30px 0 0 0;} .content-primary .modules .items .item-carousel .slim-carousel .carousel-container .items .item {height: 108px;} .content-primary .modules .items .item-carousel .slim-carousel .carousel-container .items .item {width: 113px;} @media only screen and (min-width : 600px) { .content-primary .modules {margin: 0 auto; padding: 0; width: 485px;} .content-primary .modules .items {margin: 0;} .news .content-primary .modules .items {margin: 0 0 30px 0;} .press-releases .content-primary .modules .items {margin: 0;} .in-the-know .content-primary .modules .items {margin: 0;} .content-primary .modules .items .item {float: left; margin: 0 0 25px 0; width: 231px;} .content-primary .modules .items .item:nth-child(even) {float: right; margin: 0 0 25px 0;} .content-primary .modules .items .item-no-margin:nth-child(even) {margin: 0;} .content-primary .modules .items .item-no-margin {margin: 0; width: 50%;} .content-primary .modules .items .item-carousel {width: 487px;} .content-primary .modules .items .item-wide {background: #FFF; float: none; width: 100%;} .content-primary .modules .items .item .link, .occupiers .content-primary .modules .items .item .link {background: none; height: 247px; position: relative;} .occupiers .content-primary .modules .items .item-carousel .link {height: 28px;} .content-primary .modules .items .item .link h3 {background: #333228; float: none; font-size: 20px; font-size: 2.0rem; line-height: 1.4; padding: 8px 14px 9px; position: relative; z-index: 5;} .content-primary .modules .items .item .link h3 img {height: 46px; margin: 5px auto; padding: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .content-primary .modules .items .item .link .image {display: block; height: 202px; position: absolute; left: 0; top: 45px; width: 231px; z-index: 0;} .content-primary .modules .items .item .link .icon-container {height: 28px; position: absolute; bottom: 0; left: 0;} .talent .content-primary .modules .items .item .link {height: 247px;} .content-primary .modules .items .item .link .icon-container .icon, .content-primary .modules .items .item .link .icon-container .icon {height: 28px; line-height: 1;} } @media only screen and (min-width : 1000px) { .content-primary .modules {margin: 0 auto; padding: 0; width: 1000px;} .content-primary .modules .items .item {float: left; margin: 0 25px 25px 0; width: 231px;} .content-primary .modules .items .item-wide {margin: 0 25px 25px 0; width: 487px;} .content-primary .modules .items .item:nth-child(even) {float: left; margin: 0 25px 25px 0;} .news .content-primary .modules .items .item-wide:nth-child(even) {margin: 0 0 25px 0;} .content-primary .modules .items .item:nth-child(4n+4) {margin: 0 0 25px 0;} .lt-ie9 .content-primary .modules .items .item-end {margin: 0 0 25px 0;} .content-primary .modules .items .item-no-margin {margin: 0!important; width: 25%;} .content-primary .modules .items .item .slim-carousel {width: 231px;} .content-primary .modules .items .item .slim-carousel .carousel-container .responsive-carousel {width: 250px;} } /* -------------------------------------------------------------- Welcome -------------------------------------------------------------- */ .content-primary .welcome {margin: -15px 0 0 0; padding: 0 20px; position: relative;} .content-primary .welcome h1 {float: left; line-height: 1.25; margin: 20px 0 0 0; width: 100%;} .occupier-dock10 .content-primary .welcome h1 {color: #FFF;} .content-primary .welcome .breadcrumb {color: #94A2AA; float: left; font-size: 13px; font-size: 1.3rem; margin: 15px 0 0 0;} .content-primary .welcome .breadcrumb .items {} .content-primary .welcome .breadcrumb .items .item {float: left; margin: 0 10px 0 0;} .content-primary .welcome .breadcrumb .items .item a {border-bottom: 1px solid #94A2AA; color: #94A2AA; display: inline-block; margin: 0 10px 0 0; -webkit-transition:color 180ms ease-in-out; -moz-transition:color 180ms ease-in-out; -o-transition:color 180ms ease-in-out; transition:color 180ms ease-in-out;} .content-primary .welcome .breadcrumb .items .item a:hover, .content-primary .welcome .breadcrumb .items .item a:focus {border-bottom: 1px solid transparent; color: #333228;} .content-primary .welcome .form-desktop {float: right; margin: 15px 0 0 0;} .content-primary .welcome h3 {margin: 20px 0 15px 0;} .content-primary .welcome h4 {margin: 20px 0 15px 0;} .content-primary .welcome h4 b {font-weight: bold;} .content-primary .welcome h4 a {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .welcome h4 a:hover, .content-primary .welcome h4 a:focus, .content-primary .welcome h4 a.open {border-bottom: 1px solid transparent; color: #000;} .content-primary .welcome p {font-size: 14px; font-size: 1.4rem; margin: 0 0 15px 0;} .content-primary .welcome p b, .content-primary .welcome p strong {font-weight: bold} .content-primary .welcome p em, .content-primary .welcome p i{ font-style: italic; } .content-primary .welcome p a {border-bottom: 1px solid #333228; color: #333228;} .content-primary .welcome p a:hover, .content-primary .welcome p a:focus {border-bottom: 1px solid transparent;} .content-primary .welcome p a {border-bottom: 1px solid #000; color: #000; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .welcome p a:hover, .content-primary .welcome p a:focus {border-bottom: none; color: #333228;} .content-primary .welcome hr {border-top: 1px solid #333228;} .content-primary .welcome ul {font-size: 13px; font-size: 1.3rem; margin: 0 0 20px 0;} .content-primary .welcome ul li {margin: 0 0 2px 0;} .content-primary .welcome ul li a {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .welcome ul li a:hover, .content-primary .welcome ul li a:focus {border-bottom: 1px solid transparent;} .button-links .link, .social-links .link {float: left; margin: 0 10px 10px 0!important;} .button-links .link-map {display: none;} .button-links .link a, .social-links .link a {background: #FFF; border: none!important; color: #333228; display: block; font-size: 14px; font-size: 1.4rem; height: 30px; line-height: 2; overflow: hidden; padding: 0 15px 0 5px; width: 190px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .lt-ie10 .button-links .link a, .social-links .link a {line-height: 2.2;} .button-links .link a .icon, .social-links .link a .icon {float: left; font-size: 28px; line-height: 1.3;} .social-links .link a:hover, .social-links .link a:focus, .button-links .link a:hover, .button-links .link a:focus {background: #95A3AB; color: #FFF;} .social-links .button {clear: both; margin: 60px 0 0 0;} .social-links .button .btn {background: #FFDD00; border: none!important; color: #333228; display: inline-block; font-size: 13px; font-size: 1.3rem; height: 28px; line-height: 2.2; padding: 0 0 0 10px;} .social-links .button .btn .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1.2; margin: 0 0 0 10px; overflow: hidden; text-align: center; visibility: visible; width: 28px; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .social-links .button .btn:hover .icon, .social-links .button .btn:focus .icon {background: #7580BE;} .lt-ie8 .social-links .button .btn .icon {line-height: 1; margin: -29px 0 0 0;} .faq-list {} .faq-list .item {} .faq-list .item div {display: none;} /* -------------------------------------------------------------- Getting Here -------------------------------------------------------------- */ .content-primary .getting-here {margin: 35px 0 65px; padding: 0 15px; position: relative;} .lt-ie8 .content-primary .getting-here {height: 230px; overflow: hidden;} .content-primary .getting-here .copy {background: #FFF; padding: 15px;} .lt-ie8 .content-primary .getting-here .copy {height: 230px; padding: 15px 2.5% 0; width: 20%;} .content-primary .getting-here .copy h3 {} .content-primary .getting-here .copy .icons {margin: 10px 0 0 -7px;} .content-primary .getting-here .copy .icons .icon {float: left; font-size: 27px; overflow: hidden; width: 24px;} .content-primary .getting-here .copy p {font-size: 13px; font-size: 1.3rem;} .content-primary .getting-here .image img {display: block;} .content-primary .getting-here .btn {background: #7580BE; color: #FFF; display: inline-block; font-size: 13px; font-size: 1.3rem; height: 28px; line-height: 2.2; padding: 0 0 0 10px; position: absolute; left: 15px; bottom: -28px;} .lt-ie8 .content-primary .getting-here .btn {bottom: 0px; width: 240px;} .content-primary .getting-here .btn .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 10px; overflow: hidden; text-align: center; visibility: visible; width: 28px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .content-primary .getting-here .btn:hover .icon, .content-primary .getting-here .btn:focus .icon {background: #95A3AB;} .lt-ie8 .content-primary .getting-here .btn .icon {margin: -29px 0 0 0;} /* -------------------------------------------------------------- What's On -------------------------------------------------------------- */ .whats-on .content-primary .modules {margin: 0 auto 25px;} .whats-on .content-primary .modules .items .item-no-margin img {display: block; width: 100%;} .whats-on .content-primary .modules .items .item-no-margin .copy {background: #7580BE; background: rgba(117, 128, 190, 0.85); color: #FFF; display: none; padding: 20px; position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-font-smoothing: antialiased;} .whats-on .content-primary .modules .items .item-no-margin .copy h3 {font-size: 16px; font-size: 1.6rem; line-height: 1.2; margin: 0 0 15px 0; padding: 0; float: none; } .lt-ie8 .whats-on .content-primary .modules .items .item-no-margin .copy h3 {padding: 0 20% 0 0; width: 80%;} .whats-on .content-primary .modules .items .item-no-margin .copy p {color: #FFF; display: none; font-size: 15px; font-size: 1.5rem; margin: 0 0 15px 0;} .lt-ie8 .whats-on .content-primary .modules .items .item-no-margin .copy p {padding: 0 20% 0 0; width: 80%;} .whats-on .content-primary .modules .items .item-no-margin .copy p.more {display: block;} .whats-on .content-primary .modules .items .item-no-margin .copy p b {border-bottom: 1px solid #333228; color: #333228;} .whats-on .content-primary .modules .items .item-no-margin .copy a {} .whats-on .content-primary .item-no-margin a.view-more {display: block; height: 100%; position: absolute; top: 0; left: 0; padding: 20px; width: 100%;} .whats-on .content-primary .item-no-margin div.furtherinfo{ display: none; } .whats-on .content-primary .item-no-margin a .view {height: 28px; position: absolute; bottom: 0; left: 0; line-height: 2.2; padding: 0; width: 56px; z-index: 10;} .lt-ie8 .whats-on .content-primary .item-no-margin a .view {bottom: 40px;} .whats-on .content-primary .item-no-margin a .view .icon {background: #333228; display: block; float: left; color: #FFF; font-size: 28px; height: 28px; line-height: 1; overflow: hidden; text-align: center; visibility: visible; width: 28px; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .whats-on .content-primary .item-no-margin a:hover .view .icon, .whats-on .content-primary .item-no-margin a:focus .view .icon {background: #7580BE;} .whats-on .content-primary .item-no-margin a .view .icon-press-release {background: #FFDD00;} .whats-on .content-primary .item-no-margin a:hover .view .icon-arrow-right, .whats-on .content-primary .item-no-margin a:focus .view .icon-arrow-right {background: #333228;} .whats-on .content-primary .modules .selected {background: #FFF; padding: 28px; position: relative;} .whats-on .content-primary .modules .selected .image {float: left;} .whats-on .content-primary .modules .selected .image img {display: none;} .whats-on .content-primary .modules .selected .copy {padding: 0;} .whats-on .content-primary .modules .selected .copy header {background: none; margin: 0 0 10px 0; padding: 0;} .whats-on .content-primary .modules .selected .copy header h3 {color: #333228; padding: 0;} .whats-on .content-primary .modules .selected .copy p {font-size: 13px; font-size: 1.3rem; margin: 0 0 15px 0;} .whats-on .content-primary .modules .selected .copy p b {font-weight: bold;} .whats-on .content-primary .modules .selected .copy p:last-child {margin: 0;} .whats-on .content-primary .modules .selected .copy p a {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .whats-on .content-primary .modules .selected .copy p a:hover, .whats-on .content-primary .modules .selected .copy p a:focus {border-bottom: 1px solid transparent; color: #7580BE;} .whats-on .content-primary .modules .selected .close-selected {background: #333228; color: #FFF; position: absolute; bottom: 0; left: 0; height: 28px; font-size: 28px; line-height: 1; width: 28px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .whats-on .content-primary .modules .selected .close-selected:hover, .whats-on .content-primary .modules .selected .close-selected:focus {background: #7580BE;} @media only screen and (min-width : 600px) { .whats-on .content-primary .modules .items .item-no-margin .copy h3 {font-size: 20px; font-size: 2.0rem;} .whats-on .content-primary .modules .items .item-no-margin .copy p {display: block;} .whats-on .content-primary .modules .selected .image {display: block; width: 140px;} .whats-on .content-primary .modules .selected .image img {display: block;} .whats-on .content-primary .modules .selected .copy {padding: 0 0 0 160px;} } @media only screen and (min-width : 1000px) { .whats-on .content-primary .modules .selected .image {display: block; width: 260px;} .whats-on .content-primary .modules .selected .copy {padding: 0 0 0 270px;} } /* -------------------------------------------------------------- I Am MediaCity -------------------------------------------------------------- */ .content-primary .i-am-mediacity {margin: 0 0 20px 0; overflow: hidden; padding: 0 20px;} .content-primary .i-am-mediacity .slides {background: transparent; overflow: hidden; position: relative;} .content-primary .i-am-mediacity .slides .header {display: block; position: absolute; left: 0; top: -20px; z-index: 10;} .content-primary .i-am-mediacity .slides .slide-container {position: relative;} .content-primary .i-am-mediacity .slides img.slide {display: block; float: left; height: auto; width: 100%;} .content-primary .i-am-mediacity .slides img.loaded {} .content-primary .i-am-mediacity .slides .link {display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index: 10;} .content-primary .i-am-mediacity .slides .link p {background: #7580BE; color: #FFF; height: 28px; position: absolute; bottom: 0; left: 0; font-size: 13px; font-size: 1.3rem; line-height: 2.2; padding: 0 0 0 10px;} .lt-ie8 .content-primary .i-am-mediacity .slides .link p {padding: 0 0 0 2.5%; width: 97.5%;} .content-primary .i-am-mediacity .slides .link p .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 10px; text-align: center; visibility: visible; width: 28px; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .lt-ie8 .content-primary .i-am-mediacity .slides .link p .icon {margin: -29px 0 0 0;} .content-primary .i-am-mediacity .slides .link:hover p .icon, .content-primary .i-am-mediacity .slides .link:focus p .icon {background: #95A3AB;} .content-primary .i-am-mediacity .secondary {} .content-primary .i-am-mediacity .secondary .item {float: left; width: 50%;} .content-primary .i-am-mediacity .secondary .item-end {float: right;} .content-primary .i-am-mediacity .secondary .item a {color: #FFF; display: block; font-size: 13px; font-size: 1.3rem; /*height: 100%;*/ position: relative; width: 100%;} .content-primary .i-am-mediacity .secondary .item a img {display: block;} .content-primary .i-am-mediacity .secondary .item a p {height: 28px; position: absolute; bottom: 0; left: 0; line-height: 2.2; padding: 0 0 0 10px;} .lt-ie8 .content-primary .i-am-mediacity .secondary .item a p {padding: 0 0 0 2.5%; width: 97.5%;} .content-primary .i-am-mediacity .secondary .item a.space p {background: #8BC540;} .content-primary .i-am-mediacity .secondary .item a.living p {background: #F79838;} .content-primary .i-am-mediacity .secondary .item a.occupiers p {background: #EE3C39;} .content-primary .i-am-mediacity .secondary .item a.studios p {background: #0398CC;} .content-primary .i-am-mediacity .secondary .item a.talent p {background: #ED3C95;} .content-primary .i-am-mediacity .secondary .item a.destination p {background: #7580BE;} .content-primary .i-am-mediacity .secondary .item a.news p {background: #FFDD00;} .content-primary .i-am-mediacity .secondary .item a p .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 10px; text-align: center; visibility: visible; width: 28px; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .lt-ie8 .content-primary .i-am-mediacity .secondary .item a p .icon {position: absolute; right: 0; top: 0;} .content-primary .i-am-mediacity .secondary .item a:hover p .icon, .content-primary .i-am-mediacity .secondary .item a:focus p .icon {background: #95A3AB;} .content-primary .i-am-mediacity .copy {background: #333228; float: left; line-height: 1.25; width: 100%;} .content-primary .i-am-mediacity .copy h2 {color: #FFF; font-size: 13px; font-size: 1.3rem; padding: 15px;} @media only screen and (min-width : 480px) { .content-primary .i-am-mediacity .slides .header {top: 0;} .content-primary .i-am-mediacity .copy h2 {font-size: 16px; font-size: 1.6rem;} } @media only screen and (min-width : 600px) { .content-primary .i-am-mediacity .copy h2 {font-size: 20px; font-size: 2rem; padding: 15px 11px;} } @media only screen and (min-width : 1000px) { .content-primary .i-am-mediacity .copy h2 {font-size: 26px; font-size: 2.6rem; padding: 15px 30px;} } /* -------------------------------------------------------------- Experience -------------------------------------------------------------- */ .content-primary .experience {} .content-primary .experience h1 {padding: 0 20px;} /* -------------------------------------------------------------- Explore -------------------------------------------------------------- */ .content-primary .explore {border-top: 1px solid #333228; margin: 20px 0 0 0; padding: 20px 0 0 0;} .home .content-primary .explore {border-top: none; padding: 0;} .content-primary .explore h1 {padding: 0 20px;} .content-primary .explore .items {margin: 20px 0 0 0; padding: 0;} .content-primary .explore .items .item {margin: 0 0 43px 0; width: 100%;} .content-primary .explore .items .item a {color: #FFF; display: block; font-size: 13px; font-size: 1.3rem; /*height: 100%;*/ position: relative; width: 100%;} .content-primary .explore .items .item a img {display: block;} .content-primary .explore .items .item a iframe {display: block; width: 100%; height: 212px; } .content-primary .explore .items .item a p {height: 28px; position: absolute; bottom: -28px; left: 0; line-height: 2.2; padding: 0 0 0 10px;} .content-primary .explore .items .item a p span {float: left;} .content-primary .explore .items .item a p .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 10px; text-align: center; visibility: visible; width: 28px; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .lt-ie8 .content-primary .explore .items .item a p .icon {margin: -29px 0 0 0;} .content-primary .explore .items .item a:hover p .icon {background: #95A3AB;} /* -------------------------------------------------------------- Family -------------------------------------------------------------- */ .content-secondary .family {padding: 0 20px;} .content-secondary .family h3 {font-weight: bold; text-align: center;} .content-secondary .family .carousel-container {overflow: hidden; margin: 0 auto; position: relative;} .content-secondary .family .responsive-carousel {height: 30px; margin: 30px auto 0; overflow: hidden; position: relative; width: 220px;} .content-secondary .family .responsive-carousel .items {float: left; height: 30px; width: 10000px;} .content-secondary .family .responsive-carousel .items .item {float: left; margin: 0 40px 0 0; width: auto;} .lt-ie9 .content-secondary .family .responsive-carousel .items .item {width: 100px;} .content-secondary .family .responsive-carousel .items .item img {display: block; height: 30px; width: auto;} .content-secondary .family .carousel-container.responsive-navigation a {display: block; overflow: hidden; position: relative; width: 28px;} .content-secondary .family .carousel-container .responsive-navigation a .icon {background: #333228; color: #FFF; display: block; font-size: 28px; height: 28px; float: left; line-height: 1; text-align: center; visibility: visible; width: 28px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-secondary .family .carousel-container .responsive-navigation .prev {position: absolute; left: 0; top: 30px;} .lt-ie10 .content-secondary .family .carousel-container .responsive-navigation .prev .icon {line-height: 1.2;} .lt-ie8 .content-secondary .family .carousel-container .responsive-navigation .prev .icon {line-height: 1;} .content-secondary .family .carousel-container .responsive-navigation .next {position: absolute; right: 0; top: 30px;} .lt-ie10 .content-secondary .family .carousel-container .responsive-navigation .next .icon {line-height: 1.2; padding: 0 0 0 2px;} .lt-ie8 .content-secondary .family .carousel-container .responsive-navigation .next .icon {line-height: 1.2; padding: 0 0 0 2px;} .content-secondary .family .carousel-container .responsive-navigation a:hover .icon, .content-secondary .family .carousel-container .responsive-navigation a:focus .icon {background: #95A3AB; color: #FFF;} .content-secondary .family .view-all {color: #000; display: block; font-size: 13px; font-size: 1.3rem; margin: 35px 0 0 0; text-decoration: underline; text-align: center;} /* -------------------------------------------------------------- Office Space -------------------------------------------------------------- */ .content-primary .office-space {padding: 15px 15px 0 15px; margin: 0 0 58px 0; position: relative;} .content-primary .office-space .copy-container {background: url(../images/structure/background-space-office-space.png) center top repeat-y; padding: 0 0 15px 0;} .occupiers .content-primary .office-space .copy-container {background: url(../images/structure/background-occupiers-office-space.png) center top repeat-y;} .lt-ie8 .content-primary .office-space .copy-container {padding: 0;} .content-primary .office-space .copy {float: left; padding: 25px 15px 0 20px; width: 50%;} .content-primary .office-space .copy p {font-size: 13px; font-size: 1.3rem; line-height: 1.5; margin: 0 0 15px 0;} .content-primary .office-space .copy .btn {background: #8BC540; color: #FFF; display: inline-block; font-size: 13px; font-size: 1.3rem; height: 28px; line-height: 2.2; padding: 0 0 0 10px; position: absolute; left: 15px; bottom: -28px;} .occupiers .content-primary .office-space .copy .btn {background: #EC1B2D;} .lt-ie8 .content-primary .office-space .copy .btn {width: 246px;} .lt-ie8 .content-primary .office-space .copy {padding: 25px 0 0 5%; width: 45%;} .content-primary .office-space .copy .btn .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 10px; overflow: hidden; text-align: center; visibility: visible; width: 28px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .lt-ie8 .content-primary .office-space .copy .btn .icon {margin: -29px 0 0 0;} .content-primary .office-space .copy .btn:hover .icon, .content-primary .office-space .copy .btn:focus .icon {background: #95A3AB;} .content-primary .office-space .copy h3 {height: 60px; overflow: hidden;} .content-primary .office-space .copy-additional {color: #FFF;} .content-primary .office-space .copy-additional .icon {color: #FFF; font-size: 28px;} .content-primary .office-space .copy-additional h4 {color: #FFF; font-size: 13px; font-size: 1.3rem; line-height: 1.5; margin: 0 0 0 5px; padding: 0 25px 0 0;} .content-primary .office-space .image {width: 100%;} .content-primary .office-space .image img {display: block;} @media only screen and (min-width : 600px) { .content-primary .office-space .copy h3 {min-height: 45px;} .content-primary .explore .items .item a iframe{ height: 122px; } } @media only screen and (min-width : 1000px) { .content-primary .explore .items .item a iframe{ height: 221px; } } /* -------------------------------------------------------------- Offices -------------------------------------------------------------- */ .content-primary .property-list {padding: 0 20px;} .content-primary .property-list .form-filter {padding: 5px 0 25px 0; position: relative;} .content-primary .property-list .filter-by {margin: 0 0 15px 0;} .content-primary .property-list .filter-by label {color: #8BC540; float: left; font-size: 16px; font-size: 1.6rem; font-weight: bold; padding: 0 10px 0 0; text-align: right; width: 80px;} .content-primary .property-list .filter-by select {float: left;} .lt-ie9 .content-primary .property-list .from-to {margin: 0 auto; width: 980px;} .content-primary .property-list .from-to .from {margin: 0 0 15px 0;} .content-primary .property-list .from-to .to {margin: 0 0 15px 0;} .content-primary .property-list .from-to label {clear: left; font-size: 13px; font-size: 1.3rem; float: left; line-height: 1.7; margin: 0 0 15px 0; padding: 0 10px 0 0; text-align: right; width: 80px;} .content-primary .property-list .from-to select {float: left;} .content-primary .property-list .from-to p {font-size: 13px; font-size: 1.3rem; float: left; line-height: 1.7; padding: 0 0 0 10px;} .content-primary .property-list .view-all {border-bottom: 1px solid #94A211; color: #94A2AA; font-size: 13px; font-size: 1.3rem; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .property-list .view-all:hover, .content-primary .property-list .view-all:focus {border-bottom: 1px solid #000; color: #000;} .content-primary .property-list .properties {border-top: 1px solid #333228;} .content-primary .property-list .properties .property {border-bottom: 1px solid #333228; padding: 30px 0; position: relative;} .content-primary .property-list .properties .property .image {background: #FFF; float: left; height: 100px; margin: 0 20px 10px 0; width: 100px;} .content-primary .property-list .properties .property .image .carousel-container {position: relative;} .content-primary .property-list .properties .property .image .carousel-container .responsive-carousel {overflow: hidden; width: 100%;} .content-primary .property-list .properties .property .image .carousel-container .items {} .content-primary .property-list .properties .property .image .carousel-container .items .item {float: left; position: relative; width: 100px;} .content-primary .property-list .properties .property .image .carousel-container .items .item img {display: block; width: 100%;} .content-primary .property-list .properties .property .image .carousel-container .responsive-navigation a {background: transparent; display: block; height: 38px; overflow: hidden; position: absolute; width: 40px;} .content-primary .property-list .properties .property .image .carousel-container .responsive-navigation a .icon {background: #FFF; color: #333228; display: block; height: 16px; font-size: 16px; float: left; line-height: 1; margin: 10px 0 0 10px; visibility: visible; width: 16px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .content-primary .property-list .properties .property .image .carousel-container .responsive-navigation .prev {position: absolute; left: 0; bottom: 0;} .content-primary .property-list .properties .property .image .carousel-container .responsive-navigation .prev .icon {} .content-primary .property-list .properties .property .image .carousel-container .responsive-navigation .next {position: absolute; right: 0; bottom: 0;} .content-primary .property-list .properties .property .image .carousel-container .responsive-navigation .next .icon {margin: 10px 0 0 12px;} .content-primary .property-list .properties .property .image .carousel-container .responsive-navigation a:hover .icon, .content-primary .property-list .properties .property .image .carousel-container .responsive-navigation a:focus .icon {background: #95A3AB; color: #FFF;} .content-primary .property-list .properties .property .copy {font-size: 13px; font-size: 1.3rem; padding: 0 65px 0 0;} .lt-ie8 .content-primary .property-list .properties .property .copy {padding: 0;} .content-primary .property-list .properties .property .copy h4 {color: #8BC540; margin: 0 0 15px 0;} .content-primary .property-list .properties .property .copy p {margin: 0 0 15px 0;} .content-primary .property-list .properties .property .copy p b {font-weight: bold;} .content-primary .property-list .properties .property .copy .form-enquiry {display: block; margin: 0 0 15px 0;} .content-primary .property-list .properties .property .copy .form-enquiry label {float: left; font-weight: bold;} .content-primary .property-list .properties .property .copy .form-enquiry select {float: left; margin: 0 0 0 10px;} .content-primary .property-list .properties .property .copy .enquiry-location {display: block; margin: 0 0 20px 0; overflow: hidden;} .content-primary .property-list .properties .property .copy .enquiry-location dt {clear: left; font-weight: bold; float: left; margin: 0 5px 0 0;} .lt-ie8 .content-primary .property-list .properties .property .copy .enquiry-location dt {display: block; width: 80px;} .content-primary .property-list .properties .property .copy .enquiry-location dd {float: left;} .lt-ie8 .content-primary .property-list .properties .property .copy .enquiry-location dd {width: 300px;} .content-primary .property-list .properties .property .copy .enquiry-location dd a {border-bottom: 1px solid #333228; color: #333228; display: block; margin: 0 0 3px 0; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .property-list .properties .property .copy .enquiry-location dd a:hover, .content-primary .property-list .properties .property .copy .enquiry-location dd a:focus {border-bottom: 1px solid #94A211; color: #94A211;} .content-primary .property-list .properties .property .additional {float: left;} .content-primary .property-list .properties .property .additional .banner { background:#fff; background: rgba(255, 255, 255, 0.6); display: inline-block; font-size: 13px; font-size: 1.3rem; height: 28px; line-height: 1; padding: 0 4px 0 0;} .content-primary .property-list .properties .property .additional .banner .icon { background: #8BC540; font-size: 25px; padding: 0 8px 0 10px; color: #FFF; margin-right: 7px; } .lt-ie8 .content-primary .property-list .properties .property .additional .banner .icon {float: left; line-height: 1;} .content-primary .property-list .properties .property .additional .items {background: #FFF; background: rgba(255, 255, 255, 0.6); margin: 0 0 30px 0; padding: 5px 0 10px;} .content-primary .property-list .properties .property .additional .item {padding: 0 10px;} .content-primary .property-list .properties .property .additional .item span{ color: #8BC540; font-size: 12px; margin-right: 5px; display: none; } .content-primary .property-list .properties .property .additional .item a {border-bottom: 1px solid #333228; color: #333228; font-size: 13px; font-size: 1.3rem; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .property-list .properties .property .additional .item a:hover, .content-primary .property-list .properties .property .additional .item a:focus {border-bottom: 1px solid #8BC540; color: #8BC540;} .content-primary .property-list .btn {background: #8BC540; color: #FFF; display: inline-block; font-size: 13px; font-size: 1.3rem; height: 28px; line-height: 2.2; padding: 0 0 0 10px;} .content-primary .property-list .btn .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1.2; margin: 0 0 0 10px; overflow: hidden; text-align: center; visibility: visible; width: 28px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .lt-ie8 .content-primary .property-list .btn .icon {line-height: 1; margin: -29px 0 0 0;} .content-primary .property-list .btn:hover .icon, .content-primary .property-list .btn:focus .icon {background: #95A3AB;} .content-primary .property-list .btn-location {clear: both; float: left; position: relative;} .content-primary .property-list .property-container {position: relative;} .content-primary .property-list .my-brochure {display: none; position: fixed; right: 0; top: 125px; width: 230px;} .content-primary .property-list .my-brochure header {position: relative;} .content-primary .property-list .my-brochure h3 {background: #8BC540; color: #FFF; height: 32px; line-height: 1;} .content-primary .property-list .my-brochure h3 .icon {font-size: 32px; line-height: 1; padding: 0 5px 0 0;} .lt-ie8 .content-primary .property-list .my-brochure h3 {background: #8BC540; color: #FFF; height: 32px; line-height: 0.9; overflow: hidden;} .lt-ie8 .content-primary .property-list .my-brochure h3 .icon {float: left; font-size: 32px; line-height: 1; padding: 0 5px 0 0;} .content-primary .property-list .my-brochure .brochure-close {background: #333228; color: #FFF; font-size: 28px; height: 32px; line-height: 1.1; position: absolute; top: 0; right: 0; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .content-primary .property-list .my-brochure .brochure-close:hover, .content-primary .property-list .my-brochure .brochure-close:focus {background: #95A3AB;} .content-primary .property-list .my-brochure .brochure-close .icon {display: block; height: 28px; line-height: 1; padding: 2px 0 0 0;} .content-primary .property-list .my-brochure .items {background: #FFF; padding: 25px 10px;} .content-primary .property-list .my-brochure .items .item {color: #94A2AA; font-size: 13px; font-size: 1.3rem; margin: 0 0 10px 0;} .content-primary .property-list .my-brochure .items .item:last-child {margin: 0;} .content-primary .property-list .my-brochure .items .item b {color: #333228;} .content-primary .property-list .my-brochure .items .item a {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .property-list .my-brochure .items .item a:hover, .content-primary .property-list .my-brochure .items .item a:focus {border-bottom: 1px solid #8BC540; color: #8BC540;} .content-primary .property-list .my-brochure .items .item strong {color: #333228; font-weight: bold;} .content-primary .property-list .my-brochure .items .item .items-added {color: #333228;} .content-primary .property-list .my-brochure .items .item .items-added .item-added {line-height: 2; overflow: hidden;} .content-primary .property-list .my-brochure .items .item .items-added .item-added .remove {border: none; color: #94A2AA; font-size: 27px; float: right; line-height: 1; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .property-list .my-brochure .items .item .items-added .item-added .remove:hover, .content-primary .property-list .my-brochure .items .item .items-added .item-added .remove:focus {color: #333228;} .content-primary .property-list .my-brochure .btn {width: 230px;} .lt-ie8 .content-primary .property-list .my-brochure .btn .icon {margin: -29px 10px 0 0;} .content-primary .property-list .brochure-open {background: url(../images/structure/background-offices-sidebar-open.png) 0 0 no-repeat; display: block; height: 199px; text-indent: -9999px; position: fixed; top: 125px; right: 0; width: 46px;} .property-list .map-location {display: none; float: left; min-height: 230px; position: relative; width: 100%;} .property-list .map-location .map-close {margin: 0; padding: 0; position: absolute; top: 202px; left: 0; width: 28px; z-index: 10;} .property-list .map-location .map-external {position: absolute; top: 202px; right: 0; z-index: 10;} .property-list .map-location .map {height: 230px;} .property-list .map-location p {font-size: 13px; font-size: 1.3rem; margin: 10px 0 0; padding: 0 55px 0 0;} @media only screen and (min-width : 320px) { .content-primary .property-list .brochure-open {background-image: url(../images/structure/background-offices-sidebar-open@2x.png); background-size: 46px} } @media only screen and (min-width : 600px) { .content-primary .property-list {padding: 0; width: 515px;} .content-primary .property-list .from-to {} .content-primary .property-list .from-to .from {float: left; margin: 0 0 15px 0;} .content-primary .property-list .from-to .to {float: left; margin: 0 0 15px 0;} .content-primary .property-list .from-to label {clear: none; margin: 0;} .content-primary .property-list .from-to label, .content-primary .property-list .from-to p {font-size: 16px; font-size: 1.6rem; line-height: 1.5;} .content-primary .property-list .view-all {position: absolute; top: 8px; right: 0;} .content-primary .property-list .properties .property .image .carousel-container .responsive-carousel {height: 190px; width: 190px;} .content-primary .property-list .properties .property .image .carousel-container .items .item {width: 190px;} .content-primary .property-list .properties .property .image {height: 190px; width: 190px;} .content-primary .property-list .properties .property .copy {float: left; width: 305px;} .content-primary .property-list .properties .property .copy .form-enquiry {display: block;} .content-primary .property-list .properties .property .copy .enquiry-location {display: block;} .content-primary .property-list .properties .property .additional {float: right; width: 305px;} .content-primary .property-list .properties .property .additional .item {float: left; padding: 0 0 0 10px;} .content-primary .property-list .properties .property .additional .item span{ display: inline; } .content-primary .property-list .properties .property .additional .location {position: absolute; bottom: 30px; left: 0;} } @media only screen and (min-width : 1000px) { .content-primary .property-list {width: 1000px;} .content-primary .property-container {background: url(../images/structure/background-offices-sidebar.png) 0 0 repeat-y;} .content-primary .property-list .properties {float: left; width: 740px;} .content-primary .property-list .properties .property .copy {width: 470px;} .content-primary .property-list .properties .property .copy .enquiry-location dd a {display: inline-block; margin: 0 0 0 5px;} .lt-ie8 .content-primary .property-list .properties .property .copy .enquiry-location dd a {margin: 0 5px 0 0;} .content-primary .property-list .properties .property .additional {width: 470px;} .content-primary .property-list .properties .property .additional .banner {float: left;} .content-primary .property-list .properties .property .additional .items {float: left; padding: 3px 0; width: 290px;} .content-primary .property-list .properties .property .image .carousel-container .responsive-carousel {height: 250px; width: 250px;} .content-primary .property-list .properties .property .image .carousel-container .items .item {width: 250px;} .content-primary .property-list .properties .property .image {height: 250px; width: 250px;} .content-primary .property-list .my-brochure {display: block!important; float: right; overflow: hidden; position: static;} .content-primary .property-list .my-brochure.fixed {position: fixed; left: 50%; margin: 0 0 0 270px; top: 175px; z-index: 10;} .content-primary .property-list .my-brochure.fixed-bottom {position: absolute; left: 50%; bottom: 0; top: auto; margin: 0 0 0 270px; z-index: 10;} .content-primary .property-list .brochure-open {display: none;} .content-primary .property-list .my-brochure .brochure-close {display: none;} .content-primary .property-list .from-to label, .content-primary .property-list .from-to select {display: block;} .lt-ie9 .content-primary .property-list .from-to label, .lt-ie9 .content-primary .property-list .from-to select {display: block;} } /* -------------------------------------------------------------- Event Venues -------------------------------------------------------------- */ .event-venues .content-primary {} .content-primary .venues {margin: 0 0 45px 0; padding: 0 20px;} .content-primary .venues .venue-list {margin: 0 0 30px 0;} .content-primary .venues .venue-list .venue {margin: 25px 0 0 0;} .content-primary .venues .venue-list .venue .header {height: 50px; overflow: hidden; position: relative;} .content-primary .venues .venue-list .venue .header .logo {float: left; width: 53px;} .content-primary .venues .venue-list .venue .header .icon {background: #8BC540; color: #FFF; float: right; font-size: 28px; height: 28px; line-height: 1; position: absolute; bottom: 0; right: 0; visibility: visible;} .content-primary .venues .venue-list .venue .photographs {} .content-primary .venues .venue-list .venue .photographs .carousel-container {overflow: hidden; position: relative;} .content-primary .photographs .responsive-navigation a {background: #333228; display: block; height: 38px; overflow: hidden; position: relative; width: 40px;} .content-primary .photographs .responsive-navigation a.prev {padding: 0 0 0 2px;} .content-primary .photographs .responsive-navigation a .icon {background: #FFF; color: #333228; display: block; height: 16px; font-size: 16px; float: left; line-height: 1; margin: 10px 0 0 10px; visibility: visible; width: 16px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .content-primary .photographs .responsive-navigation .prev {position: absolute; left: 0; bottom: 50px;} .content-primary .photographs .responsive-navigation .prev .icon {} .content-primary .photographs .responsive-navigation .next {position: absolute; right: 0; bottom: 50px;} .content-primary .photographs .responsive-navigation .next .icon {margin: 10px 0 0 12px;} .content-primary .photographs .responsive-navigation a:hover .icon, .content-primary .photographs .responsive-navigation a:focus .icon {background: #95A3AB; color: #FFF;} .content-primary .venues .venue-list .venue .photographs .items {width: 1000px;} .content-primary .venues .venue-list .venue .photographs .item {float: left;} .content-primary .venues .venue-list .venue .photographs .items .item img {display: block; width: 100%;} .content-primary .venues .venue-list .venue .copy {background: #FFF; padding: 15px 10px;} .content-primary .venues .venue-list .venue .copy h4 {color: #8BC540; margin: 0 0 25px 0;} .content-primary .venues .venue-list .venue .copy .view-information {border-bottom: 1px solid #333228; font-size: 13px; font-size: 1.3rem; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .venues .venue-list .venue .copy .view-information:hover, .content-primary .venues .venue-list .venue .copy .view-information:focus {border-bottom: 1px solid #FFF; color: #8BC540;} .content-primary .venues .venue-list .venue .copy p {display: none; font-size: 13px; font-size: 1.3rem;} .content-primary .venues .venue-list .venue .copy p a {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .content-primary .venues .venue-list .venue .copy p a:hover, .content-primary .venues .venue-list .venue .copy p a:focus {border-bottom: 1px solid transparent; color: #000;} @media only screen and (min-width : 600px) { .content-primary .venues {padding: 0; margin: 0 auto 45px; width: 487px;} .content-primary .venues .venue-list .venue {margin: 0 0 25px 0;} .content-primary .venues .venue-list .venue .copy .view-information {display: none;} .content-primary .venues .venue-list .venue .copy p {display: block;} } @media only screen and (min-width : 1000px) { .content-primary .venues {margin: 0 0 45px 0; width: 1000px;} .content-primary .venues .venue-list .venue {float: left; margin: 25px 25px 0 0; width: 487px;} .content-primary .venues .venue-list .venue:nth-child(even) {margin: 25px 0 0 0;} .lt-ie9 .content-primary .venues .venue-list .venue-end {margin: 25px 0 0 0;} .content-primary .venues .venue-list .venue .photographs .carousel-container {height: 324px;} } /* -------------------------------------------------------------- Development Opportunities -------------------------------------------------------------- */ .development-opportunities .content-primary .welcome .development-plan {display: block; margin: 35px 0;} .development-opportunities .content-primary .modules {position: relative;} .development-opportunities .content-primary .modules .items {} .development-opportunities .content-primary .modules .items .item {margin: 0 auto 25px; width: 231px;} .development-opportunities .content-primary .modules .items .item .header {overflow: hidden;} .development-opportunities .content-primary .modules .items .item .header .icon {background: #8BC540; color: #FFF; float: left; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 203px; visibility: visible;} .development-opportunities .content-primary .modules .items .item .photograph {} .development-opportunities .content-primary .modules .items .item .photograph img {display: block;} .development-opportunities .content-primary .modules .items .item .copy {background: #FFF; overflow: hidden; padding: 20px 15px;} .development-opportunities .content-primary .modules .items .item .copy h4 {color: #8BC540; margin: 0 0 15px 0;} .development-opportunities .content-primary .modules .items .item .copy p {font-size: 13px; font-size: 1.3rem; margin: 0 0 15px 0;} .development-opportunities .content-primary .modules .items .item .copy p.description {display: none;} .development-opportunities .content-primary .modules .items .item .copy p:last-of-type {margin: 0;} .development-opportunities .content-primary .modules .items .item .copy p b {font-weight: bold;} .development-opportunities .content-primary .modules .items .item .copy .view-information {border-bottom: 1px solid #333228; float: left; font-size: 13px; font-size: 1.3rem; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .development-opportunities .content-primary .modules .items .item .copy .view-information:hover, .development-opportunities .content-primary .modules .items .item .copy .view-information:focus {border-bottom: 1px solid #FFF; color: #8BC540;} .development-opportunities .content-primary .modules .items .item .copy .information-pack {background: #8BC540; color: #FFF; display: none; clear: left; float: left; font-size: 13px; font-size: 1.3rem; height: 34px; line-height: 2.8; overflow: hidden; margin: 15px 0 0 0; padding: 0 2px; width: 201px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .development-opportunities .content-primary .modules .items .item .copy .information-pack .icon {float: left; font-size: 34px; line-height: 1; padding: 0 0 0 0;} .development-opportunities .content-primary .modules .items .item .copy .information-pack:hover, .development-opportunities .content-primary .modules .items .item .copy .information-pack:focus {background: #95A3AB; text-decoration: none;} .development-opportunities .content-primary .modules .enquiry-module {background: #8BC540; display: none; font-size: 13px; font-size: 1.3rem; padding: 15px 10px; position: fixed; top: 125px; right: 28px; width: 231px;} .lt-ie8 .development-opportunities .content-primary .modules .enquiry-module {overflow: hidden;} .development-opportunities .content-primary .modules .enquiry-module h3 {color: #FFF; display: block; float: none; padding: 0;} .development-opportunities .content-primary .modules .enquiry-module p {color: #FFF; font-weight: bold; float: left; margin: 15px 0 0 0;} .lt-ie8 .development-opportunities .content-primary .modules .enquiry-module p {width: 100%;} .development-opportunities .content-primary .modules .enquiry-module dt {clear: left; font-weight: bold; float: left; margin: 0 5px 0 0;} .lt-ie8 .development-opportunities .content-primary .modules .enquiry-module dt {min-width: 40px;} .development-opportunities .content-primary .modules .enquiry-module dd {float: left;} .lt-ie8 .development-opportunities .content-primary .modules .enquiry-module dd {width: 160px;} .development-opportunities .content-primary .modules .enquiry-module dd a {border-bottom: 1px solid #333228; color: #333228; display: block; margin: 0 0 3px 0; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .lt-ie8 .development-opportunities .content-primary .modules .enquiry-module dd a {border: none;} .development-opportunities .content-primary .modules .enquiry-module a:hover, .development-opportunities .content-primary .modules .enquiry-module a:focus {border-bottom: 1px solid #8BC540; color: #FFF;} .development-opportunities .content-primary .modules .enquiry-module .enquiry-close {background: #333228; color: #FFF; font-size: 28px; height: 32px; line-height: 1; position: absolute; top: 0; right: -28px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .development-opportunities .content-primary .modules .enquiry-module .enquiry-close:hover, .development-opportunities .content-primary .modules .enquiry-module .enquiry-close:focus {background: #95A3AB;} .development-opportunities .content-primary .modules .enquiry-module .enquiry-close .icon {display: block; line-height: 1; padding: 2px 0 0 0;} .development-opportunities .content-primary .modules .enquiry-open {background: url(../images/structure/background-development-opportunities-module-open.png) 0 0 no-repeat; display: block; height: 131px; text-indent: -9999px; position: fixed; top: 125px; right: 0; width: 46px;} @media only screen and (min-width : 320px) { .development-opportunities .content-primary .modules .enquiry-open {background-image: url(../images/structure/background-development-opportunities-module-open@2x.png); background-size: 46px auto;} } @media only screen and (min-width : 600px) { .development-opportunities .content-primary .modules .items {margin: 0 auto; width: 487px;} .development-opportunities .content-primary .modules .items .item {float: left; margin: 0 25px 25px 0;} .development-opportunities .content-primary .modules .items .item:nth-child(even) {margin: 0 0 25px 0;} .development-opportunities .content-primary .modules .items .item .copy .view-information {display: none;} .development-opportunities .content-primary .modules .items .item .copy p.description {display: block;} .development-opportunities .content-primary .modules .items .item .copy .information-pack {display: block;} } @media only screen and (min-width : 1000px) { .development-opportunities .content-primary .welcome {overflow: hidden;} .development-opportunities .content-primary .welcome .copy {float: left; padding: 40px 0 0 0; width: 235px;} .development-opportunities .content-primary .welcome .development-plan {float: right; margin: 35px 0 0 0; width: 743px;} .development-opportunities .content-primary .modules .enquiry-module {display: block!important; position: absolute; right: 0; top: 0;} .development-opportunities .content-primary .modules .enquiry-module .enquiry-close {display: none;} .development-opportunities .content-primary .modules .items {margin: 0; width: 745px;} .development-opportunities .content-primary .modules .items .item:nth-child(even) {margin: 0 25px 25px 0;} .development-opportunities .content-primary .modules .items .item:nth-child(4n+4) {margin: 0 25px 25px 0;} .development-opportunities .content-primary .modules .items .item:nth-child(3n+3) {margin: 0 0 25px 0;} .lt-ie9 .development-opportunities .content-primary .modules .items .item-end {margin: 0 0 25px 0;} .development-opportunities .content-primary .modules .enquiry-open {display: none;} } /* -------------------------------------------------------------- Getting Here -------------------------------------------------------------- */ .getting-here .directions {padding: 20px;} .getting-here .directions header {display: block; height: 58px; overflow: hidden;} .getting-here .directions h3 {background: #FFF; color: #7580BE; display: inline; float: left; padding: 15px 10px;} .getting-here .directions .map #MapMediaCity {height: 265px; width: 100%;} .getting-here .directions .map p {background: #FFF; display: inline-block; font-size: 13px; font-size: 1.3rem; padding: 5px 10px;} .getting-here .directions .map p a {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .getting-here .directions .map p a:hover, .getting-here .directions .map p a:focus {border-bottom: 1px solid transparent; color: #7580BE;} .getting-here .directions .get-directions {margin: 35px 0 0 0;} .getting-here .directions .get-directions h3 {background: none; color: #333228; margin: 0 0 15px 0; padding: 0; width: 100%;} .getting-here .directions .get-directions form {margin: 35px 0 15px;} .getting-here .directions .get-directions form .options {overflow: hidden; margin: 0 0 15px 0; width: 100%;} .lt-ie9 .getting-here .directions .get-directions form .options {display: none;} .getting-here .directions .get-directions form .options label {background: #DEDEDD; color: #333228; display: block; float: left; font-size: 28px; height: 30px; line-height: 1; margin: 0 5px 0 0; text-align:; center; width: 38px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .getting-here .directions .get-directions form .options label .icon {display: block; margin: 0 auto; width: 28px;} .getting-here .directions .get-directions form .options label:hover {background: #333228; color: #DEDEDD; cursor: pointer;} .getting-here .directions .get-directions form .options input[type="radio"]:checked + label {background: #333228; color: #DEDEDD;;} .getting-here .directions .get-directions form .options input {display: none; float: left;} .getting-here .directions .get-directions form .input {overflow: hidden; width: 100%; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .getting-here .directions .get-directions form .input label {font-size: 13px; font-size: 1.3rem; float: left; line-height: 2.2; padding: 0 10px 0 0;} .getting-here .directions .get-directions form .input input {background: #FFF; border: none; float: left; height: 28px; line-height: 28px; line-height: 28px; padding: 0 5px;} .getting-here .directions .get-directions form .submit {background: #7580BE; color: #FFF; display: block; font-size: 13px; font-size: 1.3rem; float: left; line-height: 2.2; overflow: hidden; padding: 0 0 0 5px; position: relative; width: 56px;} .getting-here .directions .get-directions form .submit .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1; text-align: center; visibility: visible; width: 28px; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .lt-ie8 .getting-here .directions .get-directions form .submit .icon {position: absolute; top: 0; right: 0;} .getting-here .directions .get-directions form .submit:hover .icon, .getting-here .directions .get-directions form .submit:focus .icon {background: #95A3AB;} .adp-warnbox, .adp-legal, #adp-placemark, .adp-placemark {display: none;} .adp-summary, .adp-directions {background: #FFF; font-size: 6px; font-size: 0.6rem;} .adp-directions {border: 1px solid #C0C0C0; width: 100%;} .adp-summary {border-left: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; font-weight: bold;} .getting-here .transport-information {padding: 0 20px;} .getting-here .transport-information h3 {margin: 0 0 15px 0;} .getting-here .transport-information .transport-options-1 {margin: 25px 0 0 0;} .getting-here .transport-information .transport-options .option {border-bottom: 1px solid #333228; margin: 0 0 25px 0; overflow: hidden; padding: 0 0 25px 0;} .getting-here .transport-information .transport-options .option .icons {float: left; width: 10%;} .getting-here .transport-information .transport-options .option .icon {font-size: 28px; line-height: 1;} .getting-here .transport-information .transport-options .option .copy {float: left; width: 90%;} .getting-here .transport-information .transport-options .option .copy h4 {color: #7580BE;} .getting-here .transport-information .transport-options .option .copy p, .getting-here .transport-information .transport-options .option .copy ul {font-size: 13px; font-size: 1.3rem; margin: 0 0 5px 0;} .getting-here .transport-information .transport-options .option .copy ul li {list-style-type: disc; margin: 5px 0 0 17px;} .getting-here .transport-information .transport-options .option .copy p b, .getting-here .transport-information .transport-options .option .copy p strong {font-weight: bold;} .getting-here .transport-information p {font-size: 13px; font-size: 1.3rem; margin: 0 0 5px 0;} .getting-here .transport-information p a {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .getting-here .transport-information p a:hover, .getting-here .transport-information p a:focus {border-bottom: 1px solid transparent; color: #7580BE;} #MapDirectionsPanel {float: left;} .btn-google-maps {background: #7580BE; color: #FFF; display: block; font-size: 13px; font-size: 1.3rem; float: left; line-height: 2.2; margin: 0 0 15px 95px; overflow: hidden; padding: 0 0 0 5px; width: 125px;} .btn-google-maps .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 10px; text-align: center; visibility: visible; width: 28px; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .btn-google-maps:hover .icon, .btn-google-maps:focus .icon {background: #95A3AB;} .lt-ie8 .btn-google-maps .icon {margin: -29px 0 0 0;} @media only screen and (min-width : 480px) { .adp-summary, .adp-directions {font-size: 10px; font-size: 1rem;} } @media only screen and (min-width : 600px) { .getting-here .directions .get-directions form .options {float: left; width: auto;} .getting-here .directions .get-directions form .input {float: right; width: auto;} .adp-summary, .adp-directions {font-size: 13px; font-size: 1.3rem; width: 510px;} #MapDirectionsPanel > div {height: 500px; overflow: scroll; width: 510px;} #MapDirectionsPanel b {font-weight: bold;} .btn-google-maps {float: right; margin: -20px 65px 15px 0;} } @media only screen and (min-width : 1000px) { .getting-here .directions {padding: 0; position: relative;} .getting-here .directions h3 {float: none;} .getting-here .directions h3.title {float: left;} .getting-here .directions .map {width: 745px;} .getting-here .directions .get-directions {position: absolute; right: 0; top: 17px; width: 230px;} .getting-here .directions .get-directions form {} .getting-here .directions .get-directions form .options {float: none; width: 100%;} .getting-here .directions .get-directions form .input {float: none; width: 100%;} .getting-here .directions .get-directions form .input label {width: 100%;} .getting-here .transport-information {margin: 35px 0 0 0; padding: 0; width: 745px;} .getting-here .transport-information .transport-options {float: left; width: 360px;} .getting-here .transport-information .transport-options-1 {margin: 25px 25px 0 0;} .getting-here .transport-information .transport-options-2 {margin: 25px 0 0 0;} .getting-here .transport-information .transport-options .option:last-child {border: none;} .getting-here .transport-information .more-information {float: left;} .adp-summary, .adp-directions, #MapDirectionsPanel > div {width: 230px;} .btn-google-maps {float: left; margin: 0 0 15px 2px;} } /* -------------------------------------------------------------- Buy - Living -------------------------------------------------------------- */ .content-primary .hero {margin: -50px 0 35px 0; position: relative;} .content-primary .hero .carousel-container {position: relative;} .lt-ie8 .content-primary .hero .carousel-container {height: 497px;} .content-primary .hero .carousel-container .responsive-navigation a {background: #333228; display: block; height: 38px; overflow: hidden; position: relative; width: 40px;} .content-primary .hero .carousel-container .responsive-navigation a .icon {background: #FFF; color: #333228; display: block; height: 16px; font-size: 16px; float: left; line-height: 1; margin: 10px 0 0 10px; visibility: visible; width: 16px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .content-primary .hero .carousel-container .responsive-navigation .prev {position: absolute; left: 0; bottom: 50px;} .content-primary .hero .carousel-container .responsive-navigation .prev .icon {} .content-primary .hero .carousel-container .responsive-navigation .next {position: absolute; right: 0; bottom: 50px;} .content-primary .hero .carousel-container .responsive-navigation .next .icon {margin: 10px 0 0 12px;} .content-primary .hero .carousel-container .responsive-navigation a:hover .icon, .content-primary .hero .carousel-container .responsive-navigation a:focus .icon {background: #95A3AB; color: #FFF;} .content-primary .hero .carousel-container .responsive-carousel {overflow: hidden; width: 100%;} .content-primary .hero .carousel-container .responsive-carousel .items {position: relative; width: 10000px;} .content-primary .hero .carousel-container .responsive-carousel .item {float: left; position: relative;} .content-primary .hero .carousel-container .responsive-carousel .item img {display: block; width: 100%;} .button-links {padding: 35px 0;} @media only screen and (min-width : 600px) { .content-primary .hero .carousel-container .responsive-carousel .item {} .content-primary .hero .carousel-container .responsive-navigation a {height: 66px; width: 66px;} .content-primary .hero .carousel-container .responsive-navigation a .icon {font-size: 28px; height: 28px; margin: 20px 0 0 20px; width: 28px;} .content-primary .hero .carousel-container .responsive-navigation .next .icon {margin: 18px 0 0 20px;} .button-links .link-map {display: block;} } @media only screen and (min-width : 1000px) { .buy .content-primary .welcome h3 {width: 745px;} .buy .content-primary .welcome p {width: 745px;} .content-primary .welcome .button-links {position: absolute; left: 760px; top: 130px;} .button-links {padding: 35px 20px;} .lt-ie8 .content-primary .welcome .button-links {position: relative; left: 0; top: 0;} } /* -------------------------------------------------------------- News -------------------------------------------------------------- */ .modules {} .modules header {background: #333228; height: 42px; margin: 0 0 20px 0; overflow: hidden;} .modules h3 {color: #FFF; float: left; line-height: 2; padding: 0 15px;} .modules .view-all {background: #DEDEDD; color: #333228; font-size: 14px; font-size: 1.4rem; font-weight: bold; float: right; margin: 6px 15px 0 0; padding: 5px 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .modules .view-all:hover, .modules .view-all:focus {background: #FFDD00; color: #FFF;} .modules .items {margin: 0 0 25px 0;} .modules .items .item {font-size: 13px; font-size: 1.3rem; margin-bottom: 25px; position: relative;} .content-primary .modules .items .item-wide {margin: 0 0 25px 0; padding: 0 0 30px 0;} .content-primary .modules .items .item-full-width {float: none; margin: 0 0 25px 0; width: 100%;} .content-primary .modules .items .item-full-width:last-child {margin: 0;} .press-releases .content-primary .modules .items .item-full-width:last-child {margin: 0 0 25px 0;} .modules .items .item .header {height: 28px; overflow: hidden;} .modules .items .item .header .icon {background: #FFDD00; color: #333228; float: right; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 5px; width: 28px; visibility: visible;} .modules .items .item .photograph {} .modules .items .item .photograph img {display: block; width: 100%;} .modules .items .item .copy {background: #FFF; padding: 10px 15px;} .content-primary .modules .items .item-full-width .copy {min-height: auto!important; padding: 10px 15px 45px 15px;} .modules .items .item .copy h4 {color: #333228; margin: 0 0 15px 0;} .modules .items .item .copy h4 a {border-bottom: 1px solid #333228; color: #333228; text-decoration: none; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .modules .items .item .copy h4 a:focus, .modules .items .item .copy h4 a:hover {border-bottom: 1px solid transparent; color: #000;} .modules .items .item .copy time {color: #94A2AA; display: block; margin: 0 0 15px 0;} .modules .items .item .copy p {line-height: 1.5;} .content-primary .modules .items .item-full-width .copy p {display: none;} .modules .items .item .copy p.find-out-more {margin: 10px 0 5px;} .modules .items .item .copy p.find-out-more a {border-bottom: 1px solid #94A2AA; color: #94A2AA; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .modules .items .item .copy p.find-out-more a:hover, .modules .items .item .copy p.find-out-more a:focus {border-bottom: 1px solid transparent; color: #000;} .modules .items .item .copy .read {background: #FFDD00; color: #333228; height: 28px; position: absolute; bottom: 0; left: 0; line-height: 2.2; padding: 0 0 0 15px;} .modules .items .item .copy .read span {float: left;} .modules .items .item .copy .read .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 10px; text-align: center; visibility: visible; width: 28px; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .modules .items .item .copy .read:hover .icon, .modules .items .item .copy .read:focus .icon {background: #95A3AB;} .lt-ie8 .modules .items .item .copy .read .icon {margin: -28px 0 0 0;} .press-releases .social-links {padding: 10px 0 20px;} @media only screen and (min-width : 600px) { .news .modules .items .item .copy {min-height: 230px;} .content-primary .modules .items .item-full-width .copy p {display: block;} } @media only screen and (min-width : 1000px) { .content-primary .modules .items .item-wide {margin: 0 25px 25px 0; width: 487px;} } /* -------------------------------------------------------------- Search Results -------------------------------------------------------------- */ .search-results .content-primary .modules .items {margin: 0 0 20px 0;} .search-results .content-primary .modules .items .item-full-width {border-bottom: 1px solid #333228; padding: 0 0 20px 0;} .search-results .content-primary .modules .items .item-full-width .copy {background: none; padding: 0;} .search-results .content-primary .modules .items .item-full-width .copy p {display: block;} /* -------------------------------------------------------------- Twitter Feed -------------------------------------------------------------- */ .twitter-feed {padding: 0; margin: 0 auto; width: 230px;} .twitter-feed h3 {margin: 0 0 25px 0;} .lt-ie8 .twitter-feed h3 .icon {line-height: 1.1;} .twitter-feed h3 a {color: #333228;} .twitter-feed h3 .icon {background: #333228; color: #FFF; float: left; font-size: 28px; height: 30px; line-height: 1.3; margin: 0 10px 0 0; text-align: center; width: 30px; visibility: visible; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .twitter-feed h3 a:hover .icon, .twitter-feed h3 a:focus .icon {background: #95A3AB;} .twitter-feed .tweets {} .twitter-feed .tweets .tweet {background: url(../images/structure/background-tweet-sprite.png) 0 0 no-repeat; color: #FFF; font-size: 13px; font-size: 1.3rem; height: 150px; margin: 0 0 25px 0; width: 230px;} .twitter-feed .tweets .tweet-1 {background-position: 0 0;} .twitter-feed .tweets .tweet-2 {background-position: -230px 0;} .twitter-feed .tweets .tweet-3 {background-position: 0 -162px;} .twitter-feed .tweets .tweet-4 {background-position: -230px -162px;} .twitter-feed .tweets .tweet:last-child {margin: 0 0 25px 0;} .twitter-feed .tweets .tweet:not(:first-child) {display: none;} .twitter-feed .tweets .tweet p {height: 121px; line-height: 1.4; margin: 0 0 20px 0; overflow: hidden; padding: 10px 10px 0 10px; width: 203px} .lt-ie8 .twitter-feed .tweets .tweet p {width: 190px;} .twitter-feed .tweets .tweet a {color: #FFF; -webkit-transition:color 180ms ease-in-out; -moz-transition:color 180ms ease-in-out; -o-transition:color 180ms ease-in-out; transition:color 180ms ease-in-out;} .twitter-feed .tweets .tweet a:hover, .twitter-feed .tweets .tweet a:focus {color: #333228;} .twitter-feed .tweets .tweet a.user {color: #ED3C95; display: block; text-align: right; margin: -13px 0 0 0; padding: 0 28px 0 0; position: relative; -webkit-transition:color 180ms ease-in-out; -moz-transition:color 180ms ease-in-out; -o-transition:color 180ms ease-in-out; transition:color 180ms ease-in-out;} .twitter-feed .tweets .tweet-2 a.user {color: #0398CC;} .twitter-feed .tweets .tweet-3 a.user {color: #8BC540;} .twitter-feed .tweets .tweet-4 a.user {color: #7580BE;} .twitter-feed .tweets .tweet a.user:hover, .twitter-feed .tweets .tweet a.user:focus {color: #333228;} @media only screen and (min-width : 600px) { .twitter-feed {padding: 0; width: 485px;} .twitter-feed .tweets .tweet {float: left; margin: 0 25px 25px 0;} .twitter-feed .tweets .tweet:nth-child(even) {margin: 0 0 25px 0;} .lt-ie9 .twitter-feed .tweets .tweet-2, .lt-ie9 .twitter-feed .tweets .tweet-4 {margin: 0 0 25px 0;} .twitter-feed .tweets .tweet:not(:first-child) {display: block;} } @media only screen and (min-width : 1000px) { .twitter-feed {float: right; margin: 0;} } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .twitter-feed .tweets .tweet {background: url(../images/structure/background-tweet-sprite@2x.png) 0 0 auto no-repeat; background-size: 460px auto;} } /* -------------------------------------------------------------- Occupiers -------------------------------------------------------------- */ .occupier-bbc .content-primary {padding: 125px 0 0;} .occupier .content-primary .welcome h1 {color: #333228;} /*.occupier-dock10 .content-primary .welcome h1,*/ .occupier .button-links {padding: 35px 20px;} .occupier .content-primary .welcome .copy {margin: 20px 0 0 0;} .occupier .content-primary .welcome .copy h2 {margin: 0 0 20px 0;} @media only screen and (min-width : 600px) { .studios-dock10 .content-primary .welcome h1 {color: #FFF;} .occupier-bbc .content-primary {background: url(../images/structure/background-bbc.jpg) center 75px no-repeat;} .occupier-itv .content-primary {background: url(../images/structure/background-itv.jpg) center 75px no-repeat;} .occupier-dock10 .content-primary {background: url(../images/structure/background-dock10.jpg) center 75px no-repeat;} .occupier-sis .content-primary {background: url(../images/structure/background-sis.jpg) center 75px no-repeat;} .occupier-lowry-outlet .content-primary {background: url(../images/structure/background-lowry-outlet.jpg) center 75px no-repeat;} .occupier-salford-university .content-primary {background: url(../images/structure/background-salford-university.jpg) center 75px no-repeat;} .occupier-the-landing .content-primary {background: url(../images/structure/background-the-landing.jpg) center 75px no-repeat;} .occupier-the-pie-factory .content-primary {background: url(../images/structure/background-pie-factory-studios.jpg) center 75px no-repeat;} .occupier-university-studios .content-primary {background: url(../images/structure/background-university-studios.jpg) center 75px no-repeat;} .occupier-bupa .content-primary {background: url(../images/structure/background-bupa.jpg) center 75px no-repeat;} .studios-dock10 .content-primary {background: url(../images/structure/background-dock10-studios.jpg) center 75px no-repeat;} .studios-university-studios .content-primary {background: url(../images/structure/background-university-studios-studios.jpg) center 75px no-repeat;} .talent-salford-university .content-primary {background: url(../images/structure/background-salford-university-talent.jpg) center 75px no-repeat;} .occupier-future-skills .content-primary {background: url(../images/structure/background-future-skills.jpg) center 75px no-repeat;} .occupier .button-links {padding: 35px 0 50px;} .occupier .content-primary .welcome .breadcrumb .items .item {color: #333228;} .occupier .content-primary .welcome .breadcrumb .items .item a {border-bottom: 1px solid #333228; color: #333228;} .occupier .content-primary .welcome .breadcrumb .items .item a:hover, .occupier .content-primary .welcome .breadcrumb .items .item a:focus {border-bottom: 1px solid transparent; color: #FFF;} /*.occupier-dock10 .content-primary .welcome .breadcrumb .items .item,*/ .studios-dock10 .content-primary .welcome .breadcrumb .items .item {color: #FFF;} /*.occupier-dock10 .content-primary .welcome .breadcrumb .items .item a,*/ .studios-dock10 .content-primary .welcome .breadcrumb .items .item a {border-bottom: 1px solid #FFF; color: #FFF;} /*.occupier-dock10 .content-primary .welcome .breadcrumb .items .item a:hover, .occupier-dock10 .content-primary .welcome .breadcrumb .items .item a:focus,*/ .studios-dock10 .content-primary .welcome .breadcrumb .items .item a:hover, .studios-dock10 .content-primary .welcome .breadcrumb .items .item a:focus {border-bottom: 1px solid transparent; color: #333228;} .occupier .content-primary .welcome .copy {background: #FFF; background: rgba(255, 255, 255, 0.8); margin: 60px 0 0 0; padding: 20px 20px 10px 20px; width: 550px;} .occupier .content-primary .welcome .copy h3 {margin-top: 0;} .occupier .content-primary .welcome .copy p {font-size: 13px; font-size: 1.3rem; line-height: 1.5;} } @media only screen and (min-width : 1000px) { .occupier .content-primary .welcome .copy {width: 490px;} } /* -------------------------------------------------------------- Retailers -------------------------------------------------------------- */ .retailers .content-primary .full-width .navigation {margin: 0 auto 45px;} .retailers .content-primary .modules .items .item {margin: 0 auto 25px auto; width: 231px;} .retailers .content-primary .modules .items .item .header {height: 50px; overflow: hidden; position: relative;} .retailers .content-primary .modules .items .item .logo {float: left; width: 53px;} .retailers .modules .items .item .header .icon {background: #EC1B2D; color: #FFF; margin: 22px 0 0 5px;} .eat-and-drink .modules .items .item .header .icon {background: #7580BE; color: #FFF;} .retailers .modules .items .item .copy h4 {color: #EC1B2D; margin: 0 0 2px 0;} .eat-and-drink .modules .items .item .copy h4 {color: #7580BE;} .retailers .modules .items .item .copy p {display: none; margin: 0 0 15px 0;} .retailers .modules .items .item .copy p b {font-weight: bold;} .retailers .modules .items .item .copy p a {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .retailers .modules .items .item .copy p a:hover, .retailers .modules .items .item .copy p a:focus {border-bottom: 1px solid #FFF; color: #EC1B2D;} .eat-and-drink .modules .items .item .copy p a:hover, .eat-and-drink .modules .items .item .copy p a:focus {border-bottom: 1px solid #FFF; color: #7580BE;} .retailers .modules .items .item .copy .view-information {border-bottom: 1px solid #333228; font-size: 13px; font-size: 1.3rem; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .retailers .modules .items .item .copy .view-information:hover, .retailers .modules .items .item .copy .view-information:focus {border-bottom: 1px solid #FFF; color: #EC1B2D;} .eat-and-drink .modules .items .item .copy .view-information:hover, .eat-and-drink .modules .items .item .copy .view-information:focus {border-bottom: 1px solid #FFF; color: #7580BE;} .retailers .modules .items .item .copy a.social-link {border-bottom: 1px solid #95A3AB; color: #95A3AB; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .retailers .modules .items .item .copy a.social-link:hover, .retailers .modules .items .item .copy a.social-link:focus {border-bottom: 1px solid #000; color: #000;} @media only screen and (min-width : 600px) { .retailers .content-primary .modules .items .item {min-height: 460px;} .retailers .modules .items .item .copy p {display: block;} .retailers .modules .items .item .copy .view-information {display: none;} } @media only screen and (min-width : 1000px) { .retailers .content-primary .modules .items .item {margin: 0 25px 25px 0;} .retailers .content-primary .modules .items .item:nth-child(4n+4) {margin: 0 0 25px 0;} .lt-ie9 .retailers .content-primary .modules .items .item-end {margin: 0 0 25px 0;} } /* -------------------------------------------------------------- In The Know -------------------------------------------------------------- */ .in-the-know .modules .items {margin: 0;} .in-the-know .content-secondary {background: #FFF; padding: 25px 0 15px;} .in-the-know .content-primary {} .in-the-know .content-primary .modules .items .item {margin: 0 auto 25px; width: 231px;} .in-the-know .content-social-media {background: #333228; padding: 5px 0 10px;} .in-the-know .content-social-media header {height: auto;} .in-the-know .content-social-media h3 {color: #FFF; padding: 10px 0; -webkit-font-smoothing: antialiased;} .in-the-know .content-social-media .modules .responsive-carousel {margin: 0 auto; overflow: hidden; width: 231px;} .in-the-know .content-social-media .modules .items {padding: 0 0 20px 0; width: 5000px;} .in-the-know .content-social-media .modules .items .item {background: #FFF; float: left; height: 380px; margin-left: 10px!important; padding: 0; width: 231px;} .in-the-know .content-social-media .modules .carousel-container {position: relative;} .in-the-know .content-social-media .modules .carousel-container .responsive-navigation a {background: #23231A; display: block; height: 381px; overflow: hidden; position: absolute; width: 40px;} .in-the-know .content-social-media .modules .carousel-container .responsive-navigation a .icon {background: #FFF; color: #333228; display: block; height: 28px; font-size: 27px; float: left; line-height: 1; margin: 170px 0 0 6px; visibility: visible; width: 26px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .in-the-know .content-social-media .modules .responsive-navigation .prev {position: absolute; left: -15px; top: 0;} .in-the-know .content-social-media .modules .responsive-navigation .prev .icon {padding: 0 2px 0 0; width: 26px;} .in-the-know .content-social-media .modules .responsive-navigation .next {position: absolute; right: -15px; top: 0;} .in-the-know .content-social-media .modules .responsive-navigation .next .icon {padding: 0 0 0 2px;} .in-the-know .content-social-media .modules .responsive-navigation a:hover .icon, .in-the-know .content-social-media .modules .responsive-navigation a:focus .icon {background: #95A3AB; color: #FFF;} .in-the-know .content-primary .modules .signup {background: #FFF; color: #333228; display: block; font-size: 14px; font-size: 1.4rem; margin: 5px 0 30px 0; padding: 0 10px 0 5px; width: 165px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .lt-ie8 .in-the-know .content-primary .modules .signup {line-height: 1; margin: 25px 0 20px 0;} .in-the-know .content-primary .modules .signup .icon {color: #333228; font-size: 28px; line-height: 1; padding: 0; width: 30px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .lt-ie8 .in-the-know .content-primary .modules .signup .icon {float: left;} .in-the-know .content-primary .modules .signup:hover, .in-the-know .content-primary .modules .signup:focus {background: #95A3AB; color: #FFF;} .in-the-know .content-primary .modules .signup:hover .icon, .in-the-know .content-primary .modules .signup:focus .icon {color: #FFF!important;} .in-the-know .content-external {background: #F0F0ED; padding: 25px 15px;} .in-the-know .content-external header {overflow: hidden; margin: 0 0 15px 0;} .in-the-know .content-external header h3 {float: left; display: inline-block; margin: 0 0 0 10px; width: 80%;} .in-the-know .content-external header .icon {background: #333228; color: #FFF; float: left; font-size: 30px; height: 30px; line-height: 1; padding: 0; width: 30px; visibility: visible; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .in-the-know .content-external .video-container {position: relative; height: 0; overflow: hidden; padding: 30px 0 56.25% 0;} .in-the-know .content-external .video-container iframe, .in-the-know .content-external .video-container object, .in-the-know .content-external .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .in-the-know .content-external .youtube-channel {background: #FFF; color: #333228; display: block; font-size: 14px; font-size: 1.4rem; margin: 25px 0 30px 0; padding: 0 10px 0 5px; width: 165px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .in-the-know .content-external .youtube-channel .icon {color: #333228; font-size: 28px; line-height: 1; padding: 0; width: 30px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .in-the-know .content-external .youtube-channel:hover, .in-the-know .content-external .youtube-channel:focus {background: #95A3AB; color: #FFF;} .in-the-know .content-external .youtube-channel:hover .icon, .in-the-know .content-external .youtube-channel:focus .icon {color: #FFF!important;} .in-the-know .content-external .i-love-mcuk .items {border-bottom: 2px solid #333228; border-top: 2px solid #333228; margin: 0 0 34px 0; padding: 20px 0;} .in-the-know .content-external .i-love-mcuk .items .item {color: #333228; font-size: 13px; font-size: 1.3rem; margin: 0 0 20px 0;} .in-the-know .content-external .i-love-mcuk .items .item:last-child {margin: 0;} .in-the-know .content-external .i-love-mcuk .items .item a {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .in-the-know .content-external .i-love-mcuk .items .item a:hover, .in-the-know .content-external .i-love-mcuk .items .item a:focus {border-bottom: 1px solid transparent; color: #000;} @media only screen and (min-width : 600px) { .in-the-know section.content-external {background: url(../images/structure/background.jpg) center bottom no-repeat; background: url(../images/structure/background.jpg) center bottom no-repeat, url(../images/structure/background-tile.png) center bottom repeat-x; padding: 35px 0 475px 0;} .in-the-know .content-primary {background: #EAEBE9; padding: 125px 0 10px 0;} .in-the-know .content-social-media {background: #333228; padding: 0;} .in-the-know .content-social-media h3 {padding: 15px 0 0 0;} .in-the-know .content-social-media .modules .responsive-carousel {padding: 0; width: 512px;} .in-the-know .content-social-media .modules .items .item {margin: 0 25px 0 0!important;} .in-the-know .content-social-media .modules .responsive-navigation .prev {left: -40px;} .in-the-know .content-social-media .modules .responsive-navigation .prev .icon {padding: 0 2px 0 0; width: 26px;} .in-the-know .content-social-media .modules .responsive-navigation .next {right: -40px;} .in-the-know .content-primary .modules .signup {margin: 5px 0 20px 0;} } @media only screen and (min-width : 1000px) { .in-the-know section.content-external .watch-youtube {float: left; width: 487px;} .in-the-know section.content-external .i-love-mcuk {float: right; width: 487px;} .in-the-know .content-social-media .modules .responsive-carousel {padding: 0; width: 1000px;} .in-the-know .content-social-media .modules .responsive-navigation {display: none;} .in-the-know .content-social-media .modules .items {left: 0!important;} .in-the-know .content-social-media .modules .items .item {margin: 0 25px 0 0;} .in-the-know .content-primary .modules .items .item {margin: 0 25px 25px 0;} .in-the-know .content-primary .modules .items .item-end {margin: 0 0 25px 0;} } /* -------------------------------------------------------------- Press Releases -------------------------------------------------------------- */ .content-primary .full-width .navigation {font-size: 14px; font-size: 1.4rem; margin: 0 0 25px 0; padding: 0 15px;} .content-primary .full-width .navigation fieldset {background: #DEDEDD; float: none; min-height: 30px; padding: 5px 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:background 180ms ease-in-out;} .lt-ie9 .content-primary .full-width .navigation fieldset {background: none;} .content-primary .full-width .navigation fieldset.active {background: #333228; color: #DEDEDD;} .content-primary .full-width .navigation label {float: left; font-weight: bold; margin: 0 10px 0 0;} .content-primary .full-width .navigation select {float: left; position: relative; margin: 1px 0 0 0;} .content-primary .full-width .navigation .pagination {float: left; margin: 20px 0 0 0;} .content-primary .full-width .navigation a {background: #DEDEDD; color: #333228; display: block; height: 30px; line-height: 1.3; text-align: center; width: 38px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .lt-ie8 .content-primary .full-width .navigation a {} .content-primary .full-width .navigation a:hover, .content-primary .full-width .navigation a:focus, .content-primary .full-width .navigation a.active {background: #333228; color: #DEDEDD;} .content-primary .full-width .navigation .pagination a .icon {display: block; font-size: 28px; line-height: 1.2; text-align: center;} .content-primary .full-width .navigation .view-all {display: inline-block; float: left; font-weight: bold; padding: 5px 15px; margin: 0 10px 0 0; width: auto;} .lt-ie8 .content-primary .full-width .navigation .view-all {background: none; text-decoration: underline;} .lt-ie8 .content-primary .full-width .navigation .view-all:hover, .lt-ie8 .content-primary .full-width .navigation .view-all:focus {color: #000; text-decoration: none;} .content-primary .full-width .navigation .pagination .prev, .content-primary .full-width .navigation .pagination .next {float: left; margin: 0 5px 0 0;} .content-primary .full-width .navigation .pagination .next {margin: 0;} .content-primary .full-width .navigation .pagination .pages {float: left; overflow: hidden;} .content-primary .full-width .navigation .pagination .pages .page {float: left; margin: 0 5px 0 0;} .content-primary .full-width .navigation .pagination .pages .page a {display: block; padding: 6px 0 0 0; text-align: center;} .lt-ie8 .content-primary .full-width .navigation .pagination .pages .page a {line-height: 30px; padding: 0;} @media only screen and (min-width : 600px) { .content-primary .full-width .navigation fieldset {height: 30px;} .content-primary .full-width .navigation {margin: 0 auto 25px; padding: 0; width: 485px;} .content-primary .full-width .navigation fieldset {float: left;} .content-primary .full-width .navigation .pagination {float: right; margin: 0;} .whats-on .content-primary .full-width .navigation .pagination {float: left; margin: 20px 0 0 0;} } @media only screen and (min-width : 1000px) { .content-primary .full-width .navigation {margin: 0 0 20px 0; padding: 0; width: 100%;} .content-primary .full-width .navigation h3 {float: left;} .content-primary .full-width .navigation .pagination, .whats-on .content-primary .full-width .navigation .pagination {float: right; margin: 0;} } /* -------------------------------------------------------------- Occupiers Directory -------------------------------------------------------------- */ .occupiers-directory {} .occupiers-directory .content-primary .full-width .navigation {background: #FFF; margin: 0 auto; padding: 25px; width: auto;} .occupiers-directory .content-primary .full-width .navigation-bottom {margin: 0 0 30px 0;} .occupiers-directory .content-primary .full-width .navigation .search-options {border-bottom: 1px solid #333228; margin: 0 0 25px 0; padding: 0 0 25px 0;} .occupiers-directory .content-primary .full-width .navigation .industry-search {display: none;} .occupiers-directory .content-primary .full-width .navigation .az-search {display: none;} .occupiers-directory .content-primary .full-width .navigation .location-search {display: none;} .occupiers-directory .content-primary .full-width .navigation .az-search .letters {overflow: hidden;} .occupiers-directory .content-primary .full-width .navigation .az-search .letter {border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; float: left; width: 38px;} .occupiers-directory .content-primary .full-width .navigation .az-search .letter a {display: block; line-height: 2.2; text-align: center; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .occupiers-directory .content-primary .full-width .filter-options {padding: 0 15px;} .occupiers-directory .content-primary .full-width .filter-options .option {float: left; width: 31%;} .occupiers-directory .content-primary .full-width .filter-options .option a {background: #E6E7E8; color: #333228; display: block; font-size: 16px; font-size: 1.6rem; height: 40px; line-height: 1; padding: 5px 10px; -webkit-transition:background 180ms ease-in-out, color 180ms ease-in-out; -moz-transition:background 180ms ease-in-out, color 180ms ease-in-out; -o-transition:background 180ms ease-in-out, color 180ms ease-in-out; transition:background 180ms ease-in-out, color 180ms ease-in-out;} .occupiers-directory .content-primary .full-width .filter-options .option a.active, .occupiers-directory .content-primary .full-width .filter-options .option a:hover, .occupiers-directory .content-primary .full-width .filter-options .option a:focus {background: #FFF; color: #EE3C39;} .occupiers-directory .content-primary .modules {background: #FFF; width: auto;} .occupiers-directory .content-primary .modules .items {background: #FFF; margin: 0; padding: 10px;} .occupiers-directory .modules .items .item {background: #F1F2F2; margin: 0 0 10px 0;} .occupiers-directory .modules .items .item .sectors {position: absolute; bottom: 10px; left: 0; overflow: hidden; padding: 0 16px;} .occupiers-directory .modules .items .item .sectors li {color: #95A3AB; float: left; margin: 0 5px 0 0;} .occupiers-directory .modules .items .item .copy {background: transparent; margin: 0; overflow: hidden; padding: 15px;} .occupiers-directory .modules .items .item .copy img {float: left; padding: 0 15px 0 0;} .occupiers-directory .modules .items .item .copy h4 {color: #EE3C39;} .occupiers-directory .modules .items .item .copy a.view-information {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .occupiers-directory .modules .items .item .copy a.view-information:hover, .occupiers-directory .modules .items .item .copy a.view-information:focus {border-bottom: 1px solid transparent;} .occupiers-directory .modules .items .item .address {background: #FFF; border: 2px solid #F1F2F2; overflow: hidden; padding: 10px 15px 70px;} .occupiers-directory .modules .items .item .address p {font-size: 13px; font-size: 1.3rem;} .occupiers-directory .modules .items .item .address p b {color: #EE3C39;} .occupiers-directory .modules .items .item .address p a {border-bottom: 1px solid #333228; color: #333228; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .occupiers-directory .modules .items .item .address p a:hover, .occupiers-directory .modules .items .item .address p a:focus {border-bottom: 1px solid transparent; color: #EE3C39;} @media only screen and (min-width : 480px) { .occupiers-directory .content-primary .full-width .filter-options {padding: 0;} .occupiers-directory .content-primary .full-width .filter-options .option {margin: 0 5px 0 0; width: auto;} .occupiers-directory .content-primary .full-width .filter-options .option a {font-size: 20px; font-size: 2.0rem; line-height: 2;} .occupiers-directory .modules .items .item .address {padding: 10px 15px 50px;} } @media only screen and (min-width : 600px) { .occupiers-directory .content-primary .full-width .navigation .az-search .letter {width: 10%;} .occupiers-directory .content-primary .full-width .navigation {padding: 25px 10px;} .occupiers-directory .content-primary .modules {background: transparent;} .occupiers-directory .modules .items .item {margin: 0 0 25px 0;} .occupiers-directory .modules .items .item .sectors {background: #FFF; display: block; position: static; margin: 0; padding: 0;} .occupiers-directory .modules .items .item .sectors .sector {background: #EE3C39; color: #FFF; float: left; font-size: 13px; font-size: 1.3rem; height: 28px; line-height: 2.2; margin: 0 5px 0 0; padding: 0 10px; text-align: center;} .occupiers-directory .modules .items .item .copy .view-information {display: none;} .occupiers-directory .modules .items .item .address {padding: 10px 15px 20px;} } @media only screen and (min-width : 1000px) { .occupiers-directory .content-primary .full-width .navigation .az-search .letter {width: 3.846%;} .occupiers-directory .content-primary .full-width .navigation {background: #FFF; margin: 0; padding: 25px 10px;} .occupiers-directory .modules .items .item .address p {float: left; margin: 0 10px 0 0;} } /* -------------------------------------------------------------- Site Map -------------------------------------------------------------- */ .site-map .content-primary .welcome .links {margin: 30px 0 0 0;} .site-map .content-primary .welcome .links .link {margin: 0 0 20px 0;} .site-map .content-primary .welcome .links .link a {border-bottom: 1px solid #333228; color: #333228; font-size: 16px; font-size: 1.6rem; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .site-map .content-primary .welcome .links .link .sub-links {margin: 0; padding: 0 0 0 25px;} .site-map .content-primary .welcome .links .link .sub-links .link {margin: 2px 0 0 0;} .site-map .content-primary .welcome .links .link-space .sub-links .link {color: #8BC540;} .site-map .content-primary .welcome .links .link-living .sub-links .link {color: #F79838;} .site-map .content-primary .welcome .links .link-occupiers .sub-links .link {color: #EE3C39;} .site-map .content-primary .welcome .links .link-studios .sub-links .link {color: #0398CC;} .site-map .content-primary .welcome .links .link-talent .sub-links .link {color: #ED3C95;} .site-map .content-primary .welcome .links .link-destination .sub-links .link {color: #7580BE;} .site-map .content-primary .welcome .links .link-news .sub-links .link {color: #333228;} .site-map .content-primary .welcome .links .link .sub-links .link:before {content: "-"; position: relative; left: -5px;} .site-map .content-primary .welcome .links .link-space > a {border-bottom: 1px solid #8BC540; color: #8BC540;} .site-map .content-primary .welcome .links .link-living > a {border-bottom: 1px solid #F79838; color: #F79838;} .site-map .content-primary .welcome .links .link-occupiers > a {border-bottom: 1px solid #EE3C39; color: #EE3C39;} .site-map .content-primary .welcome .links .link-studios > a {border-bottom: 1px solid #0398CC; color: #0398CC;} .site-map .content-primary .welcome .links .link-talent > a {border-bottom: 1px solid #ED3C95; color: #ED3C95;} .site-map .content-primary .welcome .links .link-destination > a {border-bottom: 1px solid #7580BE; color: #7580BE;} .site-map .content-primary .welcome .links .link-news > a {border-bottom: 1px solid #333228; color: #333228;} .site-map .content-primary .welcome .links .link a:hover, .site-map .content-primary .welcome .links .link a:focus {border-bottom: 1px solid transparent; color: #000;} /* -------------------------------------------------------------- Sign up to enews -------------------------------------------------------------- */ .enews-signup {font-size: 13px; font-size: 1.3rem; margin: 20px 0 40px 0;} .enews-signup .row {overflow: hidden;} .enews-signup .text {margin: 0 0 10px 0;} .enews-signup .text label {float: left; padding: 5px 0 0 0; width: 100px;} .enews-signup .text input[type=text], .enews-signup .text input[type=email] {background: #FFF; border: 1px solid #94A2AA; float: left; height: 28px; padding: 0 10px; width: 200px;} .enews-signup .text textarea {background: #FFF; border: 1px solid #94A2AA; float: left; height: 150px; padding: 10px; resize: none; width: 200px;} .enews-signup .text select {width: 200px;} .enews-signup .text .error-message {color: #EE3C39; font-size: 13px; font-size: 1.3rem; float: left; margin: 10px 0 0 0; text-transform: uppercase;;} .contact-us .text .error-message {margin: 0; width: 100%;} .enews-signup ul li a{ color: #333228; text-decoration: underline; } .enews-signup ul li a:Hover{ text-decoration: none; } .enews-signup .checkbox {margin: 0 0 10px 0;} .enews-signup .checkbox-1 {margin: 40px 0 10px 0;} .enews-signup .checkbox label {} .enews-signup .checkbox input[type=checkbox] {float: left; height: 18px; margin: 1px 10px 0 0; width: 18px;} .enews-signup .btn-submit {margin: 30px 0 0 0;} .enews-signup .btn-submit .submit {background: #FFDD00; color: #333228; display: block; font-size: 13px; font-size: 1.3rem; float: left; line-height: 2.2; overflow: hidden; padding: 0 0 0 5px; position: relative;} .enews-signup .btn-submit .submit .icon {background: #333228; display: block; float: right; color: #FFF; font-size: 28px; height: 28px; line-height: 1; margin: 0 0 0 10px; text-align: center; visibility: visible; width: 28px; -webkit-transition:background-color 180ms ease-in-out; -moz-transition:background-color 180ms ease-in-out; -o-transition:background-color 180ms ease-in-out; transition:background-color 180ms ease-in-out;} .enews-signup .btn-submit .submit:hover .icon, .enews-signup .btn-submit .submit:focus .icon {background: #95A3AB;} @media only screen and (min-width : 600px) { .enews-signup .text textarea {width: 400px;} .contact-us .text .error-message {padding: 0 0 0 100px;} } /* -------------------------------------------------------------- Facebook Feed -------------------------------------------------------------- */ .facebook-feed {border-bottom: 1px solid #333228; padding: 0; margin: 0 auto 25px; width: 230px;} .facebook-feed h3 {margin: 0 0 25px 0;} .facebook-feed h3 a {color: #FFF; font-size: 0px;} .facebook-feed h3 a:after {color: #333228; content: "Our Facebook page"; font-size: 20px; font-size: 2.0rem; visibility: visible;} .facebook-feed h3 .icon {background: #333228; color: #FFF; float: left; font-size: 28px; height: 30px; line-height: 1.3; margin: 0 10px 0 0; text-align: center; width: 30px; visibility: visible; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .lt-ie8 .facebook-feed h3 .icon {line-height: 1.1;} .facebook-feed h3 a:hover .icon, .facebook-feed h3 a:focus .icon {background: #95A3AB;} .facebook-feed .facebook-feed-data {display: none;} .facebook-feed .facebook-feed-data * {width: 100%!important;} #fb-root {display: none;} @media only screen and (min-width : 600px) { .facebook-feed {border: none; padding: 0; width: 485px;} .facebook-feed .facebook-feed-data {display: block;} .facebook-feed h3 a {color: #333228; font-size: 20px; font-size: 2.0rem;} .facebook-feed h3 a:after {content: "";} #fb-root {display: block;} } @media only screen and (min-width : 1000px) { .facebook-feed {float: left; margin: 0; width: 485px;} } /* -------------------------------------------------------------- Overlay -------------------------------------------------------------- */ #Overlay {background: #333228; background: rgba(33, 32, 28, 0.98); display: none; position: fixed; top: 0; left: 0; height: 100%; padding: 100px 0 0 0; width: 100%; z-index: 1000;} #Overlay .email-brochure {padding: 0 20px; } #Overlay .email-brochure header {height: 32px; overflow: hidden;} #Overlay .email-brochure header h3 {background: #8BC540; color: #FFF; float: left; height: 32px; line-height: 1; padding: 0 40px 0 0;} #Overlay .email-brochure header h3 .icon {font-size: 32px; line-height: 1; padding: 0 0 0 5px;} #Overlay .email-brochure header .brochure-close {background: #8BC540; color: #FFF; display: block; float: right; height: 32px; width: 28px; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} #Overlay .email-brochure header .brochure-close .icon {color: #FFF; font-size: 28px; line-height: 1.35;} #Overlay .email-brochure header .brochure-close:hover, #Overlay .email-brochure header .brochure-close:focus {background: #95A3AB;} #Overlay .email-brochure p {background: #FFF; color: #333228; font-size: 13px; font-size: 1.3rem; padding: 35px 20px 20px;} #Overlay .email-brochure p b {font-weight: bold;} #Overlay .email-brochure .form-email {background: #FFF; padding: 0 20px 20px; position: relative;} #Overlay .email-brochure .form-email .row {overflow: hidden;} #Overlay .email-brochure .form-email .row label {display: block; font-size: 13px; font-size: 1.3rem;} #Overlay .email-brochure .form-email .row input {background: #FFF; border: 1px solid #94A2AA; height: 26px; margin: 0 0 10px; padding: 0 10px; width: 200px;} #Overlay .email-brochure .form-email .submit {margin: 25px 0 0 0; overflow: hidden;} #Overlay .email-brochure .form-email .submit input {background: #8BC540; color: #FFF; display: inline-block; float: left; font-size: 13px; font-size: 1.3rem; height: 28px; line-height: 2.2; margin: 0; padding: 0 10px; border: none;} #Overlay .email-brochure .form-email .submit .icon {background: #333228; color: #FFF; font-size: 28px; float: left; height: 28px; line-height: 1; width: 28px; visibility: visible; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} #Overlay .email-brochure .form-email .submit:hover .icon {background: #95A3AB;} #Overlay .email-brochure .form-email .submit input:hover {cursor: pointer;} #Overlay .email-brochure .form-email .brochure-links{ font-size: 12px; } #Overlay .email-brochure .form-email .brochure-links b{ display: block; font-weight: bold; margin-bottom: 7px; } #Overlay .email-brochure .form-email .brochure-links a{ font-size: 12px; color: #333227; } #Overlay .email-brochure .form-email .brochure-links a:Hover{ text-decoration: underline; } #Overlay .email-brochure .form-email .wait{ position: absolute; top: 0; left: 0; background: url(../images/structure/loader.gif) no-repeat center 34px rgba(255,255,255,1); width: 100%; height: 100%; color: #8BC540; font-size: 18px; padding: 101px 20px 0; text-align: center; } #Overlay .email-brochure .form-email input.error{ border: solid 1px red; } @media only screen and (min-width : 600px) { #Overlay .email-brochure .form-email .row label {clear: left; float: left; padding: 5px 0 0 0; width: 140px;} #Overlay .email-brochure .form-email .row input {float: left;} } @media only screen and (min-width : 1000px) { #Overlay {padding: 125px 0 0 0;} #Overlay .email-brochure {padding: 0; margin: 0 auto; width: 760px;} #Overlay .email-brochure .form-email .row label {clear: none;} #Overlay .email-brochure .form-email .row input {margin: 0 20px 10px 0;} } /* -------------------------------------------------------------- Footer -------------------------------------------------------------- */ .footer-primary {background: #23231B; padding: 35px 20px; position: relative; z-index: 10; -webkit-font-smoothing: antialiased;} .footer-primary .links {position: relative;} .footer-primary .links .quick-links {float: left; width: 50%;} .footer-primary .links .find-out-more-links {float: left; width: 50%;} .footer-primary h5 {color: #FFF; font-weight: bold; margin: 0 0 20px 0;} .footer-primary .links a {border-bottom: 1px solid #C3C6CE; color: #C3C6CE; font-size: 14px; font-size: 1.4rem; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .footer-primary .links a:hover, .footer-primary .links a:focus {border-bottom: 1px solid #23231B; color: #FFF;} .footer-primary .links .other-links {float: left; margin: 35px 0 0 0; position: relative; width: 100%;} .footer-primary .links .other-links .item {margin: 0 0 15px 0;} .footer-primary .links .other-links .item a {background: #FFF; color: #333228; display: block; font-size: 14px; font-size: 1.4rem; height: 30px; line-height: 2; padding: 0 10px; width: 160px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .lt-ie8 .footer-primary .links .other-links .item a {line-height: 48px;} .footer-primary .links .other-links .item a .icon {background: transparent!important; color: #333228; display: block; float: left; font-size: 30px; line-height: 1; position: relative; width: 30px;} .footer-primary .links .other-links .item a:hover, .footer-primary .links .other-links .item a:focus, .footer-primary .links .other-links .item a:hover .icon, .footer-primary .links .other-links .item a:focus .icon {background: #95A3AB; color: #FFF!important;} .footer-primary .links .other-links .top {position: absolute; top: 0; left: 177px; width: 80px;} .footer-primary .links .other-links .top a {border-bottom: none; color: #808285; display: block; font-weight: bold; font-size: 13px; font-size: 1.3rem; text-align: center;} .footer-primary .links .other-links .top a .icon {background: #808285; color: #23231A; display: block; height: 28px; font-size: 28px; line-height: 1; margin: 0 auto 5px; width: 28px; visibility: visible; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;} .footer-primary .links .social-links {float: left; margin: 10px 0; overflow: hidden;} .footer-primary .links .social-links .item {float: left; margin: 0 10px 0 0;} .footer-primary .links .social-links .item:last-child {margin: 0;} .footer-primary .links .social-links .item-end {margin: 0;} .footer-primary .links .social-links .item a {background: #FFF; color: #333228; display: block; font-size: 14px; font-size: 1.4rem; height: 30px; line-height: 2; padding: 1px 0 0 1px; text-indent: -9999px; width: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .footer-primary .links .social-links .item a .icon {color: #333228; display: block; float: left; font-size: 28px; line-height: 1; position: relative; text-indent: 0; width: 30px;} .footer-primary .links .social-links .item a:hover, .footer-primary .links .social-links .item a:focus, .footer-primary .links .social-links .item a:hover .icon, .footer-primary .links .social-links .item a:focus .icon {background: #95A3AB; color: #FFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .footer-primary .contact-details .vcard {color: #C3C6CE; font-size: 14px;} .footer-primary .contact-details .vcard h5 {margin: 0 0 5px 0;} .footer-primary .contact-details .vcard a {border-bottom: 1px solid #C3C6CE; color: #C3C6CE; font-size: 14px; font-size: 1.4rem; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .footer-primary .contact-details .vcard a.tel {border-bottom: 1px solid #23231B;} .footer-primary .contact-details .vcard a:hover, .footer-primary .contact-details .vcard a:focus {border-bottom: 1px solid #23231B; color: #FFF;} .footer-primary .additional-information {border-top: 1px solid #94A2AA; margin: 20px 0 0; padding: 20px 0 0;} .footer-primary .additional-information .additional-links {color: #C3C6CE; float: left; font-size: 11px; font-size: 1.1rem;} .footer-primary .additional-information .additional-links .items {margin: 0 0 20px 0;} .footer-primary .additional-information .additional-links .item {margin: 0 0 5px 0;} .footer-primary .additional-information .additional-links a {border-bottom: 1px solid #C3C6CE; color: #C3C6CE; text-transform: uppercase; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .footer-primary .additional-information .additional-links a:hover, .footer-primary .additional-information .additional-links a:focus {border-bottom: 1px solid #23231B; color: #FFF;} .footer-primary .additional-information .additional-links p, .footer-primary .additional-information .additional-links p a {color: #727263;} .footer-primary .additional-information .additional-links p a {border-bottom: 1px solid #727263; -webkit-transition:all 180ms ease-in-out; -moz-transition:all 180ms ease-in-out; -o-transition:all 180ms ease-in-out; transition:all 180ms ease-in-out;} .footer-primary .additional-information .additional-links a:hover, .footer-primary .additional-information .additional-links a:focus {border-bottom: 1px solid #23231B; color: #FFF;} .footer-primary .additional-information .copyright {color: #C3C6CE; float: right; font-size: 11px; font-size: 1.1rem;} .footer-primary .additional-information .copyright .items {text-align: right;} .footer-primary .additional-information .copyright .items .item a {display: block; margin: 0 0 52px 0;} @media only screen and (min-width : 600px) { .footer-primary .links .quick-links {float: left; width: 120px;} .footer-primary .links .find-out-more-links {float: left; width: 120px;} .footer-primary .links .other-links {margin: 0; position: absolute; right: 0; top: 0; width: 160px;} .lt-ie8 .footer-primary .links .other-links {right: 20px;} .footer-primary .links .social-links {position: absolute; right: 0; top: 90px;} .footer-primary .contact-details {margin: 45px 0 0 0; position: relative; text-align: right; z-index: 10;} .footer-primary .additional-information .additional-links .item {border-right: 1px solid #94A3AA; float: left; margin: 0 15px 0 0; padding: 5px 15px 5px 0;} .footer-primary .additional-information .additional-links .item:last-child {border: none;} .footer-primary .additional-information .additional-links .items {margin: 0 0 25px 0;} .footer-primary .additional-information .copyright .items .item a {margin: 0 0 5px 0;} .footer-primary .links .other-links .top {left: auto; right: 177px;} } @media only screen and (min-width : 1000px) { .footer-primary {padding: 35px 0;} .footer-primary .additional-information .copyright .items .item {float: right;} .footer-primary .additional-information .copyright .items .item-copyright {border-right: 1px solid #94A3AA; float: left; margin: 0 15px 0 0; padding: 5px 15px 5px 0;} .footer-primary .contact-details {float: right; margin: -66px 0 0 0;} .footer-primary .links .other-links .top {display: none;} } /* -------------------------------------------------------------- Tertiary Content -------------------------------------------------------------- */ .content-tertiary {display: none;} .lt-ie9 .content-tertiary {display: none;} @media only screen and (min-width : 1630px) { .content-tertiary {display: block;} .content-tertiary article {top: 75px; position: absolute; width: 231px;} .content-tertiary .content {color: #FFF;} .content-tertiary .content-1 {background: #8BC540; float: left; left: 50%; margin: 150px 0 0 -800px;} .content-tertiary .content-2 {background: #8BC540; float: right; margin: 740px -800px 0 0; right: 50%;} .content-tertiary .content-space {background: #8BC540;} .content-tertiary .content-living {background: #F79838;} .content-tertiary .content-occupiers {background: #EC1B2D;} .content-tertiary .content-studios {background: #0398CC;} .content-tertiary .content-talent {background: #ED3C95;} .content-tertiary .content-destination {background: #7580BE;} .content-tertiary .content-news {background: #FFDD00;} .content-tertiary .content header {background: #333228; padding: 10px 15px;} .content-tertiary .content h2 {color: #FFF; line-height: 1.2; -webkit-font-smoothing: antialiased;} .content-tertiary .content .image {display: block; height: 159px; width: 100%;} .content-tertiary .content p {color: #FFF; font-size: 13px; font-size: 1.3rem; margin: 10px 0 0 0; padding: 0 15px;} .content-tertiary .content a {display: block;} .content-tertiary .content a .icon {background: #333228; color: #FFF; display: block; height: 28px; margin: 10px 0 0 0; width: 28px; visibility: visible; -webkit-transition:background 180ms ease-in-out; -moz-transition:background 180ms ease-in-out; -o-transition:background 180ms ease-in-out; transition:background 180ms ease-in-out;} .content-tertiary .content a .icon {font-size: 28px; line-height: 1;} .content-tertiary .content a:hover .icon, .content-tertiary .content a:focus .icon {background: #95A3AB;} .content-tertiary .tweet-1 {float: left; left: 50%; margin: 675px 0 0 -800px;} .content-tertiary .tweet-2 {background: url(../images/structure/background-tertiary-tweet.png) -15px 0 no-repeat; float: right; margin: 125px -800px 0 0; padding: 245px 0 0 0; right: 50%;} .content-tertiary .twitter-feed .tweets .tweet {display: none;} .content-tertiary .twitter-feed .tweets .tweet-2 {padding: 0;} .content-tertiary .content-case-studies {height: 323px; float: left; left: 50%; margin: 975px 0 0 -800px; overflow: hidden; width: 256px;} .content-tertiary .content-case-studies .carousel-container {position: relative;} .content-tertiary .content-case-studies .items {height: 323px; width: 256px;} .content-tertiary .content-case-studies .item {float: left; height: 323px; width: 256px;} .content-tertiary .content-case-studies a.prev {position: absolute; bottom: 45px; left: 10px;} .content-tertiary .content-case-studies a.next {position: absolute; bottom: 45px; right: 10px;} .content-tertiary .content-case-studies a.next .icon {padding: 0 2px 0 0; width: 28px;} .content-tertiary .content-case-studies a .icon {background: #FFF; color: #333228; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;} } /* -------------------------------------------------------------- Cookie Message -------------------------------------------------------------- */ .cookie-message .header-primary{ top:100px; } .cookie-message section.content-primary{ padding-top: 165px; } #cookie-info{ position: fixed; left: 0; top: 0; width: 100%; z-index: 100000; background: #fff;} #cookie-info div.group{ position: relative; height: 100px; padding-top: 3px; margin: 0 auto; } #cookie-info p{ line-height: 14px; font-size: 11px; font-size: 1.1rem; color: #333329; float: left; margin-left: 18px; width: 65%; } #cookie-info p a{ /*color: #95A3AB;*/color: #333329; text-decoration: underline; } #cookie-info p a:hover{ text-decoration: none; } #cookie-info div.choice{ float: left; margin-left: 87px; } #cookie-info div.choice label{ margin-left: 20px; } #cookie-info div.group a.close { position: absolute; top: 3px; right: 3px; background: #6C6C65; color: #fff; } #cookie-info div.group a.close span.text{ padding: 5px 31px 5px 8px; font-size: 13px; line-height: 29px; } #cookie-info div.group a.close span.icon{ background: #000; font-size: 24px; position: absolute; top: 0; right: 0; } @media only screen and (min-width : 320px){ .cookie-message .header-primary{ top:110px; } #cookie-info div.group{ height: 110px; } .cookie-message section.content-primary{ padding-top: 205px; } } @media only screen and (min-width : 380px){ .cookie-message .header-primary{ top:65px; } #cookie-info div.group{ height: 65px; } .cookie-message section.content-primary{ padding-top: 160px; } } @media only screen and (min-width : 768px) { .cookie-message .header-primary{ top:50px; } #cookie-info div.group{ width: 98%; height: 50px; } #cookie-info p{ margin-left: 0; } #cookie-info div.group a.close{ right: 0; } } @media only screen and (min-width : 1000px) { .cookie-message .header-primary{ top:35px; } #cookie-info div.group{ height: 35px; } #cookie-info div.group{ width: 1000px; } } /* -------------------------------------------------------------- The Pitch Booking -------------------------------------------------------------- */ .the-pitch .content-primary iframe{ display:block; margin: auto; } .the-pitch .content-primary .mobile{ display: block; padding-bottom: 20px; } .the-pitch .content-primary .tablet{ display: none; } .the-pitch .content-primary .desktop{ display: none; } @media only screen and (min-width : 600px) { .the-pitch .content-primary .mobile{ display: none; } .the-pitch .content-primary .tablet{ display: block; } .the-pitch .content-primary .desktop{ display: none; } } @media only screen and (min-width : 1000px) { .the-pitch .content-primary .mobile{ display: none; } .the-pitch .content-primary .tablet{ display: none; } .the-pitch .content-primary .desktop{ display: block; } } /* -------------------------------------------------------------- Media Queries -------------------------------------------------------------- */ @media only screen and (min-width : 320px) { .content-primary .explore .items .item {margin: 0 auto 43px auto; width: 320px;} .offices .content-primary .welcome {padding: 0 56px 0 20px;} } @media only screen and (min-width : 600px) { .content-primary {background: url(../images/structure/background.jpg) center bottom no-repeat; background: url(../images/structure/background.jpg) center bottom no-repeat, url(../images/structure/background-tile.png) center bottom repeat-x; min-height: 400px; padding: 125px 0 475px 0;} .content-primary .container {margin: 0 auto; width: 550px;} /* Welcome */ .content-primary .welcome {margin: -15px 0 35px 0; padding: 0;} .offices .content-primary .welcome {padding: 0 46px 0 0;} /* Getting Here */ .content-primary .getting-here {margin: 35px 0 30px; padding: 0;} .content-primary .getting-here .copy {float: left; height: 236px; width: 275px;} .content-primary .getting-here .image {float: left; height: 240px; overflow: hidden; width: 275px;} .content-primary .getting-here .image img {max-width: 745px; position: relative; left: -220px; width: 745px;} .content-primary .getting-here .btn {bottom: 4px; left: 0;} /* I am MediaCity */ .content-primary .i-am-mediacity {margin: 0 0 25px 0; padding: 0;} .content-primary .i-am-mediacity .secondary .item a img {width: 385px;} /* Experience */ .content-primary .experience {} .content-primary .experience h1 {padding: 0;} /* Full width carousel */ .content-primary .full-width-carousel h3 {padding: 0 15px;} .content-primary .full-width-carousel .responsive-carousel {width: 458px;} .content-primary .full-width-carousel .carousel-container {margin: 0 0 0 20px;} .content-primary .full-width-carousel .carousel-container .responsive-navigation .prev {left: -20px;} /* Slim carousel */ .content-primary .slim-carousel {padding: 0; margin: 0 auto 30px; width: 485px;} .content-primary .slim-carousel header h3 {font-size: 20px; font-size: 2.0rem; padding: 8px 14px 9px;} .lt-ie8 .talent .content-primary .slim-carousel {margin: 20px 0 0 0;} .lt-ie8 .content-primary .slim-carousel .carousel-container {overflow: hidden;} .content-primary .slim-carousel .carousel-container .responsive-carousel {margin: 0 0 0 58px; width: 385px;} .lt-ie8 .content-primary .slim-carousel .carousel-container .responsive-carousel {float: left;} .content-primary .slim-carousel .carousel-container .responsive-navigation .prev {left: 15px;} .content-primary .slim-carousel .carousel-container .responsive-navigation .next {right: 15px;} /* Explore */ .content-primary .explore {margin: 25px 0 0 0;} .content-primary .explore h1 {padding: 0;} .content-primary .explore .items {padding: 0;} .content-primary .explore .items .item {float: left; width: 33.3333%;} .content-primary .explore .items .item a p {bottom: auto; top: 121px;} /* Family */ .content-secondary .family .responsive-carousel {height: 30px; width: 500px;} /* Office Space */ .content-primary .office-space {padding: 0; margin: 0 auto 58px; width: 512px;} .content-primary .office-space .copy .btn {left: 0;} } @media only screen and (min-width : 1000px) { .content-primary .container {margin: 0 auto; width: 1000px;} .form-desktop {display: block; width: 270px;} .lt-ie8 .form-desktop {width: 300px;} .breadcrumb {display: block;} .form-desktop label {background: #333228; color: #FFF; display: block; float: right; height: 28px; margin: 0 5px 0 0; text-align: center; width: 28px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;} .form-desktop label .icon {display: block; font-size: 28px; line-height: 1;} .form-desktop #Search {background: #DEDEDD; border: none; float: right; height: 28px; padding: 0 10px; width: 228px;} .lt-ie8 .form-desktop #Search {line-height: 28px;} /* Welcome */ .content-primary .welcome {padding: 0;} /* Getting Here */ .content-primary .getting-here {padding: 0;} .content-primary .getting-here .copy {width: 250px;} .content-primary .getting-here .image {width: 750px;} .content-primary .getting-here .image img {left: 5px; right: auto;} /* I am MediaCity */ .content-primary .i-am-mediacity {margin: 0 0 35px 0;} .content-primary .i-am-mediacity .slides {float: left; height: 428px; width: 615px;} .content-primary .i-am-mediacity .secondary {float: left;} .content-primary .i-am-mediacity .secondary .item {float: none; height: 214px; overflow: hidden; width: 385px;} .lt-ie8 .content-primary .i-am-mediacity .secondary .item {margin: 0 0 -3px 0;} /* Experience */ .content-primary .experience {} .content-primary .experience header {position: relative;} .content-primary .experience .form-desktop {position: absolute; right: 0; top: 26px;} /* Full width carousel */ .content-primary .full-width-carousel .responsive-carousel {width: 916px;} /* Slim carousel */ .content-primary .slim-carousel {float: left; margin: 0 26px 30px 0; width: 487px;} .content-primary .slim-carousel:last-child {margin: 0 0 30px 0;} .lt-ie9 .content-primary .slim-carousel-end {margin: 0 0 30px 0;} .content-primary .slim-carousel-fullwidth {width: 1000px;} .content-primary .slim-carousel-fullwidth:last-child {/*margin: 20px 0 10px 0;*/} .content-primary .slim-carousel-fullwidth .carousel-container .responsive-carousel {margin: 0 0 0 65px; width: 880px;} .lt-ie8 .content-primary .slim-carousel-fullwidth .carousel-container {overflow: hidden;} .lt-ie8 .content-primary .slim-carousel-fullwidth .carousel-container .responsive-carousel {float: left;} .content-primary .modules .items .item-carousel .slim-carousel .carousel-container .responsive-carousel {margin: 0 0 0 59px; padding: 0 0 37px 0; width: 128px;} .it-8 .content-primary .modules .items .item-carousel .slim-carousel .carousel-container .responsive-carousel {float: left;} /* Explore */ .content-primary .explore {margin: 35px 0 0 0;} .content-primary .explore h1 {padding: 0;} .content-primary .explore .items .item a p {top: auto; bottom: -28px;} /* Family */ .content-secondary .family .responsive-carousel {width: 900px;} /* Office Space */ .content-primary .office-space {width: auto;} .content-primary .office-space .copy-container {background-position: -44px 0; float: left; height: 235px; width: 488px;} .content-primary .office-space .copy .btn {bottom: 0;} .content-primary .office-space .copy-additional {padding: 25px 10px 0 27px;} .lt-ie8 .content-primary .office-space .copy-additional {padding: 25px 0 0 5%; width: 45%;} .content-primary .office-space .copy-additional h4 {font-size: 16px; font-size: 1.6rem; margin: -3px 0 0 5px; position: relative;} .content-primary .office-space .image {float: left; width: 512px;} } @media only screen and (min-width : 1100px) { .content-primary .container-wide {margin: 0 auto; width: 1096px;} }