@charset "UTF-8"; /*! normalize.css v1.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: .67em 0; } h2 { font-size: 1.5em; margin: .83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: .83em; margin: 1.67em 0; } h6 { font-size: .67em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .grabbing { cursor: url(grabbing.png) 8 8,move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } .owl-theme .owl-controls .owl-buttons div { color: #fff; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: .5; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: .5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #fff; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; } .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%,25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%,25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%,25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 200; padding: 20px; box-sizing: border-box; background-color: #000; background-color: rgba(0,0,0,.75); text-align: center; } .blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.05em; } .modal { display: inline-block; vertical-align: middle; position: relative; z-index: 2; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left; } .modal a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=") no-repeat 0 0; } .modal-spinner { display: none; width: 64px; height: 64px; position: fixed; top: 50%; left: 50%; margin-right: -32px; margin-top: -32px; background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: .4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: .25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: .1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px .4em; margin: .5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: .5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: .4em 2.1em .4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaa; background: #fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222; } .ui-widget-content a { color: #222; } .ui-widget-header { border: 1px solid #aaa; background: #ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222; font-weight: bold; } .ui-widget-header a { color: #222; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaa; background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } .ui-widget-overlay { background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } .container:after, .nav:after, .copyright:after, .breadcrumb:after, .hero:after, .tabs:after, .tabs2-container .tabs2:after, .tabs2-container .tabs2 ul:after, .nav-tabs:after, .course-meta:after, .course-meta .meta-item:after, .listing-2:after, .listing-2 ul:after, .listing-2 ul li:after, .listing-4:after, .listing-4 ul:after, .listing-4 ul li:after, .listing-news:after, .teasers-row:after, .teasers-row ul:after, .cf:after, .testimonial:after, .capabilities:after, .capabilities .listing-simple:after, .snapshot:after, .facilities:after, .people ul:after, .people li a:after, .sg-heading:after, .sg-row:after, .colours:after { content: ""; display: table; clear: both; border-spacing: 0; } .parent:before, .parent-tablet-portrait:before, .parent-tablet-landscape:before, .parent-desktop:before, .parent-desktop-wide:before, .parent:after, .parent-tablet-portrait:after, .parent-tablet-landscape:after, .parent-desktop:after, .parent-desktop-wide:after { content: ""; display: table; border-spacing: 0; } .parent:after, .parent-tablet-portrait:after, .parent-tablet-landscape:after, .parent-desktop:after, .parent-desktop-wide:after { clear: both; } .parent, .parent-tablet-portrait, .parent-tablet-landscape, .parent-desktop, .parent-desktop-wide { zoom: 1; } .push-0, .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-tablet-portrait-0, .push-tablet-portrait-1, .push-tablet-portrait-2, .push-tablet-portrait-3, .push-tablet-portrait-4, .push-tablet-portrait-5, .push-tablet-portrait-6, .push-tablet-portrait-7, .push-tablet-portrait-8, .push-tablet-portrait-9, .push-tablet-portrait-10, .push-tablet-portrait-11, .push-tablet-portrait-12, .push-tablet-portrait-13, .push-tablet-portrait-14, .push-tablet-portrait-15, .push-tablet-landscape-0, .push-tablet-landscape-1, .push-tablet-landscape-2, .push-tablet-landscape-3, .push-tablet-landscape-4, .push-tablet-landscape-5, .push-tablet-landscape-6, .push-tablet-landscape-7, .push-tablet-landscape-8, .push-tablet-landscape-9, .push-tablet-landscape-10, .push-tablet-landscape-11, .push-tablet-landscape-12, .push-tablet-landscape-13, .push-tablet-landscape-14, .push-tablet-landscape-15, .push-desktop-0, .push-desktop-1, .push-desktop-2, .push-desktop-3, .push-desktop-4, .push-desktop-5, .push-desktop-6, .push-desktop-7, .push-desktop-8, .push-desktop-9, .push-desktop-10, .push-desktop-11, .push-desktop-12, .push-desktop-13, .push-desktop-14, .push-desktop-15, .push-desktop-wide-0, .push-desktop-wide-1, .push-desktop-wide-2, .push-desktop-wide-3, .push-desktop-wide-4, .push-desktop-wide-5, .push-desktop-wide-6, .push-desktop-wide-7, .push-desktop-wide-8, .push-desktop-wide-9, .push-desktop-wide-10, .push-desktop-wide-11, .push-desktop-wide-12, .push-desktop-wide-13, .push-desktop-wide-14, .push-desktop-wide-15, .pull-0, .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-tablet-portrait-0, .pull-tablet-portrait-1, .pull-tablet-portrait-2, .pull-tablet-portrait-3, .pull-tablet-portrait-4, .pull-tablet-portrait-5, .pull-tablet-portrait-6, .pull-tablet-portrait-7, .pull-tablet-portrait-8, .pull-tablet-portrait-9, .pull-tablet-portrait-10, .pull-tablet-portrait-11, .pull-tablet-portrait-12, .pull-tablet-portrait-13, .pull-tablet-portrait-14, .pull-tablet-portrait-15, .pull-tablet-landscape-0, .pull-tablet-landscape-1, .pull-tablet-landscape-2, .pull-tablet-landscape-3, .pull-tablet-landscape-4, .pull-tablet-landscape-5, .pull-tablet-landscape-6, .pull-tablet-landscape-7, .pull-tablet-landscape-8, .pull-tablet-landscape-9, .pull-tablet-landscape-10, .pull-tablet-landscape-11, .pull-tablet-landscape-12, .pull-tablet-landscape-13, .pull-tablet-landscape-14, .pull-tablet-landscape-15, .pull-desktop-0, .pull-desktop-1, .pull-desktop-2, .pull-desktop-3, .pull-desktop-4, .pull-desktop-5, .pull-desktop-6, .pull-desktop-7, .pull-desktop-8, .pull-desktop-9, .pull-desktop-10, .pull-desktop-11, .pull-desktop-12, .pull-desktop-13, .pull-desktop-14, .pull-desktop-15, .pull-desktop-wide-0, .pull-desktop-wide-1, .pull-desktop-wide-2, .pull-desktop-wide-3, .pull-desktop-wide-4, .pull-desktop-wide-5, .pull-desktop-wide-6, .pull-desktop-wide-7, .pull-desktop-wide-8, .pull-desktop-wide-9, .pull-desktop-wide-10, .pull-desktop-wide-11, .pull-desktop-wide-12, .pull-desktop-wide-13, .pull-desktop-wide-14, .pull-desktop-wide-15 { position: relative; } .container, .nav, .copyright, .breadcrumb, .hero, .tabs, .tabs2-container .tabs2, .tabs2-container .tabs2 ul, .nav-tabs, .course-meta, .course-meta .meta-item, .listing-2, .listing-2 ul, .listing-2 ul li, .listing-4, .listing-4 ul, .listing-4 ul li, .listing-news, .teasers-row, .teasers-row ul, .cf, .testimonial, .capabilities, .capabilities .listing-simple, .snapshot, .facilities, .people ul, .people li a, .sg-heading, .sg-row, .colours { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .parent, .parent-tablet-portrait, .parent-tablet-landscape, .parent-desktop, .parent-desktop-wide { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid-0, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-tablet-portrait-0, .grid-tablet-portrait-1, .grid-tablet-portrait-2, .grid-tablet-portrait-3, .grid-tablet-portrait-4, .grid-tablet-portrait-5, .grid-tablet-portrait-6, .grid-tablet-portrait-7, .grid-tablet-portrait-8, .grid-tablet-portrait-9, .grid-tablet-portrait-10, .grid-tablet-portrait-11, .grid-tablet-portrait-12, .grid-tablet-portrait-13, .grid-tablet-portrait-14, .grid-tablet-portrait-15, .grid-tablet-landscape-0, .grid-tablet-landscape-1, .grid-tablet-landscape-2, .grid-tablet-landscape-3, .grid-tablet-landscape-4, .grid-tablet-landscape-5, .grid-tablet-landscape-6, .grid-tablet-landscape-7, .grid-tablet-landscape-8, .grid-tablet-landscape-9, .grid-tablet-landscape-10, .grid-tablet-landscape-11, .grid-tablet-landscape-12, .grid-tablet-landscape-13, .grid-tablet-landscape-14, .grid-tablet-landscape-15, .grid-desktop-0, .grid-desktop-1, .grid-desktop-2, .grid-desktop-3, .grid-desktop-4, .grid-desktop-5, .grid-desktop-6, .grid-desktop-7, .grid-desktop-8, .grid-desktop-9, .grid-desktop-10, .grid-desktop-11, .grid-desktop-12, .grid-desktop-13, .grid-desktop-14, .grid-desktop-15, .grid-desktop-wide-0, .grid-desktop-wide-1, .grid-desktop-wide-2, .grid-desktop-wide-3, .grid-desktop-wide-4, .grid-desktop-wide-5, .grid-desktop-wide-6, .grid-desktop-wide-7, .grid-desktop-wide-8, .grid-desktop-wide-9, .grid-desktop-wide-10, .grid-desktop-wide-11, .grid-desktop-wide-12, .grid-desktop-wide-13, .grid-desktop-wide-14, .grid-desktop-wide-15 { display: inline-block; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width:400px) { @-ms-viewport { width: device-width; } } #gridle-settings { content: '{ "version" : "1.3.40", "states" : { "retina":{ "query" : "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)", "classes" : false, "name" : "retina", "_gridle" : true }, "tv":{ "query" : "only tv", "classes" : false, "name" : "tv", "_gridle" : true }, "print":{ "query" : "only print", "classes" : false, "name" : "print", "_gridle" : true }, "portrait":{ "query" : "only screen and (orientation: portrait)", "classes" : false, "name" : "portrait", "_gridle" : true }, "landscape":{ "query" : "only screen and (orientation: landscape)", "classes" : false, "name" : "landscape", "_gridle" : true }, "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "15", "gutter-width" : "30px", "direction" : "ltr", "name-multiplicator" : "1", "debug" : false, "debug-show-class-names" : true, "ie7-support" : false, "html-states-classes" : false, "generate-push-classes" : true, "generate-pull-classes" : true, "generate-prefix-classes" : true, "generate-suffix-classes" : true, "generate-helpers-classes" : true, "_gridle" : true }, "tablet-portrait":{ "name" : "tablet-portrait", "min-width" : "481px", "max-width" : null, "query" : "screen and (min-width: 481px)", "classes" : true, "context" : "15", "gutter-width" : "30px", "direction" : "ltr", "name-multiplicator" : "1", "debug" : false, "debug-show-class-names" : true, "ie7-support" : false, "html-states-classes" : false, "generate-push-classes" : true, "generate-pull-classes" : true, "generate-prefix-classes" : true, "generate-suffix-classes" : true, "generate-helpers-classes" : true, "_gridle" : true }, "tablet-landscape":{ "name" : "tablet-landscape", "min-width" : "769px", "max-width" : null, "query" : "screen and (min-width: 769px)", "classes" : true, "context" : "15", "gutter-width" : "30px", "direction" : "ltr", "name-multiplicator" : "1", "debug" : false, "debug-show-class-names" : true, "ie7-support" : false, "html-states-classes" : false, "generate-push-classes" : true, "generate-pull-classes" : true, "generate-prefix-classes" : true, "generate-suffix-classes" : true, "generate-helpers-classes" : true, "_gridle" : true }, "desktop":{ "name" : "desktop", "min-width" : "1025px", "max-width" : null, "query" : "screen and (min-width: 1025px)", "classes" : true, "context" : "15", "gutter-width" : "40px", "direction" : "ltr", "name-multiplicator" : "1", "debug" : false, "debug-show-class-names" : true, "ie7-support" : false, "html-states-classes" : false, "generate-push-classes" : true, "generate-pull-classes" : true, "generate-prefix-classes" : true, "generate-suffix-classes" : true, "generate-helpers-classes" : true, "_gridle" : true }, "desktop-wide":{ "name" : "desktop-wide", "min-width" : "1300px", "max-width" : null, "query" : "screen and (min-width: 1300px)", "classes" : true, "context" : "15", "gutter-width" : "30px", "direction" : "ltr", "name-multiplicator" : "1", "debug" : false, "debug-show-class-names" : true, "ie7-support" : false, "html-states-classes" : false, "generate-push-classes" : true, "generate-pull-classes" : true, "generate-prefix-classes" : true, "generate-suffix-classes" : true, "generate-helpers-classes" : true, "_gridle" : true }} }'; } .grid-0, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-tablet-portrait-0, .grid-tablet-portrait-1, .grid-tablet-portrait-2, .grid-tablet-portrait-3, .grid-tablet-portrait-4, .grid-tablet-portrait-5, .grid-tablet-portrait-6, .grid-tablet-portrait-7, .grid-tablet-portrait-8, .grid-tablet-portrait-9, .grid-tablet-portrait-10, .grid-tablet-portrait-11, .grid-tablet-portrait-12, .grid-tablet-portrait-13, .grid-tablet-portrait-14, .grid-tablet-portrait-15, .grid-tablet-landscape-0, .grid-tablet-landscape-1, .grid-tablet-landscape-2, .grid-tablet-landscape-3, .grid-tablet-landscape-4, .grid-tablet-landscape-5, .grid-tablet-landscape-6, .grid-tablet-landscape-7, .grid-tablet-landscape-8, .grid-tablet-landscape-9, .grid-tablet-landscape-10, .grid-tablet-landscape-11, .grid-tablet-landscape-12, .grid-tablet-landscape-13, .grid-tablet-landscape-14, .grid-tablet-landscape-15, .grid-desktop-0, .grid-desktop-1, .grid-desktop-2, .grid-desktop-3, .grid-desktop-4, .grid-desktop-5, .grid-desktop-6, .grid-desktop-7, .grid-desktop-8, .grid-desktop-9, .grid-desktop-10, .grid-desktop-11, .grid-desktop-12, .grid-desktop-13, .grid-desktop-14, .grid-desktop-15, .grid-desktop-wide-0, .grid-desktop-wide-1, .grid-desktop-wide-2, .grid-desktop-wide-3, .grid-desktop-wide-4, .grid-desktop-wide-5, .grid-desktop-wide-6, .grid-desktop-wide-7, .grid-desktop-wide-8, .grid-desktop-wide-9, .grid-desktop-wide-10, .grid-desktop-wide-11, .grid-desktop-wide-12, .grid-desktop-wide-13, .grid-desktop-wide-14, .grid-desktop-wide-15 { float: left; direction: ltr; padding-left: 15px; padding-right: 15px; } @media screen and (min-width:1025px) { .grid-0, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-tablet-portrait-0, .grid-tablet-portrait-1, .grid-tablet-portrait-2, .grid-tablet-portrait-3, .grid-tablet-portrait-4, .grid-tablet-portrait-5, .grid-tablet-portrait-6, .grid-tablet-portrait-7, .grid-tablet-portrait-8, .grid-tablet-portrait-9, .grid-tablet-portrait-10, .grid-tablet-portrait-11, .grid-tablet-portrait-12, .grid-tablet-portrait-13, .grid-tablet-portrait-14, .grid-tablet-portrait-15, .grid-tablet-landscape-0, .grid-tablet-landscape-1, .grid-tablet-landscape-2, .grid-tablet-landscape-3, .grid-tablet-landscape-4, .grid-tablet-landscape-5, .grid-tablet-landscape-6, .grid-tablet-landscape-7, .grid-tablet-landscape-8, .grid-tablet-landscape-9, .grid-tablet-landscape-10, .grid-tablet-landscape-11, .grid-tablet-landscape-12, .grid-tablet-landscape-13, .grid-tablet-landscape-14, .grid-tablet-landscape-15, .grid-desktop-0, .grid-desktop-1, .grid-desktop-2, .grid-desktop-3, .grid-desktop-4, .grid-desktop-5, .grid-desktop-6, .grid-desktop-7, .grid-desktop-8, .grid-desktop-9, .grid-desktop-10, .grid-desktop-11, .grid-desktop-12, .grid-desktop-13, .grid-desktop-14, .grid-desktop-15, .grid-desktop-wide-0, .grid-desktop-wide-1, .grid-desktop-wide-2, .grid-desktop-wide-3, .grid-desktop-wide-4, .grid-desktop-wide-5, .grid-desktop-wide-6, .grid-desktop-wide-7, .grid-desktop-wide-8, .grid-desktop-wide-9, .grid-desktop-wide-10, .grid-desktop-wide-11, .grid-desktop-wide-12, .grid-desktop-wide-13, .grid-desktop-wide-14, .grid-desktop-wide-15 { padding-left: 20px; padding-right: 20px; } } .grid-0 { width: 0%; } .push-0 { left: 0%; } .pull-0 { right: 0%; } .prefix-0 { margin-left: 0%; } .suffix-0 { margin-right: 0%; } .grid-1 { width: 6.66667%; } .push-1 { left: 6.66667%; } .pull-1 { right: 6.66667%; } .prefix-1 { margin-left: 6.66667%; } .suffix-1 { margin-right: 6.66667%; } .grid-2 { width: 13.33333%; } .push-2 { left: 13.33333%; } .pull-2 { right: 13.33333%; } .prefix-2 { margin-left: 13.33333%; } .suffix-2 { margin-right: 13.33333%; } .grid-3 { width: 20%; } .push-3 { left: 20%; } .pull-3 { right: 20%; } .prefix-3 { margin-left: 20%; } .suffix-3 { margin-right: 20%; } .grid-4 { width: 26.66667%; } .push-4 { left: 26.66667%; } .pull-4 { right: 26.66667%; } .prefix-4 { margin-left: 26.66667%; } .suffix-4 { margin-right: 26.66667%; } .grid-5 { width: 33.33333%; } .push-5 { left: 33.33333%; } .pull-5 { right: 33.33333%; } .prefix-5 { margin-left: 33.33333%; } .suffix-5 { margin-right: 33.33333%; } .grid-6 { width: 40%; } .push-6 { left: 40%; } .pull-6 { right: 40%; } .prefix-6 { margin-left: 40%; } .suffix-6 { margin-right: 40%; } .grid-7 { width: 46.66667%; } .push-7 { left: 46.66667%; } .pull-7 { right: 46.66667%; } .prefix-7 { margin-left: 46.66667%; } .suffix-7 { margin-right: 46.66667%; } .grid-8 { width: 53.33333%; } .push-8 { left: 53.33333%; } .pull-8 { right: 53.33333%; } .prefix-8 { margin-left: 53.33333%; } .suffix-8 { margin-right: 53.33333%; } .grid-9 { width: 60%; } .push-9 { left: 60%; } .pull-9 { right: 60%; } .prefix-9 { margin-left: 60%; } .suffix-9 { margin-right: 60%; } .grid-10 { width: 66.66667%; } .push-10 { left: 66.66667%; } .pull-10 { right: 66.66667%; } .prefix-10 { margin-left: 66.66667%; } .suffix-10 { margin-right: 66.66667%; } .grid-11 { width: 73.33333%; } .push-11 { left: 73.33333%; } .pull-11 { right: 73.33333%; } .prefix-11 { margin-left: 73.33333%; } .suffix-11 { margin-right: 73.33333%; } .grid-12 { width: 80%; } .push-12 { left: 80%; } .pull-12 { right: 80%; } .prefix-12 { margin-left: 80%; } .suffix-12 { margin-right: 80%; } .grid-13 { width: 86.66667%; } .push-13 { left: 86.66667%; } .pull-13 { right: 86.66667%; } .prefix-13 { margin-left: 86.66667%; } .suffix-13 { margin-right: 86.66667%; } .grid-14 { width: 93.33333%; } .push-14 { left: 93.33333%; } .pull-14 { right: 93.33333%; } .prefix-14 { margin-left: 93.33333%; } .suffix-14 { margin-right: 93.33333%; } .grid-15 { width: 100%; } .push-15 { left: 100%; } .pull-15 { right: 100%; } .prefix-15 { margin-left: 100%; } .suffix-15 { margin-right: 100%; } .float-left { float: left; } .float-right { float: right; } .clear { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .no-gutter, .no-margin { padding-left: 0; padding-right: 0; } .no-gutter-left, .no-margin-left { padding-left: 0; } .no-gutter-right, .no-margin-right { padding-right: 0; } .no-gutter-top, .no-margin-top { padding-top: 0; } .no-gutter-bottom, .no-margin-bottom { padding-bottom: 0; } .gutter, .margins { padding-left: 15px; padding-right: 15px; } .gutter-left, .margin-left { padding-left: 15px; } .gutter-right, .margin-right { padding-right: 15px; } .gutter-top, .margin-top { padding-top: 15px; } .gutter-bottom, .margin-bottom { padding-bottom: 15px; } .auto-height { height: inherit; } .centered { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } .parent { padding-left: 0; padding-right: 0; } .vertical-align-middle { font-size: 0; clear: both; } .vertical-align-middle > * { display: inline-block; float: none !important; vertical-align: middle; font-size: 1rem; } .vertical-align-top { font-size: 0; clear: both; } .vertical-align-top > * { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; } .vertical-align-bottom { font-size: 0; clear: both; } .vertical-align-bottom > * { display: inline-block; float: none !important; vertical-align: bottom; font-size: 1rem; } .hide { display: none; } .not-visible { visibility: hidden; } .show { display: block; } .show-inline { display: inline-block; } .visible { visibility: visible; } @media screen and (min-width:481px) { .grid-tablet-portrait-0 { width: 0%; } .push-tablet-portrait-0 { left: 0%; } .pull-tablet-portrait-0 { right: 0%; } .prefix-tablet-portrait-0 { margin-left: 0%; } .suffix-tablet-portrait-0 { margin-right: 0%; } .grid-tablet-portrait-1 { width: 6.66667%; } .push-tablet-portrait-1 { left: 6.66667%; } .pull-tablet-portrait-1 { right: 6.66667%; } .prefix-tablet-portrait-1 { margin-left: 6.66667%; } .suffix-tablet-portrait-1 { margin-right: 6.66667%; } .grid-tablet-portrait-2 { width: 13.33333%; } .push-tablet-portrait-2 { left: 13.33333%; } .pull-tablet-portrait-2 { right: 13.33333%; } .prefix-tablet-portrait-2 { margin-left: 13.33333%; } .suffix-tablet-portrait-2 { margin-right: 13.33333%; } .grid-tablet-portrait-3 { width: 20%; } .push-tablet-portrait-3 { left: 20%; } .pull-tablet-portrait-3 { right: 20%; } .prefix-tablet-portrait-3 { margin-left: 20%; } .suffix-tablet-portrait-3 { margin-right: 20%; } .grid-tablet-portrait-4 { width: 26.66667%; } .push-tablet-portrait-4 { left: 26.66667%; } .pull-tablet-portrait-4 { right: 26.66667%; } .prefix-tablet-portrait-4 { margin-left: 26.66667%; } .suffix-tablet-portrait-4 { margin-right: 26.66667%; } .grid-tablet-portrait-5 { width: 33.33333%; } .push-tablet-portrait-5 { left: 33.33333%; } .pull-tablet-portrait-5 { right: 33.33333%; } .prefix-tablet-portrait-5 { margin-left: 33.33333%; } .suffix-tablet-portrait-5 { margin-right: 33.33333%; } .grid-tablet-portrait-6 { width: 40%; } .push-tablet-portrait-6 { left: 40%; } .pull-tablet-portrait-6 { right: 40%; } .prefix-tablet-portrait-6 { margin-left: 40%; } .suffix-tablet-portrait-6 { margin-right: 40%; } .grid-tablet-portrait-7 { width: 46.66667%; } .push-tablet-portrait-7 { left: 46.66667%; } .pull-tablet-portrait-7 { right: 46.66667%; } .prefix-tablet-portrait-7 { margin-left: 46.66667%; } .suffix-tablet-portrait-7 { margin-right: 46.66667%; } .grid-tablet-portrait-8 { width: 53.33333%; } .push-tablet-portrait-8 { left: 53.33333%; } .pull-tablet-portrait-8 { right: 53.33333%; } .prefix-tablet-portrait-8 { margin-left: 53.33333%; } .suffix-tablet-portrait-8 { margin-right: 53.33333%; } .grid-tablet-portrait-9 { width: 60%; } .push-tablet-portrait-9 { left: 60%; } .pull-tablet-portrait-9 { right: 60%; } .prefix-tablet-portrait-9 { margin-left: 60%; } .suffix-tablet-portrait-9 { margin-right: 60%; } .grid-tablet-portrait-10 { width: 66.66667%; } .push-tablet-portrait-10 { left: 66.66667%; } .pull-tablet-portrait-10 { right: 66.66667%; } .prefix-tablet-portrait-10 { margin-left: 66.66667%; } .suffix-tablet-portrait-10 { margin-right: 66.66667%; } .grid-tablet-portrait-11 { width: 73.33333%; } .push-tablet-portrait-11 { left: 73.33333%; } .pull-tablet-portrait-11 { right: 73.33333%; } .prefix-tablet-portrait-11 { margin-left: 73.33333%; } .suffix-tablet-portrait-11 { margin-right: 73.33333%; } .grid-tablet-portrait-12 { width: 80%; } .push-tablet-portrait-12 { left: 80%; } .pull-tablet-portrait-12 { right: 80%; } .prefix-tablet-portrait-12 { margin-left: 80%; } .suffix-tablet-portrait-12 { margin-right: 80%; } .grid-tablet-portrait-13 { width: 86.66667%; } .push-tablet-portrait-13 { left: 86.66667%; } .pull-tablet-portrait-13 { right: 86.66667%; } .prefix-tablet-portrait-13 { margin-left: 86.66667%; } .suffix-tablet-portrait-13 { margin-right: 86.66667%; } .grid-tablet-portrait-14 { width: 93.33333%; } .push-tablet-portrait-14 { left: 93.33333%; } .pull-tablet-portrait-14 { right: 93.33333%; } .prefix-tablet-portrait-14 { margin-left: 93.33333%; } .suffix-tablet-portrait-14 { margin-right: 93.33333%; } .grid-tablet-portrait-15 { width: 100%; } .push-tablet-portrait-15 { left: 100%; } .pull-tablet-portrait-15 { right: 100%; } .prefix-tablet-portrait-15 { margin-left: 100%; } .suffix-tablet-portrait-15 { margin-right: 100%; } .float-tablet-portrait-left { float: left; } .float-tablet-portrait-right { float: right; } .clear-tablet-portrait { clear: both; } .clear-tablet-portrait-left { clear: left; } .clear-tablet-portrait-right { clear: right; } .no-gutter-tablet-portrait, .no-margin-tablet-portrait { padding-left: 0; padding-right: 0; } .no-gutter-tablet-portrait-left, .no-margin-tablet-portrait-left { padding-left: 0; } .no-gutter-tablet-portrait-right, .no-margin-tablet-portrait-right { padding-right: 0; } .no-gutter-tablet-portrait-top, .no-margin-tablet-portrait-top { padding-top: 0; } .no-gutter-tablet-portrait-bottom, .no-margin-tablet-portrait-bottom { padding-bottom: 0; } .gutter-tablet-portrait, .margins-tablet-portrait { padding-left: 15px; padding-right: 15px; } .gutter-tablet-portrait-left, .margin-tablet-portrait-left { padding-left: 15px; } .gutter-tablet-portrait-right, .margin-tablet-portrait-right { padding-right: 15px; } .gutter-tablet-portrait-top, .margin-tablet-portrait-top { padding-top: 15px; } .gutter-tablet-portrait-bottom, .margin-tablet-portrait-bottom { padding-bottom: 15px; } .auto-height-tablet-portrait { height: inherit; } .centered-tablet-portrait { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } .parent-tablet-portrait { padding-left: 0; padding-right: 0; } .vertical-align-tablet-portrait-middle { font-size: 0; clear: both; } .vertical-align-tablet-portrait-middle > * { display: inline-block; float: none !important; vertical-align: middle; font-size: 1rem; } .vertical-align-tablet-portrait-top { font-size: 0; clear: both; } .vertical-align-tablet-portrait-top > * { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; } .vertical-align-tablet-portrait-bottom { font-size: 0; clear: both; } .vertical-align-tablet-portrait-bottom > * { display: inline-block; float: none !important; vertical-align: bottom; font-size: 1rem; } .hide-tablet-portrait { display: none; } .not-visible-tablet-portrait { visibility: hidden; } .show-tablet-portrait { display: block; } .show-inline-tablet-portrait { display: inline-block; } .visible-tablet-portrait { visibility: visible; } } @media screen and (min-width:769px) { .grid-tablet-landscape-0 { width: 0%; } .push-tablet-landscape-0 { left: 0%; } .pull-tablet-landscape-0 { right: 0%; } .prefix-tablet-landscape-0 { margin-left: 0%; } .suffix-tablet-landscape-0 { margin-right: 0%; } .grid-tablet-landscape-1 { width: 6.66667%; } .push-tablet-landscape-1 { left: 6.66667%; } .pull-tablet-landscape-1 { right: 6.66667%; } .prefix-tablet-landscape-1 { margin-left: 6.66667%; } .suffix-tablet-landscape-1 { margin-right: 6.66667%; } .grid-tablet-landscape-2 { width: 13.33333%; } .push-tablet-landscape-2 { left: 13.33333%; } .pull-tablet-landscape-2 { right: 13.33333%; } .prefix-tablet-landscape-2 { margin-left: 13.33333%; } .suffix-tablet-landscape-2 { margin-right: 13.33333%; } .grid-tablet-landscape-3 { width: 20%; } .push-tablet-landscape-3 { left: 20%; } .pull-tablet-landscape-3 { right: 20%; } .prefix-tablet-landscape-3 { margin-left: 20%; } .suffix-tablet-landscape-3 { margin-right: 20%; } .grid-tablet-landscape-4 { width: 26.66667%; } .push-tablet-landscape-4 { left: 26.66667%; } .pull-tablet-landscape-4 { right: 26.66667%; } .prefix-tablet-landscape-4 { margin-left: 26.66667%; } .suffix-tablet-landscape-4 { margin-right: 26.66667%; } .grid-tablet-landscape-5 { width: 33.33333%; } .push-tablet-landscape-5 { left: 33.33333%; } .pull-tablet-landscape-5 { right: 33.33333%; } .prefix-tablet-landscape-5 { margin-left: 33.33333%; } .suffix-tablet-landscape-5 { margin-right: 33.33333%; } .grid-tablet-landscape-6 { width: 40%; } .push-tablet-landscape-6 { left: 40%; } .pull-tablet-landscape-6 { right: 40%; } .prefix-tablet-landscape-6 { margin-left: 40%; } .suffix-tablet-landscape-6 { margin-right: 40%; } .grid-tablet-landscape-7 { width: 46.66667%; } .push-tablet-landscape-7 { left: 46.66667%; } .pull-tablet-landscape-7 { right: 46.66667%; } .prefix-tablet-landscape-7 { margin-left: 46.66667%; } .suffix-tablet-landscape-7 { margin-right: 46.66667%; } .grid-tablet-landscape-8 { width: 53.33333%; } .push-tablet-landscape-8 { left: 53.33333%; } .pull-tablet-landscape-8 { right: 53.33333%; } .prefix-tablet-landscape-8 { margin-left: 53.33333%; } .suffix-tablet-landscape-8 { margin-right: 53.33333%; } .grid-tablet-landscape-9 { width: 60%; } .push-tablet-landscape-9 { left: 60%; } .pull-tablet-landscape-9 { right: 60%; } .prefix-tablet-landscape-9 { margin-left: 60%; } .suffix-tablet-landscape-9 { margin-right: 60%; } .grid-tablet-landscape-10 { width: 66.66667%; } .push-tablet-landscape-10 { left: 66.66667%; } .pull-tablet-landscape-10 { right: 66.66667%; } .prefix-tablet-landscape-10 { margin-left: 66.66667%; } .suffix-tablet-landscape-10 { margin-right: 66.66667%; } .grid-tablet-landscape-11 { width: 73.33333%; } .push-tablet-landscape-11 { left: 73.33333%; } .pull-tablet-landscape-11 { right: 73.33333%; } .prefix-tablet-landscape-11 { margin-left: 73.33333%; } .suffix-tablet-landscape-11 { margin-right: 73.33333%; } .grid-tablet-landscape-12 { width: 80%; } .push-tablet-landscape-12 { left: 80%; } .pull-tablet-landscape-12 { right: 80%; } .prefix-tablet-landscape-12 { margin-left: 80%; } .suffix-tablet-landscape-12 { margin-right: 80%; } .grid-tablet-landscape-13 { width: 86.66667%; } .push-tablet-landscape-13 { left: 86.66667%; } .pull-tablet-landscape-13 { right: 86.66667%; } .prefix-tablet-landscape-13 { margin-left: 86.66667%; } .suffix-tablet-landscape-13 { margin-right: 86.66667%; } .grid-tablet-landscape-14 { width: 93.33333%; } .push-tablet-landscape-14 { left: 93.33333%; } .pull-tablet-landscape-14 { right: 93.33333%; } .prefix-tablet-landscape-14 { margin-left: 93.33333%; } .suffix-tablet-landscape-14 { margin-right: 93.33333%; } .grid-tablet-landscape-15 { width: 100%; } .push-tablet-landscape-15 { left: 100%; } .pull-tablet-landscape-15 { right: 100%; } .prefix-tablet-landscape-15 { margin-left: 100%; } .suffix-tablet-landscape-15 { margin-right: 100%; } .float-tablet-landscape-left { float: left; } .float-tablet-landscape-right { float: right; } .clear-tablet-landscape { clear: both; } .clear-tablet-landscape-left { clear: left; } .clear-tablet-landscape-right { clear: right; } .no-gutter-tablet-landscape, .no-margin-tablet-landscape { padding-left: 0; padding-right: 0; } .no-gutter-tablet-landscape-left, .no-margin-tablet-landscape-left { padding-left: 0; } .no-gutter-tablet-landscape-right, .no-margin-tablet-landscape-right { padding-right: 0; } .no-gutter-tablet-landscape-top, .no-margin-tablet-landscape-top { padding-top: 0; } .no-gutter-tablet-landscape-bottom, .no-margin-tablet-landscape-bottom { padding-bottom: 0; } .gutter-tablet-landscape, .margins-tablet-landscape { padding-left: 15px; padding-right: 15px; } .gutter-tablet-landscape-left, .margin-tablet-landscape-left { padding-left: 15px; } .gutter-tablet-landscape-right, .margin-tablet-landscape-right { padding-right: 15px; } .gutter-tablet-landscape-top, .margin-tablet-landscape-top { padding-top: 15px; } .gutter-tablet-landscape-bottom, .margin-tablet-landscape-bottom { padding-bottom: 15px; } .auto-height-tablet-landscape { height: inherit; } .centered-tablet-landscape { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } .parent-tablet-landscape { padding-left: 0; padding-right: 0; } .vertical-align-tablet-landscape-middle { font-size: 0; clear: both; } .vertical-align-tablet-landscape-middle > * { display: inline-block; float: none !important; vertical-align: middle; font-size: 1rem; } .vertical-align-tablet-landscape-top { font-size: 0; clear: both; } .vertical-align-tablet-landscape-top > * { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; } .vertical-align-tablet-landscape-bottom { font-size: 0; clear: both; } .vertical-align-tablet-landscape-bottom > * { display: inline-block; float: none !important; vertical-align: bottom; font-size: 1rem; } .hide-tablet-landscape { display: none; } .not-visible-tablet-landscape { visibility: hidden; } .show-tablet-landscape { display: block; } .show-inline-tablet-landscape { display: inline-block; } .visible-tablet-landscape { visibility: visible; } } @media screen and (min-width:1025px) { .grid-desktop-0 { width: 0%; } .push-desktop-0 { left: 0%; } .pull-desktop-0 { right: 0%; } .prefix-desktop-0 { margin-left: 0%; } .suffix-desktop-0 { margin-right: 0%; } .grid-desktop-1 { width: 6.66667%; } .push-desktop-1 { left: 6.66667%; } .pull-desktop-1 { right: 6.66667%; } .prefix-desktop-1 { margin-left: 6.66667%; } .suffix-desktop-1 { margin-right: 6.66667%; } .grid-desktop-2 { width: 13.33333%; } .push-desktop-2 { left: 13.33333%; } .pull-desktop-2 { right: 13.33333%; } .prefix-desktop-2 { margin-left: 13.33333%; } .suffix-desktop-2 { margin-right: 13.33333%; } .grid-desktop-3 { width: 20%; } .push-desktop-3 { left: 20%; } .pull-desktop-3 { right: 20%; } .prefix-desktop-3 { margin-left: 20%; } .suffix-desktop-3 { margin-right: 20%; } .grid-desktop-4 { width: 26.66667%; } .push-desktop-4 { left: 26.66667%; } .pull-desktop-4 { right: 26.66667%; } .prefix-desktop-4 { margin-left: 26.66667%; } .suffix-desktop-4 { margin-right: 26.66667%; } .grid-desktop-5 { width: 33.33333%; } .push-desktop-5 { left: 33.33333%; } .pull-desktop-5 { right: 33.33333%; } .prefix-desktop-5 { margin-left: 33.33333%; } .suffix-desktop-5 { margin-right: 33.33333%; } .grid-desktop-6 { width: 40%; } .push-desktop-6 { left: 40%; } .pull-desktop-6 { right: 40%; } .prefix-desktop-6 { margin-left: 40%; } .suffix-desktop-6 { margin-right: 40%; } .grid-desktop-7 { width: 46.66667%; } .push-desktop-7 { left: 46.66667%; } .pull-desktop-7 { right: 46.66667%; } .prefix-desktop-7 { margin-left: 46.66667%; } .suffix-desktop-7 { margin-right: 46.66667%; } .grid-desktop-8 { width: 53.33333%; } .push-desktop-8 { left: 53.33333%; } .pull-desktop-8 { right: 53.33333%; } .prefix-desktop-8 { margin-left: 53.33333%; } .suffix-desktop-8 { margin-right: 53.33333%; } .grid-desktop-9 { width: 60%; } .push-desktop-9 { left: 60%; } .pull-desktop-9 { right: 60%; } .prefix-desktop-9 { margin-left: 60%; } .suffix-desktop-9 { margin-right: 60%; } .grid-desktop-10 { width: 66.66667%; } .push-desktop-10 { left: 66.66667%; } .pull-desktop-10 { right: 66.66667%; } .prefix-desktop-10 { margin-left: 66.66667%; } .suffix-desktop-10 { margin-right: 66.66667%; } .grid-desktop-11 { width: 73.33333%; } .push-desktop-11 { left: 73.33333%; } .pull-desktop-11 { right: 73.33333%; } .prefix-desktop-11 { margin-left: 73.33333%; } .suffix-desktop-11 { margin-right: 73.33333%; } .grid-desktop-12 { width: 80%; } .push-desktop-12 { left: 80%; } .pull-desktop-12 { right: 80%; } .prefix-desktop-12 { margin-left: 80%; } .suffix-desktop-12 { margin-right: 80%; } .grid-desktop-13 { width: 86.66667%; } .push-desktop-13 { left: 86.66667%; } .pull-desktop-13 { right: 86.66667%; } .prefix-desktop-13 { margin-left: 86.66667%; } .suffix-desktop-13 { margin-right: 86.66667%; } .grid-desktop-14 { width: 93.33333%; } .push-desktop-14 { left: 93.33333%; } .pull-desktop-14 { right: 93.33333%; } .prefix-desktop-14 { margin-left: 93.33333%; } .suffix-desktop-14 { margin-right: 93.33333%; } .grid-desktop-15 { width: 100%; } .push-desktop-15 { left: 100%; } .pull-desktop-15 { right: 100%; } .prefix-desktop-15 { margin-left: 100%; } .suffix-desktop-15 { margin-right: 100%; } .float-desktop-left { float: left; } .float-desktop-right { float: right; } .clear-desktop { clear: both; } .clear-desktop-left { clear: left; } .clear-desktop-right { clear: right; } .no-gutter-desktop, .no-margin-desktop { padding-left: 0; padding-right: 0; } .no-gutter-desktop-left, .no-margin-desktop-left { padding-left: 0; } .no-gutter-desktop-right, .no-margin-desktop-right { padding-right: 0; } .no-gutter-desktop-top, .no-margin-desktop-top { padding-top: 0; } .no-gutter-desktop-bottom, .no-margin-desktop-bottom { padding-bottom: 0; } .gutter-desktop, .margins-desktop { padding-left: 15px; padding-right: 15px; } .gutter-desktop-left, .margin-desktop-left { padding-left: 15px; } .gutter-desktop-right, .margin-desktop-right { padding-right: 15px; } .gutter-desktop-top, .margin-desktop-top { padding-top: 15px; } .gutter-desktop-bottom, .margin-desktop-bottom { padding-bottom: 15px; } .auto-height-desktop { height: inherit; } .centered-desktop { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } .parent-desktop { padding-left: 0; padding-right: 0; } .vertical-align-desktop-middle { font-size: 0; clear: both; } .vertical-align-desktop-middle > * { display: inline-block; float: none !important; vertical-align: middle; font-size: 1rem; } .vertical-align-desktop-top { font-size: 0; clear: both; } .vertical-align-desktop-top > * { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; } .vertical-align-desktop-bottom { font-size: 0; clear: both; } .vertical-align-desktop-bottom > * { display: inline-block; float: none !important; vertical-align: bottom; font-size: 1rem; } .hide-desktop { display: none; } .not-visible-desktop { visibility: hidden; } .show-desktop { display: block; } .show-inline-desktop { display: inline-block; } .visible-desktop { visibility: visible; } } @media screen and (min-width:1300px) { .grid-desktop-wide-0 { width: 0%; } .push-desktop-wide-0 { left: 0%; } .pull-desktop-wide-0 { right: 0%; } .prefix-desktop-wide-0 { margin-left: 0%; } .suffix-desktop-wide-0 { margin-right: 0%; } .grid-desktop-wide-1 { width: 6.66667%; } .push-desktop-wide-1 { left: 6.66667%; } .pull-desktop-wide-1 { right: 6.66667%; } .prefix-desktop-wide-1 { margin-left: 6.66667%; } .suffix-desktop-wide-1 { margin-right: 6.66667%; } .grid-desktop-wide-2 { width: 13.33333%; } .push-desktop-wide-2 { left: 13.33333%; } .pull-desktop-wide-2 { right: 13.33333%; } .prefix-desktop-wide-2 { margin-left: 13.33333%; } .suffix-desktop-wide-2 { margin-right: 13.33333%; } .grid-desktop-wide-3 { width: 20%; } .push-desktop-wide-3 { left: 20%; } .pull-desktop-wide-3 { right: 20%; } .prefix-desktop-wide-3 { margin-left: 20%; } .suffix-desktop-wide-3 { margin-right: 20%; } .grid-desktop-wide-4 { width: 26.66667%; } .push-desktop-wide-4 { left: 26.66667%; } .pull-desktop-wide-4 { right: 26.66667%; } .prefix-desktop-wide-4 { margin-left: 26.66667%; } .suffix-desktop-wide-4 { margin-right: 26.66667%; } .grid-desktop-wide-5 { width: 33.33333%; } .push-desktop-wide-5 { left: 33.33333%; } .pull-desktop-wide-5 { right: 33.33333%; } .prefix-desktop-wide-5 { margin-left: 33.33333%; } .suffix-desktop-wide-5 { margin-right: 33.33333%; } .grid-desktop-wide-6 { width: 40%; } .push-desktop-wide-6 { left: 40%; } .pull-desktop-wide-6 { right: 40%; } .prefix-desktop-wide-6 { margin-left: 40%; } .suffix-desktop-wide-6 { margin-right: 40%; } .grid-desktop-wide-7 { width: 46.66667%; } .push-desktop-wide-7 { left: 46.66667%; } .pull-desktop-wide-7 { right: 46.66667%; } .prefix-desktop-wide-7 { margin-left: 46.66667%; } .suffix-desktop-wide-7 { margin-right: 46.66667%; } .grid-desktop-wide-8 { width: 53.33333%; } .push-desktop-wide-8 { left: 53.33333%; } .pull-desktop-wide-8 { right: 53.33333%; } .prefix-desktop-wide-8 { margin-left: 53.33333%; } .suffix-desktop-wide-8 { margin-right: 53.33333%; } .grid-desktop-wide-9 { width: 60%; } .push-desktop-wide-9 { left: 60%; } .pull-desktop-wide-9 { right: 60%; } .prefix-desktop-wide-9 { margin-left: 60%; } .suffix-desktop-wide-9 { margin-right: 60%; } .grid-desktop-wide-10 { width: 66.66667%; } .push-desktop-wide-10 { left: 66.66667%; } .pull-desktop-wide-10 { right: 66.66667%; } .prefix-desktop-wide-10 { margin-left: 66.66667%; } .suffix-desktop-wide-10 { margin-right: 66.66667%; } .grid-desktop-wide-11 { width: 73.33333%; } .push-desktop-wide-11 { left: 73.33333%; } .pull-desktop-wide-11 { right: 73.33333%; } .prefix-desktop-wide-11 { margin-left: 73.33333%; } .suffix-desktop-wide-11 { margin-right: 73.33333%; } .grid-desktop-wide-12 { width: 80%; } .push-desktop-wide-12 { left: 80%; } .pull-desktop-wide-12 { right: 80%; } .prefix-desktop-wide-12 { margin-left: 80%; } .suffix-desktop-wide-12 { margin-right: 80%; } .grid-desktop-wide-13 { width: 86.66667%; } .push-desktop-wide-13 { left: 86.66667%; } .pull-desktop-wide-13 { right: 86.66667%; } .prefix-desktop-wide-13 { margin-left: 86.66667%; } .suffix-desktop-wide-13 { margin-right: 86.66667%; } .grid-desktop-wide-14 { width: 93.33333%; } .push-desktop-wide-14 { left: 93.33333%; } .pull-desktop-wide-14 { right: 93.33333%; } .prefix-desktop-wide-14 { margin-left: 93.33333%; } .suffix-desktop-wide-14 { margin-right: 93.33333%; } .grid-desktop-wide-15 { width: 100%; } .push-desktop-wide-15 { left: 100%; } .pull-desktop-wide-15 { right: 100%; } .prefix-desktop-wide-15 { margin-left: 100%; } .suffix-desktop-wide-15 { margin-right: 100%; } .float-desktop-wide-left { float: left; } .float-desktop-wide-right { float: right; } .clear-desktop-wide { clear: both; } .clear-desktop-wide-left { clear: left; } .clear-desktop-wide-right { clear: right; } .no-gutter-desktop-wide, .no-margin-desktop-wide { padding-left: 0; padding-right: 0; } .no-gutter-desktop-wide-left, .no-margin-desktop-wide-left { padding-left: 0; } .no-gutter-desktop-wide-right, .no-margin-desktop-wide-right { padding-right: 0; } .no-gutter-desktop-wide-top, .no-margin-desktop-wide-top { padding-top: 0; } .no-gutter-desktop-wide-bottom, .no-margin-desktop-wide-bottom { padding-bottom: 0; } .gutter-desktop-wide, .margins-desktop-wide { padding-left: 15px; padding-right: 15px; } .gutter-desktop-wide-left, .margin-desktop-wide-left { padding-left: 15px; } .gutter-desktop-wide-right, .margin-desktop-wide-right { padding-right: 15px; } .gutter-desktop-wide-top, .margin-desktop-wide-top { padding-top: 15px; } .gutter-desktop-wide-bottom, .margin-desktop-wide-bottom { padding-bottom: 15px; } .auto-height-desktop-wide { height: inherit; } .centered-desktop-wide { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } .parent-desktop-wide { padding-left: 0; padding-right: 0; } .vertical-align-desktop-wide-middle { font-size: 0; clear: both; } .vertical-align-desktop-wide-middle > * { display: inline-block; float: none !important; vertical-align: middle; font-size: 1rem; } .vertical-align-desktop-wide-top { font-size: 0; clear: both; } .vertical-align-desktop-wide-top > * { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; } .vertical-align-desktop-wide-bottom { font-size: 0; clear: both; } .vertical-align-desktop-wide-bottom > * { display: inline-block; float: none !important; vertical-align: bottom; font-size: 1rem; } .hide-desktop-wide { display: none; } .not-visible-desktop-wide { visibility: hidden; } .show-desktop-wide { display: block; } .show-inline-desktop-wide { display: inline-block; } .visible-desktop-wide { visibility: visible; } } * { box-sizing: border-box; } body { font-family: "roboto",sans-serif; font-size: 16px; color: #384a50; font-weight: 300; background-color: #fff; } @media screen and (min-width:1025px) { body { font-size: 18px; background-color: #fff; } } .container { max-width: 1600px; position: relative; } @media screen and (min-width:1025px) { .container { padding: 0 60px; } } h1, h2, h3, h4, h5, h6 { font-family: "Roboto Slab",serif; line-height: 1.1; margin: 0; position: relative; color: #091932; } h1 { font-weight: 400; text-shadow: 4px 4px 15px rgba(0,0,0,.25); margin: 0 0 50px 0; font-size: 32px; } h1:after { content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; bottom: -30px; } .hero-small h1 { margin: 0 0 20px 0; } .hero-small h1:after { opacity: 0; } h1.no-underline { margin-bottom: 20px; } h1.no-underline:after { opacity: 0; } @media screen and (min-width:1025px) { h1 { font-size: 70px; font-weight: 700; } .hero-small h1 { font-size: 50px; margin: 0 0 40px 0; } .hero-small h1:after { opacity: 0; } } h1.header-medium { font-size: 32px; } @media screen and (min-width:1025px) { h1.header-medium { font-size: 50px; } } h1.header-small { font-size: 32px; } @media screen and (min-width:1025px) { h1.header-small { font-size: 40px; } } h2 { font-weight: 700; font-size: 24px; margin: 0 0 60px 0; position: relative; } h2 span { font-weight: 300; } h2:after { content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; bottom: -30px; background-color: #091932; } h2.no-underline { margin-bottom: 20px; } h2.no-underline:after { opacity: 0; } @media screen and (min-width:1025px) { h2 { font-size: 30px; } } h3 { font-weight: 700; margin: 0 0 20px 0; } h3 span { font-weight: 300; } @media screen and (min-width:1025px) { h3 { font-size: 22px; } } h4 { font-weight: 400; margin: 0 0 30px 0; } h5 { font-weight: 400; margin: 0 0 30px 0; } .intro { font-family: "Roboto Slab",serif; line-height: 1.6; margin: 0 0 40px 0; font-weight: 300; font-size: 18px; } .intro.theme { margin: 30px 0 40px; } .course-template .intro { color: #27376f; } .intro span { font-weight: 700; } @media screen and (min-width:1025px) { .intro { font-size: 24px; } .hero .intro { font-size: 22px; text-shadow: 2px 2px 10px rgba(0,0,0,.25); } } p { margin: 0 0 30px; line-height: 1.6; font-weight: 300; } blockquote { margin: 50px 0; padding: 50px 0 50px; text-align: center; position: relative; } blockquote:before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 550px 1100px; border-color: transparent transparent #f4f4f4 transparent; opacity: .8; } blockquote .img-container { position: relative; display: inline-block; margin: 0 auto 20px; width: 200px; } blockquote img { width: 100%; } blockquote p { font-family: "Roboto Slab",serif; color: #27376f; font-weight: 100; margin: 0 0 10px; padding: 0 0 20px; font-size: 22px; position: relative; } blockquote p span { font-weight: 400; } blockquote p:after { content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; background-color: #27376f; left: calc(50% - 20px); } blockquote cite { font-size: 14px; font-style: normal; position: relative; padding: 0 0 15px; } blockquote cite:after { content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; background-color: #27376f; left: calc(50% - 20px); } @media screen and (min-width:1025px) { blockquote p { font-size: 28px; } } ul, ol { list-style-type: none; margin: 0 0 30px; padding: 0; } ul li, ol li { margin: 0 0 20px; } img { width: 100%; display: block; } a { text-decoration: none; color: #0099c4; font-weight: 400; } a:hover { color: #27376f; } a:focus { outline: none; } .btn { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; display: inline-block; background-color: #091932; border-radius: 2px; height: 44px; vertical-align: top; padding: 11px 20px 10px; color: #fff; font-family: "Roboto Slab",serif; position: relative; box-shadow: 4px 4px 15px rgba(0,0,0,.25); } .btn.btn-lg { background-color: #091932; box-shadow: 4px 4px 15px rgba(0,0,0,.25); } .btn.btn-xl { padding: 21px 25px 20px; height: auto; background-color: #091932; box-shadow: 4px 4px 15px rgba(0,0,0,.25); } .btn.btn-sm { height: 34px; padding: 6px 20px 10px; font-size: 14px; } .btn.btn-bright { background-color: #d1356f; } .btn.btn-bright:hover { background-color: #812143; } .btn.btn-reversed { background-color: transparent; color: #0099c4; font-weight: 600; border: 1px solid #0099c4; } .btn.btn-reversed:hover { border: 1px solid #d1356f; } .btn.btn-input { border-radius: 0 2px 2px 0; background-color: #0099c4; } .btn:hover { background-color: #d1356f; color: #fff; } .btn:hover:after { border-color: transparent transparent transparent #d1356f; } @media screen and (min-width:1025px) { .btn { padding: 8px 20px 10px; } } input[type="text"] { height: 44px; padding: 0 15px; margin: 0 0 10px 0; border-radius: 2px; border: none; display: inline-block; width: 100%; font-family: "Roboto Slab",serif; box-shadow: 4px 4px 15px rgba(0,0,0,.25); } input[type="text"].with-btn { border-radius: 2px 0 0 2px; } input[type="text"]:focus { background-color: #fff; } @media screen and (min-width:1025px) { input[type="text"] { width: 75%; } } /* TODO JRD+ Reskin : table class removed. table { width: 100%; border: 1px solid rgba(0,0,0,.1); border-collapse: collapse; text-align: left; } table td, table th { padding: 7px 10px; border-bottom: 1px solid rgba(0,0,0,.1); } table tr:nth-child(odd) { background: rgba(0,0,0,.05); } table th { font-weight: bold; } table thead th { background: #0c406d; color: #fff; padding-top: 30px; padding-bottom: 15px; } */ .select { display: block; height: 44px; padding: 10px 15px; margin: 0 0 10px 0; border-radius: 2px; background-color: #fff; border: none; display: inline-block; vertical-align: top; width: 100%; font-family: "Roboto Slab",serif; box-shadow: 4px 4px 15px rgba(0,0,0,.25); position: relative; color: #091932; } .select svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; width: 14px; height: 14px; fill: transparent; stroke: #091932; position: absolute; right: 15px; top: calc(50% - 7px); } .select:hover { color: #0099c4; } .select:hover svg { fill: #0099c4; stroke: #0099c4; } .select.with-btn { border-radius: 2px 0 0 2px; } .select:focus { background-color: #fff; } @media screen and (min-width:1025px) { .select { width: 75%; } } @media screen and (min-width:1025px) { #object-slow, #os2, #os2b, #os2c, #os2d, #os2e, #os2f, #os3, #os4, #os5 { position: relative; } } .signedoff { position: relative; } .signedoff:before { position: absolute; content: ""; background: url("../../img/nw2/tick.svg") no-repeat; width: 12px; height: 12px; left: -20px; top: 16px; } header { position: absolute; width: 100%; z-index: 100; pointer-events: none; } header .grid-12 { position: relative; } .hamburger { pointer-events: auto; position: absolute; top: 9px; right: 15px; display: block; width: 22px; height: 22px; z-index: 100; } .hamburger svg { width: 22px; height: 22px; fill: white; } .hamburger.active { background: url("../../img/nw2/cross-white.svg") no-repeat center; background-size: 20px; } .hamburger.active svg { display: none; } @media screen and (min-width:1025px) { .hamburger { display: none; } } .searchbar { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; height: 0; background-color: #091932; color: #fff; padding: 0; overflow: hidden; text-align: center; } .searchbar.open { height: auto; padding: 20px 0; } .searchbar input { width: 60%; } .logo { display: inline-block; background: url("../../img/nw2/logo-white.png") no-repeat left top; background-size: 100% 100%; width: 65px; height: 65px; z-index: 60; left: 0; top: 75px; position: relative; pointer-events: auto; } .logo.blue { background: url("../../img/nw2/logo-blue.png") no-repeat left top; background-size: 100% 100%; } @media screen and (min-width:1025px) { .logo { width: 170px; height: 170px; top: 29px; float: left; } } @media screen and (min-width:1025px) { #os2b, #os2c, #os2d, #os2e, #os2f { position: absolute; width: 100%; left: 0; } } .dropdown { display: none; } .dropdown h4 { color: #fff; margin: 0 0 30px; } .dropdown h4 a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; line-height: 1.3; } .dropdown h4 a svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; fill: transparent; stroke: #0099c4; transform: rotate(-90deg); width: 10px; height: 10px; position: absolute; left: -5px; top: 13px; } .dropdown h4 a:hover { color: #fff; } .dropdown ul { list-style-type: none; } .dropdown ul li { margin: 0; } .dropdown ul a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; font-size: 15px; display: block; padding: 7px 0 7px 10px; position: relative; color: #fff; } .dropdown ul a svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; fill: transparent; stroke: white; transform: rotate(-90deg); width: 10px; height: 10px; position: absolute; left: -5px; top: 13px; } .dropdown ul a:hover { color: #0099c4; } .dropdown ul a:hover svg { fill: #0099c4; stroke: #0099c4; } @media screen and (min-width:1025px) { .dropdown { -webkit-transition: opacity 0s ease 0s; -moz-transition: opacity 0s ease 0s; -ms-transition: opacity 0s ease 0s; -o-transition: opacity 0s ease 0s; transition-delay: .3s; padding: 90px 0 30px; display: block; left: -9999px; color: #fff; opacity: 0; overflow: hidden; position: absolute; top: -1px; width: 100%; z-index: 50; overflow: hidden; } .dropdown svg.bg { fill: #091932; position: absolute; top: -170px; left: -20px; width: 2400px; height: 941px; } .dropdown.active { padding: 100px 0 30px; height: auto; } .dropdown.dropdown4 { padding: 60px 0 60px; } .dropdown.dropdown4 ul li a { font-size: 20px; padding: 10px 20px 10px; font-family: "Roboto Slab",serif; position: relative; } .dropdown.dropdown4 ul li a svg { width: 18px; height: 18px; } .dropdown.dropdown4 ul li a.az { font-weight: 300; } .dropdown.dropdown4new { padding: 60px 0 60px; } .dropdown.dropdown4new h4 { color: #d1356f; margin: 0 0 5px; } .dropdown.dropdown4new .intro { font-size: 24px; } .dropdown.dropdown4new .secondary-list { margin-top: 0; } .dropdown.dropdown4new .secondary-list .onecol { margin: 0 0 20px; } .dropdown.dropdown4new .themes-list { display: block; overflow: hidden; } .dropdown.dropdown4new .themes-list h4 { margin: 0 0 20px; } .dropdown.dropdown4new .themes-list ul li a { background: rgba(0,0,0,.4); padding: 10px 10px 10px 30px; margin: 0 20px 5px 0; } .dropdown.dropdown4new .themes-list ul li a svg { left: 12px; top: 13px; } .dropdown.dropdown4new ul li a { font-size: 15px; padding: 5px 12px 10px; font-family: "roboto",sans-serif; position: relative; } .dropdown.dropdown4new ul li a svg { width: 10px; height: 10px; top: 11px; } .dropdown.dropdown4new ul li a.az { font-weight: 300; } } .nav-mini { background-color: rgba(0,0,0,.5); list-style: none; position: absolute; left: 0; right: 0; top: 0; z-index: 70; padding: 0 15px 0 5px; margin: 0; } .nav-mini li { float: left; padding: 0; margin: 0; } .nav-mini li a { font-family: "Roboto Slab",serif; font-weight: 400; color: #fff; display: block; padding: 0 0 0 10px; margin: 0; height: 40px; line-height: 40px; position: relative; text-shadow: 4px 4px 15px rgba(0,0,0,.25); pointer-events: auto; font-size: 12px; } .nav-mini li a.cranfield-text { font-family: "roboto",sans-serif; font-size: 14px; } .nav-mini li:last-child { float: right; } .nav-mini li:last-child svg { fill: white; display: inline-block; width: 20px; height: 20px; position: relative; top: 5px; right: 40px; } @media screen and (min-width:1025px) { .nav-mini { display: none; } } .nav-mobile { display: none; position: absolute; left: 0; right: 0; top: 0; z-index: 80; background: #091932; padding: 50px 15px; pointer-events: auto; } .nav-mobile svg { display: none; } .nav-mobile .link-icon { position: relative; float: left; width: 14px; margin-right: 5px; height: 8px; display: block; } .nav-mobile .link-icon svg { display: block; fill: #fff; stroke: transparent; position: relative; top: 4px; left: 0; transform: rotate(-90deg); } .nav-mobile .icon { position: absolute; width: 44px; height: 100%; right: 0; top: 0; border-left: 1px solid rgba(255,255,255,.1); } .nav-mobile .icon svg { display: block; position: absolute; width: 0; height: 0; left: 0; right: 0; top: 0; bottom: 0; margin: auto; fill: transparent; stroke: white; transform: rotate(0deg); } .nav-mobile .main-label { display: block; margin: 0; } .nav-mobile .main-label:first-child { border-top: 1px solid rgba(255,255,255,.1); } .nav-mobile .primary { font-family: "Roboto Slab",serif; font-size: 18px; color: #fff; display: block; padding: 10px 0; margin: 0; border-bottom: 1px solid rgba(255,255,255,.1); position: relative; } .nav-mobile .primary .icon svg { width: 18px; height: 18px; } .nav-mobile .primary + div { display: none; } .nav-mobile .dropdown { display: block; } .nav-mobile .dropdown div { margin: 0; padding: 0; } .nav-mobile .dropdown ul { display: block; margin: 0; } .nav-mobile .dropdown ul li a { padding-left: 16px; } .nav-mobile .dropdown ul:not(.threecol) { display: none; } .nav-mobile .dropdown h4 { padding: 0; margin: 0; } .nav-mobile .dropdown h4 .icon { display: block; } .nav-mobile .dropdown h4 a svg { width: 14px; height: 14px; } .nav-mobile .dropdown h4.active a { color: #fff; } .nav-mobile .dropdown a { font-family: "Roboto Slab",serif; color: #0099c4; line-height: normal; font-size: 15px; font-weight: 300; display: block; padding: 10px 0; margin: 0; border-bottom: 1px solid rgba(255,255,255,.1); } .nav-mobile .dropdown a:hover { color: #fff; } .nav-mobile .dropdown a:before { content: ''; position: relative; float: left; width: 14px; margin-right: 5px; height: 20px; display: block; background: url(../../img/nw2/arrow_white-next.svg); background-size: 100% 100%; } .nav-mobile .dropdown .threecol { display: block; } .nav-mobile .dropdown .threecol li { float: none; width: auto; } .nav { pointer-events: auto; list-style-type: none; position: relative; display: block; margin: 0 0 20px; background-color: rgba(0,0,0,.5); } .nav * { pointer-events: auto; } .nav li.main-label { float: left; margin: 0; display: block; } .nav li.main-label:hover .primary { background-color: #091932; border-radius: 3px 3px 0 0; } .nav li.main-label:hover .primary svg { fill: white; } .nav li.main-label .dropdown h4 .icon { display: none; } .nav .primary { pointer-events: auto; font-family: "Roboto Slab",serif; font-weight: 400; color: #fff; display: block; padding: 12px 10px; position: relative; text-shadow: 4px 4px 15px rgba(0,0,0,.25); font-size: 13px; } .nav .primary:after { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; left: 0; width: 0; } .nav .primary.active:after { content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; left: 0; width: 100%; } .nav .primary span.icon { vertical-align: middle; } .nav .primary svg { width: 16px; height: 16px; margin-left: 3px; fill: transparent; stroke: white; display: none; } @media screen and (min-width:1025px) { .nav { display: inline-block; top: 85px; background-color: transparent; position: absolute; width: 100%; z-index: 50; left: 0; padding-left: 300px; } .nav li.main-label:hover .dropdown { display: block; height: auto; opacity: 1; left: 0; } .nav .primary { padding: 10px 15px 15px; font-size: 18px; margin-right: 20px; } .nav .primary svg { display: inline; } } @media screen and (min-width:1300px) { .nav .primary { font-size: 20px; } .nav .primary span { display: inline; } } .twocol li { float: left; width: 50%; } .threecol li { float: left; width: 33%; } .fourcol li { float: left; width: 25%; } .nav-3rd { pointer-events: auto; display: none; list-style-type: none; background-color: rgba(9,25,50,.6); height: 44px; } .nav-3rd:before { content: ""; position: absolute; top: 0; left: -44px; width: 0; height: 0; border-style: solid; border-width: 0 44px 44px 0; border-color: transparent rgba(9,25,50,.6) transparent transparent; z-index: 1; } .nav-3rd a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; color: #fff; font-size: 14px; position: relative; padding: 13px 12px 12px 12px; height: 44px; display: inline-block; } .nav-3rd a svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; fill: transparent; stroke: white; transform: rotate(-90deg); width: 14px; height: 8px; position: absolute; left: -5px; top: 17px; } .nav-3rd a.external { padding: 13px 12px 12px 20px; } .nav-3rd a.external svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; fill: white; stroke: transparent; transform: rotate(0); width: 14px; height: 14px; position: absolute; left: 0; top: 12px; } .nav-3rd a.searchicon { padding: 3px 0 0 12px; margin: 5px 0 5px 0; height: 34px; width: 44px; border-left: 1px solid rgba(255,255,255,.2); } .nav-3rd a.searchicon svg { position: absolute; left: auto; top: auto; fill: white; width: 30px; height: 30px; transform: rotate(0); } .nav-3rd a.somlink { margin-right: 20px; margin-left: 30px; background-color: #0c406d; padding: 13px 20px 12px 20px; box-shadow: 4px 4px 15px rgba(0,0,0,.25); position: relative; } .nav-3rd a.somlink:before { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; top: 0; left: -44px; width: 0; height: 0; border-style: solid; border-width: 0 44px 44px 0; border-color: transparent #0c406d transparent transparent; z-index: 1; } .nav-3rd a.somlink svg { left: 5px; } .nav-3rd a.somlink:hover { background-color: #0099c4; color: #fff; } .nav-3rd a.somlink:hover:before { border-color: transparent #0099c4 transparent transparent; } .nav-3rd a.somlink:hover svg { fill: white; stroke: white; } .nav-3rd a:hover { color: #0099c4; } .nav-3rd a:hover svg { fill: #0099c4; stroke: #0099c4; } @media screen and (min-width:1025px) { .nav-3rd { display: block; position: absolute; top: 0; right: 0; padding: 0 10px 0 20px; } .nav-3rd li { float: left; margin: 0; } } @media screen and (min-width:1300px) { .nav-3rd a { padding: 13px 20px 12px 12px; } .nav-3rd a.external { padding: 13px 20px 12px 20px; } .nav-3rd a.searchicon { padding: 3px 20px 0 12px; margin: 5px 0 5px 10px; } } .nav-3rd-mobile { display: block; height: auto; padding: 0; margin: 10px 0; position: relative; } .nav-3rd-mobile:before, .nav-3rd-mobile:after { display: none; } .nav-3rd-mobile li { margin: 0; padding: 0; display: inline-block; float: left; width: 50%; } .nav-3rd-mobile li.somlink-listitem { display: block; width: 100%; } .nav-3rd-mobile li.somlink-listitem a:before { display: none; } .nav-3rd-mobile li.somlink-listitem a.somlink { font-family: "Roboto Slab",serif; font-size: 15px; padding: 4px 10px 4px 26px; margin: 10px 0 10px 0; } .nav-3rd-mobile li.somlink-listitem a.somlink svg { transform: rotate(-90deg); transform-origin: center top; } .nav-3rd-mobile li:last-child { display: none; } .nav-3rd-mobile li a, .nav-3rd-mobile li a.external { padding: 0 0 0 20px; color: #fff; font-size: 14px; height: 40px; line-height: 40px; height: auto; display: block; position: relative; } .nav-3rd-mobile li a svg, .nav-3rd-mobile li a.external svg { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .nav-3rd-mobile li a.internal svg { transform: rotate(-90deg); transform-origin: center top; } .nav-mobile .dropdown4new .intro, .nav-mobile .dropdown4new h4 { display: none; } .nav-mobile .dropdown4new ul.onecol, .nav-mobile .dropdown4new ul.twocol { display: block; } .nav-mobile .dropdown4new ul.onecol li, .nav-mobile .dropdown4new ul.twocol li { width: 100%; float: none; } footer { background-color: #091932; color: #fff; overflow: hidden; position: relative; margin-top: 30px; } footer .footer-angle-right { position: absolute; top: 0; right: 0; width: 100%; z-index: 0; } footer .footer-angle-right:before { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 0 1600px 1600px; border-color: transparent transparent #0099c4 transparent; opacity: .1; z-index: 0; right: -400px; } .copyright { font-size: 14px; margin: 30px 0; } .copyright span { font-weight: 500; } .somteaser { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; display: block; color: #fff; background-color: rgba(0,0,0,.3); padding: 50px 20px 40px 20px; position: relative; margin-top: 40px; border-radius: 2px; } .somteaser .cta { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; height: 0; overflow: hidden; display: block; padding: 0 20px; background-color: #0099c4; position: relative; border-radius: 0; } .somteaser .cta svg { fill: transparent; stroke: white; transform: rotate(-90deg); width: 20px; height: 20px; position: absolute; right: 15px; top: 15px; left: auto; } .somteaser svg.som-logo { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; width: 100px; height: 100px; margin: 0 0 20px; fill: white; } .somteaser h3 { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; line-height: 1.3; font-size: 24px; margin: 0 0 10px; color: #0099c4; } .somteaser h3 a:hover { color: #fff; } .somteaser .intro { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; font-size: 20px; line-height: 1.3; margin: 0 0 20px; color: #fff; } .somteaser p { margin: 0; } .somteaser:hover { background-color: #fff; } .somteaser:hover svg.som-logo { width: 100px; height: 100px; margin: 0 0 20px; fill: #0c406d; } .somteaser:hover h3 { color: #0c406d; } .somteaser:hover .intro { color: #384a50; } .somteaser:hover .cta { height: 50px; padding: 10px 20px; } .usefullinks { padding: 0 0 50px; position: relative; z-index: 3; } .usefullinks h3 { color: #fff; font-weight: 100; } .usefullinks a:hover { color: #fff; } @media screen and (min-width:1025px) { .usefullinks { padding: 50px 0; } } .addresses { padding: 50px 0; } .addresses .address { margin: 0 0 40px; } .addresses .address:last-child { margin-bottom: 0; } .addresses h3 { color: #fff; font-weight: 300; margin: 0 0 10px; } .addresses h3 a { color: #fff; } .addresses p { font-size: 16px; margin: 0; opacity: .7; } .addresses .directions { font-size: 16px; } .addresses .directions svg { stroke: #0099c4; width: 24px; height: 24px; position: relative; top: 5px; } .addresses .directions:hover { color: #fff; } .addresses .directions:hover svg { stroke: white; fill: white; } @media screen and (min-width:1025px) { .addresses .address:last-child { margin-bottom: 40px; } } .social { padding: 40px 0; } .social h3 { color: #fff; font-weight: 100; } .social ul { list-style-type: none; margin: 0; } .social li { margin: 0; display: block; float: left; width: 50%; } .social a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; color: #fff; font-size: 14px; display: block; width: 100%; height: 100%; padding: 20px 15px; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,.1); } .social a svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; height: 45px; width: 45px; fill: #0099c4; stroke: transparent; display: block; margin: 0 10px 5px 0; } .social a p { margin: 0; display: inline-block; } .social a span { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; font-weight: 500; display: block; font-size: 16px; font-family: "Roboto Slab",serif; color: #0099c4; } .social a:hover { background-color: #0099c4; color: #fff; } .social a:hover svg { fill: white; } .social a:hover span { color: #fff; } .module { padding: 20px 0; position: relative; overflow: hidden; } @media screen and (min-width:1025px) { .module { padding: 0 20px 40px; } } .main-content .module { padding: 0; } .module .tc { margin-bottom: 0; } .module-releated-content { padding: 20px 0; } @media screen and (min-width:1025px) { .module-releated-content { padding: 0 20px 40px; } } .teasers-row .module-releated-content:nth-child(2) { padding-top: 30px; } .teasers-row .module-releated-content { padding: 0; } .module-releated-content .teaser { max-width: none; } .nav-2nd { height: 50px; overflow: hidden; z-index: 10; position: relative; margin-top: -50px; background-color: rgba(9,25,50,.8); } .nav-2nd.filters { background-color: #442b58; } @media screen and (min-width:1025px) { .nav-2nd.filters { display: none; } } .nav-2nd.open { height: auto; background-color: #091932; } .nav-2nd:hover { background-color: #091932; } .nav-2nd .toggle-nav-2nd, .nav-2nd .toggle-filters { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; pointer-events: auto; height: 50px; color: #fff; padding: 7px 0; cursor: pointer; font-family: "Roboto Slab",serif; font-weight: 400; } .nav-2nd .toggle-nav-2nd svg, .nav-2nd .toggle-filters svg { stroke: white; width: 24px; height: 24px; fill: white; top: 6px; position: relative; margin-right: 10px; } .nav-2nd h3 { margin: 0; } .nav-2nd h3 a { display: block; font-weight: 700; padding: 10px 0; margin: 0 15px; } .nav-2nd h3 span { font-weight: 300; margin: 0 5px 3px 0; font-style: italic; font-size: 18px; display: block; color: #091932; } .nav-2nd ul { list-style-type: none; } .nav-2nd ul li { margin: 0; } .nav-2nd ul a { font-family: "Roboto Slab",serif; display: block; position: relative; padding: 10px 0; margin: 0; font-size: 16px; } .nav-2nd ul a:after { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; background-color: #384a50; } .nav-2nd ul a:hover { color: #fff; } .nav-2nd ul a:hover:after { width: 80px; } .nav-2nd.nav-filters { margin-top: 0; } .nav-2nd.nav-filters.open { height: 50px; } .nav-2nd.nav-filters.open .toggle-filters { height: 50px; } .nav-2nd.nav-filters.active { height: auto; } .nav-2nd.nav-filters.active .toggle-filters { height: auto; } .filters-right { display: none; } @media screen and (min-width:1025px) { .filters-right { display: block; margin: 50px 0; background-color: #f4f4f4; padding: 30px; } .filters-right h3 { color: #442b58; font-weight: 400; } .filters-right .filter-set label { padding: 10px 10px 10px 35px; background-color: #fff; color: #0099c4; font-size: 14px; font-weight: 400; } .filters-right .filter-set label svg { fill: black; } .filters-right .filter-set label.active svg { fill: white; } .filters-right .filter-set h4 { color: #633e88; } } .clear-all { font-size: 14px; font-weight: bold; display: block; padding: 10px 10px 10px 35px; background: #fff; color: #000; position: relative; background: #0c406d; color: #fff; } .clear-all svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; opacity: .3; position: absolute; left: 12px; top: 11px; width: 15px; height: 15px; fill: #fff; } .clear-all:hover { color: #fff; } .clear-all:hover svg { opacity: 1; } .filter-set { margin: 30px 0; } .filter-set h4 { color: #fff; margin: 0 0 20px; font-weight: 400; } .filter-set ul, .filter-set li { margin: 0; } .filter-set label { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; cursor: pointer; display: block; padding: 12px 10px 12px 35px; border-radius: 2px; margin: 0 0 5px; color: #fff; font-size: 16px; background-color: rgba(0,0,0,.4); position: relative; } .filter-set label svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; opacity: .1; position: absolute; left: 8px; top: 11px; width: 15px; height: 15px; fill: white; } .filter-set label input { display: none; } .filter-set label.active { background-color: #442b58; color: #fff; } .filter-set label.active svg { opacity: 1; } @media screen and (min-width:1025px) { .nav-2nd .filter-set { width: 25%; float: left; margin-right: 20px; } } .filter-set.date-picker h5 { font-size: 15px; margin: 0 0 5px; color: #384a50; display: none; font-family: "roboto",sans-serif; } .filter-set.date-picker .input-container { position: relative; } .filter-set.date-picker input { background: #fff; box-shadow: none; width: 100%; font-size: 14px; } .filter-set.date-picker svg { position: absolute; right: 10px; top: 15px; fill: #0099c4; width: 15px; height: 15px; } .filters-mid { padding: 0 0 0 0; background: none; display: block; margin: 0 0 20px; } .filters-mid h3 { margin-bottom: 30px; } .filters-mid .filter-set { overflow: hidden; margin-top: 0; margin-bottom: 0; } .filters-mid .filter-set li { width: 50%; float: left; padding-right: 15px; } @media screen and (min-width:1025px) { .filters-mid .filter-set li { width: 33%; } } .filters-mid .filter-set li label { color: #0099c4; background-color: #e6e6e6; } .filters-mid .filter-set li label svg { fill: black; } .filters-mid .filter-set li label.active { background-color: #442b58; } .filters-mid .filter-set li label:hover { color: #fff; } .filters-mid .filter-set li label:hover svg { fill: #fff; } .filters-mid .filter-set h4 { display: none; } .filters-mid .clear-all { display: none; margin-right: 30px; } .breadcrumb { list-style-type: none; padding: 0; z-index: 10; position: relative; margin: 0 0 10px; line-height: 1.5; } .breadcrumb li { display: none; float: left; margin: 0 22px 0 0; position: relative; color: #fff; font-size: 16px; opacity: .8; font-weight: 300; } .breadcrumb li:after { position: absolute; content: "/"; right: -15px; top: 0; color: #fff; opacity: .3; } .breadcrumb a { color: #fff; font-size: 16px; opacity: .8; font-weight: 300; } .breadcrumb a:hover { opacity: 1; } @media screen and (min-width:1025px) { .breadcrumb li { display: inline; } } .hero { background-size: cover; overflow: hidden; display: block; position: relative; background-color: #27376f; } .hero .darktint { position: absolute; width: 100%; top: 0; left: 0; height: 300px; background: -moz-linear-gradient(top,rgba(0,0,0,.8) 0%,transparent 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,.8) 0%,transparent 100%); background: linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000',endColorstr='#00000000',GradientType=0); } .hero .angleleft { position: absolute; top: -280px; left: -280px; } .hero .angleleft-small { position: absolute; top: -280px; left: -170px; } .hero .angleright { position: absolute; bottom: -10px; right: 0; z-index: 15; } .hero .angleright svg.triangle { width: 100px; height: 100px; fill: white; } .hero .applybtn { position: absolute; bottom: 0; right: 0; z-index: 10; } .hero .hero-textarea { z-index: 10; position: relative; color: #fff; padding: 150px 0 50px 0; width: 100%; } .hero .hero-textarea h1 { color: #fff; } .hero .hero-textarea .cf-input { margin: 0 0 10px; } .hero .hero-textarea .cf-input input { width: 65%; } .hero .hero-textarea.no-nav { padding-bottom: 0; } @media screen and (min-width:1025px) { .hero .angleleft { top: -90px; left: -38px; } .hero .angleleft-small { top: -90px; left: -162px; } .hero .angleright svg.triangle { width: 350px; height: 350px; opacity: 1; } .hero .hero-textarea { padding: 230px 0 50px 0; } } .promo { position: absolute; bottom: 0; right: 0; width: 100%; text-align: right; z-index: 20; padding: 0 0 0 0; } .promo svg { width: 50px; height: 50px; fill: black; margin: 0 0 10px; } .promo svg.straight { transform: rotate(45deg); } .promo p { margin: 0; line-height: 1.3; } .promo .label { font-size: 18px; font-family: "Roboto Slab",serif; } .promo .date { font-family: "Roboto Slab",serif; font-weight: 700; font-size: 24px; color: #091932; margin: 0 0 5px; } .promo .share { display: none; background-color: #fff; padding: 0 15px 0 0; position: relative; } .promo .share:before { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #fff transparent; top: 0; left: -50px; } .promo .share.open { display: block; background-color: #fff; width: 100%; text-align: left; } .promo .share.open .label { display: inline; margin: 0 15px; font-size: 16px; font-weight: 400; } .promo .share .label { display: inline; margin: 0 15px; font-size: 16px; font-weight: 400; } .promo .share ul { margin: 0; display: inline-block; } .promo .share li { display: inline-block; margin: 0; display: inline-block; } .promo .share li a { display: block; margin-bottom: 15px; padding: 0 5px; } .promo .share li a svg { width: 30px; height: 30px; fill: #0099c4; margin: 0; position: relative; top: 8px; } @media screen and (min-width:1025px) { .promo .share { display: block; } } .promo .openday-promo { margin-bottom: 20px; padding-right: 20px; display: none; } .promo .contact { margin-bottom: 20px; padding-right: 20px; display: none; } .promo .contact h3 { margin: 0 0 10px; } .promo .contact span { display: block; font-size: 16px; line-height: 1.5; } @media screen and (min-width:1025px) { .promo { display: block; width: auto; } .promo .openday-promo, .promo .contact { display: block; } } .tabs { display: none; position: relative; z-index: 10; } .tabs ul { list-style-type: none; } .tabs li { float: left; margin: 0; } .tabs li a { display: block; padding: 20px 20px; font-family: "Roboto Slab",serif; font-weight: 400; } .tabs li a:hover { color: #0099c4; } .tabs li a.active { background-color: #fff; color: #091932; box-shadow: 4px 4px 15px rgba(0,0,0,.95); margin-top: 1px; font-weight: 400; position: relative; } @media screen and (min-width:1025px) { .tabs { display: block; } } .tabs2-container { -webkit-transition: background-color .2s ease 0s; -moz-transition: background-color .2s ease 0s; -ms-transition: background-color .2s ease 0s; -o-transition: background-color .2s ease 0s; padding: 10px 0 0; background-color: rgba(255,255,255,.4); position: relative; height: 60px; overflow: hidden; } .tabs2-container.open { height: auto; } @media screen and (min-width:1025px) { .tabs2-container { height: auto; } } .tabs2-container .mobile-course-menu-btn { color: #091932; font-family: "Roboto Slab",serif; font-weight: 700; display: block; padding: 10px 0; z-index: 200; position: relative; border-bottom: 1px solid rgba(0,0,0,.1); } .tabs2-container .mobile-course-menu-btn svg { width: 16px; height: 16px; position: absolute; right: 0; top: 14px; } @media screen and (min-width:1025px) { .tabs2-container .mobile-course-menu-btn { display: none; } } .tabs2-container h4 { display: none; } .tabs2-container h4 a { color: #091932; font-weight: 700; } .tabs2-container h4 a svg { transform: rotate(-180deg); width: 14px; position: relative; top: -2px; } .tabs2-container h4 a:hover { color: #0099c4; } .tabs2-container h4 a:hover svg { fill: #0099c4; } .tabs2-container .print { position: absolute; right: 20px; bottom: 15px; display: inline-block; font-family: "Roboto Slab",serif; font-weight: 400; font-size: 16px; color: #384a50; } .tabs2-container .print svg { width: 28px; height: 28px; fill: #384a50; position: relative; top: 6px; } .tabs2-container .print:hover { color: #0099c4; } .tabs2-container .print:hover svg { fill: #0099c4; } .tabs2-container .tabs2 { position: relative; z-index: 10; } .tabs2-container .tabs2 ul { list-style-type: none; margin: 0; margin-bottom: 1px; } .tabs2-container .tabs2 li { width: 100%; margin: 0; } .tabs2-container .tabs2 li a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; display: block; padding: 12px 0; font-family: "Roboto Slab",serif; font-weight: 400; font-size: 16px; margin-bottom: -1px; border-bottom: 1px solid transparent; } .tabs2-container .tabs2 li a:hover { color: #27376f; border-bottom: 1px solid #27376f; } .tabs2-container .tabs2 li a.active { color: #27376f; border-bottom: 1px solid #27376f; font-weight: 400; position: relative; } .tabs2-container .btn { margin: 15px 0 0 0; } @media screen and (min-width:1025px) { .tabs2-container { position: absolute; width: 100%; z-index: 40; top: 0; border-bottom: 1px solid rgba(0,0,0,.1); } .tabs2-container .tabs2 { display: block; } .tabs2-container .tabs2 li { float: left; width: auto; } .tabs2-container .tabs2 li a { font-size: 16px; padding: 15px 10px; } .tabs2-container .tabs2 ul { display: inline-block; vertical-align: bottom; } .tabs2-container .btn { font-size: 16px; display: inline-block; position: relative; top: -5px; margin-left: 10px; height: 40px; } .tabs2-container.fixed { position: fixed; top: 0; right: 0; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1); } .tabs2-container.fixed h4 { opacity: 1; } } @media screen and (min-width:1300px) { .tabs2-container .container .tabs2 li a { padding-left: 20px; padding-right: 20px; } .tabs2-container .container .btn { margin-left: 20px; } } .main-body { padding: 40px 0 0 0; background-color: #fff; z-index: 30; position: relative; overflow: hidden; } @media screen and (min-width:1025px) { .main-body { background-color: #fff; } .main-body .main-body-angle-left { position: absolute; top: 0; left: 0; width: 100%; } .main-body .main-body-angle-left:before { content: ""; position: absolute; top: -100px; left: -100px; width: 0; height: 0; border-style: solid; border-width: 497px 1200px 0 0; border-color: #f4f4f4 transparent transparent transparent; opacity: 1; z-index: 0; } .main-body.course-template { padding-top: 90px; } } .main-content { padding: 0 0 0 0; position: relative; } .main-content.hidden { display: none; } .tc { padding-top: 110px; margin-top: -110px; margin-bottom: 50px; } .nav-tabs { margin: 50px 0 0; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); padding: 0; } .nav-tabs a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; display: inline-block; position: relative; padding: 0 10px 5px 10px; width: 50%; font-family: "Roboto Slab",serif; font-size: 13px; } .nav-tabs a svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; fill: transparent; stroke: #0099c4; width: 18px; height: 18px; position: relative; top: 2px; } .nav-tabs a.prev-tab { border-right: 1px solid rgba(0,0,0,.1); text-align: right; } .nav-tabs a.prev-tab svg { transform: rotate(90deg); } .nav-tabs a.next-tab svg { transform: rotate(-90deg); } .nav-tabs a:hover svg { fill: #27376f; stroke: #27376f; } @media screen and (min-width:1025px) { .nav-tabs a { font-size: 20px; padding: 15px 20px; } } .course-meta { margin: 10px 0 40px; font-family: "Roboto Slab",serif; font-weight: 300; font-size: 14px; } .course-meta .text { margin: 0 0 10px; float: left; } .course-meta span { font-weight: 400; margin-right: 10px; display: block; } .course-meta svg { float: left; margin-right: 10px; width: 24px; height: 24px; fill: white; stroke: white; } .course-meta svg.location { fill: none; } .course-meta .btn { margin-top: 30px; } @media screen and (min-width:1025px) { .course-meta { font-size: 18px; } .course-meta svg { float: left; margin-right: 10px; width: 28px; height: 28px; } .course-meta span { display: block; } } .listing-simple ul { list-style-type: none; margin: 0; } .listing-simple ul li { margin: 0; } .listing-simple ul a { font-family: "Roboto Slab",serif; display: block; position: relative; padding: 10px 0 10px 0; font-size: 16px; } .listing-simple ul a h4 { margin: 0 0 7px; color: #0099c4; } .listing-simple ul a p { color: #384a50; font-size: 14px; font-family: "roboto",sans-serif; } .listing-simple ul a span.date { display: block; color: #384a50; font-size: 14px; padding-top: 5px; padding-bottom: 5px; } .listing-simple ul a svg { fill: transparent; stroke: #091932; transform: rotate(-90deg); width: 8px; position: absolute; left: 0; top: calc(50% - 3px); display: none; } .listing-simple ul a:after { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; background-color: #384a50; } .listing-simple ul a:hover:after { width: 80px; } .listing-simple ul a:hover h4 { color: #27376f; } .listing-sm ul { list-style-type: none; margin: 0; } .listing-sm ul li { margin: 0; } .listing-sm ul a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; color: #384a50; display: block; padding: 20px 0; position: relative; } .listing-sm ul a:after { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; background-color: #384a50; } .listing-sm ul a span { display: block; } .listing-sm ul a .label { margin: 0 0 5px 0; font-size: 12px; font-weight: 400; opacity: .8; opacity: .8em; } .listing-sm ul a .heading { font-family: "Roboto Slab",serif; font-size: 20px; margin: 0 0 10px 0; color: #0099c4; } .listing-sm ul a .desc { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; font-weight: 300; font-size: 16px; line-height: 1.6; display: none; } .listing-sm ul a:hover:after { width: 80px; } .listing-sm ul a:hover .heading { color: #d1356f; } .listing-sm.thumbnails img { width: 160px; float: left; } .listing-body .heading { margin: 0 0 5px; } .listing-2 { position: relative; } .listing-2 ul { list-style-type: none; margin: 0; } .listing-2 ul li { display: block; float: left; width: 48%; margin: 0 4% 0 0; } .listing-2 ul li:nth-child(2n+2) { margin-right: 0; } .listing-2 ul li .teaser-white .heading { font-size: 18px; } .listing-2 ul li .teaser-white .textarea { position: relative; height: auto; } .listing-2 ul li .teaser-white:hover .desc { display: none; } @media screen and (min-width:1025px) { .listing-2 ul li .teaser-white .textarea { height: 120px; } } .listing-4 { padding: 60px 0 30px; position: relative; } .listing-4 ul { list-style-type: none; } .listing-4 ul li { display: block; float: left; width: 48%; margin: 0 4% 0 0; } .listing-4 ul li:nth-child(2n+2) { margin-right: 0; } @media screen and (min-width:1025px) { .listing-4 ul li { width: 23.5%; margin: 0 2% 0 0; } .listing-4 ul li:nth-child(2n+2) { margin-right: 2%; } .listing-4 ul li:nth-child(4n+4) { margin-right: 0; } } .listing-4 div.carousel-four-item { margin: 0 20px 0 0; } .listing-image li { overflow: hidden; } .listing-image li a { display: block; overflow: hidden; } .listing-image .img-container { float: left; width: 30%; margin: 0 10px 0 0; display: none; } @media screen and (min-width:1025px) { .listing-image .img-container { display: block; } } .listing-image img { width: 100%; height: auto; display: block; } .listing-image p { margin: 0; font-size: 14px; line-height: 1.3; } .listing-image h4 { font-size: 16px; margin: 0 0 5px; color: #0099c4; } .listing-image a:hover h4 { color: #27376f; } .teaser-white { display: block; padding: 0; z-index: 10; position: relative; } .teaser-white .textarea { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; position: relative; z-index: 3; padding: 15px 0; } @media screen and (min-width:1025px) { .teaser-white .textarea { position: absolute; bottom: 0; width: 100%; z-index: 3; padding: 15px; background-color: rgba(244,244,244,.95); } } .teaser-white .heading { font-weight: 400; font-size: 16px; line-height: 1.2; margin: 0 0 10px; color: #0099c4; } @media screen and (min-width:1025px) { .teaser-white .heading { font-size: 20px; line-height: 1.3; } } .teaser-white .label { margin: 0 0 10px 0; font-size: 12px; color: #384a50; font-weight: 400; } .teaser-white .desc { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; height: 0; overflow: hidden; color: #384a50; font-size: 16px; margin: 0; display: none; opacity: 0; } @media screen and (min-width:1025px) { .teaser-white .desc { display: block; } } .teaser-white:hover .textarea { background-color: #fff; } .teaser-white:hover .heading { color: #27376f; } @media screen and (min-width:1025px) { .teaser-white { padding: 0; border-radius: 3px 3px 0 0; position: relative; overflow: hidden; height: auto; } .teaser-white:hover .textarea { height: 180px !important; } .teaser-white:hover .desc { height: auto; opacity: 1; } } .listing-main li { margin: 0; } .listing-main a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; background-color: rgba(255,255,255,.5); padding: 0 0 30px; display: block; position: relative; margin: 0 0 30px; } .listing-main a img { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; display: block; width: 140px; position: absolute; left: -140px; display: none; } .listing-main a:after { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; background-color: #384a50; width: 60px; } .listing-main .label { display: block; margin: 0 0 5px 0; font-size: 12px; font-weight: 400; opacity: 1; color: #091932; } .listing-main .label.highlight { background: #5f6e73; color: #fff; display: inline-block; font-weight: bold; opacity: 1; padding: 3px 5px; margin: 0 0 10px 0; font-size: 11px; position: relative; z-index: 2; } .listing-main .label.highlight:after { content: ""; position: absolute; right: -9px; top: 0; display: inline-block; border-style: solid; border-width: 9px 0 10px 9px; border-color: transparent transparent transparent #5f6e73; } .listing-main .label.som-highlight { background: #0c406d; z-index: 1; opacity: 1; } .listing-main .label.som-highlight:after { border-color: transparent transparent transparent #0c406d; } .listing-main .label:nth-of-type(2) { padding-left: 16px; } .listing-main .heading { margin: 0 0 10px; color: #0099c4; font-size: 24px; } .listing-main .desc { color: #384a50; margin: 0 0 10px; } .listing-main .course-meta { font-family: "roboto",sans-serif; font-size: 14px; color: #384a50; margin-bottom: 0; } .listing-main .course-meta .meta-item { float: left; margin-right: 20px; } .listing-main .course-meta svg { width: 16px; height: 16px; fill: #384a50; stroke: #384a50; } .listing-main .course-meta svg.location { fill: none; } @media screen and (min-width:1025px) { .listing-main a { padding: 20px 30px 30px; } .listing-main a img { display: block; } .listing-main .heading { font-size: 26px; } } .listing-news { padding: 0 0 60px; position: relative; } .listing-news .news-angle-right { position: absolute; top: 0; right: 0; } .listing-news .news-angle-right:after { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 1200px 1200px; border-color: transparent transparent #fff transparent; opacity: .9; z-index: 0; } .listing-news ul { list-style-type: none; position: relative; z-index: 1; } .listing-news ul:hover li a img { opacity: .5; } .listing-news ul li { float: left; width: 50%; margin: 0; border: 4px solid transparent; } .listing-news ul li a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; color: #091932; display: block; height: 100%; padding: 0 0 20px; } .listing-news ul li a span { display: block; } .listing-news ul li a .img-container { background-color: #0c406d; } .listing-news ul li a img { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; margin: 0 0 20px; opacity: .8; } .listing-news ul li a .heading { font-family: "Roboto Slab",serif; color: #0099c4; margin: 0 0 10px; font-size: 16px; padding: 0; } .listing-news ul li a .label { margin: 0 0 5px 0; font-size: 12px; font-weight: 400; opacity: .8; } .listing-news ul li a .label span { display: inline-block; margin-right: 5px; padding-right: 5px; font-weight: 600; color: #0c406d; border-right: 1px solid rgba(0,0,0,.1); } .listing-news ul li a .label span.no-border { border-right: none; } .listing-news ul li a .desc { display: none; } .listing-news ul li a.video-teaser { position: relative; } .listing-news ul li a.video-teaser .img-container { background-color: #0c406d; } .listing-news ul li a.video-teaser img { opacity: .5; } .listing-news ul li a.video-teaser svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; position: absolute; width: 100px; left: calc(50% - 50px); top: calc(30% - 50px); fill: transparent; z-index: 2; } .listing-news ul li a.video-teaser:hover img { opacity: .3; } .listing-news ul li a.video-teaser:hover svg { fill: white; } .listing-news ul li a.noimage { background-color: #1a280e; color: #fff; padding: 20px 10px; position: relative; overflow: hidden; } .listing-news ul li a.noimage:before { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; bottom: -130px; left: 0; width: 0; height: 0; border-style: solid; border-width: 200px 0 0 483px; border-color: transparent transparent transparent #95c11f; opacity: .5; z-index: 0; } .listing-news ul li a.noimage .heading { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; font-family: "Roboto Slab",serif; color: #95c11f; font-size: 16px; } .listing-news ul li a.noimage .label { color: #fff; } .listing-news ul li a.noimage .label span { color: #fff; border-right: 1px solid rgba(255,255,255,.3); } .listing-news ul li a:hover { background-color: #fff; } .listing-news ul li a:hover .heading { color: #27376f; } .listing-news ul li a:hover img { opacity: 1; } .listing-news ul li a:hover.noimage { background-color: #5b7813; } .listing-news ul li a:hover.noimage .heading { color: #fff; } .listing-news ul li a.berry { background-color: #30050c; } .listing-news ul li a.berry:before { border-color: transparent transparent transparent #e4003a; } .listing-news ul li a.berry .heading { color: #e4003a; } .listing-news ul li a.berry:hover.noimage { background-color: #820e21; } .listing-news ul li a.sea { background-color: #141c38; } .listing-news ul li a.sea:before { border-color: transparent transparent transparent #0099c4; } .listing-news ul li a.sea .heading { color: #0099c4; } .listing-news ul li a.sea:hover.noimage { background-color: #27376f; } @media screen and (min-width:1025px) { .listing-news ul li { float: left; width: 25%; border: 4px solid transparent; } .listing-news ul li a { padding: 0 0 20px; } .listing-news ul li a .heading { font-size: 20px; padding: 0 10px; } .listing-news ul li a .label, .listing-news ul li a .desc { padding: 0 10px; } .listing-news ul li a.noimage { padding: 80px 20px 20px 20px; } .listing-news ul li a.noimage .heading { font-size: 26px; } } .teasers-row { list-style-type: none; padding: 0 0 60px; position: relative; background-color: #fff; } .teasers-row ul { list-style-type: none; } .teasers-row ul li { display: block; } @media screen and (min-width:481px) { .teasers-row ul li { float: left; width: 49%; margin: 0 2% 20px 0; } .teasers-row ul li:nth-child(2n+2) { margin-right: 0%; } } @media screen and (min-width:769px) { .teasers-row ul li { float: left; width: 31%; margin: 0 2% 20px 0; } .teasers-row ul li:nth-child(2n+2) { margin-right: 2%; } .teasers-row ul li:nth-child(3n+3) { margin-right: 2%; } } @media screen and (min-width:1025px) { .teasers-row ul li { float: left; width: 23.5%; margin: 0 2% 0 0; } .teasers-row ul li:nth-child(3n+3) { margin-right: 2%; } .teasers-row ul li:nth-child(2n+2) { margin-right: 2%; } .teasers-row ul li:nth-child(4n+4) { margin-right: 0; } } .teaser { position: relative; display: block; overflow: hidden; border-radius: 3px; } .teaser:after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 40px 40px; border-color: transparent transparent #27376f transparent; opacity: .8; z-index: 2; } .teaser.teaser2 { float: none; margin: 0; width: auto; } .teaser.teaser2:before { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 200px 0 0 483px; border-color: transparent transparent transparent #0099c4; opacity: .9; z-index: 2; } .teaser.teaser2:hover:before { border-width: 300px 0 0 724px; } .teaser.teaser2 .heading { width: 90%; } .teaser .teaser-textarea { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; position: absolute; bottom: 0; width: 100%; color: #fff; padding: 0 0 20px; } .teaser .teaser-textarea svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; position: absolute; bottom: 0; left: 0; width: 300px; height: 300px; opacity: .9; } .teaser span { display: block; padding: 0 20px; z-index: 10; position: relative; } .teaser .label { margin: 0 0 10px 0; font-size: 12px; color: rgba(255,255,255,.8); font-weight: 400; opacity: 1; } .teaser .heading { font-family: "Roboto Slab",serif; font-size: 24px; margin: 0 0 10px 0; width: 75%; line-height: 1.2; text-shadow: 4px 4px 15px rgba(0,0,0,.25); } .teaser .desc { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; font-weight: 300; font-size: 15px; line-height: 1.6; height: 0; overflow: hidden; } .teaser:hover:before { opacity: 1; border-color: transparent transparent transparent #27376f; } .teaser:hover .teaser-textarea svg { height: 500px; width: 500px; opacity: .9; } .teaser:hover .desc { height: 100px; } @media screen and (min-width:481px) { .module .teaser { float: left; width: calc(50% - 20px); margin-right: 20px; margin-bottom: 20px; } } @media screen and (min-width:1025px) { .module .teaser { float: none; width: auto; margin: 0; max-width: 400px; } } .img-caption { margin: 0 0 30px; position: relative; overflow: hidden; } .img-caption img { display: block; } .img-caption .caption { position: absolute; bottom: 0; left: 0; width: 40%; z-index: 2; color: #fff; padding: 20px; line-height: 1.4; font-size: 16px; } .img-caption:before { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; bottom: -200px; left: 0; width: 0; height: 0; border-style: solid; border-width: 400px 0 0 966px; border-color: transparent transparent transparent #0099c4; opacity: .9; z-index: 2; } .video { margin: 0 0 30px; background-color: #0c406d; position: relative; cursor: pointer; overflow: hidden; } .video img { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; opacity: .6; } .video svg { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; position: absolute; width: 100px; left: calc(50% - 50px); top: 15%; fill: transparent; } @media screen and (min-width:481px) { .video svg { top: calc(50% - 50px); } } .video a .caption { display: block; padding: 20px; line-height: 1.4; font-size: 16px; color: #fff; } @media screen and (min-width:481px) { .video a .caption { position: absolute; bottom: 0; left: 0; width: 40%; z-index: 2; color: #fff; } } .video:hover img { opacity: .3; } .video:hover svg { fill: white; } @media screen and (min-width:481px) { .video:before { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; bottom: -200px; left: 0; width: 0; height: 0; border-style: solid; border-width: 400px 0 0 966px; border-color: transparent transparent transparent #0099c4; opacity: .9; z-index: 2; } } .course-finder-widget { padding: 30px 100px 30px 20px; background: url("../../img/nw2/cf-bg.jpg") no-repeat left top; background-size: cover; position: relative; overflow: hidden; border-radius: 3px; margin: 0 0 20px; } .course-finder-widget:after { content: ""; position: absolute; top: 0; right: -230px; width: 0; height: 0; border-style: solid; border-width: 0 350px 845px 0; border-color: transparent #633e88 transparent transparent; opacity: 1; z-index: 1; } .course-finder-widget:before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 100px 100px; border-color: transparent transparent #442b58 transparent; opacity: .8; z-index: 2; } .course-finder-widget .content { position: relative; z-index: 2; } .course-finder-widget .heading { color: #fff; line-height: 1.1; margin: 0 0 5px; font-weight: 400; font-size: 30px; } .course-finder-widget .intro { color: #fff; line-height: 1.1; margin: 0 0 20px; font-weight: 100; font-size: 28px; color: #fff; } .cf { background: url("../../img/nw2/cf-bg.jpg") no-repeat left top; background-size: cover; padding: 0; color: #fff; position: relative; } .cf svg.c { position: absolute; top: -80px; left: -30px; height: 600px; width: 600px; z-index: 0; opacity: .2; } .cf:after { content: ""; position: absolute; top: 0; right: -230px; width: 0; height: 0; border-style: solid; border-width: 0 350px 845px 0; border-color: transparent #633e88 transparent transparent; opacity: 1; z-index: 1; } .cf .heading { color: #fff; margin: 0 0 5px; font-weight: 400; font-size: 30px; } .cf .heading:after { opacity: 0; } .cf .intro { font-weight: 100; font-size: 28px; line-height: 1.1; margin: 0 0 20px; } @media screen and (min-width:1025px) { .cf { height: 440px; } .cf .heading { font-size: 50px; letter-spacing: -.02em; } } .cf-form { position: relative; z-index: 2; padding: 30px 20px; } .cf-form svg.searchicon { width: 40px; height: 40px; fill: white; position: absolute; top: 120px; left: 100px; } @media screen and (min-width:1025px) { .cf-form { padding-left: 100px; padding: 110px 60px 50px 150px; } .cf-form .select { width: 20%; } } .testimonial { padding: 50px 0; position: relative; z-index: 10; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; overflow: hidden; background-color: #633e88; } @media screen and (min-width:769px) { .testimonial { background-color: transparent; margin: 50px 0; padding: 0; } } .testimonial:before { display: block; position: absolute; height: 200%; left: 0; right: 25%; transform: rotate(20deg); transform-origin: 100% 0; background-color: #633e88; } @media screen and (min-width:769px) { .testimonial:before { content: ""; } } .testimonial .text { color: #fff; text-align: center; padding: 0 30px 0 50px; position: relative; } @media screen and (min-width:769px) { .testimonial .text { float: left; width: 65%; } } .testimonial .text .text-inner { padding-bottom: 30px; z-index: 1; } @media screen and (min-width:769px) { .testimonial .text .text-inner { position: relative; top: 50%; transform: translateY(-50%); padding-left: 40px; padding-right: 40px; } } .testimonial .text p.quote { font-family: "Roboto Slab",serif; font-size: 26px; font-weight: 400; position: relative; margin-bottom: 20px; padding-bottom: 20px; } .testimonial .text p.quote:after { content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; background-color: #fff; left: calc(50% - 20px); } .testimonial .text cite { font-size: 14px; font-style: normal; position: relative; padding: 0 0 20px; display: inline-block; } .testimonial .text cite:after { content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; background-color: #fff; left: calc(50% - 20px); } .testimonial .img { position: absolute; width: 45%; margin: 0; right: 0; z-index: -2; display: none; } .testimonial .img img { height: auto; min-height: 100%; width: 100%; } @media screen and (min-width:769px) { .testimonial .img { display: block; } } .testimonial.casestudy h3 { color: #fff; font-size: 30px; font-weight: 400; } .testimonial.casestudy .label { margin: 0 0 10px; opacity: .7; } .testimonial .img, .testimonial .text { max-height: 400px; } .centres { background-color: #091932; position: relative; padding-bottom: 30px; } @media screen and (min-width:1025px) { .centres { padding-bottom: 0; margin-bottom: 60px; } } .centres:before { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; bottom: 0; left: -80px; width: 0; height: 0; border-style: solid; border-width: 966px 0 0 400px; border-color: transparent transparent transparent #0c406d; opacity: .3; z-index: 0; } .centres h2 { color: #fff; font-size: 40px; font-weight: 400; line-height: 1; } .centres h2:after { background-color: #fff; } @media screen and (min-width:1025px) { .centres h2 { font-size: 50px; font-weight: 700; } } .centres p { margin: 0; color: #fff; font-size: 16px; } .centres .centres-title { margin-top: 30px; } .centres .centres-title img { width: 140px; margin: 30px 0 0; } @media screen and (min-width:1300px) { .centres .centres-title { margin-top: 130px; } } @media screen and (min-width:1025px) { .centres .container { z-index: 1; } } .centres .teaser { border-radius: 0; max-width: 1000px; } .centres .teaser:before { border-width: 350px 0 0 845px; border-color: transparent transparent transparent #e4003a; } .centres .teaser:after { border-color: transparent transparent #820e21 transparent; } .centres .teaser .teaser-textarea { padding: 0; } .centres .teaser .teaser-textarea svg { height: 500px; width: 500px; opacity: .9; } .centres .teaser .desc { height: 100px; } .centres .teaser .heading { font-size: 30px; } .centres .teaser .cta { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; height: 0; display: block; padding: 0 20px; background-color: #e4003a; position: relative; border-radius: 0; } .centres .teaser .cta svg { fill: transparent; stroke: white; transform: rotate(-90deg); width: 25px; height: 25px; position: absolute; right: 15px; top: 15px; left: auto; } .centres .teaser:hover:before { border-width: 400px 0 0 966px; border-color: transparent transparent transparent #820e21; } .centres .teaser:hover .cta { height: 60px; padding: 15px 20px; } .centres .centres-tabs-list { list-style-type: none; font-size: 15px; margin: 40px 0; } .centres .centres-tabs-list li { margin: 0; } .centres .centres-tabs-list a { padding: 10px; display: block; position: relative; color: #fff; } .centres .centres-tabs-list a:hover { color: #0099c4; } .centres .centres-tabs-list a.active { background-color: #fff; color: #091932; border-right: 50px solid #fff; margin-right: -40px; z-index: 10; } .centres .centres-tabs-list a.active:before { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; right: -69px; top: 0; width: 0; height: 0; border-style: solid; border-width: 19px 0 19px 19px; border-color: transparent transparent transparent #fff; position: absolute; } .centres .centres-tabs-list a.active:after { opacity: 0; } .centres .centres-tabs-list a:after { content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; opacity: .2; left: 8px; } @media screen and (min-width:1025px) { .centres:after { content: ""; background-color: #fff; top: 0; left: 1520px; position: absolute; width: 1600px; height: 100%; } } .centres.grass { background-color: #1a280e; } .centres.grass:before { border-color: transparent transparent transparent #95c11f; } .centres.grass .centres-tabs-list a { color: #95c11f; } .centres.grass .centres-tabs-list a.active { color: #fff; background-color: #95c11f; border-right: 50px solid #95c11f; } .centres.grass .centres-tabs-list a.active:before { border-color: transparent transparent transparent #95c11f; } .centres.grass .centres-tabs-list a:hover { color: #fff; } .centres.grass .teaser .cta { background-color: #95c11f; } .centres.grass .teaser:hover:before { border-color: transparent transparent transparent #5b7813; } .capabilities { padding: 0 0 60px; position: relative; z-index: 1; background-color: #f4f4f4; z-index: 0; } .capabilities .capabilities-angle-right { position: absolute; top: 0; right: 0; } .capabilities .capabilities-angle-right:after { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 1200px 1200px; border-color: transparent transparent #fff transparent; opacity: .9; z-index: 3; } .capabilities .listing-simple { position: relative; z-index: 10; } .capabilities .listing-simple li { margin: 0 0 5px; } .capabilities .listing-simple li a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; color: rgba(56,74,80,.8); font-family: "roboto",sans-serif; font-size: 14px; background-color: rgba(255,255,255,.3); padding-left: 30px; } .capabilities .listing-simple li a span { font-weight: 700; font-size: 18px; display: block; font-family: "Roboto Slab",serif; color: #0099c4; margin: 0 0 3px 0; } .capabilities .listing-simple li a:after { opacity: 0; } .capabilities .listing-simple li a svg { display: block; width: 16px; height: 16px; stroke: #0099c4; left: 10px; top: 24px; } @media screen and (min-width:1025px) { .capabilities .listing-simple li { float: left; width: 23.5%; margin-right: 2%; } .capabilities .listing-simple li:nth-child(4n+4) { margin-right: 0; } .capabilities .listing-simple li a { padding: 18px 30px 18px 30px; height: inherit; } .capabilities .listing-simple li a p { margin: 0; } .capabilities .listing-simple li a:hover { background-color: #fff; } .capabilities .listing-simple li a:hover span { color: #27376f; } .capabilities .listing-simple li a:hover svg { fill: #27376f; stroke: #27376f; } } .fade { margin: 0; position: relative; width: 100%; opacity: 1; } .all-link { font-family: "roboto",sans-serif; font-size: 18px; margin: 0 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid rgba(0,0,0,.1); } .moretext { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; height: 0; overflow: hidden; } .moretext.open { height: auto; padding: 10px 0 60px; } .snapshot { margin: 0 0 40px; font-family: "Roboto Slab",serif; } .snapshot li { margin: 0; border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px 0; font-weight: 400; color: #091932; } .snapshot li span { font-weight: 300; color: rgba(56,74,80,.9); display: block; margin-right: 10px; } @media screen and (min-width:1025px) { .snapshot li span { display: inline-block; } } .snapshot.non-funded li { padding-left: 0; } .statistic { margin: 0 0 60px; overflow: hidden; } .statistic li { margin: 0 0 20px 0; background: rgba(244,244,244,.95); padding: 20px; } @media screen and (min-width:1025px) { .statistic li { float: left; width: 32%; margin: 0 2% 30px 0; } .statistic li:nth-child(2n+2) { margin-right: 2%; } .statistic li:nth-child(3n+3) { margin-right: 0; } } .statistic li.highlight { background: #0c406d; color: #f1f1f1; } .statistic li.highlight span { color: #fff; } .statistic li.highlight:after { border-color: #fff; } .statistic li span { font-weight: bold; font-size: 3.5em; display: block; color: #0c406d; } .module .statistic { margin: 0; } .module .statistic li { margin: 0 0 20px 0; background: rgba(244,244,244,.95); padding: 20px; } @media screen and (min-width:1025px) { .module .statistic li { float: left; width: 48%; margin: 0 4% 20px 0; } .module .statistic li:nth-child(2n+2) { margin-right: 0; } .module .statistic li:nth-child(3n+3) { margin-right: 4%; } } .module .statistic li.highlight { background: #0c406d; color: #f1f1f1; } .module .statistic li.highlight span { color: #fff; } .module .statistic li.highlight:after { border-color: #fff; } header.white { background: #fff; height: 170px; } header.white .logo { display: block; width: 130px; height: 130px; margin-bottom: 20px; top: 20px; left: -20px; } header.white .nav .primary { color: #0c406d; } header.white .nav .primary:hover { color: #fff; } header.white .nav .primary .icon svg { stroke: #0c406d; } header.white .nav .dropdown { background: #091932; } .facilities { padding: 0 0 60px; margin: 0 0 0; } .facilities h2 { margin-bottom: 30px; } .facilities h2:after { content: ''; opacity: 0; } .facilities a { display: block; padding: 15px 0; border-top: 1px solid rgba(0,0,0,.1); background-color: #fff; margin: 0 0 20px; } .facilities a img { margin: 0 0 20px; } .facilities a .text-container h3 { margin: 0 0 10px; font-size: 24px; color: #0099c4; } .facilities a .text-container p { color: #384a50; font-size: 16px; margin: 0; } .facilities .owl-controls { border-top: 1px solid rgba(0,0,0,.1); padding-top: 20px; } @media screen and (min-width:481px) { .facilities a { margin: 0 10px 20px; } } @media screen and (min-width:1025px) { .facilities a { padding: 20px 0; } } .people { padding: 40px 0 40px; position: relative; z-index: 3; margin: 0 0 60px; background-color: #0099c4; color: #fff; } .people .all-link { border-left: 1px solid rgba(255,255,255,.4); color: #fff; } .people .all-link:hover { color: #fff; } .people li { margin: 0; } .people li a { display: block; padding: 10px; } .people li a .img-container { float: left; width: 25%; } .people li a .text-container { float: left; width: 75%; padding: 10px 20px; } .people li a .text-container h3 { margin: 0 0 5px; font-weight: 400; font-size: 20px; color: #fff; } .people li a .text-container p { color: #fff; opacity: .8; font-size: 14px; line-height: 1.4; margin: 0; } .people li a:hover { background-color: rgba(0,0,0,.4); } .people li a:hover .text-container h3 { color: #0099c4; } .people h2 { color: #fff; font-weight: 400; } .people h2:after { background-color: #fff; } @media screen and (min-width:1025px) { .people li { float: left; width: 25%; } .people li a { height: inherit; } } footer .container { position: static; } .uni-logo { background: #fff; clear: both; width: 120%; margin: 0 -40px; padding: 20px 0; text-align: center; } @media screen and (min-width:1025px) { .uni-logo { display: block; padding: 0; margin: 0; width: auto; background: transparent; } } .uni-logo svg { width: 137px; height: 137px; margin: 0 auto; } @media screen and (min-width:1025px) { .uni-logo svg { position: absolute; right: 80px; bottom: 100px; z-index: 1; background: #fff; } } @media screen and (min-width:1025px) { .uni-logo:after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 500px 500px; border-color: transparent transparent #fff transparent; z-index: 0; } } .small-text { font-size: 16px; } .copyright { max-width: 80%; } .inline-tabs { margin: 0; } .inline-tabs li { margin: 0; } @media screen and (min-width:481px) { .inline-tabs li { display: inline-block; margin: 0 1px 0 0; } } .inline-tabs li a { display: block; background: #0099c4; color: #fff; padding: 10px 30px; border-radius: 2px 2px 0 0; font-family: "Roboto Slab",serif; } .inline-tabs li a.active { background: #f4f4f4; color: #0c406d; } .tab-content { background: #f4f4f4; padding: 40px 30px 1px; margin: 0 0 40px; } .fees table { width: 100%; margin: 0 0 30px; border-top: 1px solid rgba(0,0,0,.1); } .fees table td { width: 50%; border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px 0; font-size: 15px; } .fees table td span { color: #e4003a; } .fee-meta { font-size: 15px; } .fee-meta span { color: #e4003a; } .fee-notes { margin: 0 0 40px; font-size: 14px; color: #777; } .fee-notes h3 { font-size: 14px; } .fee-notes p { margin: 0 0 10px; } .blocker { margin: 0; padding: 0; background: #fff; background: #fff; } .modal { height: auto; background: #fff; background: rgba(255,255,255,.8); padding: 0; margin: 0; position: static; z-index: 2; } .modal a.next, .modal a.prev { position: absolute; right: 20px; top: 49%; display: block; width: 30px; height: 30px; } .modal a.next svg, .modal a.prev svg { height: 30px; width: 30px; fill: transparent; stroke: #0099c4; transform: rotate(-90deg); } .modal a.next:hover svg, .modal a.prev:hover svg { fill: #0099c4; } .modal a.prev { left: 20px; } .modal a.prev svg { transform: rotate(90deg); } .modal span.shard { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 400px 0 0 966px; border-color: transparent transparent transparent #e6e6e6; opacity: .9; z-index: -1; } .modal iframe { display: block; margin: 0; } .modal .aspect-ratio { margin: 0; max-width: 100%; width: 600px; } .modal .close { background: #0099c4; color: #fff; padding: 5px; border-radius: 5px; position: absolute; top: 20px; font-size: 13px; text-align: center; right: 20px; display: inline-block; width: 100px; } .modal .close:hover { background: #27376f; } .modal .description { position: absolute; margin-top: 20px; font-size: 15px; } .modal a.close-modal { display: none; } ul.listing { list-style-type: square; padding-left: 21px; } .listing-people li a { overflow: hidden; display: block; background: #f4f4f4; padding: 20px; } .listing-people li a b { padding-right: 5px; } .listing-people li a:hover { background: #e6e6e6; } .listing-people li a:hover h3 { color: #27376f; } .listing-people li .img-container { float: left; padding: 0 20px 0 0; width: 25%; } .listing-people li .text-container { float: left; width: 75%; } .listing-people li .text-container h3 { color: #0099c4; margin-bottom: 15px; } @media screen and (min-width:1025px) { .listing-people li .text-container h3 { margin-top: 20px; } } .listing-people li .text-container p { margin: 0 0 5px; color: #384a50; font-size: 16px; } .listing-press a img { margin: 0 0 10px 0; position: static; } @media screen and (min-width:1025px) { .listing-press a img { margin: 0 20px 10px 0; float: left; } } .instagram-media { margin: 0 auto 40px !important; } .modal-window img { max-width: 400px; height: auto; } .teasers { overflow: hidden; margin: 0 0 30px; } .teasers ul li { position: relative; clear: both; overflow: hidden; padding: 0 0 30px; margin: 0 0 30px; border-bottom: 1px solid #e6e6e6; } .teasers ul li ul { margin: 0 0 30px; } .teasers ul li ul li { border: none; overflow: visible; margin: 0; padding: 15px 0; } .teasers ul li ul li:after { content: ""; height: 1px; display: block; position: absolute; border-bottom: 1px solid #e6e6e6; width: 40px; bottom: 0; } .teasers ul li h3 { color: #384a50; } .teasers ul li a h3 { color: #0099c4; } .teasers ul li a:hover h3 { color: #27376f; } .teasers ul li a:hover .btn { background: #d1356f; } .teasers ul li p:last-child { margin: 0; } .teasers ul .new { background: #d1356f; color: #fff; text-transform: uppercase; font-size: 12px; padding: 5px 10px; position: absolute; top: 0; left: 0; transform: rotate(90); } .teasers ul .img-container { float: left; padding: 0 20px 0 0; width: 25%; } .teasers ul .text-container { float: left; width: 75%; padding-top: 20px; padding-bottom: 20px; } .teasers ul .text-container h3 { margin: 0 0 10px; } .teasers ul .text-container .label { color: #666; font-size: 14px; text-transform: uppercase; margin: 0 0 10px; } .teasers ul .text-container p { color: #384a50; margin: 0; } .teasers ul .text-container .inner-teaser { margin: 0 0 20px; } .teasers ul .text-container .btn { margin-top: 20px; } .teasers ul .text-container svg { width: 30px; display: inline-block; height: 30px; position: relative; top: 12px; left: 0; margin: 0 5px 0 0; } .expertise { list-style-type: square; overflow: hidden; } .expertise li { margin: 0; padding: 0 10px 10px 0; margin-left: 20px; font-size: 16px; } @media screen and (min-width:1025px) { .expertise li { float: left; width: 40%; } } .profile { padding-top: 20px; overflow: hidden; } .profile .profile-image { margin: 0 0 20px; padding-top: 40px; height: auto; } @media screen and (min-width:481px) { .profile .profile-image { float: right; width: 30%; margin: 0 0 0 0; } } .profile .profile-image img { width: 100%; height: auto; } .listing-article ul li { padding: 20px 0; margin: 0; position: relative; } .listing-article ul li:after { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; height: 1px; width: 40px; bottom: 0; left: 0; background-color: #384a50; } .staff-info { border-top: 1px solid rgba(255,255,255,.2); padding: 40px 0 0 0; margin: 0 0 30px; } .staff-info .job-title { margin: 0 0 20px; font-size: 24px; font-style: italic; border: none; } .staff-info li { margin: 0 30px 5px 0; width: 60%; padding: 10px 0; border-bottom: 1px dotted rgba(255,255,255,.2); } .staff-info li b { color: #0099c4; padding-right: 10px; } .staff-info li.social-icon { margin: 20px 5px 0 0; display: inline-block; border: none; width: auto; } .staff-info li svg { width: 30px; height: auto; fill: #fff; } .staff-info li svg:hover { fill: rgba(255,255,255,.8); } .person-info { margin: 40px 0 40px; } .event-meta .meta-item { float: left; width: 50%; } .programmes table td:first-child { width: 20%; } .sponsor-list li { width: 48%; float: left; margin-right: 4%; background: #f4f4f4; } .sponsor-list li:nth-child(2n+2) { margin-right: 0; } .sponsor-list li img { width: 100%; padding: 0 10px; height: auto; } .sponsor-list li a:hover img { opacity: .8; } .pagination { margin: 40px 0 40px; overflow: hidden; } .pagination li { float: left; margin: 0 4px 0 0; } .pagination li.current a { background: #442b58; border-color: #442b58; } .pagination li.current a:hover { background: #442b58; color: #fff; } .pagination li.prev a, .pagination li.next a { background: transparent; border: 1px solid #0099c4; color: #0099c4; } .pagination li.prev a svg, .pagination li.next a svg { position: relative; top: 0; fill: #0099c4; stroke: #0099c4; width: 10px; height: 10px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .pagination li.prev a:hover svg, .pagination li.next a:hover svg { fill: #000; } .pagination li.prev a svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .pagination li a { font-size: 13px; display: block; margin: 0; padding: 5px 10px; background: #0099c4; color: #fff; border: 1px solid #0099c4; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .pagination li a:after { display: none; } .pagination li a:hover { background: #fff; color: #222; cursor: pointer; } .listing-main li a:hover h3.heading { color: #442b58; } .listing-main li a:hover img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } h1.limited-width { max-width: 946px; } .required { color: #d1356f; } .quick-links { margin: 30px 0 60px; } .quick-links li { position: relative; padding: 10px 0; margin: 0; } .quick-links li:after { content: ""; height: 1px; background: #e6e6e6; width: 70px; position: absolute; bottom: 0; left: 0; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .quick-links li:hover:after { width: 100px; } .quick-links li span { vertical-align: middle; } .quick-links li svg { width: 16px; height: 16px; margin-right: 10px; fill: transparent; stroke: #0099c4; } .quick-links li a:hover svg { fill: #0099c4; } .showmore span.less { display: none; } .showmore span { font-weight: normal; } .showmore.active .less { display: inline; } .showmore.active .more { display: none; } .facts ul { overflow: hidden; margin: 20px 0 60px; } .facts ul li { border-bottom: 1px dotted #e6e6e6; padding: 10px 0; margin: 0; } .facts ul li p { margin: 0; } .theme-nav { background: #0c406d; position: relative; z-index: 1; margin-top: 20px; } .theme-nav ul { padding: 10px 70px 20px; margin: 0; } .theme-nav ul li { display: inline-block; margin: 0 20px 0 0; } .theme-nav ul li svg { position: relative; top: 1px; } .dropdown-theme { padding-bottom: 0; } .dropdown4 p { color: rgba(255,255,255,.7); } .facility-facts { background: #f4f4f4; margin: 60px 0 60px; width: 100%; overflow: hidden; padding: 60px 0 0; } .facility-facts li { background: #fff; } .capability .theme-title { margin-top: 20px; margin-bottom: 10px; font-size: 20px; font-weight: 700; font-family: "Roboto Slab",serif; color: rgba(255,255,255,.8); background: #442b58; padding: 5px 14px; position: relative; z-index: 20; display: none; cursor: pointer; } @media screen and (min-width:1025px) { .capability .theme-title { display: inline-block; } } .capability .theme-title:hover { background: #2a1a36; color: #fff; } .capability .theme-title:hover svg { fill: #fff; } .capability .theme-title svg { fill: none; stroke: rgba(255,255,255,.8); height: 16px; width: 16px; margin-left: 10px; } .capability .theme-title ul { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; position: absolute; width: 100%; left: 0; top: 36px; z-index: 20; background: #fff; max-height: 0; overflow: hidden; display: block; } .capability .theme-title ul.active { max-height: 500px; } .capability .theme-title ul li { border-bottom: 1px dotted rgba(0,0,0,.5); margin: 0; } .capability .theme-title ul li a { font-size: 14px; display: block; padding: 10px 10px 10px 12px; background: #fff; } .capability .theme-title ul li a.selected { color: #000; cursor: default; background: #e6e6e6; } .capability h1 { width: 100%; padding-left: 15px; padding-right: 15px; } @media screen and (min-width:1025px) { .capability h1 { padding: 0; } } .event-image .event-meta .meta-item { width: 100%; float: none; } .main-listing-news { padding-right: 30px; } @media screen and (min-width:1025px) { .main-listing-news ul li { width: 33.33333%; } } .filters-news { margin-top: 0; } .course-modules { text-align: left; vertical-align: top; margin: 0 0 20px; border: 0; } .course-modules td, .course-modules th { vertical-align: top; padding: 20px 0; border: 0; } .course-modules td p, .course-modules th p { margin: 0 0 10px; } .course-modules td ul, .course-modules th ul { margin: 0; } .course-modules td ul li, .course-modules th ul li { margin: 0 0 5px; } .course-modules th { -webkit-padding-end: 50px; -moz-padding-end: 23px; } .course-modules tr:nth-child(odd) { background: transparent; } .credit { position: absolute; bottom: 0; right: 0; z-index: 2; display: block; } .credit svg { width: 50px; height: 50px; fill: #fff; float: right; background: #384a50; padding: 10px 10px 5px 10px; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .credit span { float: left; opacity: 0; display: block; margin-left: 20px; margin-right: 20px; margin-top: 17px; overflow: hidden; color: #fff; font-size: 14px; text-shadow: 0 2px 12px #000; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .credit:hover span { opacity: 1; } .credit:hover svg { background: #091932; } .staff-overview { float: right; padding: 0; margin: 0 0 40px 40px; background: #f4f4f4; font-size: 15px; } .staff-overview .profile-image { margin: 0 0 30px; width: 100%; } .staff-overview .profile-image img { width: 100%; height: auto; } .staff-overview ul { padding: 0 20px; } .staff-overview ul li { margin: 0 0 15px; padding: 0; } .staff-overview ul li.social-icon { display: inline-block; } .staff-overview ul li.job-title { font-size: 17px; } .staff-overview ul li b { display: block; } .staff-overview ul li svg { width: 28px; height: 28px; fill: #0099c4; } .staff-overview ul li svg:hover { fill: #27376f; } .centre-logo { float: right; width: 150px; height: 150px; margin: 0 0 40px 40px; opacity: 0; } .profile-details { overflow: hidden; } .profile-details .profile-image { float: left; margin: 0 30px 0 0; width: 200px; position: relative; overflow: hidden; } .profile-details .profile-image:before { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; bottom: -340px; left: 0; width: 0; height: 0; border-style: solid; border-width: 400px 0 0 966px; border-color: transparent transparent transparent #0099c4; opacity: .9; z-index: 2; } .profile-details .profile-text { float: left; max-width: 70%; } .profile-details .profile-text h1 { margin: 0 0 20px; } .profile-details .profile-text p { margin: 0; font-size: 21px; font-family: "Roboto Slab",serif; } .staff-details li svg { width: 28px; height: 28px; fill: #0099c4; } .filter-dropdowns .filter-search { display: inline-block; margin: 30px 10px 0 0; } .filter-dropdowns .three-col { width: 80%; display: inline-block; } .filter-dropdowns .three-col .filter-set { width: 30%; float: left; margin-right: 10px; } .filter-dropdowns .three-col .filter-set:last-child { margin-right: 0; } .filter-dropdowns .filter-set { position: relative; z-index: 20; } .filter-dropdowns .filter-set h3 { font-weight: normal; } .filter-dropdowns .filter-set h4 { background: rgba(0,0,0,.2); padding: 10px; margin: 0 0 5px !important; border-radius: 3px; } .filter-dropdowns .filter-set h4 svg { float: right; width: 15px; height: 15px; fill: #fff; margin-top: 3px; } .filter-dropdowns .filter-set ul { display: none; position: absolute; left: 0; z-index: 4; width: 100%; } .filter-dropdowns .filter-set ul li { width: 100% !important; display: block; float: none; margin: 0 0 2px; } .filter-dropdowns .filter-set ul li label { display: block; width: 100%; margin: 0; background: #091932; } .filter-dropdowns .filter-set:hover h4 { background: #e4003a; } .filter-dropdowns .filter-set:hover ul { display: block; } .expand-contract { margin: 0; position: relative; z-index: 20; border-bottom: 1px solid rgba(255,255,255,.2); background: #091932; padding: 15px 0; } .expand-contract.active { background: #0c406d; } .expand-contract.active .expand-content { display: block; max-height: none; margin-top: 20px; } .expand-contract.active header svg { stroke: #fff; fill: #fff; transform: rotate(-180deg); top: 18px; } .expand-contract.active header h2 { color: #fff; padding-top: 20px; font-size: 30px; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .expand-contract header { position: relative; } .expand-contract header svg { position: absolute; right: 0; top: 3px; height: 20px; width: 20px; stroke: #0c406d; fill: transparent; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .expand-contract header h2 { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; margin: 0; cursor: pointer; font-size: 21px; color: #fff; font-weight: normal; } .expand-contract header h2:after { display: none; } .expand-contract header h2:hover { color: #e4003a; } .expand-contract .expand-content { overflow: hidden; max-height: 0; color: #fff; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .expand-contract .expand-content ul li a span { font-size: 13px; color: #fff; display: block; padding: 2px 0; } .expand-contract .expand-content ul li .text-container { padding-top: 0; } .expand-contract .expand-content ul li a:hover span { color: #fff; } @media screen and (min-width:1025px) { .expand-contract .expand-content ul li { width: 33.333%; } } .expand-contract .expand-content h3, .expand-contract .expand-content h4 { color: #fff; margin-top: 20px; } .expand-contract .expand-content a:hover { color: #fff; } .expand-contract .expand-content .google-map { width: 50%; float: right; margin-left: 40px; } .expand-contract .expand-content .filters-mid { margin-top: 20px; margin-bottom: 40px; } .expand-contract .expand-content .filters-mid label { background: #091932; } .expand-contract .expand-content .enquiry-form { width: 40%; margin: 0 0 40px; } .expand-contract .expand-content .enquiry-form label { display: block; margin: 0 0 5px; } .expand-contract .expand-content .enquiry-form textarea { width: 100%; border-radius: 3px; min-height: 100px; } .expand-contract .expand-content .enquiry-form div { padding: 5px 0; } .expand-contract .expand-content .enquiry-form input:not([type="submit"]) { background: #fff; font-size: 14px; color: #666; } .expand-contract .expand-content .enquiry-form .btn { border: none; } .in-page-nav { position: fixed; z-index: 2; right: 0; top: 200px; width: 200px; background:   #fff; } .filter-search { float: left; overflow: hidden; } .filter-search .search-toggle { display: block; border-radius: 3px 3px 3px; background: rgba(0,0,0,.2); padding: 8px 15px 7px; cursor: pointer; } .filter-search .search-toggle h4 { display: none; margin-left: 10px; color: #fff; margin: 0; } .filter-search .search-toggle:hover { background: #e4003a; } .filter-search .search-toggle.active { background: #091932; border-radius: 3px 3px 0 0; } .filter-search .search-toggle svg { width: 20px; height: 20px; fill: #fff; } .filter-search .people-search { opacity: 0; position: absolute; padding: 30px; z-index: 1; background: #091932; z-index: 20; border-radius: 0 3px 3px 3px; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .filter-search .people-search.active { opacity: 1; } .filter-search .people-search input { width: 300px; margin: 0; } .filter-search .people-search input[type="submit"] { display: none; } .small-course-list li { margin: 0; } .small-course-list li a { display: block; border-bottom: 1px solid rgba(0,0,0,.1); padding: 20px 0; } .small-course-list li a:hover h3 { color: #27376f; } .small-course-list li a h3 { font-size: 16px; font-weight: normal; margin: 0; color: #0099c4; } .small-course-list li a span { color: #384a50; font-size: 14px; } ul.date-filter { display: block; border: none; margin: 0 0 20px; z-index: 5; list-style-type: none; } ul.date-filter svg { height: 14px; width: 14px; fill: transparent; stroke: #0099c4; float: right; margin-top: 3px; } ul.date-filter li { width: 100%; position: relative; margin: 0 0 5px; } ul.date-filter li:hover a { background: #442b58; color: #fff; } ul.date-filter li:hover a svg { stroke: #fff; } ul.date-filter li a { font-size: 14px; display: inline-block; background: #fff; position: relative; color: #0099c4; padding: 10px 10px 10px 20px; display: block; border-bottom: 1px solid rgba(255,255,255,.1); transition: background .25s ease-out; border-radius: 3px; } ul.date-filter li ul { z-index: 10; display: none; position: absolute; left: 0; width: 80%; box-shadow: 0 10px 10px #e6e6e6; } ul.date-filter li ul li { margin: 0; } ul.date-filter li ul li a { border-radius: 0; font-size: 13px; background: #fff !important; color: #0099c4 !important; border-bottom: 1px solid #e6e6e6; } ul.date-filter li ul li a:hover { background: #442b58 !important; color: #fff !important; } ul.date-filter li:hover ul { display: block; } .search-filter input { background: #fff; box-shadow: none; font-size: 14px; width: 100%; } .desktop-and-over { display: none; } @media screen and (min-width:1025px) { .desktop-and-over { display: block; } } .mobile-only { display: block; } @media screen and (min-width:1025px) { .mobile-only { display: none; } } .banner-copyright { position: absolute; top: 60px; right: 15px; margin: 0; z-index: 79; } .banner-copyright a { display: block; background: rgba(0,0,0,.4); width: 30px; height: 30px; border-radius: 50%; text-align: center; } .banner-copyright a svg { fill: #fff; width: 20px; height: 20px; margin-top: 7px; } .banner-copyright a span { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; display: none; } .banner-copyright a:hover { background: #0099c4; color: #fff; } .banner-copyright a:hover svg { fill: #fff; } .banner-copyright a:hover span { text-align: right; font-size: 11px; display: block; position: absolute; z-index: -1; top: 3px; right: 32px; text-shadow: 0 2px 12px #000; color: #fff; padding: 6px 10px; font-weight: normal; width: 320px; } .capability .people { background: none; } .capability .people li { margin-bottom: 20px; } .capability .people li a { padding: 0; } .capability .people li a:hover { background: none; } .capability .people li a:hover h3 { color: #27376f; } .capability .people li a .text-container p { color: #384a50; } @media screen and (min-width:1025px) { .capability .people li { width: 33.3333%; margin-bottom: 0; } } .capability .people h2 { color: #27376f; } .capability .people h2:after { background-color: #27376f; } .people-header { margin: 40px 0; } .people-header header { position: relative; } .expand-content.initial { overflow: visible; } .expand-content .two-col .filter-set { width: 50%; float: left; padding: 0 40px; margin-top: 0; } .expand-content .two-col .filter-set:first-child { border-right: 1px solid rgba(0,0,0,.1); padding-left: 0; } .expand-content .two-col .filter-set:last-child { padding-right: 0; } .expand-content .two-col .filter-set h4 { background: #384a50; padding-top: 13px; padding-bottom: 13px; } .expand-content .two-col .filter-set ul { left: 40px; } .expand-content .two-col .filter-set .filter-search { float: none; display: block; margin: 0; position: relative; } .expand-content .two-col .filter-set input { width: 100%; } .expand-content .two-col .filter-set input[type="submit"] { width: auto; bottom: 10px; right: 0; border-radius: 0 4px 4px 0; position: absolute; border: none; } .standard-teasers li { overflow: hidden; position: relative; padding-bottom: 40px; margin: 0 0 40px; } .standard-teasers li:after { content: ''; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; background-color: #e6e6e6; width: 60px; } .standard-teasers li .image-container { float: left; width: 20%; } .standard-teasers li .text-container { float: left; padding: 0 30px; width: 80%; } .standard-teasers li .text-container p { margin: 0; font-size: 15px; } .ui-datepicker { font-size: 14px; } .promo .share .label { position: relative; top: -8px; } .at-share-tbx-element.addthis_20x20_style .at-share-btn, .at-share-tbx-element.addthis_20x20_white_style .at-share-btn { max-width: 28px !important; max-height: 28px !important; } .addthis_sharing_toolbox { display: inline-block; padding-top: 2px; } .addthis_sharing_toolbox div .at-share-btn { margin: 8px 10px 0 0; } .addthis_sharing_toolbox div .at-share-btn svg { fill: transparent; stroke: #0099c4; width: 28px !important; height: 28px !important; } .addthis_sharing_toolbox div .at-share-btn span { background: transparent !important; width: 28px !important; height: 28px !important; } .addthis_sharing_toolbox div .at-share-btn:hover svg { stroke: #27376f; } .promo .share { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; cursor: pointer; } .promo .share.open { padding-top: 5px; padding-bottom: 5px; } @media screen and (min-width:1025px) { .promo .share.open { padding: 0 15px 0 0; } } @media screen and (min-width:1025px) { .promo .share .label { color: #0099c4; display: inline-block; padding-top: 17px; padding-right: 35px; margin-right: 0; margin-left: 10px; background-image: url(../../img/nw2/plus_blue.svg); background-repeat: no-repeat; background-position: 93px 22px; background-size: 15px 15px; overflow: hidden; } .promo .share .label:hover { color: #27376f; } .promo .share .label.active { background-image: url(../../img/nw2/minus.svg); color: #27376f; display: none; } } @media screen and (min-width:1025px) { .promo .share .addthis_sharing_toolbox { display: none; position: relative; top: -5px; } } @media screen and (min-width:1025px) { .promo .share .addthis_sharing_toolbox.active { display: inline-block; } } .blockquote-carousel { position: relative; padding-bottom: 30px; } .blockquote-carousel:before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 550px 1100px; border-color: transparent transparent #f4f4f4 transparent; opacity: .8; pointer-events: none; } .blockquote-carousel blockquote { margin-bottom: 20px; } .blockquote-carousel blockquote:before { display: none; } .blockquote-carousel blockquote p { max-width: 70%; margin: 0 auto; font-size: 21px; } .blockquote-carousel blockquote cite { padding-top: 20px; display: block; line-height: 1.5; } .blockquote-carousel blockquote cite:after { display: none; } @media screen and (min-width:1025px) { .main.sg { margin-right: 90px; } } .sg-heading { padding: 5px 100px 5px 10px; background-color: #384a50; display: block; color: #fff; font-weight: 400; margin: 30px 0; border-left: 5px solid #384a50; font-family: 'arial'; clear: both; } .sg-row { margin: 0 0 40px 0; } .sg-menu-btn { position: fixed; top: 0; right: 0; z-index: 1000; text-align: center; background-color: #384a50; padding: 20px; color: #fff; } .sg-menu-btn h4 { color: #fff; } .sg-menu-btn:hover { cursor: pointer; color: #384a50; } .sg-menu-btn:hover .hamburger:after, .sg-menu-btn:hover .hamburger:before, .sg-menu-btn:hover .hamburger span { background: #384a50; } .sg-menu-btn h4 { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; margin: 0; font-weight: 500; } .sg-menu-btn.open { background-color: transparent; color: #fff; } .sg-menu-btn.open:hover { color: #384a50; } .sg-hamburger { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; display: inline-block; height: 40px; width: 40px; position: relative; } .sg-hamburger:after, .sg-hamburger:before, .sg-hamburger span { content: ''; position: absolute; width: 70%; height: 3px; background: #fff; top: 11px; left: 15%; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .sg-hamburger:after { top: 27px; } .sg-hamburger span { min-height: 3px; top: 19px; opacity: 1; } .sg-hamburger.active:before { transform: rotate(45deg) translate3d(5px,5px,0); } .sg-hamburger.active:after { transform: rotate(-45deg) translate3d(7px,-6px,0); } .sg-hamburger.active span { opacity: 0; } .sg-hamburger.active:after, .sg-hamburger.active:before, .sg-hamburger.active span { background: #fff; } .sg-menu { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; position: fixed; right: -300px; width: 300px; background-color: #384a50; font-size: .9em; z-index: 999; top: 0; height: 100%; overflow: scroll; padding: 40px 0 0 0; } .sg-menu a { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; display: block; color: #fff; padding: 7px 20px; border-left: 4px solid #384a50; font-weight: 500; } .sg-menu a:hover { border-left: 4px solid #384a50; color: #384a50; background-color: rgba(0,0,0,.5); } .sg-menu.open { right: 0; } .colour { padding: 2em 1em; color: #fff; margin: 0 15px 15px 0; width: 48%; float: left; } @media screen and (min-width:1025px) { .colour { width: 15%; float: left; } } .colour-1 { background: #0c406d; } .colour-2 { background: #091932; } .colour-3 { background: #384a50; } .colour-4 { background: #e4003a; } .colour-5 { background: #f6c310; } .colour-6 { background: #95c11f; } .colour-7 { background: #0099c4; } .colour-8 { background: #633e88; } .colour-9 { background: #d1356f; } .colour-10 { background: #820e21; } .colour-11 { background: #dd7a0f; } .colour-12 { background: #5b7813; } .colour-13 { background: #27376f; } .colour-14 { background: #442b58; } .colour-15 { background: #812143; } .colour-16 { background: #30050c; } .colour-17 { background: #1a280e; } .colour-18 { background: #141c38; } .colour-19 { background: #e6e6e6; } .colour-20 { background: #f4f4f4; } .colour-grey { background: #384a50; border: 1px solid rgba(0,0,0,.1); color: #384a50; } .img-formats div { margin: 0 0 30px; } .img-formats img { margin: 10px 0 10px; width: auto; display: block; height: auto; } .img-formats span { font-size: 1.3em; display: inline-block; line-height: 1.3; } .sc-richtext-container ul { list-style-type: disc; padding-left: 18px; } .sc-richtext-container ol { list-style-type: decimal; padding-left: 18px; counter-reset: item; } .sc-richtext-container ol > li { counter-increment: item; } .sc-richtext-container ol ol > li { display: block; } .sc-richtext-container ol ol > li:before { content: counters(item,".") ". "; margin-left: -20px; } .sc-richtext-container img { width: unset; } .home-mainstage { overflow: hidden; margin: 0; } .home-mainstage.blue-version .hero-textarea h1 { color: #222; } .home-mainstage.blue-version .hero-textarea p { color: #333; } .home-mainstage.blue-version .owl-controls .owl-pagination .owl-page span { background: transparent; border: 2px solid #222; margin: 0 10px 0 0; } .home-mainstage.blue-version .owl-controls .owl-pagination .owl-page.active span { background: #000; } .home-mainstage.blue-version .owl-controls .owl-buttons .owl-prev, .home-mainstage.blue-version .owl-controls .owl-buttons .owl-next { border: 1px solid rgba(0,0,0,.4); border-radius: 0; background-image: url(../../img/nw2/arrow_black-prev.svg); background-repeat: no-repeat; background-position: 5px 5px; background-size: 22px 22px; background-color: transparent; opacity: 1; overflow: hidden; text-indent: -9999px; margin: 0; } .home-mainstage.blue-version .owl-controls .owl-buttons .owl-prev:hover, .home-mainstage.blue-version .owl-controls .owl-buttons .owl-next:hover { background-color: #d1356f; } .home-mainstage.blue-version .owl-controls .owl-buttons .owl-next { background-image: url(../../img/nw2/arrow_black-next.svg); } .home-mainstage.blue-version .owl-controls .owl-buttons .owl-prev { position: relative; left: 1px; background-position: 5px 5px; } .home-mainstage .hero { min-height: 300px; } @media screen and (min-width:1025px) { .home-mainstage .hero { min-height: 600px; height: 50vh; } } .home-mainstage .hero .angleright { bottom: -150px; } .home-mainstage .hero .angleleft { top: 80px; left: auto; right: -90px; transform: rotate(-90deg); } .home-mainstage .hero .angleleft-small { z-index: 200; } .home-mainstage .hero .hero-textarea { padding-left: 20px; padding-top: 200px; padding-bottom: 100px; } @media screen and (min-width:1025px) { .home-mainstage .hero .hero-textarea { padding-top: 220px; padding-left: 300px; } } .home-mainstage .hero .hero-textarea .container { margin: 0 auto; } .home-mainstage .hero .label { border: 1px solid rgba(255,255,255,.7); background: transparent; display: inline-block; color: #fff; padding: 5px 10px; font-size: .7em; margin: 21px 0 21px; } .home-mainstage .hero h1 { margin: 0 0 21px; } .home-mainstage .hero p { max-width: 600px; margin: 0 0 21px; text-shadow: 4px 4px 15px rgba(0,0,0,.25); } .home-mainstage .owl-controls { position: absolute; left: 20px; bottom: 10%; margin: 0; } @media screen and (min-width:1025px) { .home-mainstage .owl-controls { left: 300px; } } .home-mainstage .owl-controls .owl-pagination { display: inline-block; position: relative; top: 6px; } .home-mainstage .owl-controls .owl-pagination .owl-page span { background: transparent; border: 2px solid #fff; margin: 0 10px 0 0; } .home-mainstage .owl-controls .owl-pagination .owl-page.active span { background: #fff; } .home-mainstage .owl-controls .owl-buttons { float: left; display: inline-block; margin: 0 20px 0 0; } .home-mainstage .owl-controls .owl-buttons .owl-prev, .home-mainstage .owl-controls .owl-buttons .owl-next { height: 35px; width: 35px; border: 1px solid rgba(255,255,255,.4); border-radius: 0; background-image: url(../../img/nw2/arrow_white-prev.svg); background-repeat: no-repeat; background-position: 5px 5px; background-size: 22px 22px; background-color: transparent; opacity: 1; overflow: hidden; text-indent: -9999px; margin: 0; } .home-mainstage .owl-controls .owl-buttons .owl-prev:hover, .home-mainstage .owl-controls .owl-buttons .owl-next:hover { background-color: #d1356f; } .home-mainstage .owl-controls .owl-buttons .owl-next { background-image: url(../../img/nw2/arrow_white-next.svg); } .home-mainstage .owl-controls .owl-buttons .owl-prev { position: relative; left: 1px; background-position: 5px 5px; } .home-intro { text-align: center; padding: 60px 0; } .home-news { margin-top: 60px; } .home-teaser { margin-bottom: 0; } .home-teaser .text .text-inner { transform: translateY(0); } @media screen and (min-width:1025px) { .home-teaser .text .text-inner { transform: translateY(-50%); } } .home-teaser .testimonial-item .video { display: block; position: absolute; right: 15%; top: calc(50% - 40px); height: 80px; width: 80px; opacity: .8; background: transparent; } .home-teaser .testimonial-item:hover .video { opacity: 1; } .carousel { z-index: 3; margin-bottom: 60px; } @media screen and (min-width:1025px) { .carousel { margin-bottom: 60px; } } .carousel .testimonial-item { background: #633e88; } @media screen and (min-width:1025px) { .carousel .testimonial-item { background: transparent; } } .carousel .testimonial { margin: 0; } @media screen and (min-width:1025px) { .carousel .testimonial { margin: 0 0 0; } } .carousel .testimonial:before { display: none; } @media screen and (min-width:1025px) { .carousel .testimonial:before { display: block; } } .carousel .testimonial .img { float: none; width: 100%; } @media screen and (min-width:1025px) { .carousel .testimonial .img { float: left; min-width: 509px; width: 35%; } } .carousel .testimonial .text { float: none; width: 100%; padding: 50px 20px 50px; } @media screen and (min-width:1025px) { .carousel .testimonial .text { float: left; width: 55%; padding: 50px 20px 50px; } } .carousel .owl-controls { margin: 0; } .carousel .owl-pagination { position: absolute; bottom: 30px; z-index: 6; width: 100%; text-align: center; padding: 0 80px; } @media screen and (min-width:1025px) { .carousel .owl-pagination { width: 55%; } } .carousel .owl-pagination .owl-page span { background: transparent; border: 2px solid #fff; } .course-finder-container { padding: 0 20px 60px; overflow: hidden; position: relative; z-index: 2; } @media screen and (min-width:1025px) { .course-finder-container { padding: 0 60px 60px 80px; } } .course-finder-container .cf { border-radius: 6px; padding-bottom: 40px; margin: 0 0 40px; overflow: hidden; } @media screen and (min-width:769px) { .course-finder-container .cf { height: 310px; float: left; width: 74%; margin: 0; padding: 0; border-right: 8px solid transparent; } } .course-finder-container .cf:after { top: -270px; transform: rotate(-293deg); } .course-finder-container .cf .cf-form { padding: 35px 60px 35px 30px; } @media screen and (min-width:1025px) { .course-finder-container .cf .cf-form { padding: 60px 60px 0; } } .course-finder-container .cf .cf-form svg.searchicon { display: none; } @media screen and (min-width:1025px) { .course-finder-container .cf .cf-form svg.searchicon { display: block; top: 74px; left: -25px; } } .course-finder-container .cf svg.c { top: -70px; left: -180px; height: 470px; } .course-finder-container .cf .heading { font-size: 35px; } .course-finder-container .cf .intro { font-size: 25px; } .course-finder-container .cf .select { width: 100%; } @media screen and (min-width:769px) { .course-finder-container .cf .select { width: 30%; } } .course-finder-container .international-teaser { overflow: hidden; padding: 0; margin: 0; width: 100%; } @media screen and (min-width:769px) { .course-finder-container .international-teaser { padding-right: 20px; } } .course-finder-container .international-teaser svg { width: 50%; height: auto; margin: 0 auto 15px; fill: #f1f1f1; display: block; height: 58px; } @media screen and (min-width:769px) { .course-finder-container .international-teaser svg { display: none; margin: 0 0 15px; } } @media screen and (min-width:1025px) { .course-finder-container .international-teaser svg { display: block; } } @media screen and (min-width:769px) { .course-finder-container .international-teaser { float: left; width: 26%; } } .course-finder-container .international-teaser .content { overflow: hidden; background-color: rgba(244,244,244,.95); padding: 15px 20px 30px 20px; text-align: center; } @media screen and (min-width:769px) { .course-finder-container .international-teaser .content { padding: 0 30px 30px 30px; height: 310px; text-align: left; } } .course-finder-container .international-teaser .content p { margin: 0 0 15px; font-size: 16px; } .course-finder-container .international-teaser h2 { margin-top: 30px; margin-bottom: 20px; font-size: 21px; } @media screen and (min-width:1025px) { .course-finder-container .international-teaser h2 { font-size: 28px; } } .course-finder-container .international-teaser h2:after { display: none; } .course-finder-container .international-teaser .btn { height: auto; font-size: 13px; } @media screen and (min-width:1025px) { .course-finder-container .international-teaser .btn { font-size: 16px; } } .our-programmes .listing-simple li a { line-height: 1.3; margin: 0 0 30px; } .our-programmes .listing-simple li a span { color: #0c406d; } .our-programmes .listing-simple li a svg { stroke: #0c406d; top: 22px; } .our-programmes .listing-simple li a:hover span { color: #000; } .our-programmes .listing-simple li a:hover svg { stroke: #000; fill: #0c406d; } .home-template .listing-news h2 a { position: relative; } .course-finder-container .cf:after { top: -270px; -webkit-transform: rotate(-293deg); transform: rotate(-293deg); } .next-label { font-size: 14px; } .course-meta .meta-item.view-all { font-size: 14px; } .course-meta .meta-item.view-all a { color: #fff; color: rgba(255,255,255,.8); cursor: pointer; display: inline-block; } .course-meta .meta-item.view-all a:hover { color: #fff; } .course-meta .meta-item.view-all svg { float: right; border-color: rgba(255,255,255,.8); fill: transparent; margin-left: 5px; margin-top: 3px; width: 16px; height: 16px; } .multi-date { border-top: 1px solid rgba(0,0,0,.1); } .multi-date dl { margin: 0; } .multi-date dl dt { display: inline-block; vertical-align: top; margin: 0; } .multi-date dl dd { width: 60%; display: inline-block; margin: 0; } .multi-date dl dd ul { margin: 0 0 0 0; } .multi-date dl dd ul li { margin: 0; padding: 0 0 5px; float: left; width: 50%; } .multi-date li { margin: 0; border-bottom: none; padding: 5px 0; font-weight: 400; color: #091932; } .video-overview a { position: relative; display: block; } .video-overview a svg { position: absolute; top: calc(50% - 35px); left: calc(50% - 35px); width: 70px; height: 70px; outline: #fff; fill: transparent; z-index: 2; } .video-overview a .img-container { background: #0c406d; } .video-overview a .img-container img { display: block; opacity: .7; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .video-overview a:hover svg { fill: white; } .video-overview a:hover img { opacity: 1; } .video-gallery li { margin-bottom: 15px; } @media screen and (min-width:481px) { .video-gallery li { width: 48%; float: left; margin-right: 4%; } .video-gallery li:nth-child(2n+2) { margin-right: 0; } } .video-gallery li svg { width: 50px; height: 50px; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); } .brochure-download img { width: 100%; height: auto; display: block; margin: 0; box-shadow: 0 0 10px #999; opacity: 1; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .brochure-download .brochure-container { background: #d1356f; width: 50%; } .brochure-download a { display: block; position: relative; } .brochure-download a svg { width: 50px; height: 50px; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); opacity: 0; } .brochure-download a:hover img { opacity: .3; } .brochure-download a:hover svg { opacity: 1; fill: white; } .course-template .teaser-white .theme { display: block; text-transform: uppercase; margin: 0 0 5px 0; font-size: 11px; color: rgba(0,0,0,.3); font-weight: 600; } .course-template .teaser-white .label { display: block; margin: 0 0 5px 0; } .som-header .logo { background-image: url(../../img/nw2/logo-som-white.svg); } @media screen and (min-width:1025px) { .som-header .logo { background-image: url(../../img/nw2/logo-som.svg); } } @media screen and (min-width:1025px) { .som-header .nav li.main-label > a { margin-right: 0; font-size: 15px; } .som-header .nav li.main-label > a .icon { display: none; } } @media screen and (min-width:1300px) { .som-header .nav li.main-label > a { margin-right: 20px; font-size: 17px; } .som-header .nav li.main-label > a .icon { display: inline; } } .som-header .dropdown.dropdown4 ul li a { font-size: 18px; } .som-header .dropdown.dropdown4 ul li a svg { top: 16px; height: 14px; width: 14px; } .som-home-template { overflow: visible; } .som-mainstage { z-index: 2; } .programme-finder-container { max-width: 100%; z-index: 3; overflow: visible; position: relative; background: #0c406d; background: -moz-linear-gradient(top,#0c406d 0%,#020a11 100%); background: -webkit-linear-gradient(top,#0c406d 0%,#020a11 100%); background: linear-gradient(to bottom,#0c406d 0%,#020a11 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$atmosphere',endColorstr='darken($atmosphere, 20%)',GradientType=0); margin: 0 auto 40px; padding-bottom: 30px; } .programme-finder-container:before { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 966px 400px 0 0; border-color: transparent #141d38 transparent transparent; opacity: .3; z-index: 0; } .programme-finder-container h2 { color: #fff; font-size: 25px; margin-bottom: 60px; } .programme-finder-container .cf { height: auto; background: none; margin: 0 0 0; } @media screen and (min-width:769px) { .programme-finder-container .cf { width: 60%; margin: 0 0 40px; } } .programme-finder-container .cf:after { display: none; } .programme-finder-container .cf .cf-form { padding: 0; } .programme-finder-container .featured-programme { margin-bottom: 30px; position: relative; z-index: 2; } @media screen and (min-width:769px) { .programme-finder-container .featured-programme { float: left; width: 40%; margin-bottom: 0; padding-right: 20px; } } .programme-finder-container .featured-programme a { background: #141d38; display: block; overflow: hidden; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .programme-finder-container .featured-programme a h2 { color: #0099c4; margin: 30px 0 15px 20px; font-size: 25px; } @media screen and (min-width:481px) { .programme-finder-container .featured-programme a h2 { margin: 30px 0 15px 30px; } } .programme-finder-container .featured-programme a h2:after { display: none; } .programme-finder-container .featured-programme a p { margin-left: 20px; color: #fff; font-size: 15px; } @media screen and (min-width:481px) { .programme-finder-container .featured-programme a p { margin-left: 30px; } } .programme-finder-container .featured-programme a .feature-programme-content { position: relative; z-index: 1; } @media screen and (min-width:481px) { .programme-finder-container .featured-programme a .feature-programme-content { float: left; width: 45%; } } .programme-finder-container .featured-programme a .feature-programme-image { float: left; width: 55%; padding: 0 0 0 20px; display: none; } @media screen and (min-width:481px) { .programme-finder-container .featured-programme a .feature-programme-image { display: block; } } .programme-finder-container .featured-programme a .feature-programme-image img { width: 100%; height: auto; } .programme-finder-container .featured-programme a:hover { background: rgba(0,0,0,.6); } .programme-finder-container .featured-programme a:hover h2 { color: #fff; } .programme-finder-container .programme-listing { margin: 0 0; overflow: hidden; position: relative; padding-bottom: 30px; z-index: 2; } @media screen and (min-width:769px) { .programme-finder-container .programme-listing { float: left; width: 60%; margin-bottom: 0; } } @media screen and (min-width:481px) { .programme-finder-container .programme-listing ul { margin-left: -20px; } } .programme-finder-container .programme-listing ul li { float: left; width: 100%; } @media screen and (min-width:481px) { .programme-finder-container .programme-listing ul li { width: 50%; padding-left: 20px; } } @media screen and (min-width:769px) { .programme-finder-container .programme-listing ul li { width: 50%; } .programme-finder-container .programme-listing ul li:last-child { padding-right: 0; } } .programme-finder-container .programme-listing ul li a { display: block; padding: 5px 0; } @media screen and (min-width:481px) { .programme-finder-container .programme-listing ul li a { padding: 20px; } } .programme-finder-container .programme-listing ul li a:hover { background: rgba(0,0,0,.6); } .programme-finder-container .programme-listing ul li a:hover h3 { color: #fff; } .programme-finder-container .programme-listing ul li a h3 { color: #0099c4; font-size: 21px; margin-bottom: 10px; } .programme-finder-container .programme-listing ul li a p { color: #fff; font-size: 14px; margin: 0 0 0; } .why-cranfield { margin-top: 30px; } .aspect-ratio { position: relative; width: 100%; height: 0; padding-bottom: 51%; margin: 0 0 20px; } .aspect-ratio iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .accordion { border-bottom: 1px solid #e6e6e6; margin: 0 0 40px 0; } .accordion .accordion-toggle { cursor: pointer; padding: 20px 0; font-size: 21px; border-top: 1px solid #e6e6e6; margin: 0; font-weight: normal; color: #0099c4; } .accordion .accordion-toggle .icon { float: right; height: 20px; width: 20px; fill: transparent; stroke: #0099c4; } .accordion .accordion-toggle.active, .accordion .accordion-toggle:hover { color: #27376f; } .accordion .accordion-toggle.active .icon, .accordion .accordion-toggle:hover .icon { fill: #27376f; stroke: #27376f; } .accordion .accordion-content { font-size: 15px; } .listing-documents li { padding: 5px 0; } .listing-documents a h3 { color: #0099c4; margin: 0 0 5px; } .listing-documents a:hover h3 { color: #27376f; } .listing-documents .meta { display: block; color: #888; font-size: .9em; padding: 7px 0; font-weight: normal; font-family: "roboto",sans-serif; } .listing-documents p { color: #384a50; font-family: "roboto",sans-serif; margin: 0 0 5px; } .module .listing-documents li { padding: 0; } .module .listing-documents .meta { padding: 5px 0; } h1.bottom-padding { padding-bottom: 30px; } .secondary-nav { position: relative; } .secondary-nav .container { max-width: none; } .secondary-nav header { position: static; background-color: rgba(9,25,50,.4); } .secondary-nav .nav-items { background: #091932; padding-top: 10px; } .secondary-nav .nav-items.transparent-bg { background-color: rgba(9,25,50,.9); } .secondary-nav .angleright { position: absolute; bottom: -10px; right: 0; z-index: 15; display: none; } @media screen and (min-width:1025px) { .secondary-nav .angleright { display: block; } } .secondary-nav .angleright svg.triangle { width: 350px; height: 350px; opacity: 1; fill: white; } .secondary-nav .nav-2nd { transition: max-height .2s ease-in; padding-top: 2px; height: auto; max-height: 400px; background: transparent; } @media screen and (min-width:1025px) { .secondary-nav .nav-2nd { max-height: 50px; } } .secondary-nav .nav-2nd ul li { width: 45%; display: inline-block; vertical-align: top; } @media screen and (min-width:1025px) { .secondary-nav .nav-2nd ul li { width: 25%; } } .secondary-nav .nav-2nd .toggle-nav-2nd { height: 48px; } .secondary-nav .nav-2nd .toggle-nav-2nd span { display: inline-block; margin-top: 4px; } .secondary-nav .nav-2nd .toggle-nav-2nd svg { width: 16px; height: 16px; position: relative; top: 2px; margin-left: 3px; fill: transparent; stroke: white; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (min-width:1025px) { .secondary-nav .nav-2nd .toggle-nav-2nd svg { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .secondary-nav .nav-2nd.open { transition: max-height .2s ease-out; max-height: 50px; } @media screen and (min-width:1025px) { .secondary-nav .nav-2nd.open { height: auto; max-height: 400px; } } .secondary-nav .nav-2nd.open svg { fill: white; stroke: white; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } @media screen and (min-width:1025px) { .secondary-nav .nav-2nd.open svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } .news-meta { margin-bottom: 0; } .img { position: relative; margin: 0 0 40px; } .standard-form { margin: 0 0 40px; } .standard-form legend { display: block; overflow: hidden; width: 100%; padding: 0; background: transparent; } .standard-form legend span { display: block; position: relative; font-family: "Roboto Slab",serif; font-weight: bold; margin: 20px 0 60px; background: transparent; font-size: 26px; width: 100%; color: #fff; } .standard-form legend span:after { content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; bottom: -30px; background-color: #fff; } .standard-form label { display: block; font-weight: bold; margin-bottom: 10px; font-size: 16px; } .standard-form .fieldset { background: #0c406d; padding: 20px 40px 20px; margin: 20px 0 40px; } .standard-form fieldset { position: relative; margin: 0 0 0; border: none; padding: 0; color: rgba(255,255,255,.8); font-size: 15px; } .standard-form fieldset label { color: #fff; } .standard-form fieldset .form-row.checkbox label, .standard-form fieldset .form-row.radio label { color: rgba(255,255,255,.8); } .standard-form fieldset .form-row.checkbox label.heading, .standard-form fieldset .form-row.radio label.heading { color: #fff; } .standard-form .form-row { padding: 15px 0; } .standard-form .form-row textarea { min-height: 150px; } .standard-form .form-row button, .standard-form .form-row input[type=submit] { margin-top: 20px; margin-bottom: 40px; } .standard-form .form-row input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), .standard-form .form-row textarea { width: 100%; background: #fff; box-shadow: none; border: 1px solid rgba(0,0,0,.2); font-family: "roboto",sans-serif; font-size: 14px; margin: 0; } .standard-form .form-row input[type=submit], .standard-form .form-row button { border: none; } .standard-form .form-row.checkbox label, .standard-form .form-row.radio label { font-weight: normal; font-size: 15px; } .standard-form .form-row.checkbox label.heading, .standard-form .form-row.radio label.heading { font-size: 17px; font-weight: bold; margin: 0 0 20px; } .standard-form .form-row.checkbox input, .standard-form .form-row.radio input { clear: both; float: left; position: relative; top: 3px; margin: 0 10px 0 0; width: auto; } .image-gallery { margin: 0 0 40px; overflow: hidden; } .image-gallery ul li { float: left; width: 25%; padding: 0 20px 20px 0; margin: 0; } .image-gallery ul li a { display: block; } .image-gallery ul li a:hover { opacity: .7; } .image-gallery ul li h2:after { content: ""; position: absolute; height: 1px; width: 40px; background-color: #fff; bottom: 0; left: 0; bottom: -30px; background-color: #091932; } .grid-desktop-4 .image-gallery h2, .grid-desktop-5 .image-gallery h2 { font-size: 22px; margin: 0 0 20px; } .grid-desktop-4 .image-gallery h2:after, .grid-desktop-5 .image-gallery h2:after { display: none; } .grid-desktop-4 .image-gallery ul li, .grid-desktop-5 .image-gallery ul li { width: 50%; } .grid-desktop-4 .image-gallery ul li .img-container, .grid-desktop-5 .image-gallery ul li .img-container { background: #27376f; } .grid-desktop-4 .image-gallery ul li img, .grid-desktop-5 .image-gallery ul li img { opacity: .7; } .social-embed { margin: 0 auto 40px; position: relative; } @media screen and (min-width:1025px) { .social-embed { padding: 40px 0; } } .social-embed:before { content: ""; position: absolute; bottom: 0; right: -30px; width: 0; height: 0; border-style: solid; border-width: 0 0 550px 1100px; border-color: transparent transparent #f4f4f4 transparent; opacity: .8; z-index: -1; } .social-embed iframe { max-width: 100% !important; height: auto; margin: 0 auto 40px; } .cf { overflow: hidden; } .cta { padding: 120px 40px; background: #0c406d; text-align: center; position: relative; overflow: hidden; margin-bottom: 60px; } .cta:after { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 0 600px 600px; border-color: transparent transparent #e4003a transparent; opacity: .2; z-index: 0; top: 0; right: 0; } .cta h2 { position: relative; z-index: 2; font-size: 42px; color: #fff; text-shadow: 4px 4px 15px rgba(0,0,0,.25); } .cta h2:after { position: relative; display: block; left: auto; right: auto; margin: 0 auto; text-align: center; background: rgba(255,255,255,.7); } .cta p { position: relative; z-index: 2; text-shadow: 4px 4px 15px rgba(0,0,0,.25); color: rgba(255,255,255,.9); } .cta a { position: relative; z-index: 2; } .cta .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 1; } .listing-press a { padding-left: 0; } .hero, .video-overview a .img-container { background: #27376f; } .hero .angleleft-small { fill: #0099c4; } .hero .angleleft-small svg stop[offset="0"] { stop-color: #27376f; } .hero .angleleft-small svg stop[offset="1"] { stop-color: #0099c4; } .hero .angleleft svg stop[offset="0"] { stop-color: #27376f; } .hero .angleleft svg stop[offset="1"] { stop-color: #0099c4; } .theme-berry .hero { background: #820e21; } .theme-berry .hero .angleleft-small { fill: #e4003a; } .theme-berry .secondary-nav header { background: rgba(38,4,10,.4); } .theme-berry .secondary-nav .nav-items.transparent-bg { background: rgba(38,4,10,.9); } .theme-berry .hero .angleleft-small svg stop[offset="0"] { stop-color: #820e21; } .theme-berry .hero .angleleft-small svg stop[offset="1"] { stop-color: #e4003a; } .theme-berry .hero .angleleft svg stop[offset="0"] { stop-color: #820e21; } .theme-berry .hero .angleleft svg stop[offset="1"] { stop-color: #e4003a; } .theme-sunrise .hero { background: #dd7a0f; } .theme-sunrise .hero .angleleft-small { fill: #f6c310; } .theme-sunrise .secondary-nav header { background: rgba(125,69,9,.4); } .theme-sunrise .secondary-nav .nav-items.transparent-bg { background: rgba(125,69,9,.9); } .theme-sunrise .secondary-nav .nav-2nd ul li a { color: #fff; } .theme-sunrise .secondary-nav .nav-2nd ul li a:after { background-color: rgba(255,255,255,.5); } .theme-sunrise .secondary-nav .nav-2nd ul li a:hover { color: #000; } .theme-sunrise .hero .angleleft-small svg stop[offset="0"] { stop-color: #dd7a0f; } .theme-sunrise .hero .angleleft-small svg stop[offset="1"] { stop-color: #f6c310; } .theme-sunrise .hero .angleleft svg stop[offset="0"] { stop-color: #dd7a0f; } .theme-sunrise .hero .angleleft svg stop[offset="1"] { stop-color: #f6c310; } .theme-sunrise .secondary-nav .nav-items.transparent-bg { background: rgba(154,121,6,.9); } .theme-grass .hero { background: #5b7813; } .theme-grass .hero .angleleft-small { fill: #95c11f; } .theme-grass .secondary-nav header { background: rgba(24,32,5,.4); } .theme-grass .secondary-nav .nav-items.transparent-bg { background: rgba(24,32,5,.9); } .theme-grass .hero .angleleft-small svg stop[offset="0"] { stop-color: #95c11f; } .theme-grass .hero .angleleft-small svg stop[offset="1"] { stop-color: #5b7813; } .theme-grass .hero .angleleft svg stop[offset="0"] { stop-color: #95c11f; } .theme-grass .hero .angleleft svg stop[offset="1"] { stop-color: #5b7813; } .theme-som .hero { background: #27376f; } .theme-som .hero .angleleft-small { fill: #384a50; } .theme-som .secondary-nav header { background: rgba(12,18,36,.4); } .theme-som .secondary-nav .nav-items.transparent-bg { background: rgba(12,18,36,.9); } .theme-som .hero .angleleft-small svg stop[offset="0"] { stop-color: #0c406d; } .theme-som .hero .angleleft-small svg stop[offset="1"] { stop-color: #0c406d; } .theme-som .hero .angleleft svg stop[offset="0"] { stop-color: #0c406d; } .theme-som .hero .angleleft svg stop[offset="1"] { stop-color: #0c406d; } .theme-sea .hero { background: #27376f; } .theme-sea .hero .angleleft-small { fill: #0099c4; } .theme-sea .secondary-nav header { background: rgba(12,18,36,.4); } .theme-sea .secondary-nav .nav-items.transparent-bg { background: rgba(12,18,36,.9); } .theme-sea .hero .angleleft-small svg stop[offset="0"] { stop-color: #0099c4; } .theme-sea .hero .angleleft-small svg stop[offset="1"] { stop-color: #27376f; } .theme-sea .hero .angleleft svg stop[offset="0"] { stop-color: #0099c4; } .theme-sea .hero .angleleft svg stop[offset="1"] { stop-color: #27376f; } .theme-sea .nav-2nd.filters { background-color: #0099c4; } .theme-grape .hero { background: #442b58; } .theme-grape .hero .angleleft-small { fill: #633e88; } .theme-grape .cta { background-color: #633e88; } .theme-grape .cta:after { border-color: transparent transparent #442b58 transparent; } .theme-grape .secondary-nav header { background: rgba(15,10,19,.4); } .theme-grape .secondary-nav .nav-items.transparent-bg { background: rgba(15,10,19,.9); } .theme-grape .hero .angleleft-small svg stop[offset="0"] { stop-color: #633e88; } .theme-grape .hero .angleleft-small svg stop[offset="1"] { stop-color: #442b58; } .theme-grape .hero .angleleft svg stop[offset="0"] { stop-color: #633e88; } .theme-grape .hero .angleleft svg stop[offset="1"] { stop-color: #442b58; } .theme-petal .hero { background: #812143; } .theme-petal .secondary-nav header { background: rgba(48,12,25,.4); } .theme-petal .secondary-nav .nav-items { background: #441123; } .theme-petal .secondary-nav .nav-items.transparent-bg { background: rgba(48,12,25,.9); } .theme-petal .hero .angleleft-small { fill: #d1356f; } .theme-petal .hero .angleleft-small svg stop[offset="0"] { stop-color: #d1356f; } .theme-petal .hero .angleleft-small svg stop[offset="1"] { stop-color: #812143; } .theme-petal .hero .angleleft svg stop[offset="0"] { stop-color: #d1356f; } .theme-petal .hero .angleleft svg stop[offset="1"] { stop-color: #812143; } .people-intro { padding-left: 0; margin-top: 50px !important; font-size: 28px; } .contact-search, .theme-search { position: relative; z-index: 1; padding: 40px 40px; margin-top: 20px; margin-bottom: 0; background: #e6e6e6; } @media screen and (min-width:1025px) { .contact-search, .theme-search { margin-bottom: 60px; } } .contact-search .select, .theme-search .select { width: 100%; color: #0099c4; } .contact-search h2, .theme-search h2 { margin-bottom: 30px; font-size: 25px; } .contact-search h2:after, .theme-search h2:after { display: none; } .contact-search input, .theme-search input { background: #fff; width: 70%; margin: 0 0 10px; } .contact-search .advanced, .theme-search .advanced { font-size: 15px; display: block; position: relative; top: 10px; } .contact-search form, .theme-search form { position: relative; } .contact-search .btn-input, .theme-search .btn-input { position: absolute; right: 30%; top: 0; width: auto; border: none; } .contact-search a.btn-sm, .theme-search a.btn-sm { background: #0099c4; } .contact-search a.btn-sm:hover, .theme-search a.btn-sm:hover { background: #27376f; } .contact-search p, .theme-search p { margin: 0; } .contact-search { margin-top: 0; } @media screen and (min-width:1025px) { .contact-search { margin-top: 20px; } } .theme-search { margin-bottom: 20px; } @media screen and (min-width:1025px) { .theme-search { margin-bottom: 0; } } .contact-browser { clear: both; position: relative; background: #091932; padding-top: 60px; padding-bottom: 60px; overflow: hidden; } .contact-browser:after { display: none !important; } .contact-browser:before { transition: all .2s ease 0s; content: ""; position: absolute; bottom: 0; left: -80px; width: 0; height: 0; border-style: solid; border-width: 966px 0 0 400px; border-color: transparent transparent transparent #384a50; opacity: .3; z-index: 0; } .contact-browser .container { padding: 0 20px; } .contact-browser h2 { font-size: 38px; } .contact-browser .centres-tabs-list { display: none; } @media screen and (min-width:1025px) { .contact-browser .centres-tabs-list { display: block; } } .contact-browser .centres-tabs-list li { display: block; } .contact-browser .centres-tabs-list li a { color: #fff; font-size: 16px; border-radius: 0; padding: 9px; background: transparent; } .contact-browser .centres-tabs-list li a:hover { color: #0099c4; } .contact-browser .centres-tabs-list li a.active:hover { color: #091932; } .contact-browser .contact-browser-content { padding: 0 15px; background: transparent; display: block !important; } @media screen and (min-width:1025px) { .contact-browser .contact-browser-content { padding: 100px 30px 40px; display: none !important; } .contact-browser .contact-browser-content.active { display: block !important; } } .contact-browser .contact-browser-content .listing-simple { margin: 0 0 40px; } .contact-browser .contact-browser-content .people { overflow: hidden; margin: 0 0 40px; padding: 0; } .contact-browser .contact-browser-content .people:last-child { margin: 0; } .contact-browser .contact-browser-content .people li { width: 100%; } @media screen and (min-width:1025px) { .contact-browser .contact-browser-content .people li { width: 50%; } } .contact-browser .contact-browser-content h3 { color: #fff; font-size: 1.6em; } @media screen and (min-width:1025px) { .contact-browser .contact-browser-content h3 { font-size: 1.17em; } } .contact-browser .contact-browser-content a { color: #0099c4; } .contact-browser .contact-browser-content a:after { background-color: rgba(255,255,255,.3); } .contact-browser2 { background: #fff; padding-top: 20px; padding-bottom: 0; padding-left: 40px; } .contact-browser2:before { display: none; } .contact-browser2 h2 { color: #091932; font-size: 30px; } .contact-browser2 h2:after { background-color: rgba(0,0,0,.5); } .contact-browser2 .contact-browser-content .listing-simple h3 { color: #384a50; } .contact-browser2 .contact-browser-content .listing-simple p { color: #384a50; } .contact-browser2 .contact-browser-content .listing-simple li a:after { background-color: rgba(0,0,0,.5); } .contact-browser2 .centres-tabs-list li a:hover { color: #27376f; } .contact-browser2 .centres-tabs-list li a.active { background: #0099c4; border-color: transparent #0099c4 transparent transparent; color: #fff; } .contact-browser2 .centres-tabs-list li a.active:before { border-color: transparent transparent transparent #0099c4; } .sitecore-msg { background: #f06; color: #fff; padding: 1em; margin: 0; overflow: hidden; border: 1em solid #f5f8fa; text-align: center; } .sitecore-msg:hover { opacity: .9; } ul.snapshot .scWebEditInput { position: relative; }