/* Site: Ineos Team UK Qiu Template System Base style sheet Version: 2.0 Author: Albano Manganelli Mueva el Volante! Table of Contents * Google Web Fonts and Icons * Normalization * Variables * Base styles: opinionated defaults * Site Styles * Type, Colors, Backgrounds * General Styles & Common Elements * Section: Home * Section: News * Single: Article * Section: Landing * Single: Generic * Section: Gallery * Section: Contact, Login, Register * Error Page * Widgets * Plugins * Helpers * Media Queries * Print */ /* ========================================================== GOOGLE WEB FONTS ========================================================== */ @import url('https://fonts.googleapis.com/css?family=Lato:300,400,900'); @import url(fonts/ionicons.css); @import url(fonts/remixicon.css); @import url(fonts/fontawesome.css); @import url(fonts/UIFont.css); @font-face { font-family: 'DK-More-Or-Less-Regular'; src: url('fonts/DK-More-Or-Less-Regular.ttf.woff') format('woff'), url('fonts/DK-More-Or-Less-Regular.ttf.svg#DK-More-Or-Less-Regular') format('svg'), url('fonts/DK-More-Or-Less-Regular.ttf.eot'), url('fonts/DK-More-Or-Less-Regular.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'd-din-webfont'; src: url('fonts/d-din-webfont.woff') format('woff'), url('fonts/d-din-webfont.svg') format('svg'), url('fonts/d-din-webfont.ttf') format('ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'd-din-webfont'; src: url('fonts/d-din-bold-webfont.woff') format('woff'), url('fonts/d-din-bold-webfont.svg') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'd-din-webfont'; src: url('fonts/d-din-italic-webfont.woff') format('woff'), url('fonts/d-din-italic-webfont.svg') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'd-din-cond'; src: url('fonts/D-DINCondensed-Bold.woff') format('woff'), url('fonts/D-DINCondensed-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } /* ========================================================== NORMALIZATION - http://necolas.github.com/normalize.css/ ========================================================== */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} /* ========================================================== VARIABLES ========================================================== */ :root { --main-color-bg: #FF4D06; --main-color-text: #ffffff; --header-bg: #ffffff; --header-text: #8E1537; --athena-grey: #D8D8D8; --footer-bg: #071637; --athena-blue: #172939; --ainslie-blue: #172939; --footer-text: #ffffff; --max-width-column: 100%; --body-bg: #55565a; --text-color: #54565a; --dark-text-color: rgba(255, 255, 255, 0.56); --img-max-w: 200px; --border-radius-form: 0; --border-radius-items: 0; --border-radius-boxes: 0; --header-height: 90px; --related-content-width: 33.33333%; --related-content-color: transparent; --font-family-main: "d-din-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif; --font-family-text: "d-din-webfont","Helvetica Neue", Helvetica, Arial, sans-serif; --gap:0px; --ineos-logo:1px; /* before: 20px; */ --easing:cubic-bezier(0.77, 0, 0.18, 1); --total-header: calc(var(--header-height) + var(--ineos-logo)); } /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ .icon-close { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close:before { content: "\f00d"; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: var(--font-family-main); font-size: 20px; line-height: 1.42857143; color: var(--text-color); background-color: var(--body-bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input, button, select, textarea { font-family: var(--font-family-main); font-size: inherit; line-height: inherit; } body, input, textarea { color: var(--text-color); font-size:20px; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1.5; letter-spacing: 0px; text-decoration: none; text-transform: none; } a { color: #ffffff; text-decoration: none; -o-transition: all ease .1s; transition: all ease .1s; -webkit-transition: all ease .1s; -moz-transition: all ease .1s; cursor: pointer; } a:hover { color: #ff5c00 } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6 { font-weight: 700; font-style: normal; text-rendering: optimizeLegibility; line-height: 1.425; margin-bottom: 16px; margin-top: 16px; clear: both; color: var(--main-color-bg); word-wrap: break-word } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: var(--main-color-bg) } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: var(--main-color-bg); } h1 { font-size: 52px; line-height: 1.1; font-weight: 700; text-transform: none; letter-spacing: -1px; position: relative } h2 { text-transform: none; letter-spacing: 0; font-size: 24px; line-height: 1.25 } h3 { font-size: 14px; text-transform: none; letter-spacing: 2px; text-transform: uppercase } h4 { font-size: 12px } h5 { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px } h6 { font-size: 16px; text-transform: none } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #838d8f; line-height: 0 } .subheader { line-height: 1.3; color: #838d8f; font-weight: 300; margin-bottom: 24px } p { margin-bottom: 16px; text-rendering: optimizelegibility } #content p:empty { padding: 0; margin: 0; display: none } aside, aside p { font-size: 14px; font-style: italic } ul, ol { margin: 1.825em 0 1.825em 2.5em } ul { list-style: disc } ol { list-style-type: decimal } ol ol { list-style: upper-alpha } ol ol ol { list-style: lower-roman } ol ol ol ol { list-style: lower-alpha } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0 } dl { margin: 0 1.825em } dt { font-weight: bold } dd { margin-bottom: 1.625em } strong { font-weight: 700 } cite, em, i { font-style: italic } blockquote { font-weight: 400; padding: 60px 40px 40px; margin: 44px 0; border-top: 4px solid var(--main-color-bg); border-bottom: 4px solid var(--main-color-bg); font-style: normal; font-size: 32px; text-transform: none; color: #ffffff; background-color: var(--main-color-bg); position: relative; } blockquote:before { font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 36px; height: 36px; position: absolute; top: 0; left: 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; z-index: 1; font-size: 20px; padding-left: 0; content: "\f1f5"; color: var(--main-color-bg); } blockquote:after { content: ""; width: 36px; height: 36px; background-color: transparent; position: absolute; top: 0; left: 40px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; background-color: #ffffff; } blockquote p { margin-bottom: 0 } blockquote span { font-size: 24px; font-weight: bold; } blockquote em, blockquote i, blockquote cite { font-style: normal } blockquote cite { font-size: 18px } pre { background: #f0f0f0; -webkit-background-size: 38px 38px; background-size: 38px 38px; font: 12px Consolas, "Liberation Mono", Courier, monospace; line-height: 19px; margin: 0 0 1.825em; overflow: auto; padding: 0 0 0 4px } code, kbd { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace } abbr, acronym, dfn { border-bottom: 1px dotted #838d8f; cursor: help } address { display: block; margin: 0 0 16px } ins { background: #fff9c0; text-decoration: none } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline } sup { bottom: 1ex } sub { top: .5ex } .control-group.search, input.input-block-level, input.form-control, input[type=text], input[type=password], input[type=email], input[type=tel], textarea { background: #ffffff; border: 0 solid transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: var(--border-radius-form) !important; border-radius: var(--border-radius-form) !important; max-width: 100%; width: 100%; margin: 0; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; } input.input-block-level:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, textarea:focus { border-color: transparent; background: #F1F1F1; outline: none; } select { padding: 3px 7px; height: 48px; border: 1px solid #838d8f; color: #838d8f; font-size: 16px; -webkit-border-radius: var(--border-radius-form); border-radius: var(--border-radius-form); -webkit-box-shadow: none; box-shadow: none; width: 100%; -webkit-transition: border-color ease .1s; -o-transition: border-color ease .1s; transition: border-color ease .1s } select:focus { color: var(--main-color-bg); border-color: var(--main-color-bg) } textarea { padding: 14px 11px; width: 100%; line-height: 18px; resize: none } input.input-block-level, input.form-control, input[type=text], input[type=password], input[type=email], input[type=tel] { padding: 3px 11px; height: 45px; line-height: 18px } input.input-block-level, input.form-control, input, input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea { -webkit-transition: border-color ease .1s, background-color ease .1s; -o-transition: border-color ease .1s, background-color ease .1s; transition: border-color ease .1s, background-color ease .1s } input.input-block-level, input.form-control, input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none } .control-group.search input.input-block-level { background: transparent; } .control-group.search input.input-block-level::-webkit-input-placeholder { text-transform: uppercase; } .control-group.search input.input-block-level:-moz-placeholder { text-transform: uppercase; } .control-group.search input.input-block-level::-moz-placeholder { text-transform: uppercase; } .control-group.search input.input-block-level:-ms-input-placeholder { text-transform: uppercase; } .control-group.search input.input-block-level:input-placeholder { text-transform: uppercase; } textarea { overflow: auto } input { -webkit-transition: background-color ease .1s; -o-transition: background-color ease .1s; transition: background-color ease .1s } input[type=submit] { -webkit-appearance: none; -webkit-border-radius: 30px; border-radius: 30px } ::-webkit-input-placeholder { color: #818183 } :-moz-placeholder { color: #818183 } ::-moz-placeholder { color: #818183; opacity: 1 } :-ms-input-placeholder { color: #818183 } :input-placeholder { color: #818183 } .white-bg input, .md-content input { background-color: #eeeeee; } .control-group, .formly-field { margin: 0 auto 25px auto; } .control-group label, .form-group label { font-size: 14px; margin-bottom: 5px; display: block; letter-spacing: 2px; text-transform: uppercase; color: #9c9c9c; } .control-group label>*, .form-group label>*, .control-group label>*>div, .form-group label>*>div { display: inline; } .control-group .controls { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-content: stretch; } .search-container .control-group.search { margin: 0; width: calc(33.333333% - (var(--gap)/2)); background: rgba(255, 255, 255, 0.14) !important; -webkit-border-radius: 4px; border-radius: 4px; } .search-container .control-group.search i { padding: 0 0 0 10px; color: #f32733; } .control-group.search .controls { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .control-group .controls label { margin-bottom: 10px; text-transform: none; } .control-group .controls a, .md-content .col2 .control-group, .md-content .col3 .control-group { font-size: 12px; text-transform: none; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; color: var(--text-color); margin: 5px 0; } .control-group .controls a:hover { color: #000000; } .control-group label>*>div, .form-group label>*>div,.control-group label>*, .form-group label>* { display: inline; } .formly>*>* { margin-left: auto; margin-right: auto; } .formly-field .separator { border-bottom: none; font-size: 18px; font-weight: bold; color: #fff; } .separator { margin-bottom: 10px; margin-top: 10px; font-weight: bold; } .formly-field .input-group { margin: 0; } .formly-field-datepicker .input-group-btn button { display: none; } .validation { font-size: 12px; color: red; margin-top: 5px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; } .form-group.has-error .form-control { border: 1px solid red; } .form-group.has-error label { color: red; } .formly-error { display: none; } .radio-group > * { margin-bottom: 20px; } .form-group .control-label { font-weight: bold; margin-bottom: 10px; } .form-messages { margin-top: 20px; padding: 20px; text-align: center; background-color: #737373; color: #ffffff; } .form-messages.message-success { background-color: transparent; } .btn, .link-button a { display: inline-block; margin-bottom: 0; font-weight: bold; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 15px 20px; font-size: 14px; line-height: 1.42857143; -webkit-border-radius: var(--border-radius-form); border-radius: var(--border-radius-form); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } .btn-default .badge { color: #ffffff; background-color: #333333; } .btn-primary { color: #ffffff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { color: #ffffff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #ffffff; } .btn-success { color: #ffffff; background-color: var(--main-color-bg); border-color: var(--main-color-bg); } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { color: #ffffff; background-color:#ff5c00; border-color: #ff5c00; } .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: var(--main-color-bg); border-color: var(--main-color-bg); opacity: 0.8; } .btn-success .badge { color: #5cb85c; background-color: #ffffff; } .btn-empty, .link-button a { color: #ffffff; background-color: rgba(0, 0, 0, 0.1); border-color: #ffffff; } .btn-empty:hover, .btn-empty:focus, .btn-empty.focus, .btn-empty:active, .btn-empty.active, .open>.dropdown-toggle.btn-empty, .link-button a:hover { color: #333c4e; background-color: #ffffff; border-color: #ffffff; } .btn-empty:active, .btn-empty.active, .open>.dropdown-toggle.btn-empty { background-image: none; } .btn-empty.disabled, .btn-empty[disabled], fieldset[disabled] .btn-empty, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-empty:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-empty:focus, .btn-empty.disabled.focus, .btn-empty[disabled].focus, fieldset[disabled] .btn-empty.focus, .btn-empty.disabled:active, .btn-empty[disabled]:active, fieldset[disabled] .btn-empty:active, .btn-empty.disabled.active, .btn-empty[disabled].active, fieldset[disabled] .btn-empty.active { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.5); } .btn-empty .badge { color: #ffffff; background-color: transparent; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; } .btn-block { display: block; width: 100%; } .btn-block+.btn-block { margin-top: 5px; } .is-mobile { display: none !important; } .more-items-text, .more-items-short-text, .slide-content p, p, .article-view-body table { font-family: var(--font-family-text) } time { font-size: 12px; text-transform: none; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; color: #a7adb1; } time .date-time { display: none; } table { text-align: left; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-spacing: 0; } table td, table th { padding: 5px 10px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } table tr:nth-child(even) td { background-color: #faf9f9; } /* DARK */ body.dark { color: var(--dark-text-color); background-color: #162127; } .dark .row-fluid, .dark .widget, .dark.widget, .dark .md-content { } .dark .related-content { background-color: transparent; } .dark .md-content a, .dark .more-items-item .wrapper>*, .dark .more-items-item .wrapper a { color: #ffffff; } .dark .img-aside .more-items-item, .dark.img-aside .more-items-item, .dark .widget:not(.text-over) .more-items-item .wrapper, .dark.widget:not(.text-over) .more-items-item .wrapper, .dark .media-view header, .dark .primary-content .widget.article-view, .primary-content .widget.article-view.dark, .dark .primary-content .widget.article-view .article, .primary-content .widget.article-view.dark .article, .dark .more-items-item { background-color: #162127; color: #a7adb1; } .dark .widget:not(.text-over) .more-items-item:hover .wrapper { background-color: #162127; } .dark .more-items-item:hover { background: #162127; } .dark .widget.article-view .article, .dark.widget.article-view .article { background-color: transparent; } .dark #header .widget { background-color: inherit; } .dark .media-view header, .dark.media-view header { background-color:#162127 } .dark .section-title a, .dark .widget-title a { color: #f32733; } .dark.boxed .slide-content, .dark .boxed .slide-content { background-color: #161717 !important; } .dark.boxed .slide-content *, .dark .boxed .slide-content * { color: #ffffff !important; } .dark .scoreboard ul li * { color: var(--dark-text-color); } .dark .tabs li a { color: #ffffff; background: none; } .dark .tabs li a.active { color: var(--main-color-bg); background: none; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark h1 *, .dark h2 *, .dark h3 *, .dark h4 *, .dark h5 *, .dark h6 *, .dark .socialstream-item-username, .dark .more-items-category, .dark .more-items-subsection { color: #f32733 } .dark h1 a:hover, .dark h2 a:hover, .dark h3 a:hover, .dark h4 a:hover, .dark h5 a:hover, .dark h6 a:hover { color: #fff } .dark .control-group.search, .dark input.input-block-level, .dark input.form-control, .dark input[type=text], .dark input[type=password], .dark input[type=email], .dark input[type=tel], .dark textarea { background: #57595c; border-color: #57595c; color: #fff } .dark .control-group.search input.input-block-level { background: transparent; } .dark input.input-block-level:focus, .dark input.form-control:focus, .dark input[type=text]:focus, .dark input[type=password]:focus, .dark input[type=email]:focus, .dark input[type=number]:focus, .dark input[type=tel]:focus, .dark textarea:focus { color: #ffffff; background: #5a5c5e; border-color: #5a5c5e } .dark ::-webkit-input-placeholder { color: #c2c2c2 } .dark :-moz-placeholder { color: #c2c2c2 } .dark ::-moz-placeholder { color: #c2c2c2 } .dark :-ms-input-placeholder { color: #c2c2c2 } .dark :input-placeholder { color: #c2c2c2 } .dark .control-group label, .dark .form-group label { color: #ffffff; } .dark p, .dark .socialstream-item-message { color: var(--dark-text-color); } .dark table tr:nth-child(even) td { background-color: rgba(222, 222, 222, 0.13); } .dark table, .dark table td, .dark table th { border-color: rgba(221, 221, 221, 0.36); } .dark .dropdown-menu { background-color: #161717; } /* ========================================================== QIU GRID ========================================================== */ .row-fluid { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-content: stretch; } .column, .widget { *display: inline; *zoom: 1; vertical-align: top; margin: 0 auto; *overflow: visible; } .widget.max-width-column { max-width: var(--max-width-column); margin-left: auto; margin-right: auto; } .widget.max-width-column.widget-wrapper:not(.full-width), .widget.max-width-column:not(.full-width) .more-items-list, .widget.max-width-column:not(.full-width) .widget-title { max-width: calc(var(--max-width-column) - 120px) !important; margin: 0 auto; } .widget.max-width-column:not(.full-width) .widget-title { margin-bottom: 40px; font-weight: 400; color: #ffffff; padding-left: 0; line-height: 1; text-transform: uppercase; } .one-of-one, .one-one .more-items-item, .one-one.img-aside .more-items-item, .one-one .more-video-item, .one-one .galleries-item, .one-one .socialstream-item, .one-one.landing li, .one-one .control-group, .one-one .formly>*>* { width: calc(100% - var(--gap)); } .one-of-two, .one-two .more-items-item, .one-two.img-aside .more-items-item, .one-two .more-video-item, .one-two .galleries-item, .one-two .socialstream-item, .one-two.landing li, .one-two .control-group, .one-two .formly>*>* { width: calc(50% - var(--gap)); } .one-of-three, .mini-content, .one-three .more-items-item, .one-three.img-aside .more-items-item, .one-three .more-video-item, .one-three .galleries-item, .one-three .socialstream-item, .one-three.landing li, .one-three .control-group, .one-three .formly>*>* { width: calc(33.333333% - var(--gap)); } .two-of-three, .two-three .more-items-item, .two-three.img-aside .more-items-item, .two-three .more-video-item, .two-three .galleries-item, .two-three .socialstream-item, .two-three.landing li, .two-three .control-group, .two-three .formly>*>* { width: calc(66.6666666666% - var(--gap)); } .one-of-four, .one-four .more-items-item, .one-four.img-aside .more-items-item, .one-four .more-video-item, .one-four .galleries-item, .one-four .socialstream-item, .one-four.landing li, .one-four .control-group, .one-four .formly>*>* { width: calc(24.99% - var(--gap)); } .three-of-four, .three-four .more-items-item, .three-four.img-aside .more-items-item, .three-four .more-video-item, .three-four .galleries-item, .three-four .socialstream-item, .three-four.landing li, .three-four .control-group, .three-four .formly>*>* { width: calc(75% - var(--gap)); } .one-of-five, .one-five .more-items-item, .one-five.img-aside .more-items-item, .one-five .more-video-item, .one-five .galleries-item, .one-five .socialstream-item, .one-five.landing li, .one-five .control-group, .one-five .formly>*>* { width: calc(20% - var(--gap)); } .two-of-five, .two-five .more-items-item, .two-five.img-aside .more-items-item, .two-five .more-video-item, .two-five .galleries-item, .two-five .socialstream-item, .two-five.landing li, .two-five .control-group, .two-five .formly>*>* { width: calc(40% - var(--gap)); } .three-of-five, .three-five .more-items-item, .three-five.img-aside .more-items-item, .three-five .more-video-item, .three-five .galleries-item, .three-five .socialstream-item, .three-five.landing li, .three-five .control-group, .three-five .formly>*>* { width: calc(60% - var(--gap)); } .four-of-five, .four-five .more-items-item, .four-five.img-aside .more-items-item, .four-five .more-video-item, .four-five .galleries-item, .four-five .socialstream-item, .four-five.landing li, .four-five .control-group, .four-five .formly>*>* { width: calc(80% - var(--gap)); } .one-of-six, .micro-content, .one-six .more-items-item, .one-six.img-aside .more-items-item, .one-six .more-video-item, .one-six .galleries-item, .one-six .socialstream-item, .one-six.landing li, .one-six .control-group, .one-six .formly>*>* { width: calc(16.6666667% - var(--gap)); } .one-of-seven, .one-seven .more-items-item, .one-seven.img-aside .more-items-item, .one-seven .more-video-item, .one-seven .galleries-item, .one-seven .socialstream-item, .one-seven.landing li, .one-seven .control-group, .one-seven .formly>*>* { width: calc(14.2857142857% - var(--gap)); } .full-content .one-two, .full-content .one-three, .full-content .two-three, .full-content .one-four, .full-content .three-four, .full-content .one-five, .full-content .two-five, .full-content .three-five, .full-content .four-five, .one-seven { padding: 0; } .primary-content { width:66.666666%; margin: 0; } .related-content { width: var(--related-content-width); margin: 0; } .related-content .widget { padding-left: 20px; padding-right: 20px; } .hidden-related .related-content { margin-right: -100%; } .fixed-content .related-content{ position: fixed; top: var(--header-height); bottom: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .related-on-left .related-content { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .secondary-content { width: 50%; } .row-fluid .secondary-content:first-child>* { padding-right: 30px; margin-top: 30px; padding-top: 20px !important; } .row-fluid .secondary-content:last-child>* { margin-left: 30px; padding-right: 30px; padding-left: 30px; background-color: #333333; margin-top: 30px; padding-top: 20px !important; } .row-fluid .secondary-content:last-child>* .widget-title, .row-fluid .secondary-content:last-child>* .widget-title a { color: #ffffff; } /* Image styles */ .img-right, .img-Right { float: right; margin-left: 3%; margin-bottom: 3%; } .img-left, .img-Left { float: left; margin-right: 3%; margin-bottom: 3%; } .img-25 { width: 22%; } .img-50 { width: 47%; } .img-75 { width: 72%; } .img-100 { margin-top: 3%; width: 100%; margin-right: 0; margin-left: 0; } .img-text { width: 100%; } figcaption { font-size: 12px; text-transform: none; letter-spacing: 2px; text-transform: uppercase; color: #a7adb1; margin: 5px 0; } .pdf-icon { background: url("../img/icon_pdf.png") no-repeat; -webkit-background-size: 25px 25px; background-size: 25px; padding: 5px 0 10px 30px; margin: 5px; color: var(--text-color) } .section-title, .widget-title { font-size: 42px; text-align: left; margin-bottom: 30px; } .small-title .section-title, .small-title .widget-title { font-size: 24px; } .title-left .section-title, .title-left .widget-title { text-align: left !important; } .title-right .section-title, .title-right .widget-title { text-align: right !important; } .title-center .section-title, .title-center .widget-title { text-align: center !important; } .section-title a, .widget-title a { color: var(--main-color-bg); } .related-content .widget-title, .secondary-content .widget-title { text-align: left; } .all-box-link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .shadow-text { text-shadow: 1px 1px 5px rgba(8, 16, 21, 0.2) } .white-bg { background-color: #ffffff; } .dark-bg { background-color: #55565a; } .main-bg { background-color: var(--main-color-bg); } .text-right, .text-right .widget-title, .text-right .section-title, .text-right .wrapper, .img-end-start.img-aside.text-right .more-items-item:nth-child(odd) .wrapper, .img-end.img-aside.text-right .wrapper, .img-start-end.img-aside.text-right .more-items-item:nth-child(even) .wrapper { text-align: right; } .text-left, .text-left .widget-title, .text-left .section-title, .text-left .wrapper, .img-end-start.img-aside.text-left .more-items-item:nth-child(odd) .wrapper, .img-end.img-aside.text-left .wrapper, .img-start-end.img-aside.text-left .more-items-item:nth-child(even) .wrapper { text-align: left; } .text-center, .text-center .widget-title, .text-center .section-title, .text-center .wrapper, .img-end-start.img-aside.text-center .more-items-item:nth-child(odd) .wrapper, .img-end.img-aside.text-center .wrapper, .img-start-end.img-aside.text-center .more-items-item:nth-child(even) .wrapper { text-align: center; } .layout-row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .layout-column { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .padding-0, .widget.padding-0, .column>.widget.padding-0 { padding: 0 !important; } .margin-0, .widget.margin-0, .column>.widget.margin-0 { margin: 0 !important; } .padding-top-0 { padding-top: 0 !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .pointer-events-none { pointer-events:none; } /* ========================================================== SITE STYLES ========================================================== */ /* General Layout & Common Elements ========================================================== */ #container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; } /* HEADER */ #header, #footer { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; background-color: var(--header-bg); height: var(--header-height); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #header { max-width: var(--max-width-column); margin: 0 auto; height: calc(var(--header-height) + var(--ineos-logo)); } #header > * { margin-top: auto; } #footer { width: var(--max-width-column); margin-left: auto; margin-right: auto; position: relative; } .wrapper-group { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; width:100%; } #footer .wrapper-group{ padding-left:60px; padding-right: 60px; border-top: 3px solid var(--main-color-bg); } #header .wrapper, #footer .wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; width: 100%; position: relative; height: var(--header-height); } #header #header-zone7 > * { margin-left: auto; } #header #header-zone7 .logo-img { display: none; height: var(--ineos-logo); width: auto; } #header #header-zone7 { position: absolute; height: var(--ineos-logo); top: 0; background:var(--athena-blue); width: 100%; } #header .wrapper>*, #header .wrapper .header-footer-zone>*, #right-navigation, #header .widget, #header .social-icons, nav:not(.burger-nav), #languages-menu, .header-footer-zone, .logo-link, #footer .wrapper>*, #footer .wrapper .header-footer-zone>* { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-items: stretch; } #footer .wrapper>* { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; } #footer .wrapper #footer-zone6.header-footer-zone > * { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #footer .wrapper #footer-zone6.header-footer-zone > *:first-child { flex: none; } #footer .widget { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; margin: 0; } .header-footer-zone { padding: 0 0px; } .logo-img { height: var(--header-height); margin: auto 0; } .logo-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } #acbyprada-hidden { display: none; } .header-lg #header-zone7 .logo-img { height: calc(var(--header-height) * 2); } .header-lg #header-zone8 .logo-img { max-height: none; margin-left: 20px; } #header-zone8.header-footer-zone > div { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header-zone8.header-footer-zone > div .logo-img { max-height: none; margin-left: 20px; } .header-lg #header { height: calc(var(--header-height) * 2); } .fixed-header #header { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; } .fixed-header #content { margin-top:calc(var(--header-height) + var(--ineos-logo)); } .fixed-header.header-lg #content { margin-top: calc(var(--header-height) * 2); } .transparent-header.scroll-top #header { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); } .transparent-header #content, .transparent-header.header-lg #content { margin-top: 0; } .transparent-header.header-lg .bg-vid { margin-top: 0; } .transparent-header .slide.top-box .slide-content { padding-top: calc(var(--header-height) + 40px); } .transparent-header.header-lg .slide.top-box .slide-content { padding-top: calc((var(--header-height) * 2) + 40px); } #header-zone1.header-footer-zone, #header-zone4.header-footer-zone, #header-zone7.header-footer-zone { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; } #header-zone3.header-footer-zone, #header-zone6.header-footer-zone, #header-zone8.header-footer-zone { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; } #header-zone2.header-footer-zone, #header-zone5.header-footer-zone { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } #header-zone3.header-footer-zone { width:100%; } #header-zone3.header-footer-zone > div:first-child { } #header-zone3.header-footer-zone > div > nav{ } .scroll-not-top:not(.heritage) #header { background: var(--header-bg); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .scroll-not-top.header-lg:not(.heritage) #header { height: var(--header-height); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .header-unpinned #header { margin-top: calc((var(--header-height) + var(--ineos-logo)) * -1) ; } .header-pinned #header { margin-top: 0; } .scroll-not-top:not(.heritage) #header .wrapper-group { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header-footer-zone.empty-zone { display: none !important; } #header-zone3.header-footer-zone .logo-img{ max-height: none; margin-left: 20px; } #footer .wrapper.row2 { padding-top: 40px; padding-bottom: 40px; margin-top: 25px; border-top: 1px solid #7e8689; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #footer .wrapper #footer-zone1 { width: 100%; } #footer .wrapper #footer-zone4 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer .wrapper #footer-zone4, #footer .wrapper #footer-zone6 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; } #footer .wrapper #footer-zone2, #footer .wrapper #footer-zone5 { justify-content: center; -webkit-justify-content: center; max-width: 1024px; width: 90%; margin: 0 auto; } #footer .wrapper #footer-zone6 { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } #footer .wrapper #footer-zone2 { width: 100%; } #footer .wrapper #footer-zone2 > * { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50%; padding: 40px 0; } #footer .logo-img { height: 50px; } .scroll-not-top:not(.heritage) #header .wrapper.row2 { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; width: auto; } /* .scroll-not-top #header .wrapper.row1 { justify-content: flex-start; -webkit-justify-content: flex-start; } */ .scroll-not-top #header .wrapper .header-footer-zone { width: auto; } .scroll-not-top.fixed-header.header-lg:not(.transparent-header) #content { margin-top: var(--header-height); } #navigation>ul, nav>ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; padding: 0; margin: 0; list-style: none; } .menu>li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } .menu>li>a,.menu>li>* { color: var(--main-color-text); text-transform: uppercase; font-weight: bold; padding: 5px 18px; font-size: 14px; letter-spacing: 2px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .menu>li>a:hover, .menu li.active a { text-decoration: none; opacity: 0.8; } .menu>li.mediacenter>a { color:var(--main-color-bg); } #footer #languages-menu { position: absolute; right: 0; } .navigation .menu li#languages { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.3); -webkit-box-ordinal-group:2; -ms-flex-order:1; -webkit-order:1; order:1; } #languages-menu { margin-left: 10px; margin-top: 26px; } #languages-menu .menu li#languages { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .navigation .menu li#languages:before, #languages-menu .menu li#languages:before { content: "\f301"; color: #ffffff; font-size: 16px; font-family: "Ionicons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 15px; } #languages-menu .menu li#languages:before { margin-right: 10px; } .navigation .menu li#languages > a, #languages-menu .menu li#languages > a { padding: 0 0 0 10px; font-weight: normal; } #languages-menu .menu li#languages > a { padding: 0 0 0 5px; } .navigation .menu li#languages > a:before, #languages-menu .menu li#languages > a:before { content: "/"; margin-right: 10px; } #languages-menu .menu li#languages > a:before { margin-right: 5px; } .navigation .menu li#languages > a:first-child, #languages-menu .menu li#languages > a:first-child { padding-left: 0; font-weight: bold; } .navigation .menu li#languages > a:first-child:before, #languages-menu .menu li#languages > a:first-child:before { content: ""; margin-right: 0; } #languages>a { font-size: 14px; } #languages>a.active, #languages>a:hover { opacity: 0.8; } #languages .submenu { width: 70px; left: 50%; margin-left: -35px; } #languages .submenu a { text-align: center; padding-left: 0; } #languages.dropdown>a:after { } #header #language-toggle, #header #navigation-toggle { display: block; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; padding: 0 10px; /* width: 90px; */ color: var(--main-color-bg); height: var(--header-height); } .burger-nav { display: block; } #language-toggle { display: none; } #navigation-toggle span { display: none; } #navigation-toggle:after { content: "\f1c3"; width: 30px; height: 30px; font-family: "Ionicons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; text-align: center; line-height: 30px; } #navigation-toggle.open:after { content: "\f2c0"; } #header .navigation { position: fixed; top: calc(var(--header-height) + var(--ineos-logo)); background-color: var(--ainslie-blue); left: auto; width: 555px; bottom: 0; margin-left: 0; -o-transition: all ease .3s; transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-justify-content: stretch; z-index: 2; overflow: auto; -webkit-overflow-scrolling: touch; opacity: 0; visibility: hidden; } #header .navigation.open, #languages.open { opacity: 1; visibility: visible; } .navigation .menu li { margin: 8px 0; display: block; } #header .navigation.open .menu li:not(#languages) { display: block; } #header .navigation ul { padding: 40px 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-content: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; text-align: left; width: 100%; } #header .menu>li>a { padding: 0 ; } .navigation ul li a { font-size: 18px; } .navigation .dropdown:not(#languages) .submenu { position: relative; width: auto; margin: 0; left: auto; top: auto; background: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 5px 50px 5px 20px; } .navigation .dropdown:before { display: none; } .navigation .dropdown .submenu li a { text-align: left; background-color: transparent; padding-bottom: 0; font-size: 16px; } #header .dropdown .submenu:before { display: none; } .navigation .dropdown .submenu li a:hover { background: transparent; } #languages-menu { display: none; } #header .dropdown .submenu { top: 0; padding-top: 47px; display: block; } #header .dropdown>a:after { display: none; } .header-lg .navigation { top: var(--header-height); } .navigation .menu li#languages { line-height: 20px; } .navigation .menu li#languages:before, #languages-menu .menu li#languages:before { line-height: 22px; height: 20px; font-size: 22px; } .menu>li>a, .menu>li>*, #languages>a { font-size: 18px; } body.open-menu{ overflow: hidden; } body.home .navigation .menu li.home a, body.news-landing .navigation .menu li.news a, body.news .navigation .menu li.news a, body.videos .navigation .menu li.video a, body.about .navigation .menu li.about-ineos-team-uk > a, body.about-hq .navigation .menu li.ineos-team-uk-hq a, body.about-hq .navigation .menu li.about-ineos-team-uk > a, body.work-with-us .navigation .menu li.work-with-us a, body.work-with-us .navigation .menu li.about-ineos-team-uk >a, body.how-to-follow .navigation .menu li.how-to-follow a, body.how-to-follow .navigation .menu li.about-ineos-team-uk > a, body.americas-cup .navigation .menu li.heritage li.americas-cup a, body.americas-cup .navigation .menu li.heritage > a, body.british .navigation .menu li.british a, body.british .navigation .menu li.heritage > a, body.team .navigation .menu li.team-menu > a, body.contact .navigation .menu li.contact > a{ color: #fff; } #footer .navigation { margin-top: 30px; } #footer .navigation ul li { margin: 0 0 10px 0; } #footer .navigation ul li a { padding-left: 0; padding-bottom: 0; padding-top: 0; color: #ffffff; font-size: 15px; letter-spacing: 1px } #footer .navigation ul li:hover a { color: #ff5c00; opacity: 1; } #footer .dropdown .submenu { display: none; } #footer .dropdown>a:after { display: none; } #content { width: 100%; overflow: hidden; -webkit-transition: margin 0.2s; -o-transition: margin 0.2s; transition: margin 0.2s; max-width: var(--max-width-column); margin-left: auto; margin-right: auto; background-color: var(--athena-blue); } #footer { color: var(--footer-text); height: auto !important; padding-top: 0px; background: var(--athena-blue); } #footer .wrapper.row1{ justify-content: space-between; -webkit-justify-content: space-between; height: auto; } #footer-zone2 { } #footer-zone3 { } .jump-top { display: none; } #footer-logo { max-height: 60px; margin: 20px 0; } #footer-nav { text-align: center; list-style: none; display: block; margin: 0; } #footer-nav li { display: inline-block; } #footer-nav a { color: #e8ecf4; text-transform: uppercase; font-weight: bold; padding: 0 7px; font-size: 18px; line-height: normal; } #footer-nav a:hover, #footer-nav li.active a { text-decoration: none; color: var(--footer-text); } div#footer-zone3 { } #footer-zone3 .logo-img { max-height:none; } #footer .social-icons>div { margin: 0 ; text-align: right; } #footer .social-icons a{ font-size: 25px; display: inline-block; width: 56px; height: 33px; line-height: 33px; background-color: transparent; color: var(--footer-text); padding: 0; border-radius: 50%; margin-bottom: 0px; } #footer .social-icons a:hover { color: #ff5c00; } /* #footer .social-icons .social-twitter a:hover { background-color: #55acee; } #footer .social-icons .social-facebook a:hover { background-color: #3b5999; } #footer .social-icons .social-youtube a:hover { background-color: #cd201f; } #footer .social-icons .social-instagram a:hover { background-color: #e4405f; } */ #footer .widget-title { font-size: 17px; color: #55565a; text-transform: uppercase; } #copyright { font-size: 12px; margin-top: 70px !important; padding-left: 70px; max-width: 800px; } #copyright p { font-family: var(--font-family-main); font-size: 12px; padding: 0; margin: 10px 0; text-align: right; } #footer-contact { font-size: 14px; } #footer-contact { width: 100%; } #footer-contact p { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } #footer-contact p span { display: inline-block; padding: 0 20px; text-align: center; color: rgba(255, 255, 255, 0.61); } /* Cookies */ #cookiesbar { text-align: center; padding: 20px; position: fixed; left: 0; right: 0; top: var(--header-height); bottom: auto; background: red; color: #ffffff; z-index: 99999999; width: var(--max-width-column); margin: 0 auto; } .scroll-not-top #cookiesbar { top: 0; } #cookiesbar a { color: #ffffff; padding: 0 10px; } .header-lg #cookiesbar { top: calc(var(--header-height) * 2); } /* USER MENU */ #user-menu { padding: 0 18px 0 0; } #user-menu .menu>li:not(.dropdown)>*:not(a) { padding-left: 0; padding-right: 0; } #user-menu .menu>li.dropdown #user { padding-right: 0; padding-left: 0; } #user-menu .menu>li.dropdown #user a { color: var(--header-text); } #user-menu .menu > li:not(.dropdown) span { margin-right: 5px; flex:none; } #user-menu .menu:hover .dropdown:not(#languages) .submenu { display:block; } #user-menu .dropdown:not(#languages) .submenu:before { display: none; } #user-menu .menu.not-logged > li{ margin-left:15px; } #user-menu .menu > li > *, #user-menu .menu > li > a { color:var(--header-text); font-size:16px; } #user-menu .menu > li > a:hover { color: #ff5c00; } #user-menu .dropdown:not(#languages) .submenu { width: auto; margin-left: 0; left: auto; right: 0; top: 70px; background: #fff; display: none; z-index: -1; padding: 0; } #user-menu .dropdown:not(#languages) .submenu > li > a { color: var(--header-text); padding: 10px 20px; background: transparent; } #user-menu .dropdown:not(#languages) .submenu > li > a:hover { background-color: var(--header-text); color:#ffffff; } /* Widgets ========================================================== */ .column>.widget:not(.article-view):not(.full-width), .column>.widget.slide-items { padding-top: 60px; padding-bottom: 50px; } .column>.widget:not(.full-width):not(.widget-wrapper):not(#contact-text):not(#contact-view)>* { width: 100%; max-width: var(--max-width-column); margin-left: auto; margin-right: auto; } .column.primary-content>.widget:not(.full-width):not(.article-view)>* { width: 90%; } .widget {} .widget img { width: 100%; } .widget>ul { margin: 0; padding: 0; } .widget.full-width, .full-width, .span-grid, .full-content { width: 100%; max-width: 100%; padding: 0; } /* Top Stories */ .slider-widget { padding: 0 !important; overflow: hidden; position: relative; margin: 0; } .slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; position: absolute; bottom: 0; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.2 ); } .home #row-second { padding: 0 calc((100% - var(--max-width-column) )/2); } #home-wrapper { padding: 0; margin: 0; } .slide-content { z-index: 3; padding: 40px 60px 60px; width: 100%; background: -moz-linear-gradient(top, rgba(0,10,17,0) 0%, rgba(0,10,17,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,10,17,0) 0%,rgba(0,10,17,0.8) 100%); background: linear-gradient(to bottom, rgba(0,10,17,0) 0%,rgba(0,10,17,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000a11', endColorstr='#cc000a11',GradientType=0 ); margin-top: 0 !important; } .slide-content>* { max-width: calc( var(--max-width-column) / 2); margin-left: 0; color: #ffffff; } .slide-content>time { font-size: 16px; } #article-view-slide .slide-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #article-view-slide .slide-content .slide-title { margin-right: auto; margin-left: auto; min-width: 50%; text-align: center; } #article-view-slide .topstory-text-left .slide-content { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #article-view-slide .topstory-text-right .slide-content { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #article-view-slide .topstory-text-right .slide-content>*, #article-view-slide .topstory-text-left .slide-content>* { margin-left: 0; margin-right: 0; } #article-view-slide .topstory-text-left .slide-content .slide-title { margin-right: 50%; margin-left: 0; } #article-view-slide .topstory-text-right .slide-content .slide-title { margin-left: 50%; margin-right: 0; } #article-view-slide .slide-content .slide-category { order: -2; font-size: 18px; margin-right: 10px; } .slide-content .article-header-data { order: -1; margin-left: 10px; } .slide-content .article-header-data #article-view-time span { display: none; } .slide-content .article-header-data .article-view-time { width: auto; color: #ffffff; } .topstory-text-left .slide-content>* { margin-left: 0; margin-right: auto; } .topstory-text-right .slide-content>* { margin-right: 0; margin-left: auto; } .topstory-text-right .slide-content * { text-align: right; } .fotorama__stage__frame:not(.fotorama__stage__frame--video) .topstory-text-center .slide-content>*, .bg-vid .topstory-text-center .slide-content>* { margin-right: auto; margin-left: auto; } .fotorama__stage__frame:not(.fotorama__stage__frame--video) .topstory-text-center .slide-content, .bg-vid .topstory-text-center .slide-content { text-align: center; } .topstory-text-right .slide-content { text-align: right; } .topstory-text-left.center-box .slide-content { padding-left: 60px; } .topstory-text-right.center-box .slide-content { padding-right: 60px; } .bottom-box .slide-content { bottom: 0; } .top-box.slide-content { top: 0; } .center-box .slide-content { padding-top: 0; padding-bottom: 0; margin: 0 !important; background: none; } .slides .slide .slide-content:before { right: 0; left: 0; top: 0; bottom: 0; position: absolute; content: ""; z-index: -1; display: none; } .bottom-box .slide-content:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); } .top-box .slide-content:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); } .widget:not(.boxed) .fotorama__stage__frame.fotorama__stage__frame--video .slide-content>* { max-width: 43%; } .slide-content .slide-title { margin-top: 10px; margin-bottom: 10px; padding: 0px; letter-spacing: 0; font-weight: 400; font-size: 56px; } .slide-content .slide-title a { color: #ffffff; padding-left: 0; display: block; } .slide-content .slide-category, .slide-content .slide-subsection { font-size: 16px; text-transform: none; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; } .slide-content .slide-subsection > div, .slide-content .slide-category > div { display: inline-block; } .slide-content .slide-category:hover, .slide-content .slide-subsection:hover { color: #ffffff; cursor: default; } .slide-content .slide-category:after, .slide-content .slide-subsection:after { content: " | "; font-weight: 100; } .slide-content .slide-subsection, .slide-content>time{ font-weight: bold; } .slide-content .slide-subsection { padding-left: 0; } .topstory-text-right .slide-content > time { padding-right: 0; } .topstory-text-right .slide-content .slide-title a { border-left: none; padding-left: 0; padding-right: 0; } .slide-content p { font-size: 20px; opacity: .8; color: #ffffff; } .slide-content div .btn { margin-left: 10px; margin-right: 10px; } .slide-content .btn { text-shadow: none; margin-top: 10px; font-size: 20px; background: #84002d; border: none; font-weight: 300; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; } .slide-content .btn:hover { background-color: #ff5c00; color: #ffffff; } .slides .fotorama__nav-wrap { position: absolute; bottom: 10px; } .slides .fotorama__nav--dots .fotorama__nav__frame { width: 28px; } .slides .fotorama__dot { width: 13px; height: 6px; border-width: 1px; background-color: rgba(255, 255, 255, 0.2); border-color: transparent; border-radius: 0; } .slides .fotorama__nav__frame.fotorama__active .fotorama__dot { background-color: #536382; width: 13px; height: 6px; background-color: #ffffff; border-width: 1px; border-color: transparent; } .widget .fotorama__arr { background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: var(--border-radius-form); border-radius: var(--border-radius-form); } .widget .fotorama__arr--next { right: 15px; } .widget .fotorama__arr--prev { left: 15px; } .widget .slides .fotorama__video-play { background: var(--main-color-bg); -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .widget .slides .fotorama__video-play:before { content: "\f488"; font-family: "Ionicons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; font-size: 60px; width: 60px; height: 60px; line-height: 60px; text-align: center; margin-left: 7px; } .boxed .slide-content { background: #ffffff !important; margin-left: auto; margin-right: auto; max-width: 800px; width: 70%; padding: 40px !important; -webkit-border-radius: var(--border-radius-boxes); border-radius: var(--border-radius-boxes); } .boxed .slide-content * { color: var(--main-color-bg) !important; } .boxed .bottom-box .slide-content { margin-bottom: 5%; } .boxed .top-box .slide-content { margin-top: 5%; } .boxed .topstory-text-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .boxed .topstory-text-left .slide-content { margin-left: 5%; } .boxed .fotorama__stage__frame.fotorama__stage__frame--video .slide-content { max-width: 38%; margin-left: 60px !important; margin-right: auto !important; } .boxed .slide { background: none; } .bg-vid {} .bg-vid iframe { position: relative; display: block; } .top-image-container { position: absolute; width: 100%; height: 100%; -webkit-background-size: cover !important; background-size: cover !important; background-position: center center !important; display: none; } .header-lg .bg-vid { margin-top: calc((var(--header-height) - (var(--header-height) * 2)) * 2); } .transparent-slide .slide { background: transparent !important; } /* More Items */ .more-items-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; list-style: none; } .nowrap .more-items-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } .more-items-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; position: relative; margin: 0 calc(var(--gap) / 2) var(--gap); width: 100%; background: #ffffff; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .more-items-item img { padding: 0px; } .more-items-item .wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; width:100%; padding: 20px 25px; color: #55565a; -webkit-border-radius: 0 0 var(--border-radius-items) var(--border-radius-items); border-radius: 0 0 var(--border-radius-items) var(--border-radius-items); } .widget.isotope .more-items-item .wrapper { -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none; } .more-items-item:hover { background: var(--main-color-bg); } .more-items-item:hover .wrapper * { color: #ffffff ; } .more-items-item .wrapper>* { margin: 5px 0; color:#54565a; } .more-items-item .wrapper .date-time { display: none; } .more-items-item>a, .more-items-item .more-items-img-container { overflow: hidden; width: 100%; } .more-items-item >a img, .more-items-item .more-items-img-container img { overflow: hidden; -webkit-border-radius: var(--border-radius-items) var(--border-radius-items) 0 0; border-radius: var(--border-radius-items) var(--border-radius-items) 0 0; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .widget:not(.sponsors):not(.sponsors-main):not(.sponsors-second):not(.sponsors-third) .more-items-item:hover>a img, .more-items-item:hover .more-items-img-container img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .more-items-item h2 { font-weight: 100; color: #ffffff; position: relative; } .more-items-item:not(.quote) h2 { padding-left: 0; } .more-items-item h2 a { color: #55565a; } .more-items-item .wrapper .more-items-action { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 10px; text-align: center; background: #f32733; } .more-items-category, .more-items-subsection { font-size: 12px; text-transform: none; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; margin-bottom: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; color: var(--main-color-bg); } .more-items-category~h2, .more-items-subsection~h2, .video-items time~h2 { margin-top: 10px !important; } .center-items .more-items-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } .end-items .more-items-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; } .start-items .more-items-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; } .no-wrapper .more-items-item .wrapper { display: none !important; } /* More items Gap */ .gap-0 { --gap: 0px; } .gap-10 { --gap: 10px; } .gap-20 { --gap: 20px; } .gap-30 { --gap: 30px; } .gap-40 { --gap: 40px; } .full-width.gap-0, .full-width.gap-10, .full-width.gap-20, .full-width.gap-30, .full-width.gap-40{ padding-left: calc(var(--gap) / 2); padding-right: calc(var(--gap) / 2); } .gap-0:not(.full-width) .more-items-list, .gap-0:not(.full-width) .tabs-content, .gap-10:not(.full-width) .more-items-list, .gap-10:not(.full-width) .tabs-content, .gap-20:not(.full-width) .more-items-list, .gap-20:not(.full-width) .tabs-content, .gap-30:not(.full-width) .more-items-list, .gap-30:not(.full-width) .tabs-content, .gap-40:not(.full-width) .more-items-list, .gap-40:not(.full-width) .tabs-content { max-width: calc(var(--max-width-column) + var(--gap)) !important; } .gap-0 .more-items-item, .gap-10 .more-items-item, .gap-20 .more-items-item, .gap-30 .more-items-item, .gap-40 .more-items-item { margin: 0 calc(var(--gap) / 2) var(--gap); } .full-width.tabs-end.gap-0 header, .full-width.tabs-start.gap-0 header, .full-width.tabs-end.gap-0 .widget-title, .full-width.tabs-start.gap-0 .widget-title, .full-width.tabs-end.gap-0 .section-title, .full-width.tabs-start.gap-0 .section-title, .full-width.tabs-end.gap-10 header, .full-width.tabs-start.gap-10 header, .full-width.tabs-end.gap-10 .widget-title, .full-width.tabs-start.gap-10 .widget-title, .full-width.tabs-end.gap-10 .section-title, .full-width.tabs-start.gap-10 .section-title, .full-width.tabs-end.gap-20 header, .full-width.tabs-start.gap-20 header, .full-width.tabs-end.gap-20 .widget-title, .full-width.tabs-start.gap-20 .widget-title, .full-width.tabs-end.gap-20 .section-title, .full-width.tabs-start.gap-20 .section-title, .full-width.tabs-end.gap-30 header, .full-width.tabs-start.gap-30 header, .full-width.tabs-end.gap-30 .widget-title, .full-width.tabs-start.gap-30 .widget-title, .full-width.tabs-end.gap-30 .section-title, .full-width.tabs-start.gap-30 .section-title, .full-width.tabs-end.gap-40 header, .full-width.tabs-start.gap-40 header, .full-width.tabs-end.gap-40 .widget-title, .full-width.tabs-start.gap-40 .widget-title, .full-width.tabs-end.gap-40 .section-title, .full-width.tabs-start.gap-40 .section-title { padding-left: var(--gap); padding-right: var(--gap); } .one-one.img-aside.gap-0 .more-items-item, .one-one.img-aside.gap-10 .more-items-item, .one-one.img-aside.gap-20 .more-items-item, .one-one.img-aside.gap-30 .more-items-item, .one-one.img-aside.gap-40 .more-items-item { width: calc(100% - var(--gap)); } .one-two.img-aside.gap-0 .more-items-item, .one-two.img-aside.gap-10 .more-items-item, .one-two.img-aside.gap-20 .more-items-item, .one-two.img-aside.gap-30 .more-items-item, .one-two.img-aside.gap-40 .more-items-item { width: calc(50% - var(--gap)); } .one-three.img-aside.gap-0 .more-items-item, .one-three.img-aside.gap-10 .more-items-item, .one-three.img-aside.gap-20 .more-items-item, .one-three.img-aside.gap-30 .more-items-item, .one-three.img-aside.gap-40 .more-items-item { width: calc(32.93333% - var(--gap)); } .one-four.img-aside.gap-0 .more-items-item, .one-four.img-aside.gap-10 .more-items-item, .one-four.img-aside.gap-20 .more-items-item, .one-four.img-aside.gap-30 .more-items-item, .one-four.img-aside.gap-40 .more-items-item { width: calc(24.99% - var(--gap)); } /* Image aside */ .img-aside .more-items-item { width: 100%; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; background-color: #ffffff; -webkit-border-radius: var(--border-radius-items); border-radius: var(--border-radius-items); } .img-aside .more-items-item>a, .img-aside .more-items-item .more-items-img-container { width: 50%; } .img-aside .more-items-item>a img, .img-aside .more-items-item .more-items-img-container img, .img-end-start.img-aside .more-items-item:nth-child(odd) .wrapper, .img-end.img-aside .wrapper { -webkit-border-radius: var(--border-radius-items) 0 0 var(--border-radius-items); border-radius: var(--border-radius-items) 0 0 var(--border-radius-items); } .img-aside .more-items-item:hover { background-color: var(--main-color-bg) } .img-aside .more-items-item .wrapper { background-color: transparent; padding-bottom: 0; } .img-aside.top-box .more-items-item .wrapper { padding-bottom: 0; } .img-aside.bottom-box .more-items-item .wrapper { padding-top: 0; padding-bottom: 20px; } .img-aside.center-box .more-items-item .wrapper { padding-top: 0; padding-bottom: 0; } .img-aside.img-max-w .more-items-item>a, .img-aside.img-max-w .more-items-item .more-items-img-container { max-width: var(--img-max-w); } .related-content .img-aside .more-items-item { background-color: transparent; } .related-content .img-aside .more-items-item .wrapper { padding: 5px 10px; } .related-content .img-aside .more-items-item h2 { font-size: 18px; } .related-content .img-aside .more-items-item>a, .related-content .img-aside .more-items-item .more-items-img-container { max-width: 100px; } .img-end-start.img-aside .more-items-item:nth-child(odd), .img-end.img-aside .more-items-item { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .img-end-start.img-aside .more-items-item:nth-child(odd)>a img, .img-end-start.img-aside .more-items-item:nth-child(odd) .more-items-img-container img, .img-end.img-aside .more-items-item>a img, .img-end.img-aside .more-items-item .more-items-img-container img, .img-aside .wrapper { -webkit-border-radius: 0 var(--border-radius-items) var(--border-radius-items) 0; border-radius: 0 var(--border-radius-items) var(--border-radius-items) 0; } .img-end-start.img-aside .more-items-item:nth-child(odd) .wrapper, .img-end.img-aside .wrapper, .img-start-end.img-aside .more-items-item:nth-child(even) .wrapper { text-align: right; } .img-start-end.img-aside .more-items-item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .img-start-end .more-items-item:nth-child(even) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .img-end-start .more-items-item:nth-child(odd), .img-end .more-items-item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .boxed.bottom-box .more-items-item { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; } .boxed.bottom-box .wrapper { margin-bottom: 5%; bottom: 0; } .boxed.top-box .more-items-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; } .boxed.top-box .wrapper { margin-top: 5%; } .boxed.center-box .more-items-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } .boxed.right-box .more-items-item { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .boxed.right-box .wrapper { margin-right: 5%; width: 50%; } .boxed.left-box .more-items-item { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .boxed.left-box .wrapper { margin-left: 5%; width: 50%; } .boxed.center-h-box .more-items-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .boxed .wrapper { position: absolute; width: 70%; max-width: 500px; -webkit-border-radius: var(--border-radius-boxes); border-radius: var(--border-radius-boxes); } .one-one.boxed .wrapper { max-width: 600px; } .boxed .btn-empty, .boxed .link-button a { border: none; color: #ffffff; background-color: #276CF2; } .boxed .btn-empty:hover, .boxed .link-button a:hover { background-color: #1857d4; } /* Text over */ .text-over .more-items-item { display: block; } .text-over .wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; padding: 20px 30px; background: none; -webkit-border-radius: var(--border-radius-items); border-radius: var(--border-radius-items); background-color: rgba(0, 0, 0, 0.3); -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; } .text-over .wrapper h2 { min-height: 10px; -webkit-box-flex: 0; -ms-flex: none; -webkit-flex: none; flex: none; } .text-over .wrapper h2 a:hover { opacity: 1; } .text-over .wrapper * { color: #ffffff; } .text-over .more-items-item>a:not(.all-box-link), .text-over .more-items-item .more-items-img-container { display: block; background-color: #000000; } .text-over .more-items-item>a img, .text-over .more-items-item .more-items-img-container img, .boxed .more-items-item>a img, .boxed .more-items-item .more-items-img-container img { -webkit-border-radius: var(--border-radius-items); border-radius: var(--border-radius-items); } .text-over.center-box .wrapper, .slide.center-box, .center-box .slide{ background-color: rgba(0, 0, 0, 0.35); -webkit-transition: background-color 0.2s; /* Safari */ -o-transition: background-color 0.2s; transition: background-color 0.2s; } .center-box .wrapper, .slide.center-box, .center-box .slide { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } .text-over.center-box .more-items-item:hover .wrapper { background-color: rgba(0, 0, 0, 0.3); } .text-over.bottom-box .wrapper, .slide.bottom-box .slide-content, .bottom-box .slide .slide-content { background: -moz-linear-gradient(top, rgba(0,10,17,0) 0%, rgba(0,10,17,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,10,17,0) 0%,rgba(0,10,17,0.8) 100%); background: linear-gradient(to bottom, rgba(0,10,17,0) 0%,rgba(0,10,17,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000a11', endColorstr='#cc000a11',GradientType=0 ); } .bottom-box .wrapper, .slide.bottom-box, .bottom-box .slide { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; } .text-over.top-box .wrapper, .slide.top-box .slide-content, .top-box .slide.slide-content { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); } .top-box .wrapper, .slide.top-box, .top-box .slide { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; } .text-over.bottom-box .more-items-item>a .more-items-img, .text-over.top-box .more-items-item>a .more-items-img { opacity: 1; } .top-box .more-items-item .wrapper>*, .center-box .more-items-item .wrapper>*, .bottom-box .more-items-item .wrapper>* { -webkit-box-flex: 0; -ms-flex: none; -webkit-flex: none; flex: none; } .cover-box .wrapper, .slide.cover-box, .cover-box .slide { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; } .transparent-wrapper .wrapper, .transparent-wrapper .more-items-item, .text-over.transparent-wrapper .wrapper, .transparent-wrapper .slide.center-box , .center-box.transparent-wrapper .slide, .transparent-wrapper .slide.cover-box .slide-content, .cover-box.transparent-wrapper .slide .slide-content, .transparent-wrapper .slide-content { background:transparent; } .transparent-wrapper .more-items-item .wrapper > * { color: #fff; } /* Rounded image */ .rounded:not(.img-aside) { text-align: center; } .rounded ul li { background-color: transparent !important; } .rounded ul li .wrapper, .rounded .wrapper { background-color: transparent !important; } .rounded img { -webkit-border-radius: 50% !important; border-radius: 50% !important; } /* Large */ .large-text .wrapper h2 { font-size: 56px; } .large-text .link-button, .large-text .link-button a { font-size: 24px; } .large-text time { font-size: 24px; } /* Slide items */ .slide-items .more-items-item { width: 100% !important; } .slide-items .more-items-list { display: none ; } .slide-items .showmore-inline.pagination .pagination-page.next, .slide-items .pagination.more .pagination-more { display: none; } .column>.slide-items.widget { padding-left: 0 !important; padding-right: 0 !important; } /* Video */ .more-video-items { width: 100%; margin-bottom: 0; } .video-items .wrapper time { margin-bottom: 0; } /* Video Element */ .media-view.media-header .media-article-intro { display: none; } .media-view article { padding: 0; background-color: #f4f4f5; } .photo-view article { } .media-view .slides { background-color: #000; } .media-view.media-header header { padding: 0 0; color: #ffffff; background-color: #071637; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } .media-view.media-header.video-view header { padding: 0; } .media-view.media-header.video-view header > *:first-child:not(.media-article-subsection) { padding-top: 25px; } .media-view.media-header header > *:not(.fotorama) { padding-left: calc((100% - 800px) / 2); padding-right: calc((100% - 800px) / 2); } .media-view.media-header header .media-article-subsection { padding-right: 0; padding-top: 10px; padding-bottom: 10px; color: #ffffff; } .video-element .vidPlayer { width: 100%; display: block; } .video-element-title { color: var(--main-color-bg); display: inline-block; } .video-element-time { padding-bottom: 10px; display: block; } .photo-view article header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .photo-view #slideshow-gallery { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; padding-bottom: 30px; background-color: #091319; padding: 40px 0; margin-bottom: 20px; } /* Galleries list */ .galleries-items .galleries-item .galleries-item-count { font-size: 12px; text-transform: none; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; color: #a7adb1; } /* Social stream */ .social-stream {} .widget.social-stream, .full-content .widget.social-stream { position: relative; padding-bottom: 100px; } .socialstream-items-list {} .social-stream .socialstream-item { position: relative; min-height: 65px; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .social-stream .socialstream-item img { padding: 0; } .social-stream.text-over .socialstream-item { padding-bottom: 0; } .social-stream.text-over .socialstream-item .wrapper { padding:20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; position: absolute; } .social-stream.text-over .socialstream-item.no-image .wrapper, .social-stream.text-over .socialstream-item.no-photo .wrapper { background: none; } .social-stream.text-over .socialstream-item:not(.no-image):not(.no-photo):hover .wrapper { background: rgba(0,0,0,0.6); } .social-stream.text-over .socialstream-item .wrapper > a { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; height: 100%; justify-content: space-between; -webkit-justify-content: space-between; } .social-stream.text-over .socialstream-item .wrapper > a:after { content: "Continue reading"; font-size: 12px; text-transform: uppercase; } .social-stream.text-over .socialstream-item:not(.no-image):not(.no-photo) .wrapper .socialstream-item-message { opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .social-stream.text-over .socialstream-item:not(.no-image):not(.no-photo):hover .wrapper .socialstream-item-message { opacity: 1; } .social-stream.text-over .socialstream-item .wrapper .socialstream-item-message { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; width:100%; text-align: center; font-size: 16px; padding: 0 20px; margin-top: 0; } .social-stream.text-over .socialstream-item .socialstream-item-username-image img { left: 10px; top: 18px; } .social-stream.text-over .socialstream-item .socialstream-item-username, .social-stream.text-over .socialstream-item .socialstream-item-time { padding-left: 55px; } .social-stream.text-over .socialstream-item .wrapper:after { color: #ffffff !important; top: 25px; } .social-stream .socialstream-item .wrapper { position: relative; -webkit-transition: background-color 0.2s; /* Safari */ -o-transition: background-color 0.2s; transition: background-color 0.2s; } .social-stream .socialstream-item.no-image .wrapper { -webkit-border-radius: var(--border-radius-items); border-radius: var(--border-radius-items); } .social-stream .socialstream-item .wrapper:after { position: absolute; right: 20px; top: 20px; content: ""; /* background-color: #dddddd; */ width: 32px; height: 32px; font-family: "FontAwesome"; font-size: 32px; text-align: center; line-height: 32px; color: #ffffff; } .social-stream .socialstream-item .wrapper>a { color: var(--main-color-bg); margin: 0; } .social-stream.color .socialstream-item.socialstream-Instagram { background-color: #517fa4; } .social-stream.color .socialstream-item.socialstream-Instagram:hover { background-color: #477294; } .social-stream .socialstream-item.socialstream-Instagram .wrapper:after { content: "\f16d"; color: #517fa4; } .social-stream.color .socialstream-item.socialstream-Twitter { background-color: #00aced; } .social-stream.color .socialstream-item.socialstream-Twitter:hover { background-color: #0090c6; } .social-stream .socialstream-item.socialstream-Twitter .wrapper:after { content: "\f3e6"; color: #00aced; font-family: "remixicon"; } .social-stream.color .socialstream-item.socialstream-Facebook { background-color: #3b5998; } .social-stream.color .socialstream-item.socialstream-Facebook:hover { background-color: #324d85; } .social-stream .socialstream-item.socialstream-Facebook .wrapper:after { content: "\f082"; color: #3b5998; } .social-stream.color .socialstream-item.socialstream-Google { background-color: #dd4b39; } .social-stream.color .socialstream-item.socialstream-Google:hover { background-color: #af382a; } .social-stream .socialstream-item.socialstream-Google .wrapper:after { content: "\f0d4"; color: #dd4b39; } .social-stream .socialstream-item .socialstream-item-username-image, .social-stream.list-view .socialstream-item .socialstream-item-username-image { width: 40px; margin: 0; -webkit-border-radius: 50%; border-radius: 50%; padding: 0; min-width: inherit; max-width: none; top: 18px; position: absolute; left: 20px; } .social-stream .socialstream-item .socialstream-item-username-image img, .social-stream.list-view .socialstream-item .socialstream-item-username-image img { -webkit-border-radius: 50%; border-radius: 50%; } .social-stream .socialstream-item .socialstream-item-username { display: block; font-weight: bold; text-align: left; padding-left: 50px; font-size: 16px; padding-right: 50px; } .social-stream .socialstream-item .socialstream-item-time { text-align: left; display: block; padding-left: 50px; font-size: 12px; padding-right: 50px; } .social-stream .socialstream-item .socialstream-item-message { display: block; margin-top: 15px; font-size: 14px; letter-spacing: 0.05em; } .social-stream.list-view .socialstream-item { width: 100%; margin: 10px 0; } .social-stream.list-view .socialstream-item img { padding: 0 20px 0 0; float: left; width: 30%; min-width: 100px; max-width: 300px; } .social-stream.color .socialstream-item .wrapper *, .social-stream.color .socialstream-item .wrapper:after { color: #ffffff; } .more-items-item.no-img .more-items-img { display: none !important; } .more-items-item.social.no-img .wrapper .more-items-short-text { font-size: 22px; line-height: 1.3; margin: 10px 0; } .more-items-item.quote .wrapper h2 { line-height: 1.3; font-weight: 400; } .more-items-item.quote .wrapper .more-items-short-text { font-weight: bold; } /* Article */ .widget.article-view .article { max-width: 1024px; margin: 0 auto; background: #f4f4f5; padding: 0 0 50px 0; overflow: auto; } .widget.article-view .article header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-content: stretch; position: relative; } .widget.article-view .article header>*:not(.main-image-slide):not(.article-view-intro) { margin-top: 10px; margin-bottom: 10px; } .widget.article-view, .column .widget.article-view { padding: 0; } .primary-content .widget.article-view { background-color: #ffffff; } .primary-content .widget.article-view .article { padding: 40px 0 } .article-view-title, .article-view-time, .article-view-category, .article-view-intro, .article-view-body, .article-view header figure, .article-view #slideshow-gallery, .contact-text-body, .contact-view-title, .contact-view-body, #contact-text .section-title, .media-article-subsection, .media-view .media-article-text-intro p, .article-aside { display: block; margin-left: auto; margin-right: auto; max-width: 800px; width: 90%; text-align: left; } .full-content .article-view-title { margin: 30px auto; } .article-view-body .article-view-intro { width: 120%; padding: 3%; color: #ffffff; background-color: #82162d; margin-bottom: 3%; margin-top: -20px; margin-left: -10%; max-width: none; text-align: center; } .article-view-body .article-view-intro p { text-align: center; } .article-view-body { padding-bottom: 20px; position: relative;z-index: 1; margin-top: 40px; } .article-view-title { margin: 30px auto; } .article-view-time, .media-article-time { font-size: 16px; display: block; } .article-view-category, .media-article-subsection { font-size: 18px; text-transform: none; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; color: var(--main-color-bg); text-align: center; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .article-view header figure, .article-view #slideshow-gallery { margin-bottom: 40px; position: relative; } .article-view-intro { margin-top: 40px; } .article-view-intro p, .article-view-body p, .article-view-body ul { text-align: left; word-break: break-word; } .article-view-body p { margin-top: 0; margin-bottom: 3%; opacity: .8; } .article-view-intro p { font-weight: bold; font-size: 24px; margin-top: 0; margin-bottom: 0; color: #162126; } .article-view-body p iframe { margin: 0 auto; } .article-view-body p a { color:var(--main-color-bg); font-weight: bold; } .article-view-body p a:hover { text-decoration: underline; } .article-view-body table { width: 100%; } .article-view-footer { text-align: center; padding: 20px 0; } .article-view-body .files-list { list-style: none; margin-left: 0; margin-top: 0; padding-left: 0; } .article-view-body .files-list li { margin-left: 0; margin-bottom: 10px; } .article-view-body .files-list li a { color: var(--main-color-bg); font-weight: bold; padding-left: 0; background: none; margin: 0; } .article-view-body .files-list li a:hover { text-decoration: underline; } .article-view-body .files-list li a:before { content: "\e211"; font-family: "UIFont-Solid"; font-size: 27px; margin-right: 5px; line-height: 1; display: inline-block; } .team .article-view-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .team .article-link { text-align: left; color: #a7adb1; font-size: 24px; margin-bottom: 25px; display: block; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-top: 15px; } .team .article-link:hover { color: var(--main-color-bg); } .team .article-link:before { font-family: "FontAwesome"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f16d"; margin-right: 10px; } .share-button { display: inline-block; vertical-align: top; } .share-buttons { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; max-width: 800px; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; margin: 0 auto; } .share-buttons .share-text { font-size: 14px; margin-right: 10px; text-transform: uppercase; letter-spacing: 2px; font-weight: 300; color: #a7adb1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; opacity: .6; } .share-buttons .share { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .share-buttons .share > a { width: 40px; height: 40px; line-height: 40px; font-size: 24px; background-color: transparent; color: #ffffff; text-decoration: none; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; margin-left: 5px; } .share-buttons .share > a.google, .share-buttons .share > a.pinterest, .share-buttons .share > a.linkedin { display: none; } .share-buttons .share > a:hover { background-color:transparent; } .article-view-footer { padding: 50px 0 0; margin-top: 45px; border-top: 1px solid rgba(118, 131, 145, 0.3); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; margin-top: 20px; padding-top: 20px; background-color: var(--main-color-bg); color: #ffffff; padding-bottom: 20px; display: none; } .inverted .article-view-footer { background-color: #162126; } .share-button { display: inline-block; vertical-align: top; } .share-button.addthis_default_style>iframe { width: 112px !important; } .media-view .share-buttons { padding-top: 10px !important; margin-top: 0; max-width: 100%; width: 100%; background-color: #8e1537; padding-bottom: 10px !important; } .media-view .media-article-intro, .media-view .media-article-text-intro{ order: 1; padding-top: 40px; padding-bottom: 40px; background: #ffffff; color: var(--text-color); } .media-view .media-article-intro p, .media-view .media-article-text-intro p{ margin-top: 0; margin-bottom: 0; } .media-view .share-buttons .share-text { color: #ffffff; } .media-view.media-header article header .media-article-title { margin-bottom: 30px; font-weight: 300; position: relative; color: #ffffff; display: block; margin-left: auto; margin-right: auto; max-width: 800px; width: 90%; text-align: left; padding: 0; } .media-view.media-header article header .media-article-title:before { content: ""; position: absolute; left: -30px; top: 0; width: 2px; height: 100%; background-color: #ffffff; display: none; } .media-view.media-header header .media-article-time { opacity: .7; padding-left: calc((100% - 800px) / 2); padding-right: calc((100% - 800px) / 2); max-width: none; width: 100%; } .dark .share-buttons .share > a { background-color: #161717; } .fb_iframe_widget { padding-right: 20px; padding-left: 30px; } .article-aside { font-style: normal; /* padding: 50px 0 0; margin-top: 50px; border-top: 1px solid rgba(118, 131, 145, 0.3); */ } #prevnext { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-items: flex-start; max-width: 800px; width: 90%; } #prevnext > * { width: 100%; position: relative; } #prevnext .all-box-link:after { color: #f32733; position: absolute; font-family: "Ionicons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; width: 20px; height: 20px; line-height: 20px; top: 50%; margin-top: -10px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #prevnext > *:hover .all-box-link:after { font-size: 30px; line-height: 30px; margin-top: -15px; height: 30px; } #prevnext .next-item .all-box-link:after { content: "\f3d1"; right: -30px; } #prevnext .prev-item .all-box-link:after{ content:"\f3cf"; left: -30px; } #prevnext .next-item:hover .all-box-link:after{ right: -40px; } #prevnext .prev-item:hover .all-box-link:after{ left: -40px; } #prevnext .next-item { text-align: right; padding-left: 10%; } #prevnext .prev-item h2, #prevnext .next-item h2{ max-width: 300px; width: 90%; } #prevnext .prev-item h2 { margin-right:auto; } #prevnext .next-item h2 { margin-left:auto; } #prevnext .wrapper h2 { font-size: 14px; margin-top: 0; margin-bottom: 0; } #prevnext .item-img { max-width: 100px; margin-bottom: 10px; } /* Pagination */ .full-content .pagination {} .pagination { text-align: center; position: relative; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .pagination:hover {} .pagination:hover .pagination-page {} .pagination:hover a, .pagination a:hover { background-color: #fafafa; } .pagination.more .pagination-more:hover, .pagination.showmore-inline .pagination-page:hover, .load-more-bt:hover, .widget-link>a:hover { background-color: var(--main-color-bg); color: #ffffff; } .pagination-page, .pagination.more .pagination-more, .pagination.showmore-inline .pagination-page, .load-more-bt, .widget-link>a { padding: 13px 55px; line-height: 1.4; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; background: var(--main-color-bg); width: auto; min-width: 200px; margin: 20px auto; color: var(--main-color-text); border: none; display: block; font-weight: 100; font-size: 24px; -webkit-border-radius: 0; border-radius: 0; line-height: 48px; display: inline-block; } .pagination-page:before { text-indent: 0; position: absolute; } .pagination-page.next { right: 0; top: 0; z-index: 1; } .pagination-page.next:before { content: "\f061"; font-family: "FontAwesome"; right: 10px; } .pagination-page.previous { left: 0; top: 0; z-index: 1; } .pagination-page.previous:before { content: "\f060"; font-family: "FontAwesome"; left: 10px; } .pagination-page.current { position: relative; padding: 10px; text-indent: 0; display: block; } .showmore-inline.pagination {} .showmore-inline.pagination .pagination-page.next, .pagination.more .pagination-more { } .showmore-inline.pagination .pagination-page.next:before { display: none; } .pagination-page:after { position: absolute; content: "\f021"; font-family: "FontAwesome"; width: 40px; height: 40px; left: 50%; margin-left: -20px; display: none; font-size: 30px; top: 3px; text-indent: 0; } .paginator-pages { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .paginator-pages select { width: 100px; background-color: rgba(255, 255, 255, 0.14); border: none; color: #ffffff; padding: 3px 7px; height: 34px; font-size: 16px; -webkit-border-radius: var(--border-radius-form); border-radius: var(--border-radius-form); -webkit-box-shadow: none; box-shadow: none; } .paginator-pages select:focus { color: #000000; } .paginator-pages > a { width: 40px; height: 30px; text-align: center; } .paginator-pages > a:before { height: 30px; line-height: 30px; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; } .paginator-pages > a:hover { color: #f32733; } .paginator-pages > .next:before { content: "\f3d1"; } .paginator-pages > .prev:before { content: "\f3cf"; } .loading.showmore-inline .pagination-page, .loading.showmore-inline.pagination .pagination-page.next { text-indent: -99999px; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } } .loading>.pagination-page:after { -webkit-animation: spinner 1s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: spinner 1s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; } /* Scoreboard */ #scoreboard {} #scoreboard .section-title {} .tabs-content .scoreboard .widget-title { display: none; } .tabs-content .scoreboard { margin-bottom: 0; padding-bottom: 0; } .scoreboard { font-size: 30px; } .scoreboard>ul { list-style: none; margin: 0; padding: 20px; } .scoreboard ul li { position: relative; margin: 0; border-top: 1px solid rgba(127, 127, 127, 0.2); padding: 12px 0; font-size: 24px; } .scoreboard ul li * { color: var(--main-color-bg); } .scoreboard ul li:hover { color: #999999; } .scoreboard ul li:first-child { border: none; } .scoreboard ul li .field-position { margin-right: 10px; } .scoreboard ul li .field-points { position: absolute; right: 10px; top: 13px; } .scoreboard li img { width: 7%; margin-right: 10px; } .tabs-view .scoreboard>ul { padding-left: 0; padding-right: 0; } /* Tabs */ .tabs, .tabs-layout { list-style: none; text-align: center; padding: 0 0 0; margin: 0px 0 53px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; background-color: #081015; padding-top: 20px; } .tabs li a, .tabs-layout li a { clear: none; margin: 0 10px; text-decoration: none; letter-spacing: 1px; font-size: 18px; text-transform: uppercase; padding: 0; float: none; border: none; display: inline-block; color: #ffffff; line-height: 1.325; background-color: transparent; border-bottom: 0; border-color: rgba(0, 0, 0, 0); text-rendering: optimizeLegibility; visibility: visible; font-weight: 700; padding: 35px 0px; -webkit-border-radius: var(--border-radius-form); border-radius: var(--border-radius-form); border-bottom: 2px solid transparent; font-weight: 400; position: relative; } .tabs li a:hover { color: var(--main-color-bg); } .tabs li a.active{ color: var(--main-color-bg); border-color: #ffffff; font-weight: bold; } .tabs li a.active:after { content: ""; height: 2px; width: 68%; bottom: -2px; position: absolute; background-color: #ffffff; left: 16%; } .widget-title~header .tabs { margin-top: 0; } .tabs-end, .tabs-start { position: relative; padding-top: 117px !important; } .tabs-end header, .tabs-start header { position: absolute; left: 0; right: 0; margin-top: -64px; } .tabs-end .widget-title, .tabs-start .widget-title, .tabs-end .section-title, .tabs-start .section-title { position: absolute; left: 0; right: 0; top: 30px; margin-top: 0; } .tabs-end .widget-title, .tabs-end .section-title { text-align: left; } .tabs-end header .tabs, .tabs-end header .search-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tabs-start .widget-title, .tabs-start .section-title { text-align: right; } .tabs-start header .tabs, .tabs-start header .search-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tabs-end header .search-container, .tabs-start header .search-container { margin-top: -22px; } .full-width.tabs-end header, .full-width.tabs-start header, .full-width.tabs-end .widget-title, .full-width.tabs-start .widget-title, .full-width.tabs-end .section-title, .full-width.tabs-start .section-title { padding-left: 20px; padding-right: 20px; } .tabs-content > * { display: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .secondary-content .tabs-view, .secondary-content .tabs-view .section-title, .secondary-content .tabs-view header { padding-right: 40px; padding-left: 40px; } .secondary-content:first-child .tabs-view, .secondary-content:first-child .tabs-view .section-title, .secondary-content:first-child .tabs-view header { padding-left: 0; } .secondary-content:last-child .tabs-view, .secondary-content:last-child .tabs-view .section-title, .secondary-content:last-child .tabs-view header { padding-right: 0; } .tabs-col header { position: relative; } .tabs-col header .tabs { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; margin: 0; left: 0; } .tabs-col header .tabs li a { padding: 0 0 5px; margin: 0 0 8px 0; } .tabs-col .tabs-content { padding-left: 200px; padding-right: 200px; min-height: 400px; } .tabs-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .large-tabs .tabs { margin-bottom: 40px; } .large-tabs .tabs li a { font-size: 18px; } .no-results-container { font-size: 36px; opacity: 0.5; color: #122246; text-align: center; }/* Sponsors */ .sponsors-second .more-items-item { display: inline-block; opacity: 1; position: relative; } .partners #content { max-width: var(--max-width-column); margin-left: auto; margin-right: auto; } .partners #content #sponsors-second .more-items-item { border-top: 1px solid #edeeee; margin: 15px 0 0; padding: 15px 0 0; width: 100%; } .partners #content #sponsors-second .more-items-item:first-child { margin: 0; padding: 0; border: 0; } .partners #content #sponsors-second .more-items-item img { max-width: 255px; margin: 0 auto; vertical-align: middle; padding: 30px 0; } .partners .modal.fade:not(.in) { top: -600px; } .partners #ov-team .ov-team-image { width: 40%; float: left; min-height: 600px; background-color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 30px; } #sponsors-main .more-items-item img { max-width: 200px; width: 100%; } .partners #content #sponsors-main .more-items-item img { max-width: 315px; margin: 0; } .sponsors-third .more-items-item, .sponsors-second .more-items-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; opacity: 1; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #footer .sponsors-third { padding: 25px 0 ; width: 100%; } #footer .sponsors-third .more-items-item { padding-right: 5%; background-color: transparent; } .partners #content #sponsors-third .more-items-item .wrapper { display: none; } #footer .sponsors-third .wrapper { padding: 0 0 0 14%; } #footer .sponsors-third .wrapper h2 { font-size: 18px; margin: 0 0 auto; } #footer .sponsors-third .wrapper a { color: #ffffff; } #footer .sponsors-third.one-six > ul { margin-left: -1.5%; } body.partners .more-items-item .wrapper .ov-link.arrow { display: none; } body.partners .more-items-item > .ov-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: var(--footer-bg); } body.partners .img-2 { display: none } body.partners .img-3 { opacity: .4; } body.partners .img-1 { position: absolute; width: 40%; transform:scale(1) !important; z-index: 1; } .partnership #main { background-color: #ffffff; } .partnership #footer .wrapper.row1 { display: none; } .partnership-page .full-content .article-view-title { color: #000000; } #footer #technical-suppliers, #footer #sponsors { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } #footer #technical-suppliers ul li, #footer #sponsors ul li { width: calc(70% - var(--gap)); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } #footer #technical-suppliers ul, #footer #sponsors ul{ width:100%; } #official-supplier ul li { width:calc(12% - var(--gap)); } /* Fotorama */ .fotorama .fotorama__caption { opacity: 1; -o-transition: all .3s; transition: all .3s; -webkit-transition: all .3s; bottom: 0px; } .fotorama .fotorama__caption .fotorama__caption__wrap { background: none; text-align: center; color: #ffffff; width: 80%; font-size: 12px; text-transform: none; letter-spacing: 2px; text-transform: uppercase; margin: 5px auto; display: block; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5) } .fotorama .fotorama__wrap--no-controls .fotorama__caption { opacity: 0; } /* Sign up form */ .article .form-messages.message-success { background-color:#8d1536; font-size: 20px; } .newsletter #signup-footer { padding: 100px 0; } #signup-footer { background:transparent; padding: 60px 0 50px 0; } #signup-footer .widget-title { color: #ffffff; margin-top: 0; margin-bottom: 30px; font-size: 52px; font-weight: 400; line-height: 1; text-transform: none; } #signup-footer #widget-embed h2 { color:#ffffff; font-size: 36px; font-weight: 400; line-height: 1.1; } #signup-footer #widget-embed h2 small { display:block; line-height: 1.1; margin-top: 10px; } #signup-footer .formly { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin:0 auto; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } #signup-footer .formly .formly-field { width: 100%; color: #ffffff; } #signup-footer .formly .formly-field.firstname, #signup-footer .formly .formly-field.lastname { width: 50%; } #signup-footer .formly .formly-field.firstname { padding-right: 5px; } #signup-footer .formly .formly-field.lastname { padding-left: 5px; } #signup-footer .formly .formly-field input { background-color: #ffffff; } #signup-footer .formly .form-buttons .tooltip { display: none; } #signup-footer .formly-field .separator { font-size: 52px; font-weight: 400; line-height: 1; } #signup-footer .formly-field .separator span { font-size: 36px; } body.embed { background-color: #162127; } .embed #content { max-width: 100%; } .embed.newsletter #signup-footer { padding: 30px; } #signup-footer #mc_embed_signup .mc-field-group label { color:#ffffff; } .newsletter #footer #signup-footer { display:none; } #mc_embed_signup .mc-field-group.input-group { color:#ffffff; } #mc_embed_signup .mc-field-group.input-group a{ color:#ff5c00; } /* Simple Text */ .simple-text-body { text-align: center; color: #ffffff; } .text-right .simple-text-body { text-align: right; } .text-left .simple-text-body { text-align: left; } /* Widget link */ .widget-link>a { display: block; width: 155px !important; } /* Countdown */ .countdown { text-align: center; } .countdown * { color: var(--main-color-text); } .countdown-text { font-size: 42px; display: inline-block; padding: 10px 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; text-align: center; min-width: 500px; } .countdown-text .number { line-height: 42px; height: 42px; margin-bottom: 10px; } .countdown-text .name { font-size: 18px; line-height: 18px; opacity: 0.6; text-transform: uppercase; } .countdown-text .countdown-time { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .countdown-text .countdown-time>* { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; margin: 0 15px; } .countdown-text .countdown-time .secs { width: 70px; } #header .countdown>* { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } #header .countdown-text { font-size: 20px; padding: 0; min-width: 10px; } #header .countdown-text .number { line-height: 20px; height: 20px; margin-bottom: 2px; } #header .countdown-text .name { font-size: 11px; line-height: 11px; } #header .countdown-text .countdown-time .secs { width: auto; } /* Social Links */ #header #socialLinks header { display: none !important; } #header #socialLinks .widget-title { color: var(--main-color-text); font-size: 12px; line-height: 12px; font-weight: bold; margin: -2px 5px 0 0; display: inline-block; vertical-align: middle; padding: 0; letter-spacing: 1px; } #header #socialLinks:hover header { display: inline-block; vertical-align: middle; } #header .social-icons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; margin-right: 23px; } #header .social-icons>div { margin: 0; } #header .social-icons>div.social-search { position: relative; margin-left: 10px; padding-left: 10px; } #header .social-icons>div.social-search:before { content: ""; position: absolute; width: 1px; height: 20px; top: 50%; margin-top: -10px; left: 0; background-color: rgba(68, 68, 68, .11); } #header .social-icons>div h3, #header .social-icons a { font-size: 16px; line-height: 16px; } #header .social-icons a { padding: 5px 12px; } #header .social-icons a span { display: none; } .social-icons>div.social-youtube { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .social-icons>div { display: inline-block; text-align: center; margin-right: 10px; margin-left: 10px; vertical-align: middle; } .social-icons>div h3 { margin: 0; font-size: 32px; line-height: 1 } #header .social-icons a:hover:before { color: #ff5c00; } #header .social-icons .social-twitter a:hover { } .social-icons .social-twitter a, .prefooter .social-icons .social-twitter a:hover:before { color: #55acee; } .social-icons .social-twitter a:before { content: "\f3e6"; font-family: "remixicon"; } #header .social-icons .social-facebook a:hover { } .social-icons .social-facebook a, .prefooter .social-icons .social-facebook a:hover:before { color: #3b5999; } .social-icons .social-facebook a:before { content: "\f09a"; } #header .social-icons .social-instagram a:hover { } .social-icons .social-instagram a, .prefooter .social-icons .social-instagram a:hover:before { color: #e4405f; } .social-icons .social-instagram a:before { content: "\f16d"; } .social-icons .social-linkedin a:before { content: "\f0e1"; } #header .social-icons .social-linkedin a:hover { background-color: #0077B5; } .social-icons .social-linkedin a, .prefooter .social-icons .social-linkedin a:hover:before { color: #0077B5; } #header .social-icons .social-youtube a:hover { } .social-icons .social-youtube a, .prefooter .social-icons .social-youtube a:hover:before { color: #cd201f; } .social-icons .social-youtube a:before { content: "\f16a"; } #header .social-icons .social-search a:hover { background-color: #818892; } .social-icons .social-search a:before { content: "\f002"; } .social-icons .social-website a, #header .social-icons .social-website a:hover:before, .prefooter .social-icons .social-website a:hover:before {} .social-icons .social-website a:before { content: "\f0ac"; } #header .social-icons .social-weibo a:hover { background-color: #e62227; } #header .social-icons .social-weibo a:hover:before { background-color: #e62227; } .social-icons .social-weibo a, .prefooter .social-icons .social-weibo a:hover:before { color: #e62227; } .social-icons .social-weibo a:before { content: "\f18a"; } #header .social-icons .social-youku a:hover { background-color: #1b96d5; } #header .social-icons .social-youku a:hover:before { background-color: #1b96d5; } .social-icons .social-youku a, .prefooter .social-icons .social-youku a:hover:before { color: #1b96d5; } .social-icons .social-youku a:before { content: "\f01d"; } #header .social-icons .social-tumblr a:hover { background-color: #35465c; } #header .social-icons .social-tumblr a:hover:before { background-color: #35465c; } .social-icons .social-tumblr a, .prefooter .social-icons .social-tumblr a:hover:before { color: #35465c; } .social-icons .social-tumblr a:before { content: "\f173"; } #header .social-icons .social-wechat a:hover { background-color: #70a63b; } #header .social-icons .social-wechat a:hover:before { background-color: #70a63b; } .social-icons .social-wechat a, .prefooter .social-icons .social-wechat a:hover:before { color: #70a63b; } .social-icons .social-wechat a:before { content: "\f1d7"; } #header .social-icons .social-newsletter { margin:0 30px; } #header .social-icons .social-newsletter a:hover { } #header .social-icons .social-newsletter a span { display: inline-block; margin-left: 10px; color: var(--main-color-bg); } #header .social-icons .social-newsletter a:hover span { color: #ff5c00; } .social-icons .social-newsletter a, .prefooter .social-icons .social-newsletter a:hover:before { color: #e30613; } .social-icons .social-newsletter a:before { content: "\f003"; } #header .social-icons .social-store { margin:0 ; background: var(--main-color-bg); } #header .social-icons .social-store a:hover:before { color: #ff5c00 !important; } #header .social-icons .social-store a span { display: inline-block; margin-left: 5px; color: #ffffff; } #header .social-icons .social-store a { padding: 12px 15px; } #header .social-icons .social-store a:hover span { color: #ff5c00 } .social-icons .social-store a, .prefooter .social-icons .social-store a:hover:before { color: #e30613; } .social-icons .social-store a:before, .navigation .menu li.store a:before { content: "\f37A"; font-family: "Ionicons"; color: #ffffff !important; } #header .social-icons .social-snapchat { margin:0 ; background: var(--main-color-bg); margin-left:10px; } #header .social-icons .social-snapchat a { padding: 12px 15px; } #header .social-icons .social-snapchat a:hover span { color: var(--main-color-bg) } .social-icons .social-snapchat a:before { content: "INSIDE TACK"; color: #ffffff !important; font-size: 17px; line-height: 17px; letter-spacing:1px; font-family: "d-din-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif; } .navigation .menu li.store a:before { margin-right: 10px; } .navigation .menu li.store a { justify-content: flex-start; } #footer .social-icons { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer .social-icons>div.social-search { margin-left: 32px; } #footer .social-icons>div.social-search a { width: 198px; font-size: 21px; height: 20px; margin: 0; border: none; background: url(../img/thereisnosecond.png) center bottom no-repeat transparent; background-size: contain; border-radius: 0; } #footer .social-icons>div.social-search a:before{ display: none; } #footer .social-icons>div.social-search a:after{ /*content:"#THEREISNOSECOND";*/ } .social-icons a { color: var(--main-color-text); font-size: 32px; display: inline-block; } .social-icons a:before { font-family: "FontAwesome"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #header .social-icons a:hover { background-color:transparent; } #header .social-icons a:before, .prefooter .social-icons a:before { color: var(--main-color-bg) } /* Añadidos */ .news .article-view-body .article-view-intro { display: none; } #landing-team a.more-items-title { color: #ffffff; } #landing-news .tabs-content.moving-parts .more-items-list{ padding-top: 100px; position: relative; } #landing-news .tabs-content.moving-parts .more-items-list:before{ content: "Moving Parts"; font-size: 42px; text-align: left; width: calc(100% - 10px); height: 42px; position: absolute; top: 0; left: 0; line-height: 1; background: url(https://ineosteamgb.s3.amazonaws.com/original/m7384_GRENADIER-MOVING-PARTS-LANDING.png) center right transparent no-repeat; background-size: 25% auto; color: #ffffff; margin:0 5px; } #landing-news { } .news-landing #landing-news { padding-bottom: 60px; } .body:not(.home) #landing-news .tabs-content{ padding-left:0 !important; padding-right:0 !important; } .home #landing-news { padding:0 !important; } #landing-news .more-items-item .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home #landing-news .more-items-item.social:not(.no-img) .wrapper { padding: 0; } .home #landing-news .more-items-item.social:not(.no-img) .wrapper h2 { padding: 20px; margin: 0; } .more-items-item .wrapper > * { width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #landing-news .more-items-item .wrapper time { position: absolute; top: 10px; color: #ffffff ; letter-spacing: 1.5px; font-weight: bold; text-shadow: 0 0 8px rgba(0,0,0,0.5); right: 20px; margin: 0 ; width: auto ; } .home #landing-news .more-items-item.no-img .wrapper time, .home #landing-news .more-items-item.no-img.quote:hover .wrapper time { text-shadow: none; color: #54565a; } .more-items-item .wrapper .more-items-subsection, .more-items-item .wrapper .more-items-category { width: auto; margin-right: 10px; margin-bottom: 5px; padding-left: 15px; position: relative; } .more-items-item .wrapper .more-items-subsection { padding-right: 17px; padding-left: 0; } .more-items-item:not(.quote):not(.social) .wrapper h2:after { content: ""; position: absolute; width: 2px; height: auto; left: 0; top: 0; background-color: #8e1537; bottom: 0; display: none; } .more-items-item:not(.quote):hover .wrapper h2:after, .more-items-item:not(.quote):hover .wrapper h2:before { background-color: #ffffff; } #landing-news .more-items-item .wrapper .more-items-category { margin-right: 0; margin-left: auto; } .show-icons .more-items-item { position: relative; } .show-icons .more-items-item:after { content: ""; width: 36px; height: 36px; background-color: transparent; position: absolute; top: 0; left: 20px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; background-color: #54565a; } .show-icons .more-items-item:before { font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 36px; height: 36px; position: absolute; top: 0; left: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; z-index: 1; color:transparent; font-size: 20px; padding-left: 0; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .show-icons .more-items-item.video:before { content: "\f488"; color: #ffffff; } .show-icons .more-items-item.articles:before { content: "\f472"; color: #ffffff; } .show-icons .more-items-item.photo:before { content: "\f30f"; color: #ffffff; } .show-icons .more-items-item.twitter:before { font-family: "remixicon"; content: "\f3e6"; color: #ffffff; } .show-icons .more-items-item.facebook:before { content: "\f236"; color: #ffffff; } .show-icons .more-items-item.instagram:before { content: "\f23e"; color: #ffffff; } .show-icons .more-items-item.quote:before { content: "\f1f5"; color: var(--main-color-bg); } .show-icons .more-items-item.rebels:before { display: none } .show-icons .more-items-item.video:after { background-color: red; } .show-icons .more-items-item.articles:after { background-color: #ff5c00; } .show-icons .more-items-item.photo:after { background-color: #0fb314; } .show-icons .more-items-item.twitter:not(.no-img):hover:after { background-color: #00aced; } .show-icons .more-items-item.facebook:not(.no-img):hover:after { background-color: #3b5998; } .show-icons .more-items-item.instagram:not(.no-img):hover:after { background-color: #517fa4; } .show-icons .more-items-item.quote:after { background-color: #ffffff; } .show-icons .more-items-item.quote:hover:after, .show-icons .more-items-item.quote.no-img:hover:after { background-color: var(--main-color-bg); } .show-icons .more-items-item.rebels:after { display: none; } .show-icons .more-items-item.video:after, .show-icons .more-items-item.photo:after, .show-icons .more-items-item.articles:after, .show-icons .more-items-item.moving-parts:after, .show-icons .more-items-item.video:before, .show-icons .more-items-item.photo:before, .show-icons .more-items-item.articles:before, .show-icons .more-items-item.moving-parts:before { display: none; } .show-icons .more-items-item.no-img:hover:after { background-color: #ffffff; } .show-icons .more-items-item.video.no-img:hover:before { color: red; } .show-icons .more-items-item.articles.no-img:hover:before { color: #ff5c00; } .show-icons .more-items-item.photo.no-img:hover:before { color: #0fb314; } .show-icons .more-items-item.twitter.no-img:hover:before { color: #00aced; } .show-icons .more-items-item.facebook.no-img:hover:before { color: #3b5998; } .show-icons .more-items-item.instagram.no-img:hover:before { color: #517fa4; } .show-icons .more-items-item.quote.no-img:hover:before { color:#ffffff; } .more-items-item.social .more-items-short-text { white-space: pre-wrap; word-break: break-word; } .more-items-item.social .more-items-short-text { padding: 20px; margin: 0; } .more-items-item .more-items-short-text { font-size: 16px; } .show-icons .more-items-item.no-img .wrapper { padding-top: 50px; } .home #landing-news li.video .wrapper .more-items-subsection { } .home #landing-news li.twitter .wrapper .more-items-subsection { color: #00aced; } .home #landing-news li.instagram .wrapper .more-items-subsection { color: #517fa4; } .home #landing-news li.facebook .wrapper .more-items-subsection { color: #3b5998; } .home #landing-news li.photo .wrapper .more-items-subsection { } .home #landing-news li.articles .wrapper .more-items-subsection { } .home #landing-news li.quote .wrapper .more-items-subsection { color: #6c2ad6; display: none; } .more-items-item.video:hover .wrapper{ } .more-items-item.twitter:hover .wrapper { background-color: #00aced; } .more-items-item.instagram:hover .wrapper { background-color: #517fa4; } .more-items-item.facebook:hover .wrapper { background-color: #3b5998; } .more-items-item.photo:hover .wrapper { } .more-items-item.articles:hover .wrapper { background-color: var(--main-color-bg); } .more-items-item.quote .wrapper { background-color: var(--main-color-bg); } .more-items-item.quote .wrapper > * { color: #ffffff; } .more-items-item.quote:hover .wrapper { background-color: #ffffff; } .more-items-item.quote:hover .wrapper > * { color: #54565a; } .home #landing-news .more-items-item.no-img.quote .wrapper time { color: #ffffff; } .no-flexboxlegacy .home #landing-news li.photo .more-items-img-container { display: block; } .no-flexboxlegacy .home #landing-news li.photo .more-items-img-container > * { display:inline-block; width: 20%; height: auto !important; margin-right: -0.25em; } .more-items-img-mask { display: none; } #team-tabs .tabs-content .widget-title { display: none; } #centerBoxes { padding: 0px; } #team-tabs { padding-top: 0; padding-bottom: 80px; } #team-tabs header.clearfix { margin-bottom: 20px; padding: 0 !important; } #team-tabs h2.section-title { margin-bottom: 20px; } #team-tabs h2.section-title { margin-bottom: 10px; } span.more-items-position { padding-left: 0; } section#social-stream { padding-bottom: 50px; } #landing-news .more-items-item a img { margin-top: 30px; } .highlights-box .wrapper { padding: 10px 20px; } .highlights-box .wrapper h2{ text-transform: uppercase; font-size: 16px; letter-spacing: 1px; } #highlights-top { padding-bottom: 0; } #highlights-bottom { padding-top: 0; } #the-boat .widget-title { margin-bottom: 10px; } #the-boat .wrapper{ background-color: transparent; padding: 0; } .the-boat #the-boat { position: relative; background-color: #333333; } .the-boat #the-boat ul{ width: 800px; margin: 0 auto; position: relative; min-height: 1200px; background: url('https://www.lunarossachallenge.com/assets/img/boat-graphic-3d.png') #333333 center top no-repeat; -webkit-background-size: 800px auto; background-size: 800px auto; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-transform: scale(0.90); -ms-transform: scale(0.90); transform: scale(0.90); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } .the-boat #the-boat.ready ul{ opacity: 1; } .the-boat #the-boat ul li:hover .wrapper{ opacity: 1; z-index: 1; } .the-boat #the-boat ul li { position: absolute; min-width: 580px; padding-left: 60px; padding-right: 60px; width: 30%; min-height: 40px; } .the-boat #the-boat ul li:before { content: ""; -webkit-border-radius: 50%; border-radius: 50%; background-color: red; width: 20px; height: 20px; position: absolute; left: 7px; top: 7px; } .the-boat #the-boat ul li:after { content: ""; -webkit-border-radius: 50%; border-radius: 50%; background-color: transparent; border: 3px solid red; width: 34px; height: 34px; position: absolute; left: 0; top: 0; } .the-boat #the-boat ul li:after, .the-boat #the-boat ul li:before { cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .the-boat #the-boat ul li:hover:after { border-color: #ffffff; } .the-boat #the-boat ul li:hover:before { background-color: #ffffff; } .the-boat #the-boat ul li.carbon-mast { left: 427px; top: 90px; } .the-boat #the-boat ul li.t-foils { left: 9px; top: 908px; } .the-boat #the-boat ul li.soft-wing { left: -72px; top: 454px; } .the-boat #the-boat ul li.code-zero { left: 169px; top: 647px; } .the-boat #the-boat ul li.t-foils, .the-boat #the-boat ul li.soft-wing { text-align: right; } .the-boat #the-boat ul li.t-foils:after, .the-boat #the-boat ul li.soft-wing:after { left: auto; right: 0; } .the-boat #the-boat ul li.t-foils:before, .the-boat #the-boat ul li.soft-wing:before { left: auto; right: 7px; } .the-boat #the-boat ul li.code-zero:after { top: auto; bottom: 0; } .the-boat #the-boat ul li.code-zero:before { top: auto; bottom: 7px; } .the-boat #the-boat .widget-title { text-align: left; margin: 0; padding: 40px ; z-index: 1; position: absolute; } .the-boat #the-boat .widget-title span{ font-weight: normal; color: #ffffff; font-size: 70%; } .the-boat #the-boat .wrapper { padding:10px 20px; background-color: rgba(0,0,0,0.3); -webkit-border-radius: 5px; border-radius: 5px; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .the-boat #the-boat .wrapper p { color: #ffffff; } .timeline .more-items-img { width: 100%; height: auto; opacity: 1; } .timeline li { margin-left: 0; margin-right: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; background: transparent !important; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .timeline li:not(.Year):hover { opacity: 1 !important; } .timeline li:not(.Year):hover > a:before { opacity: 0.4; } .timeline ul:hover li { opacity: 0.4; } .timeline li.Year { width: 6%; } .timeline li.Year a { cursor: default; } .timeline li.Year .wrapper { display: none; } .timeline li.Event { width: 16.4%; } .timeline li .wrapper { background: transparent !important; text-align: center; margin-left: -35%; width: 170%; padding-top: 60px; position: relative; padding-left: 0; padding-right: 0; } .no-flexboxlegacy .timeline .more-items-list .more-items-item, .no-flexboxlegacy .timeline-history .more-items-list .more-items-item, .no-flexboxlegacy #landing-team-sailing .more-items-list .more-items-item, .no-flexboxlegacy body:not(.home) #landing-news .more-items-list .more-items-item { -webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start; } .no-flexboxlegacy .timeline .more-items-list .more-items-item .wrapper, .no-flexboxlegacy .timeline-history .more-items-list .more-items-item .wrapper, .no-flexboxlegacy #the-boat .more-items-list .more-items-item .wrapper, .no-flexboxlegacy #landing-team-sailing .more-items-list .more-items-item .wrapper, .no-flexboxlegacy body:not(.home) #landing-news .more-items-list .more-items-item .wrapper{ -webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none; } .no-flexboxlegacy body:not(.home) #landing-news .more-items-list .more-items-item .wrapper { display: block; } #timeline-history ul .more-items-item{ -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; } .timeline ul { min-width: 1024px; padding-top: 40px; padding-left: 20px; padding-right: 20px; } .timeline ul li > a { position: relative; } .timeline ul li > a:before { height: 3px; left: 0; right: 0; position: absolute; content: ""; background-color: #ffffff; bottom: 15%; z-index: -1; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .timeline ul li:first-child > a:before { left: 20px; } .timeline ul li:last-child > a:before { right: 30px; } .timeline li .wrapper:before { content: ""; width: 1px; position: absolute; left: 50%; margin-left: -0.5px; height: 40px; background-color: #ffffff; top: 15px; } .timeline li:nth-child(2) .wrapper, .timeline li:nth-child(4) .wrapper, .timeline li:nth-child(7) .wrapper { padding-top: 180px; } .timeline li:nth-child(2) .wrapper:before, .timeline li:nth-child(4) .wrapper:before, .timeline li:nth-child(7) .wrapper:before { height: 160px; } .timeline li .wrapper h2 a{ color: #ffffff; opacity: 1; } #timeline-v.timeline { padding-left: 0; padding-right: 0; } #timeline-v.timeline .widget-title { position: relative; padding-left: 15px; padding-right: 15px; } #timeline-v.timeline ul { min-width: 10px; max-width: none; padding-left: 0; padding-right: 0; padding-top: 0; } #timeline-v.timeline ul li { margin-bottom: 0; } #timeline-v.timeline ul li > a:before { width: 3px; height: auto; left: 50%; margin-left: -1.5px; top: 0; bottom: 0; right: auto; } #timeline-v.timeline ul li:first-child > a:before { top:50%; } #timeline-v.timeline ul li:last-child > a:before { bottom: 50%; } #timeline-v.timeline li.Year .wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #timeline-v.timeline li .wrapper:before { display: none; } #timeline-v.timeline li .wrapper { width: auto; margin: 0; text-align: left; padding-right: 0; } #timeline-history-wrapper .widget-title { margin-bottom: 60px; } .timeline-history { overflow: auto; -webkit-overflow-scrolling: auto; -webkit-overflow-scrolling: touch; } .timeline-history ul { min-width: 1280px; } .timeline-history .more-items-item img{ padding: 0 25%; width: 100%; } .timeline-history .wrapper { background: transparent !important; position: relative; margin-top: 25px; text-align: center; } .timeline-history .wrapper:before { height: 3px; left: 0; right: 0; position: absolute; content: ""; top:0; background-color: #ffffff; } .timeline-history > ul > li:first-child .wrapper:before, .timeline-history ul .owl-item:first-child .wrapper:before { left: 50%; } .timeline-history > ul > li:last-child .wrapper:before, .timeline-history ul .owl-item:last-child .wrapper:before { right: 18px; } .timeline-history > ul > li:last-child .wrapper:after, .timeline-history ul .owl-item:last-child .wrapper:after { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 14px; border-color: transparent transparent transparent #ffffff; position: absolute; content: ""; top: -8px; right: 15px; } .timeline-history .wrapper h2:before { width: 24px; height: 24px; content: ""; background-color: #ffffff; position: absolute; -webkit-border-radius: 50%; border-radius: 50%; left: 50%; top: -10px; border: 6px solid #161717; margin-left: -12px; } .timeline-history .wrapper h2 a { color:#ffffff; } .timeline-history .wrapper p { font-size: 15px; } #timeline-history-lunarossa .owl-carousel .owl-stage, #timeline-history-lunarossa .owl-carousel .owl-item { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } #timeline-history-lunarossa.timeline-history ul { min-width: 100%; } #timeline-history-lunarossa.timeline-history .owl-dots { display: none; } #email-subscribe .btn-success { background-color: #f32733; border-color: #f32733; } #email-subscribe .checkbox input { margin-right: 10px; float: left; margin-bottom: 10px; } #email-subscribe .checkbox span a { font-weight: bold; text-decoration: underline; } .americascup-history #main { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content:center; } #timeline-history-wrapper { padding: 20px 0 !important; } #media-article, #photo-article, #media-article-text { padding: 0 !important; } #media-article.video-view .fotorama__caption { display: none; } .home #landing-team-sailing li .wrapper { opacity: 0; padding: 10px; line-height: 1.1; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .home #landing-team-sailing li .wrapper h2 { margin-bottom: 0; } .home #landing-team-sailing li .wrapper p { font-size: 16px; } .home #landing-team-sailing li:hover .wrapper { opacity: 1; } #history-wrapper { max-width: 80%; } .history-item .widget.article-view .article { padding-top: 30px; padding-bottom: 0; } .history-item .article-view-title { font-size: 32px; text-align: left; } .history-item .article-view-category { color: #ffffff; text-align: left; } .history-item #prevnext { position: absolute; height: 20px; top: 50%; left: 0; right: 0; max-width: 100%; margin: -10px 0 0; width: 100%; padding: 0 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .history-item #prevnext .wrapper { max-width:130px; } .history-item #prevnext .next-item .wrapper { margin-left:auto; margin-right: 0; } .history-item #prevnext .prev-item .wrapper { margin-right:auto; margin-left: 0; } .history-item #prevnext .wrapper h2 { font-size: 18px; } .history-item #prevnext .next-item .all-box-link:after { right: 0; } .history-item #prevnext .prev-item .all-box-link:after { left: 0; } .history-item #prevnext * { color: #ffffff; } .history-item #prevnext > * { padding-left: 20px; padding-right: 20px; max-width: 100%; } .history-item .second-article { display: none; } .history-item .widget.article-view .article header>* { margin-right: auto; margin-left: auto; } #circolo-logo { } #circolo-logo img { max-height: 100px !important; width: auto !important; } .heritage.header-lg #header { height: calc(var(--header-height) + 50px); } .heritage.fixed-header.header-lg #content { margin-top: var(--header-height); } .heritage #header .wrapper.row2 { height: 50px; } #years-list { background-color: transparent; } #years-list .wrapper { padding: 0 20px; height: auto; background-color: transparent; } #years-list .wrapper > * { -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; font-size: 18px; } #years-list .more-items-item .wrapper a { border-bottom: 2px solid transparent; } #years-list .more-items-item.active .wrapper a { border-bottom:2px solid red; } #years-list .wrapper a { color: #ffffff; } .heritage #header .wrapper.row1 { background-color: var(--header-bg); } .heritage #header .wrapper.row2, .heritage #header { background-color: rgba(0, 0, 0, 0.2); } .heritage #top-stories .slide { background-color: rgba(0, 0, 0, 0.3); } .heritage #top-stories .slide .slide-content { padding-right: 60px; text-align: right; background: none; padding-top: 0; padding-bottom: 0; margin: 0 !important; background: none; } .heritage #top-stories .slide .slide-content > * { margin-right: 0; margin-left: auto; max-width: none; } .heritage #top-stories .slide .slide-content .slide-title { font-size: 42px; } .heritage #top-stories .slide .slide-content .slide-title a { color: #ffffff; } .heritage #top-stories .slide .slide-content .slide-title a span{ font-size: 80px; } #heritage-wrapper { position: relative; } #events-list { position: absolute; top: 50%; background-color: transparent; margin-top: 70px; } #events-list .more-items-item .wrapper { background-color: transparent; padding-right: 60px; } #events-list .more-items-item .wrapper h2 a { padding-right: 20px; position: relative; } #events-list .more-items-item .wrapper h2 a:hover { color: #ffffff; opacity: 1; } #events-list .more-items-item .wrapper h2 a:after { font-family: "Ionicons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f3d1"; font-size: 26px; position: absolute; line-height: 26px; right: 0; } .top-stories-event .slide-content>* { max-width: 50%; } .top-stories-event .slide-content h2 a span { color: #ffffff; font-weight: normal; font-size: 28px; display: block; } #ov-team .ov-team-image { width: 40%; float: left; } #ov-team .ov-team-image img { width: 100%; } #ov-team-link:empty { display: none; } #ov-team .ov-content { width: 60%; margin: 0; padding: 30px; display: flex; flex-direction: column; height: 100%; position: absolute; left: 40%; } #ov-team { } #team-overlay { width: 80%; margin-left: 0; background-color: var(--ainslie-blue); color: #ffffff; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); pointer-events: none; } #team-overlay.fade.in { z-index: 999999999999; pointer-events: all; } #team-overlay .modal-body .team-view-position, #team-overlay .modal-body h2 { color: #ffffff; } #team-overlay .modal-body h2 { font-weight: 300; margin-top: 15px; margin-bottom: 20px; padding-top: 0; padding-bottom: 0; line-height: 1; } #team-overlay .modal-body p { font-size: 16px; line-height: 1.5; color: #ffffff !important } #team-overlay .modal-body p * { color: #ffffff !important } #team-overlay .modal-body .close { color: var(--ainslie-blue); background-color: #ffffff; width: 40px; height: 40px; line-height: 35px; top: 0; text-align: center; right: 30px; } #team-overlay .modal-body .close:hover { color: #ffffff; background-color: var(--main-color-bg); } #team-overlay .modal-body .team-view-position{ font-size: 22px; } #team-overlay .modal-body { padding:0; max-height: none; } #team-overlay .modal-body .team-view-body { padding: 0 20px 0 10px; height: 100%; } #team-overlay .modal-body .team-view-button { padding-left: 10px; margin-top: 20px; } #team-overlay .modal-body .team-view-button a { padding: 10px 15px; border:1px solid #ffffff } #team-overlay .modal-body .team-view-button a:after { content: "\f119"; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 10px; font-size: 28px; display: inline-block; vertical-align: middle; margin-top: -2px; } #team-overlay .modal-body .team-view-button a:hover { background-color: #ffffff; color: var(--ainslie-blue); } #boat-menu { position: absolute; top: 80px; z-index: 1; padding-top: 0; padding-bottom: 0; } #boat-menu li { background: none; box-shadow: none; border-radius: 0; border: 1px solid #ebeef3; } #boat-menu li a { background: none; width: 92px; text-align: center; color: #ffffff; text-transform: uppercase; font-weight: bold; padding: 5px; letter-spacing: 1px; } #boat-menu li a:before { content: "\f1c3"; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; text-align: center; line-height: 14px; margin-right: 5px; vertical-align: middle; margin-top: -3px; display: inline-block; } #boat3d { width: 100%; height: auto; min-width: 0 ; min-height: 360px; position: relative; overflow: hidden; z-index: 0; padding: 0; } #boat3d .footer-tools { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; bottom: 29px; width: 100%; max-width: 1350px; margin: 0 auto; left: 50%; margin-left: -675px; background: url(../img/3dcontrols.png) transparent center center no-repeat; background-size: auto 100%; } #boat3d .footer-tools .zone-1 { position: relative; min-width: 200px; height: 80px; width: 300px; } #boat3d .footer-tools .zone-1:before, #boat3d .footer-tools .zone-1:after { width: 8px; height: 100%; position: absolute; left: 0; top: 0; background-size: contain; background-repeat: no-repeat; background-color: transparent; background-position: center center; content: ""; display: none; } #boat3d .footer-tools .zone-1:before { background-image: url(../img/3d-boat-left-braquet.png); } #boat3d .footer-tools .zone-1:after { background-image: url(../img/3d-boat-right-braquet.png); right: 0; left: auto; } #boat3d .footer-tools .zone-3 .moreinfo-bt { display: none; } #boat3d .footer-tools > * { width: 100%; } #boat3d .footer-tools .zone-2 { width: auto; } #boat3d .footer-tools .menu { margin: 0; padding: 0 0 0 40px; display: none; } #boat3d .footer-tools .menu .dropdown > a:after { content: "\f3d8"; } #boat3d .footer-tools .menu > li { text-align: left; } #boat3d .footer-tools .menu > li > a { display: inline-block; border: none; margin: 0; } #boat3d .footer-tools .menu > li > a span:not(.label) { font-weight: bold; } #boat3d .footer-tools .menu > li .submenu { left: 47px; right: 20px; top: auto; bottom: 47px; margin-left: 0; width: auto; text-align: left; background: transparent; box-shadow: none; } #boat3d .footer-tools .menu > li .submenu a { padding-left: 20px; padding-right: 20px; text-align: left; color: #ffffff; } #boat3d .footer-tools .menu > li .submenu a:hover { background: transparent; color: red; } #boat3d .footer-tools .moreinfo-bt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #ffffff; height: 58px; cursor: pointer; margin: 10px 0 10px auto; padding: 0 0 0 20px; width: 195px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #boat3d .footer-tools .moreinfo-bt span { padding: 0 10px; font-size: 15px; text-transform: uppercase; } #boat3d .footer-tools .moreinfo-bt .ion { font-size: 25px; } .touch .footer-tools { display: none !important; } #model-boat3d { width: 100%; height: 100%; top: 0; left: 0; background-color: #000000; max-width: 100%; } #dat { user-select: none; position: absolute; left: 0; top: 0; z-index: 200; } #ac75 { background-color: #e30612; padding-top: 100px; padding-bottom: 100px; } #ac75.img-aside .more-items-item { background-color: #e30612; color: #ffffff; border: none; box-shadow: none; border-radius: 0; } #ac75.img-aside .more-items-item .wrapper { padding: 0 0 0 20px; } #ac75.img-aside .more-items-item .wrapper h2 { margin-top: 0; } #ac75.img-aside .more-items-item .wrapper .link-button a { background-color: #122246; color: #ffffff; } #ac75.img-aside .more-items-item > a img { padding: 0 20px 0 0; } #ac75.img-aside .more-items-item h2 a { color: #ffffff; } #boat-specs { background-color: transparent; padding-top: 0; position: absolute; top: 0; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; pointer-events: none; width: 100%; max-width: 1350px; margin-left: auto; margin-right: auto; left: 50%; margin-left: -675px; } #boat-specs .more-items-item { background: transparent; border: none; box-shadow: none; border-radius: 0; margin: 0; width: 100%; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } #boat-specs .more-items-item .wrapper { background: transparent; padding: 0; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; max-width: 55%; text-shadow: 0 0 5px rgba(0, 35, 70, 0.2); } #boat-specs .more-items-item .wrapper * { color: #ffffff; } #boat-specs .more-items-item .wrapper h2 { font-size: 32px; margin: 0; font-weight: normal; text-transform: none; } #boat-specs .more-items-item .wrapper h2 .large { font-size: 48px; } #boat-specs .more-items-item .wrapper .more-items-category { font-size: 48px; line-height: 1; border-bottom: 4px solid #f32733; display: inline-block; margin-bottom: 10px !important; padding-bottom: 10px; } #boat-specs .more-items-item .more-items-img-container { background-color: #dddddd; } #boat-specs .more-items-item .more-items-img-container img { padding: 0; width: 150%; position: relative; left: 50%; transform: translateY(0) translateX(-50%); } #boat-specs .tabs-content { padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #boat-specs .tabs-content .more-items-list { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #boat-specs header { padding-top: 20px; margin-left: auto; margin-right: auto; pointer-events: all; width: 30%; height: auto; } #boat-specs .tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; position: relative; margin-bottom: 0; } #boat-specs .tabs li { text-align: left; } #boat-specs .tabs li.tab-all { display: none; } #boat-specs .tabs li.tab-know-more { padding-top: 12px; border-top: 2px solid rgba(255, 255, 255, 0.59); margin-left: 10px; margin-top: 3px; } #boat-specs .tabs li.tab-know-more a { padding-left: 0; padding-right: 0; } #boat-specs .tabs li.tab-know-more a.active { border-color: transparent; } #boat-specs .tabs li.tab-boat-configurations a { border-bottom: transparent; } #boat-specs .tabs li.tab-dock-configuration a, #boat-specs .tabs li.tab-normal-sailing-mode a, #boat-specs .tabs li.tab-through-manoeuvres a { font-size: 14px; margin-bottom: 5px; margin-left: 10px; } #boat-specs .tabs li.tab-through-manoeuvres a { margin-bottom: 12px; } #boat-specs .tabs li a { color: #ffffff; font-size: 16px; display: block; padding: 3px 10px 5px 9px; margin: 0 0 5px 0; letter-spacing: 1px; text-shadow: 0 0 5px rgba(0, 35, 70, 0.2); border-bottom-width: 2px; } #boat-specs .tabs li a:hover { border-bottom-color: #ffffff; } .camera-moving #boat-specs header { pointer-events: none; } #content-boat-specs { margin: 0; width: 100%; } #boat-video { padding: 60px !important; background-color: #ffffff; } #progress-model-boat3d { position: absolute; color: #ffffff; z-index: 11; top: 50%; left: 50%; width: 192px; height: 64px; text-align: center; line-height: 64px; font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 48px; margin-left: -96px; margin-top: -32px; } #embed-open-day { padding: 0; } .open-day-iframe { border:none; } .social-news li { position: relative; background: #000000 !important; } .social-news li .more-items-img { opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .social-news li:hover .more-items-img { opacity: 0.8; } .social-news li:after{ content: ""; width: 50px; height: 50px; background-color: transparent; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; right: 0; } .social-news li.article:after{ background-image: url(../img/document-icon.png); } .social-news li.gallery:after{ background-image: url(../img/gallery-icon.png); } .social-news li.video:after{ background-image: url(../img/video-icon.png); } body.contact .article-view-body { display: none; } body.contact #content .max-width-column{ background-color: #f4f4f5; padding-bottom:0; overflow: auto; padding-top: 50px; } body.contact #content #contact-text:last-child { padding-bottom: 50px; } .contact .full-content .contact-view-title{ padding: 0 0 30px 0; } .contact .full-content figure{ width: 100%; } .contact .full-content figure img{ width: 100%; } .contact .full-content figcaption{ display: none; } .contact #contact-info-widget{ width: 100%; margin: 20px auto; } .contact #contact-info-widget .widget-title, .contact .section-title, .contact #contact-info-widget .vcard .fn{ text-align: left; padding: 12px 0; margin: 0 auto; } .contact .section-title { color: var(--text-color); font-weight: 400; } .contact section p{ line-height: 23px; font-weight: 300; } .contact #contact-info-widget a{ color: #EB0000; margin: 0 0 5px; display: inline-block; } .contact #contact-info-widget .vcard .tel{ margin: 0 0 5px; display: inline-block; } .contact #contact-info-widget a:hover{ color: #6D6D71; } .contact .contact-text-body{ font-weight: 300; } .contact #contact-text strong{ display: inline-block; margin: 0 0 10px; } .contact-text-body img { width: auto !important; } /*how to follow 2017*/ .how-to-follow #main{ min-width: 100% } .how-to-follow #content { } .how-to-follow .column.full-content.zone-1{ width: 100%; margin: 0 auto; } .how-to-follow #article-view .article-view-title { font-size: 64px; font-weight: bold; bottom: auto; color: #ffffff; position: absolute; text-transform: uppercase; text-align: center; padding: 0; right: 0; left: 0; z-index: 1; margin: 0; line-height: 1; width: 100%; max-width: 100%; margin-top: -32px; top: 50%; } .how-to-follow figcaption{ display: none; } .how-to-follow #article-view .article-view-intro { bottom: 150px; right: 0; left: 0; font-size: 18px; color: #0d121f; margin-left: 0; position: absolute; text-align: center; padding: 0 30%; } .how-to-follow .column.primary-content.zone-2{ width: 100%; max-width: 1024px; margin: 0 auto; } .how-to-follow li.more-items-item { } .how-to-follow #article-view .article-aside { position: absolute; top: 260px; } #how_to_follow-media.widget.sustainability-quote .wrapper { margin-left: 5%; } #how_to_follow-media.widget.sustainability-quote .wrapper p{ font-size: 16px; line-height: 24px; padding-top: 8px; text-align: left; width: 55%; max-width: 1024px; color:#0d121f; } #how_to_follow-media.widget.sustainability-quote li.more-items-item h2 { font-size: 30px; color: #ec0000; line-height: 2px; padding-left: 60px; margin-top: 0px; } #how_to_follow-media img.more-items-img{ margin: 12px 0 -25px 5%; } .how-to-follow .hashtag{ position:relative; bottom: 0; left: 0; right: 0; background: url(../img/triangle-howtofollow-bg.png) no-repeat center bottom transparent; background-size: 100% auto; height: 128px; margin-top: -156px; margin-bottom: 5%; } .how-to-follow img.article-view-header-img{ width: 100% } .how-to-follow .article-view-footer { display: none; } .how-to-follow .slide-content { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #071637 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#071637 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#071637 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#071637',GradientType=0 ); padding-top: 0; } #how-to { margin-bottom: 0; padding-top: 0; padding-bottom: 40px; background-color: #071637; } #how-to img.more-items-img { width: auto; transform: none; } .hashtag .section-title span{ color: #0d1321; font-size: 24px; font-weight: 300; } .how-to li.more-items-item{ padding: 40px; background-color: #8e1537; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; } .how-to li.more-items-item .wrapper { background: transparent; padding-right: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; } .how-to li.more-items-item h2 { font-size: 28px; -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0; margin-left: 0; line-height: 1; margin-bottom: 15px; } .how-to li.more-items-item h2:after { background-color: #ffffff !important; } .how-to li.more-items-item h2 a { color: #ffffff; } .how-to li.more-items-item p { color: #ffffff; font-weight: 300; font-size: 18px; line-height: 1.45; } .how-to li.more-items-item:hover { background-color: #54565a; } .how-to-follow #news.sustainability.sustainability-news{ margin-bottom: 60px; margin-right: 0; } .how-to-follow #news.sustainability.widget h2.widget-title{ background: #a6a7ab; line-height: 50px; } .how-to-follow #news .widget-title{ color: #0d1321; font-size: 24px; text-align: left; padding-left: 20px } .how-to-follow #news.sustainability.sustainability-news li.more-items-item{ margin-bottom: 10px; } .how-to-follow #news.sustainability.sustainability-news li.more-items-item h2{ color: #ec0000; font-size: 20px; } .how-to-follow #news.sustainability.sustainability-news li.more-items-item .wrapper:after{ background:none; } .how-to-follow #signup-footer{ max-width: var(--max-width-column); margin-bottom: 0; } .how-to-follow .article-view header figure{ max-width: 100%; margin-left: 0; margin-right: 0; width: 100%; margin-top: 0 !important; margin-bottom: 0 !important; } .how-to-follow .article-view .article { padding: 0; max-width: 100% !important; width: 100% !important; margin-bottom: 0; min-height: 0 !important; } .hashtag { display: none; position: absolute; bottom: 0; left: 0; right: 0; background: url(../img/triangle-bg.png) no-repeat center bottom transparent; background-size: 100% auto; height: 110px; } .img-main .article-view-body { display: none; } .widget.article-view.img-main .article { padding-bottom: 0; } .widget.article-view:not(.img-main) .article header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget.article-view.article-header .article header { padding: 0; color: #ffffff; background-color: var(--main-color-bg); } .widget.article-view.article-header .article header > *:first-child { padding-top: 25px; } .widget.article-view.article-header.article-image .article header > *:first-child { padding:0; margin:0; max-width: 100%; width: 100%; } .widget.article-view:not(.img-main) .article header > * { width: 90%; } .widget.article-view.article-header .article header * { color: #ffffff; } .widget.article-view:not(.img-main) .article header .article-view-time { opacity: .7; padding-left: calc((100% - 800px) / 2); padding-right: calc((100% - 800px) / 2); max-width: none; width: 100%; } .widget.article-view.article-header .article header .article-view-title { margin-bottom: 30px; font-weight: 300; position: relative; } .widget.article-view.article-header .article header .article-view-title:before { content: ""; position: absolute; left: -30px; top: 0; width: 2px; height: 100%; background-color: #ffffff; display: none; } .widget.article-view:not(.img-main) .article header .article-view-category, .media-article-subsection, .widget.article-view:not(.img-main) .article header .share-buttons { margin: 0 !important; padding-top: 10px; padding-bottom: 10px; background-color: var(--athena-blue); width: 50%; padding-left: calc((100% - 800px) / 2); padding-right: calc((100% - 800px) / 2); } .widget.article-view:not(.img-main) .article header .share-buttons { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-left: 0; width: 100%; max-width: none; } .widget.article-view:not(.img-main) .article header .article-view-category, .media-article-subsection { text-align: left; line-height: 40px; font-size: 16px; position: absolute; bottom: 0; padding-right: 0 !important; } .widget.article-view.article-header article { padding-bottom: 0; } .article-header .article-view-intro { display: none; } .article-header .share-buttons .share > a { background-color: transparent; } .img-main #article-view-slide .slide-content { display: none; } .widget.article-view.article-header.inverted .article header { background: var(--athena-blue); } .widget.article-view.inverted.article-header .article header .article-view-category, .widget.article-view.inverted.article-header .article header .share-buttons, .media-article-subsection { background-color: var(--main-color-bg); } .widget.article-view.article-header.share-middle .article header { padding-bottom: 25px; border-bottom: 10px solid var(--main-color-bg); } .widget.article-view.share-middle.article-header .article header .share-buttons { position: absolute; background: transparent; margin-top: 5px !important; } .widget.article-view.share-middle.article-header .article header .article-view-title { margin-bottom: 10px; } #media-article-text.media-view .share-buttons { display: none; } .form #sign-up { background-color: #f4f4f5; padding-top: 0; } #sing-up { min-height:500px; } .img-main #article-view-slide .slide { background: transparent; } #container .menu-background { position: fixed; width: 100%; bottom: 0; top: 0; background-color: transparent; content: ""; left: 0; z-index: 0; display: none; } .open-menu #container .menu-background { display: block; } .moving-parts .slide:before, .moving-parts.slide:before{ content: ""; width: 24%; max-width: 400px; height: 78px; background: url(https://ineosteamgb.s3.amazonaws.com/original/m7385_GRENADIER-MOVING-PARTS.png) bottom center transparent no-repeat; background-size: contain; position: absolute; right: 60px; bottom: 50px; z-index: 5; } .moving-parts-landing #landing-news .widget-title a { color:#ffffff; display:block; max-width:45%; float:right; } .moving-parts .slide-content { padding-bottom: 40px; } .moving-parts .slide-content .slide-title { margin-bottom: 0; margin-right: 30%; } .moving-parts .text-view header { background-color: #dfdfe2; } .moving-parts .text-view header .article-view-intro { margin-bottom: 40px; } .moving-parts .text-view header .article-view-intro p { font-weight: normal; color: #848588; } .moving-parts .article-view-category { padding-right: 0 !important; } #store-main-text .more-items-item > a img{ transform: none; padding: 20px 15% 35px; } #store-items .more-items-text { position: absolute; left: 0; width: 100%; bottom: 10px; opacity: .7; } #store-items .more-items-item .wrapper { padding:20px 10px 60px; } #store-items .more-items-item .wrapper h2 { font-weight: bold; line-height: 1.1; } #home-buttons ul li{ height: 70vh; background-size: cover; background-position: center center; background-color: transparent; background-repeat: no-repeat; position: relative; } #home-buttons ul li a { background-size: 40% auto; background-position: center center; background-color: rgba(7,22,55,0.71); background-repeat: no-repeat; position: absolute; height: 100%; width: 100%; } .belstaff-store { background-image: url(https://ineosteamgb.s3.amazonaws.com/original/m7722_Belstaff-image.jpg) !important; } .henrilloyd-store { background-image: url(https://ineosteamgb.s3.amazonaws.com/original/m5942_Henri-Lloyd.jpg) !important; } .belstaff-store a{ background-image: url(https://ineosteamgb.s3.amazonaws.com/original/m6923_Belstaff-Logo-White.png) !important; } .henrilloyd-store a{ background-image: url(https://ineosteamgb.s3.amazonaws.com/original/m6362_henrri-lloyd-nu-wh.png) !important; background-size: 45% auto; } body.virtual-hospitality #user-menu { display: none; } .virtual-hospitality-main { background: url(https://ineosteamgb.s3.amazonaws.com/original/m7773_virtual-background.jpg) bottom left no-repeat transparent; overflow: auto; background-size: cover; } .virtual-hospitality-main > div { margin: 0 auto; } .virtual-hospitality-main > div > *:not(#virtual-top):not(.md-modal):not(.md-overlay) { max-width: 80%; margin-left: auto; margin-right: auto; } .virtual-hospitality-main > div > div:first-child{ background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; color: #ffffff; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; } .virtual-hospitality-main > div > div:first-child > * { margin-left: 10px; } .virtual-hospitality-main > div > div:first-child > *.btn { background: transparent; border: none; } .vh-user { background: rgba(0,0,0,0.7); padding: 0 ; border-top: 5px solid var(--main-color-bg); border-bottom: 5px solid var(--main-color-bg); margin-top: 0; margin-bottom: 0; } .vh-user h3 { font-size: 20px; } .vh-user > div:last-child{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .vh-user > div:last-child > *{ width: 50%; } .vh-user > div:last-child > .questions, .vh-user > div:last-child > .announcements { padding-left: 40px; position: relative; min-height: 200px; } .vh-user > div:last-child > .announcements { padding-left: 40px; padding-right: 20px; } .vh-user > div:last-child > .questions:after, .vh-user > div:last-child > .announcements:after { position: absolute; content: ""; bottom: 0; top: auto; left: 0; right: 0; height: 60px; background: rgb(0,0,0); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } .vh-user > div:last-child > .questions ul, .vh-user > div:last-child > .announcements ul { list-style: none; margin: 20px 0 0; padding: 0; height: 300px; overflow: auto; padding-bottom: 60px; } .vh-user > div:last-child > .announcements ul { margin-top: 14px; } .vh-user > div:last-child > .questions ul li, .vh-user > div:last-child > .announcements ul li { margin-bottom: 15px; color: var(--main-color-bg); border-bottom: 1px solid rgba(221, 221, 221, 0.18); padding-bottom:15px; } .vh-user > div:last-child > .announcements ul li { color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-bottom: 10px; } .vh-user > div:last-child > .questions ul li { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: flex-start; } .vh-user > div:last-child > .announcements ul li .question-date { font-size: 14px; opacity: .6; } .vh-user > div:last-child > .questions ul li .question-name{ font-weight:bold; order: -2; max-width: 60%; line-height: 1; margin-bottom: 5px; } .vh-user > div:last-child > .questions ul li .question-question { width:100%; } .vh-user > div:last-child > .questions ul li .question-date { font-size: 14px; opacity: .6; order:-1; margin-left:auto; margin-top:-3px; } .vh-user > div:last-child form h3{ -ms-grid-row: 1; -ms-grid-column: 1; grid-area: title; padding-left: 20px; margin-bottom: 10px; } .vh-user > div:last-child form >div:nth-child(2){ -ms-grid-row: 2; -ms-grid-column: 1; grid-area: field; margin-left: 0; margin-right: 0; margin-bottom: 20px; padding-left: 20px; } .vh-user > div:last-child form >div:nth-child(2) * { height: 100%; } .vh-user > div:last-child form >div:nth-child(2) textarea { color: var(--main-color-bg); font-size: 16px; height: 110px; } .vh-user > div:last-child form >div:nth-child(2) textarea::-webkit-input-placeholder { color: var(--main-color-bg); } .vh-user > div:last-child form >div:nth-child(2) textarea::-moz-placeholder { color: var(--main-color-bg); } .vh-user > div:last-child form >div:nth-child(2) textarea:-ms-input-placeholder { color: var(--main-color-bg); } .vh-user > div:last-child form >div:nth-child(2) textarea::-ms-input-placeholder { color: var(--main-color-bg); } .vh-user > div:last-child form >div:nth-child(2) textarea::placeholder { color: var(--main-color-bg); } .vh-user > div:last-child form .separator{ -ms-grid-row: 1; -ms-grid-column: 3; grid-area: disclaimer; margin: 0; opacity: 0; display:none; } .vh-user > div:last-child form .separator .control-label{ text-transform: none; letter-spacing: 0; font-size: 16px; padding-left: 20px; } .vh-user > div:last-child form > div:last-child{ -ms-grid-row: 2; -ms-grid-column: 3; grid-area: button; margin:0 0 20px 20px ; -ms-grid-row-align: start; align-self: start; } .vh-user > div:last-child form { display: -ms-grid; display: grid; -ms-grid-columns: 33.3333% 33.3333% 33.3333%; grid-template-columns: 33.3333% 33.3333% 33.3333%; -ms-grid-rows: auto; grid-template-rows: auto; grid-template-areas: "title title title" "field field field" "button disclaimer disclaimer"; display: flex; flex-direction:column; } .vh-user .control-label{ color: var(--main-color-bg); } #vh-banner { margin-bottom: 60px; } #vh-banner ul li { background: transparent; } #vh-banner ul li > a { width: calc(100% + 20px); margin-left: -10px; } #vh-banner ul li > a img { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; border: 1px solid #dddddd; width: calc(25% - 20px); margin-right: 10px; margin-left: 10px; } #virtual-holding img{ transform: none !important } #vh-questions .questions h3 { position: absolute; margin-top: -40px; font-size: 16px; padding: 10px 20px; background: rgba(0, 0, 0, 0.85); } #vh-questions .questions .no-questions { padding: 40px 0 0; background: #000000; text-align: center; width: 100%; display: inline-block; color: #fff; } #vh-questions .questions .question-types-selector { padding: 0; margin: 0; } #vh-questions .questions .question-types-selector li a{ padding-bottom: 10px; } #vh-questions .questions ul:last-child { margin: 0 0 40px 0; padding: 40px 0 150px; background: #000000; list-style: none; } #vh-questions .questions ul:last-child li:first-child { border-top: 1px solid #232323; } #vh-questions .questions ul:last-child li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-bottom: 1px solid #232323; padding-bottom: 10px !important; padding-top: 10px !important; padding-left: 20px; padding-right: 20px; } #vh-questions .questions ul:last-child li:hover { background-color: rgb(255,255,255,0.1); } #vh-questions .questions ul:last-child li .question-name { width: 25%; font-size: 16px; } #vh-questions .questions ul:last-child li .question-question { width: 45%; color: #ffffff; font-weight: bold; } #vh-questions .questions ul:last-child > li > * { padding-right: 10px; color: #929292; } #vh-questions .questions ul:last-child li .question-date { width: 20%; text-align: left; font-size: 16px; } #vh-questions .questions ul:last-child li button { right: 0; width: 80px; margin-left: 10px; font-size: 12px; padding: 0 5px; height:40px } #vh-questions .questions ul:last-child li .question-status { width: 10%; font-size: 15px; position: relative; padding-right: 0; } #vh-questions .questions ul:last-child li .question-status .submenu { top: 20px; padding: 16px 0 0; left: auto; right: 0; width: 120px; background-color: transparent; } #vh-questions .questions ul:last-child li .question-status .submenu li { padding: 0 !important; background-color: #081015; } #vh-questions .questions ul:last-child li .question-status .submenu a { padding: 7px 15px; background: transparent; width: 100%; text-align: right; letter-spacing: 0; font-size: 15px; } #vh-questions .questions ul:last-child li .question-status .submenu a:hover { background-color: #232323 } #vh-questions .questions ul:last-child li .question-status > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; font-weight: bold; } #vh-questions .questions ul:last-child li .question-status-2 > a{ color:#00b000; font-weight: bold; } #vh-questions .questions ul:last-child li .question-status-3 > a{ color: red; font-weight: bold; } #vh-questions .questions ul:last-child li .question-status-1 > a{ color: orange; font-weight: bold; } #vh-questions .questions ul:last-child li .question-status-5 > a{ color: #0070ff; font-weight: bold; } #vh-questions .questions ul:last-child li .question-status-4 > a{ color: white; font-weight: bold; background-color: rgba(255,0,0,0.47) !important; } #vh-questions .questions.live-announcements { margin-bottom: 100px; } #vh-questions .live-announcements .no-questions { padding: 40px 0; margin-top: 20px; } #vh-questions .live-announcements .formly-field.formly-field-input { margin-bottom: 0; } #virtual-top .slide-title a{ font-weight: bold; } #virtual-top .slide-title small{ display: block; color: #ff5c00; font-size: 20px; margin: 20px 0; letter-spacing: 0.5vh; line-height:1; } #virtual-top .slide-title small:first-child { letter-spacing: 1.5vh; } #virtual-top .slide-content div .btn { margin: 15px; padding: 10px 30px; } /* New header */ .tabs { background-size: 100% 100%; } .tabs-content { background-size: 100% auto; position: relative; } .hide-background .tabs-content, .hide-background .tabs { background-image: none; } .tabs-content > * { z-index: 1; position: relative; } .tabs-content:after { /*content: "";*/ width: 100%; height: 500px; position: absolute; bottom: 0; left: 0; background: rgb(7,22,55); background: -moz-linear-gradient(0deg, rgba(7,22,55,1) 46%, rgba(7,22,55,0) 100%); background: -webkit-linear-gradient(0deg, rgba(7,22,55,1) 46%, rgba(7,22,55,0) 100%); background: linear-gradient(0deg, rgba(7,22,55,1) 46%, rgba(7,22,55,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#071637",endColorstr="#071637",GradientType=1); } #banner-zone1 { background:url(../img/ineos-back-bottom.jpg) center bottom no-repeat transparent; background-size: 100% auto; } .widget.max-width-column.widget-wrapper:not(.full-width), .widget.max-width-column:not(.full-width) .more-items-list, .widget.max-width-column:not(.full-width) .widget-title { max-width: calc(var(--max-width-column) - 12%) !important; } #footer { flex-direction: column; } #footer #footer-zone8{ padding-left: 60px; padding-right: 60px; flex-direction: column; border-top: solid #55565a 1px; padding-top: 50px; background: url(../img/ineos-back-bottom-right.jpg) center bottom no-repeat transparent; background-size: 100% auto; } #footer #custom-menu .more-items-item{ background: transparent; width: auto; margin-right: 30px; } #footer #custom-menu .more-items-item a { border-bottom: 1px solid #ff5c00; } #footer #footer-zone8 #custom-menu { margin: 40px 0; } #footer #footer-zone8 #copyright { padding-left: 0; max-width: 100%; margin: 0 0 50px 0 !important; } #footer #footer-zone8 #copyright p { text-align: left; font-size: 14px; } #footer #footer-zone8 #site-logo .logo-img{ height: 90px; } .home-live .row-fluid { padding:0 40px; background-color: #162127; } .home-live .row-fluid:last-child{ background: url(../img/ineos-back-bottom.jpg) left bottom no-repeat #162127; background-size: auto; background-size: auto; background-size: 55% auto; padding-bottom: 50px; } .home-live .row-fluid .full-content:not(.zone-tabs) { min-height: 500px; padding-top: 60px; } .home-live #livestream { display: flex; } .home-live #livestream .widget-title{ } .home-live #livestream header{ display: none; } .home-live #livestream .tabs-content{ width: 50% !important; background:transparent; height: 80vh; overflow: auto; } .home-live #livestream .tabs-content:after { display: none; } .home-live #livestream ul li { background: transparent; margin-bottom: 20px; padding-top: 30px; position: relative; } .home-live #livestream ul li img { transform: none; } .home-live #livestream .more-items-item:before, .home-live #livestream .more-items-item:after { opacity: 0; } .home-live #livestream.show-icons .more-items-item.social:before, .home-live #livestream.show-icons .more-items-item.social:after { right: 26px; left: auto; top: 30px; opacity: 1 } .home-live #livestream.show-icons .more-items-item.social:after { background-color: #ff5c00; } .home-live #livestream .wrapper { background: transparent; columns: #ffffff; padding-left: 0; padding-right: 0; } .home-live #livestream .wrapper h2 { font-weight: bold; margin-bottom: 0; } .home-live #livestream .wrapper p { margin-top: 0; } .home-live #livestream .wrapper time { position: absolute; top: 0; width: 100%; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px solid #ff5c00; margin-top: 0; color: transparent; display: flex; flex-direction: row-reverse; justify-content: flex-end; } .home-live #livestream .wrapper time .date-time { display: inline-block; color: #ff5c00; } .home-live #livestream .wrapper * { color: #ffffff; padding: 0; } .home-live #livestream .wrapper .more-items-action { position: relative; width: auto; background: transparent; display: inline-block; text-align: left; color: #ff5c00; text-transform: uppercase; font-size: 13px; padding: 10px 0; border-bottom: 1px solid #fff; margin-right: auto; letter-spacing: 2px; } .home-live #livestream .wrapper .more-items-action:hover { color: #fff; } .home-live #livestream .all-box-link { display: none; } .layout-menu { margin-top: 20px; } .home-live .row-fluid .widget:not(.layout-menu) { padding-top: 0; } .home-live .row-fluid .widget:not(.layout-menu):not(.team-races) .widget-title, .home-live .row-fluid h2.section-title { color: #ffffff; width: 33.33333% !important; margin: 0 0 auto 0 !important; font-size: 70px; font-family: 'd-din-cond'; font-weight: normal; letter-spacing: 18px; line-height: 1; padding-bottom: 20px; border-bottom: 3px solid #c35808; } .home-live .row-fluid .team-races .widget-title { border-bottom: 1px solid #c35808; color: #ffffff; font-weight: 100; font-size: 20px; text-transform: uppercase; padding-bottom: 5px; margin: 0 5px 15px !important; width: auto !important; } .home-live .row-fluid .team-races ul li { background:transparent; } .home-live .row-fluid .team-races ul li .wrapper { padding-left: 0; padding-right: 0; background: transparent; } .home-live .row-fluid .team-races ul li .wrapper h2{ font-weight: bold; } .home-live .row-fluid .team-races ul li .wrapper > * { font-size: 16px; } .home-live .row-fluid .live-embed #widget-embed { position: relative; padding-top: 56.25%; } .home-live .row-fluid .live-embed #widget-embed iframe, .home-live .row-fluid .live-embed #widget-embed .home-image { position: absolute; top: 0; width: 100%; height: 100%; } .home-live .layout-menu .widget-title { color:#ffffff; font-weight: 100; font-size: 24px; margin-bottom: 20px; } .layout-menu .tabs-layout{ margin: 0; background: #162127; justify-content: space-between; padding: 0 ; } .home-live #content { background: #162127; } .home-live #team-overlay .modal-body p { margin-top: 0; font-size: 20px; } .home-live #ov-team-link { display: none; } .tabs-layout li { margin-right: 10px; } .tabs-layout li a { color: #ff5c00; border-bottom: 1px solid transparent; padding: 0; margin: 0; position: relative; letter-spacing: 2px; font-size: 14px; height: 48px; text-align: left; display: flex; flex-direction: column; align-items: center; justify-content: center; } .tabs-layout li a::before { content: ; content: ""; width: 30px; height: 30px; font-size: 23px; line-height: 38px; } .tabs-layout li.tab-watch a::before { background: url(../img/live/tab-watch.png) no-repeat center center transparent; background-size: 69% auto; } .tabs-layout li.tab-sailing-log a::before { background: url(../img/live/tab-sailing-log.png) no-repeat center center transparent; background-size: 69% auto; } .tabs-layout li.tab-race-team a::before { background: url(../img/live/tab-race-team.png) no-repeat center center transparent; background-size: 69% auto; } .tabs-layout li.tab-course a::before { background: url(../img/live/tab-course.png) no-repeat center center transparent; background-size: 69% auto; } .tabs-layout li.tab-inside-tech a::before { background: url(../img/live/tab-inside-tech.png) no-repeat center center transparent; background-size: 69% auto; } .tabs-layout li.tab-home-page a::before { background: url(../img/live/tab-home-page.png) no-repeat center center transparent; background-size: 69% auto; } .tabs-layout li.tab-shop a::before { background: url(../img/live/tab-shop.png) no-repeat center center transparent; background-size: 69% auto; } .tabs-layout li.tab-results a::before { background: url(../img/live/tab-results.png) no-repeat center center transparent; background-size: 100% auto; } .tabs-layout li a.tab-youtube::before { content: "\f16a"; font-family: "FontAwesome"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tabs-layout li a.tab-twitter::before { content: "\f3e6"; font-family: "remixicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tabs-layout li a.tab-facebook::before { content: "\f09a"; font-family: "FontAwesome"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tabs-layout li a.tab-instagram::before { content: "\f16d"; font-family: "FontAwesome"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tabs-layout li a.active { border-color: #ff5c00; } .tabs-layout li.tab-social { width: 201px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; margin-left: 20px; } .tabs-layout li.tab-social a { padding-top: 0; padding-left: 0; margin-top: -2px; } .tabs-layout li.tab-social a:before { position: relative; } /* ADDED by RDZ ========================================================== */ #moving-parts-articles { max-width: calc(var(--max-width-column) - 12%) !important; } section#moving-parts-title h2 { color: white; } span.subtitlemp { font-weight: 100; font-size: 37px; } section#moving-parts-title { padding-bottom: 0; padding-top: 0; } section#moving-parts-wrapper { padding-bottom: 30px; padding-left: 15px; padding-top: 10px; } section#moving-parts-articles { padding-top: 0; } section#header-moving-parts h2 { font-size: 14px; } section#header-moving-parts .btn-lg { font-size: 38px; padding: 2px 62px; } #header-moving-parts img { width: 40%; } #header-moving-parts #widget-embed { color: white; font-size: 17px; } section#header-moving-parts { padding-top: 30px; padding-bottom: 0; width: 100%; max-width: calc(var(--max-width-column) - 12%) !important; } .moving-parts-video { width: 97%; } #header-moving-parts img { width: 45%; float: right; vertical-align: text-top; display: block; } #header-moving-parts div#widget-embed a { color: white; } #moving-parts-title h2.section-title { border-top: #8e1537 solid 1px; padding-top: 30px; } #landing-news.inside-tech-videos:not(.max-width-column) .more-items-list{ max-width: none !important; margin: 30px 0 30px -10px; width: calc(100% + 20px); } #landing-news.inside-tech-videos .tabs-content, #landing-news.inside-tech-videos .tabs-content:after { background: transparent; } .inside-tech-videos .more-items-item { border-bottom: 1px solid #c35808; background: transparent; } .inside-tech-videos .more-items-item .more-items-img-container { position: relative; } .inside-tech-videos .more-items-item .wrapper { background: transparent; padding-left: 0 !important; padding-right: 0 !important; } .inside-tech-videos .more-items-item .wrapper h2 { font-weight: bold; text-transform: uppercase; } .inside-tech-videos .more-items-item .more-items-img-container:before { content: ""; position: absolute; height: 60px; width: 60px; background:url(../img/inside-tech/play.png) center center no-repeat transparent; background-size: contain; left: 50%; top: 50%; margin: -30px auto auto -30px; z-index: 1; } section#moving-parts-main-text { margin: auto; } .race-course { border-bottom: 3px solid #c35808; } .race-course ul li { background-color: transparent !important; } .race-course:not(.race-course-map) ul li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 20px; position: relative; padding-top: 20px; width: 55%; } .race-course:not(.race-course-map) ul li > a:before { content: "FORECAST"; position: absolute; left: 0; top: 0; font-family: 'd-din-cond'; color: #ffffff; font-size: 24px; } .course-title h2 { width: 45% !important; } .race-course ul li > a img { margin-bottom: auto; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .race-course:not(.race-course-map) ul li > a img { width: 20%; } .race-course ul li .wrapper { width: 45%; padding-left: 0 !important; padding-top: 0 !important; padding-bottom: 20px !important; } .race-course ul li .wrapper p > span { text-align: left; font-family: 'd-din-cond'; font-size: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .race-course ul li .wrapper p .label { width: 75px; -webkit-box-flex:0; -ms-flex:none; flex:none; } .race-course ul li .wrapper p .label ~ span { text-transform: uppercase; width: 100%; } .article-wide .article-view-body { min-width: 1440px; } section#platform h2 { text-align: center; font-size: 28px; font-weight: 700; } #platform li.more-items-item { border-bottom: grey solid 1px; } section#platform .more-items-item img { height: 100%; } section#platform .more-items-item:hover { background:transparent; } section#platform .more-items-item:hover .wrapper * { color: inherit ; } .livestream-container > iframe{ position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; } .ac-results { height: 531px; } #header .social-icons .social-newsletter { margin: 0 5px 0 25px; } #header #header-zone7 .logo-img { margin-right: 10px; } span.article-view-category{ max-width: inherit; } span.media-article-subsection { max-width: inherit; } /* CAMBIOS F */ @media only screen and (max-width: 1024px) { #footer #sponsors-third.sponsor-main ul li { width:initial; } } #footer #sponsors-third.sponsor-main ul { justify-content: center; } #footer #sponsors-third.sponsor-main ul li { max-width: 37%; padding: 0; } #footer #sponsors-third.sponsor-secondary ul { justify-content: center; } #footer #sponsors-third.sponsor-secondary ul li { padding: 0 2%; } /* Felix */ /* General */ .ion-logo-twitter:before { content: "\f3e6"; font-family: "remixicon"; } .transparent-items .more-items-item { background-color: transparent; } .light-grey-bg, .light-grey-bg-items .more-items-item, .light-grey-bg #content { background-color: #f4f4f5; } .more-items-item-justify-center .more-items-item { justify-content: center; } .more-items-item-no-hover .more-items-item:hover img { transform: none !important; } .max-width-article.widget { max-width: 800px; } @keyframes blink{ 0%{opacity: 0;} 49%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 1;} } .error-404-message a { color: var(--main-color-bg); } .how-to-follow-2024 .article-view-intro { width: 100%; margin-top: 15px; margin-bottom: 10px; } .how-to-follow-2024 .article-view-title { width: 100%; margin: 10px auto; } .how-to-follow-2024 .article-view-title small { color: #fff; } .how-to-follow-2024 .article-view-intro p { color: #fff; } .how-to-follow-2024 .article-view-body p { color: #fff; } .how-to-follow-2024 #pre-racing .article-view-body { margin-top: 0; } .how-to-follow-2024 #pre-racing .article-view-body p { margin-bottom: 0; } .how-to-follow-2024 .social-icons a { color: #fff } .how-to-follow-2024 .column>.widget:not(.article-view):not(.full-width) { padding-top: 40px; padding-bottom: 40px; } .how-to-follow-2024 #stay-up .article-view-intro { margin-bottom: 20px; } .how-to-follow-2024 #stay-up .article-view-intro p:after { content: "\f232"; font-family: 'FontAwesome'; font-weight: normal; margin-left: 8px; } .how-to-follow-2024 .social-icons .social-youku a:before { content: "\f232"; } .how-to-follow-2024 #race-times .article { display: flex; flex-direction: column-reverse; } .how-to-follow-2024 #race-times .article .article-view-body { margin-left: 0; margin-top: 20px; padding-bottom: 0; } /* Header */ /* #navigation-toggle:before { content: "MENU"; font-weight: 700; margin-right: 8px; } */ #header .social-icons .social-wechat { order: -2; } #header .social-icons .social-wechat a:after { margin-left: 10px; content: "STORE"; color: var(--main-color-bg); } #header .social-icons .social-wechat a:before { content: "\f1a5"; font-family: remixicon; } #header .social-icons .social-wechat a:hover, #header .social-icons .social-wechat a:hover:before { background-color: transparent; } #header .social-icons .social-wechat a:hover:after { color: var(--main-color-bg); } /* On water info */ #water-information-img ul { flex-direction: column; align-items: center; } #water-information-img ul li .wrapper .link-button a:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.1); border-color: #ffffff; } body.on-water-info .article-view-body ul li { color: #fff; opacity: .8; } #flags-list .article-view-body ul li:first-child strong { background: #fdce00; } #flags-list .article-view-body ul li:nth-child(2) strong { background: #0096ff; } #flags-list .article-view-body ul li:nth-child(3) strong { background: #ff92cf; } #flags-list .article-view-body ul li:nth-child(4) strong { background: #02c18e; } #additional-notes li .wrapper { background-color: var(--footer-bg); } #water-additional-notes ul li ul { margin-top: 4px; margin-bottom: 4px; } /* merchandise */ .merchandise .widget { margin-left: 0; margin-right: 0; } .merchandise .more-items-item, .merchandise .more-items-item .wrapper { background: transparent !important; } .merchandise .more-items-item { /* margin-left: 0; */ } .merchandise .more-items-item .wrapper { padding-left: 0; } .merchandise .widget-wrapper { max-width: 1200px; padding: 20px 0; margin-inline: auto; } .merchandise .widget-wrapper > .widget-title { color: #fff; font-weight: 400; } .merchandise .widget-wrapper > div:first-child { justify-content: space-between; padding-bottom: 0; } .merchandise #store-items ul { width: 100%; max-width: 100% !important; } .merchandise .more-items-item:hover a > img { transform: none !important; } /* Public transport */ .public-transport .article-view-title, .public-transport .article-view-intro, .public-transport .article-view-body { max-width: 1000px; } .public-transport header h1 { font-weight: normal; } .public-transport .first { position: relative; } .public-transport .first:after { content: ""; display: block; max-width: 1000px; width: 100%; left: 50%; transform: translateX(-50%); position: absolute; bottom: 0; background: #fff; height: 1px; } .public-transport .first header figure { max-width: 800px; margin-inline: auto; border: 1px solid var(--main-color-bg); border-radius: 14px; } .public-transport .first header figure img { border-radius: 14px; } .public-transport article p { color: #fff; } .public-transport .first .article-view-body { display: flex; flex-direction: column; align-items: flex-end; } .public-transport .first .article-view-body > a { margin-top: 20px; background: var(--main-color-bg); padding: 12px 20px; text-transform: uppercase; } .public-transport .first .article-view-body > a:hover { color: #fff; } /* Inside the tack */ .podcast-title .article-view-intro { margin-left: 0; } .podcast-title .article-view-intro p { color: #fff; } .last-episode .more-items-item { flex-direction: row; background-color: transparent; } .last-episode .more-items-item:hover { background-color: transparent; } .last-episode .more-items-item .wrapper * { max-width: 60%; color: #fff; } .last-episode .more-items-item .wrapper h2 { text-transform: uppercase; } .last-episode .more-items-item .slides, .last-episode .more-items-item .wrapper { width: 50%; } .last-episode .more-items-item .wrapper { justify-content: center; } .inside-the-tack .column > .widget { max-width: calc(var(--max-width-column) - 12%); } .inside-the-tack .article .article-view-title { margin-left: 0; font-weight: 300; color: #fff; } .inside-the-tack .platforms ul { gap: 20px; } .inside-the-tack .platforms li { justify-content: center; } .inside-the-tack .platforms li a { overflow: visible; padding: 10px 40px; } /* Live */ #live-wrapper #live-stream{ padding: 0 !important; } #live-wrapper > .widget-wrapper { /* width: calc((var(--max-width-column) * 70 / 100)); */ /* margin-left: calc((100vw - var(--max-width-column)) / 2 ); */ padding-bottom: 40px; padding-top: 0; margin-top: 10px; max-width: var(--max-width-column); } #live-wrapper > .widget-wrapper > .widget-wrapper { padding: 0; } #live-wrapper #live-stream #widget-embed { position:relative } #live-wrapper #live-stream #widget-embed .section-title { margin-top: 0; padding-top: 20px; } #live-wrapper #live-stream #widget-embed .section-title, #live-wrapper #live-stream #widget-embed .section-title small { color: #fff; } #live-wrapper .aus-button { display: flex; align-items: center; margin-right:0; text-align:right; position: absolute; right: 30%; margin-top: 4px; } #live-wrapper .aus-button a { color: var(--dark) } #live-wrapper .aus-button a:before { content: "\f00a"; font-family: "remixicon"; font-size: 20px; padding-right: 8px; } #live-wrapper { min-height: 50svh; padding: 60px 6% 0 6%; background: url(../img/live-bg.jpg) no-repeat center; background-size: cover; } #live-wrapper #widget-embed video, #live-wrapper #widget-embed iframe { aspect-ratio: 16/9; max-width:70vw; border: 2px white solid; } #live-wrapper .sound-button { background-color: transparent; padding: 0; } #live-wrapper .sound-button > p { font-weight: bold; cursor: pointer; color: #fff; margin-top: 0; margin-bottom: 0; } #live-wrapper .sound-button > p:before { content: "\f2a2"; font-family: "remixicon"; font-size: 20px; padding-right: 8px; } #live-wrapper .sound-button.muted > p:before { content: "\f29e"; } #live-wrapper .password-widget { margin-bottom: 10px; display: flex; gap: 1em; } #live-wrapper .password-widget input { max-width: 300px; background-color: #fff; color: var(--dark); } #live-wrapper .password-widget button { cursor: pointer; color: #fff; background-color: var(--main-color-bg); border-radius: 0; font-weight: bold; text-transform: uppercase; box-shadow: none; border: none; font-size: 18px; line-height: 1.3333333; min-width: 165px; padding: 10px 20px; height: auto; } #live-wrapper #live-stream #widget-embed .password p { color: #fff; } #countdown-live { max-width: var(--max-width-column); min-height: calc((calc(var(--vh, 1vh) * 100)) - var(--header-height)); } #countdown-live .countdown-text span { color: #fff } /* AC Schedule */ .ac-schedule .article-view-body p { color: #fff; opacity: 1; } .ac-schedule .article header h1 { order: 0; margin-left: 0; font-weight: 400; color: #fff; } /* .ac-schedule .article { padding-inline: 60px; } */ .ac-schedule .article header { display: flex; flex-direction: column; } .ac-schedule .article header figure { order: 2; } .ac-schedule .article header .article-view-intro { order: 1; margin-top: 0; margin-left: 0; margin-bottom: 30px; font-weight: normal; } .ac-schedule .article header .article-view-intro p { color: #fff; } /* Old home embed */ #results-embed #widget-embed { max-width: calc(var(--max-width-column) - 12%) !important; } /* Footer */ .home-v2 #footer-zone1 div:first-child { justify-content: center; } /* Nesletter overlay */ #signup-footer.home-signup { padding: 0; } #signup-footer.home-signup form img { max-height: 210px; object-fit: cover; } #signup-footer.home-signup #mc_embed_signup_scroll { padding: 24px 40px 0; } #signup-footer.home-signup #mc_embed_signup form { padding: 0; } #signup-footer.home-signup .widget-title { margin-bottom: 10px; color: var(--main-color-bg); } #signup-footer.home-signup #widget-embed .widget-title { font-size: 42px; } #modal-newsletter .dontshow { padding: 10px 40px; } #signup-footer.home-signup #widget-embed h2 { font-size: 24px; color: var(--main-color-bg); } #signup-footer.home-signup #mc_embed_signup .mc-field-group label { color: unset; } #signup-footer.home-signup #mc_embed_signup .mc-field-group.input-group { color: unset; } #modal-newsletter .dontshow a{ color: var(--text-color); } /* Home animation */ .hero-img ul{ height:calc(var(--vh, 1vh) * 97); } .hero-img ul li > a { margin-bottom:auto; background: #000; } .hero-img ul li > a img, .hero-img ul li > a video, .hero-img ul li > div:first-child { height: calc(100vh - (var(--header-height) + var(--ineos-logo))); object-fit: cover; opacity: 0.9; } .hero-img ul li > div:first-child { margin-bottom:auto; } .hero-img ul li { position: absolute; height:100%; transition: opacity .2s; } .hero-img.slider-widget ul, .hero-img.slider-widget ul li { height: calc(100vh - (var(--header-height) + var(--ineos-logo))); } .hero-img.slider-widget.boxed.bottom-box ul li { background: transparent; justify-content: flex-start; } .widget[data-scroll]:not(.col-tabs) > header .tabs > li { opacity:0; -webkit-transform: translateY(10vh); -ms-transform: translateY(10vh); transform: translateY(10vh); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; -o-transition: opacity 0.5s, transform 0.5s ; transition: opacity 0.5s, transform 0.5s ; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; } .widget[data-scroll]:not(.col-tabs) > header .tabs { overflow: hidden; } .widget[data-scroll]:not(.col-tabs).is-inview > header .tabs { overflow: auto; } .widget[data-scroll]:not(.col-tabs).is-inview > header .tabs > li { opacity:1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.8s 1s, -webkit-transform 0.8s 1s; transition: opacity 0.8s 1s, -webkit-transform 0.8s 1s; -o-transition: opacity 0.8s 1s, transform 0.8s 1s ; transition: opacity 0.8s 1s, transform 0.8s 1s ; transition: opacity 0.8s 1s, transform 0.8s 1s, -webkit-transform 0.8s 1s; } .widget[data-scroll]:not(.col-tabs).is-inview > header .tabs > li:nth-child(2) { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } .widget[data-scroll]:not(.col-tabs).is-inview > header .tabs > li:nth-child(3) { -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; } .widget[data-scroll]:not(.col-tabs).is-inview > header .tabs > li:nth-child(4) { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } .widget[data-scroll]:not(.col-tabs).is-inview > header .tabs > li:nth-child(5) { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .widget[data-scroll]:not(.col-tabs).is-inview > header .tabs > li:nth-child(6) { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; } .widget[data-scroll]:not(.col-tabs).is-inview > header .tabs > li:nth-child(7) { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } /*General*/ .img-right-bottom > a:not(.all-box-link) img, .img-right-bottom .more-items-img-container img, .img-right-bottom > a:not(.all-box-link) video, .img-right-bottom .more-items-img-container video { object-position: right bottom; } .img-right-top > a:not(.all-box-link) img, .img-right-top .more-items-img-container img, .img-right-top > a:not(.all-box-link) video, .img-right-top .more-items-img-container video { object-position: right top; } .img-right-center > a:not(.all-box-link) img, .img-right-center .more-items-img-container img, .img-right-center > a:not(.all-box-link) video, .img-right-center .more-items-img-container video { object-position: right center; } .img-left-bottom > a:not(.all-box-link) img, .img-left-bottom .more-items-img-container img, .img-left-bottom > a:not(.all-box-link) video, .img-left-bottom .more-items-img-container video { object-position: left bottom; } .img-left-top > a:not(.all-box-link) img, .img-left-top .more-items-img-container img, .img-left-top > a:not(.all-box-link) video, .img-left-top .more-items-img-container video { object-position: left top; } .img-left-center > a:not(.all-box-link) img, .img-left-center .more-items-img-container img, .img-left-center > a:not(.all-box-link) video, .img-left-center .more-items-img-container video { object-position: left center; } .img-center-bottom > a:not(.all-box-link) img, .img-center-bottom .more-items-img-container img, .img-center-bottom > a:not(.all-box-link) video, .img-center-bottom .more-items-img-container video { object-position: center bottom; } .img-center-top > a:not(.all-box-link) img, .img-center-top .more-items-img-container img, .img-center-top > a:not(.all-box-link) video, .img-center-top .more-items-img-container video { object-position: center top; } .img-center-top .top-image-container { background-position: top center !important; } .img-center-top .fotorama .fotorama__img { top: 0 !important; } .img-center > a:not(.all-box-link) img, .img-center .more-items-img-container img, .img-center > a:not(.all-box-link) video, .img-center .more-items-img-container video { object-position: center; } .medium-title .section-title, .medium-title .widget-title, .medium-title .more-items-group > .wrapper h2, .medium-title .wrapper h2 { font-size: 36px; } .large-title .section-title, .large-title .widget-title, .large-title .more-items-group > .wrapper h2, .large-title .wrapper h2 { font-size: 44px; } .xl-title .section-title, .xl-title .widget-title, .xl-title .more-items-group > .wrapper h2, .xl-title .wrapper h2 { font-size: 64px; } #home-top ul li.long-title .wrapper h2 { line-height: .8; } #home-top ul li.long-title .wrapper h2 a { font-size:80%; } /* Home v2 */ .home-v2 #content { overflow: visible; } .home-v2 #home-wrapper { padding-top: 0; padding-bottom: 50px; } .home-v2 #home-top.slider-widget-animated { position: relative; } .home-v2 .slider-widget-animated .more-items-item { height: 200px; bottom: 0; z-index: 1; transform: translateY(50vh); } .home-v2 .slider-widget-animated .more-items-item .wrapper { width: 100%; max-width: 65vw; margin-bottom: 0; margin-left: 0; height: 150px; justify-content: flex-start; background-color: #1c2d3d8c; } .home-v2 .slider-widget-animated .more-items-item .wrapper::before { content: ""; background: var(--main-color-bg); height: 12px; width: 0; position: absolute; bottom: 0; left: 0; } .home-v2 .slider-widget-animated .more-items-item.active:not(.next-slide) .wrapper::before { width: 100%; transition: width 7s linear; } .home-v2 .slider-widget-animated .more-items-item .wrapper * { color: #fff; } .home-v2 .slider-widget-animated .more-items-item a { width: 50%; transition: width 0.5 var(--easing); } .home-v2 #home-top.slider-widget-animated .more-items-item:hover img { transform: none; } .home-v2 .slider-widget-animated .wrapper h2 { text-transform: uppercase; } .home-v2 .slider-widget-animated .more-items-item.next-slide { position: absolute; bottom: 0; max-height: 140px; height: 140px; max-width: 35vw; margin-bottom: -40vh; z-index: 9998; right: 0; transform: none; transition: transform 0.5s 1.5s var(--easing), margin 0.5s 7s var(--easing); } .home-v2 .slider-widget-animated .more-items-item.next-slide .wrapper { background-color: #fff; position: relative; margin: 0; justify-content: center; height: 180px; width: 50%; transform: translateY(50vh); transition: transform 0.3s 7.7s var(--easing); } .home-v2 .slider-widget-animated .more-items-item.next-slide .wrapper * { color: var(--footer-bg); } .home-v2 .slider-widget-animated .more-items-item.next-slide a { margin: 0; width: 50%; } .home-v2 .slider-widget-animated .more-items-item.next-slide a img { max-height: 140px; object-fit: cover; } .home-v2 .slider-widget-animated .more-items-item.next-slide:hover { background: #fff; } .home-v2 .slider-widget-animated .more-items-item.next-slide .wrapper > h2 { font-size: 20px; left: 0; } .home-v2 .slider-widget-animated .more-items-item.next-slide > a img { left: 0; } .home-v2 .slider-widget-animated .more-items-item.active { position: absolute; bottom: 0; opacity: 1; height: 100%; max-width: 100%; transform: none; right: 0; transition: all .8s var(--easing); } .home-v2 .slider-widget-animated .more-items-item.active a { max-height: 100%; width: 100%; transform: all .8s var(--easing); pointer-events: all; } .home-v2 .slider-widget-animated .more-items-item.active .wrapper { padding: 20px 20px 25px 50px; transform: none; margin-bottom: -50vh; transition: transform 0.5s 1s var(--easing), margin 0.5s 7.5s var(--easing); } .home-v2 .slider-widget-animated .more-items-item.active.one-item .wrapper { margin-bottom: 0; } .home-v2 .slider-widget-animated .more-items-item.active.one-item .wrapper * { transform: none; opacity: 1; } .home-v2 .slider-widget-animated .more-items-item.active .wrapper * { transform: translateY(-30vh); opacity: 0; transition: transform .5s 8s var(--easing), opacity .3s 8s var(--easing); } .home-v2 .more-items-item .wrapper .more-items-subsection, .home-v2 .more-items-item .wrapper .more-items-category { padding-left: 0; } .home-v2 #home-top .more-items-category~h2, .home-v2 #home-top .more-items-subsection~h2, .home-v2 #home-top .video-items time~h2 { margin-top: 0 !important; } .home-v2 #standings #widget-embed { padding-inline: 50px; } .home-v2 #home-top .more-items-item.live:hover img{ transform: none; } .home-v2 #home-top .more-items-item.live .more-items-time { display: none; } .home-v2 #home-top .more-items-item.live h2 { font-weight: bold; } .home-v2 #home-top .more-items-item.live h2 a { color: #fff; } .home-v2 #home-top .more-items-item.live.active h2 { font-size: 50px; } .home-v2 #home-top .more-items-item.live.active h2:before { font-size: 50px; } .home-v2 #home-top .more-items-item.live:hover h2:before { background: none; } .home-v2 #home-top .more-items-item.live h2:before { color: var(--main-color-bg); padding-right: 14px; content: "\f008"; font-family: remixicon; animation: blink 1.5s linear infinite; } .home-v2 .tabs, .home-v2 .tabs-content { background: none } .home-v2 #landing-news .wrapper > h2 { text-transform: uppercase; } .home-v2 #landing-news .more-items-img { max-height: 260px; object-fit: cover; } .home-v2 #landing-news .social .more-items-img { max-height: 370px; object-fit: cover; } .home-v2 #home-wrapper .featured { margin-left: 0; padding-top: 60px; } .home-v2 #home-wrapper .featured.is-inview { } .home-v2 #home-wrapper .featured .tabs-content { position: sticky; top: 0; transition: top 0.2s; } .home-v2.header-pinned #home-wrapper .featured .tabs-content { top: calc(var(--header-height) + var(--ineos-logo)); transition: top 0.2s; } .home-v2 .featured .more-items-item { margin-left: 0; overflow: hidden; } .home-v2 .featured .more-items-item::after { content: "FEATURED ARTICLE"; color: #fff; z-index: 3; height: 60px; padding: 15px; font-weight: 700; background-color: var(--main-color-bg); position: absolute; top: 0; left: 0; width: auto; } .home-v2 .text-over.featured .wrapper { background-color: rgba(0, 0, 0, 0.2); } .home-v2 .featured .more-items-item:hover .wrapper { background-color: rgba(0, 0, 0, 0.2); } .home-v2 .featured .more-items-item .wrapper .more-items-action { background-color: var(--main-color-bg); width: 60%; text-align: left; font-weight: bold; margin-left: auto; line-height: 1.2; transform: translateX(30vw); text-transform: uppercase; padding-left: 26px; transition: transform .3s var(--easing); } .home-v2 .featured .more-items-item .wrapper .more-items-action div { color: #ffffff; } .home-v2 .featured .more-items-item:hover .wrapper .more-items-action { transform: none; } .home-v2 #home-wrapper .featured .wrapper { padding: 20px 3em; flex-direction: column; justify-content: center; } .home-v2 #home-wrapper .featured .more-items-item:hover img { transform: none; } .home-v2 #home-wrapper .featured .more-items-item img { min-height: calc(100vh - (var(--header-height) + var(--ineos-logo))); object-fit: cover; transition: all 0.2s; } .home-v2.header-unpinned #home-wrapper .featured .more-items-item img { min-height: 100vh; transition: all 0.2s; } .home-v2 #landing-news.featured-more li a { border-bottom: none; } .home-v2 #landing-news.featured-more li a::after { display: none; } .home-v2 #landing-news.featured-more .wrapper { padding: 10px 8px; } .home-v2 #landing-news.featured-more header { position: sticky; top: 0; z-index: 999; background: var(--athena-blue); transition: top 0.2s; } .home-v2.header-pinned #landing-news.featured-more header { top: calc(var(--header-height) + var(--ineos-logo)); transition: top 0.2s; } .home-v2 #landing-news.featured-more .tabs { justify-content: flex-start; max-width: calc(var(--max-width-column) - 12%) !important; margin: 20px auto 10px; padding: 0; overflow-y: hidden; } .home-v2 #landing-news.featured-more .more-items-subsection { color: var(--main-color-bg); font-size: 14px; } .home-v2 #landing-news.featured-more .wrapper time { position: initial; margin: revert; margin-left: auto; } .home-v2 .featured-more .more-items-item:hover .wrapper { background-color: transparent; } .home-v2 .featured-more .more-items-item:hover .more-items-subsection div { color: var(--main-color-bg); } .home-v2 #banner-zone1 { background: var(--athena-grey); padding-top: 80px; padding-bottom: 80px; } .home-v2 #banner-zone1 li { overflow: hidden; margin-bottom: 0; } .home-v2 #banner-zone1 li .wrapper { padding: 0; background: revert; } .home-v2 #banner-zone1 li h2 { font-weight: bold; text-align: center; text-transform: uppercase; margin: 0; padding: 20px; background-color: var(--main-color-bg); } /* .home-v2 #banner-zone1 li:hover h2 { transform: none; transition: all .3s var(--easing); } */ @media only screen and (max-width: 1440px) { .hero-img ul li > a img, .hero-img ul li > a video, .hero-img ul li > div:first-child { height: calc(100vh - (var(--header-height) + var(--ineos-logo))); } /* Home v2 */ .medium-title .section-title, .medium-title .widget-title, .medium-title .more-items-group > .wrapper h2, .medium-title .wrapper h2 { font-size: 32px; } .large-title .section-title, .large-title .widget-title, .large-title .more-items-group > .wrapper h2, .large-title .wrapper h2 { font-size: 38px; } .xl-title .section-title, .xl-title .widget-title, .xl-title .more-items-group > .wrapper h2, .xl-title .wrapper h2 { font-size: 54px; } .home-v2 #landing-news.featured .more-items-item { width: 100%; } .home-v2 #landing-news.featured-more .more-items-item { width: calc(50% - var(--gap)); } .home-v2 .slider-widget-animated .more-items-item .wrapper { max-width: 60vw; } .home-v2 .slider-widget-animated .more-items-item.next-slide { max-width: 40vw; } .home-v2 .slider-widget-animated .more-items-item.active .wrapper { max-height: 150px; } .home-v2 .slider-widget-animated .more-items-item.next-slide { max-height: 130px; } .home-v2 .slider-widget-animated .more-items-item.next-slide .wrapper > h2 { font-size: 16px; } .home-v2 .slider-widget-animated .more-items-item.active .wrapper { padding-bottom: 20px; } } @media only screen and (max-width: 1023px) { .home-v2 #landing-news.featured .wrapper > h2 { font-size: 30px; } #home-top ul li.long-title .wrapper h2 a { font-size:70%; } .home-v2 .slider-widget-animated .more-items-item.active .wrapper { padding: 10px 20px 25px 20px; } .home-v2 #landing-news.featured-more { width: 65%; } } @media only screen and (max-width: 767px) { /* Felix */ body.live.home-v2 .hero-img.slider-widget ul, body.live.home-v2 .hero-img.slider-widget ul li { height: calc(100svh - 260px - (var(--header-height) + var(--ineos-logo))); } body.live.home-v2 .hero-img.slider-widget .wrapper { width: 100%; } /* General */ .home-v2 .tabs:after { display: none; } .home-v2 .header-unpinned #header { margin-top: 0; } .medium-title .more-items-group > .wrapper h2, .medium-title .section-title, .medium-title .widget-title, .medium-title .wrapper h2 { font-size: 20px; } .large-title .section-title, .large-title .widget-title, .large-title .more-items-group > .wrapper h2, .large-title .wrapper h2 { font-size: 32px; } .xl-title .section-title, .xl-title .widget-title, .xl-title .more-items-group > .wrapper h2, .xl-title .wrapper h2 { font-size: 44px; } /* Home v2 animation */ .hero-img.slider-widget ul, .hero-img.slider-widget ul li { height: calc(100svh - (var(--header-height) + var(--ineos-logo))); } .hero-img ul li > a img, .hero-img ul li > a video, .hero-img ul li > div:first-child { height: calc(100svh - 260px - (var(--header-height) + var(--ineos-logo))); } .home-v2 .slider-widget-animated .more-items-item.active .wrapper { max-width: 100%; width: 100%; background-color: #07163775; justify-content: center; bottom: 130px; } .home-v2 .slider-widget-animated .more-items-item.next-slide { max-width: 100%; } .home-v2 .slider-widget-animated .more-items-item.next-slide a img { max-height: 130px; } .home-v2 .slider-widget-animated .more-items-item.active .wrapper { padding: 20px; } .home-v2 .slider-widget-animated .more-items-item.next-slide .wrapper > h2 { font-size: 16px; } .home-v2 .slider-widget-animated .more-items-item .wrapper::before { top: unset; bottom: 0; } /* Home v2 */ .home-v2 #home-top .more-items-item.live.active h2 { font-size: 40px; } .home-v2 #home-top .more-items-item.live.active h2:before { font-size: 40px; } .home-v2 #home-top .more-items-item.active h2 { font-size: 22px; } .home-v2 #home-wrapper { padding-inline: 0 !important; } .home-v2 #standings #widget-embed { padding-inline: 10px; } .home-v2 #landing-news.featured-more .more-items-item { width: 100% } .home-v2 .max-width-column .tabs-content { padding: revert; } .home-v2 #home-wrapper .featured .more-items-item img { min-height: 70vh; transition: none; } .home-v2 #home-wrapper .featured { padding-top: 0; } .home-v2 .featured .more-items-item { overflow: hidden; } .home-v2 .featured .more-items-item::after { height: 52px; } .home-v2 .featured .more-items-item .wrapper .more-items-action { transform: none; } .home-v2.header-unpinned #home-wrapper .featured .more-items-item img { min-height: 70vh; } .home-v2 #landing-news.featured-more { padding-inline: 15px !important; width: 100%; } .home-v2 #landing-news.featured-more .tabs { justify-content: center; } .home-v2 #landing-news.featured .more-items-item { width: revert; } .state-of-play section#home-highlights .more-items-item, .bold-protocol section#home-highlights .more-items-item{ margin-bottom: 0; } .home-v2 #banner-zone1 li h2 { transform: none; } .home-v2 #banner-zone1 li { margin-bottom: var(--gap); } } .state-of-play section#home-highlights .more-items-item, .bold-protocol section#home-highlights .more-items-item { pointer-events: none; } .state-of-play section#home-highlights .more-items-item .wrapper, .bold-protocol section#home-highlights .more-items-item .wrapper { display: none; } .state-of-play section#content-inside-tech-series .more-items-item .wrapper, .bold-protocol section#content-inside-tech-series .more-items-item .wrapper { padding-left: 20px !important; padding-right: 20px !important; } #live-blog { height: calc(100svh - var(--total-header)); overflow-x: hidden; overflow-y: auto; --gap: 60px; background: linear-gradient(0deg, rgba(4, 16, 41, 1) 0%, rgba(4, 16, 41, 0) 100px); padding-top: 30px; flex:none; width: 35%; max-width: 400px; padding-left: 0 !important; padding-right: 0 !important; } #live-blog ul li { margin: 0 0 10px 0; padding-left: calc(var(--gap) / 2) !important; padding-right: calc(var(--gap) / 2) !important; position:relative; width:100%; } #live-blog ul li:after { content: ""; height: 15px; width: 20%; background-color: var(--main-color-bg); margin-left: auto; margin-right: calc((var(--gap) / 2)* -1); } #live-blog .wrapper { padding:10px 0 30px 0 } #live-blog .wrapper time { position: absolute; top: 0; color:var(--main-color-bg); display: none; } #landing-questions ul li { border-top: 1px solid rgba(255,255,255,0.3); margin-left: 0; } #landing-questions ul li .wrapper { padding-left: 0; padding-right: 0; } #landing-questions ul li .wrapper h2 { color: var(--main-color-bg); font-weight: bold; font-size: 24px; } #landing-questions ul li .wrapper .more-items-short-text p, #landing-questions ul li .wrapper .more-items-short-text { font-size: 22px; } #full-chat-container { padding: 80px 0 0 40px; max-width: 400px; width: 100%; margin-left: 0; } #full-chat-container .question-input > *{ margin-bottom: 20px; } #full-chat-container .question-input > .buttons-container { text-align: right; } .insert-name-container > span { color: #fff; } .insert-name-container > span:empty { display: none; } .chat-container { display: flex; flex-direction: column-reverse; } .chat-container .chat-user-questions { margin-top: 20px; color: #fff; } .chat-container .chat-user-questions .message-container:first-child:before { content: "Your questions"; font-weight: bold; display: block; } .chat-container .chat-user-questions .message-container .question { margin-top: 10px; display: block; } .chat-container .chat-user-questions .message-container .question:before { content: "- "; } /* Error Page ========================================================== */ #error-404 { background: #ffffff; margin: 0 auto; width: 50%; padding: 20px; } .dark #error-404 { background-color: transparent; } /* Cookie Dialog */ #gdpr-cookie-message { position: fixed; right: 30px; bottom: 30px; max-width: 380px; background-color: var(--main-color-bg); padding: 20px; border-radius: 5px; box-shadow: 0 6px 6px rgba(0,0,0,0.25); margin-left: 30px; z-index: 9999; } #gdpr-cookie-message h4 { color: var(--white); font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #ffffff; } #gdpr-cookie-message h5 { color: #fff; font-family: 'Quicksand', sans-serif; font-size: 15px; font-weight: 500; margin-bottom: 10px; } #gdpr-cookie-message p, #gdpr-cookie-message ul { color: white; font-size: 15px; line-height: 1.5em; } #gdpr-cookie-message p:last-child { margin-bottom: 0; text-align: right; } #gdpr-cookie-message li { width: 49%; display: inline-block; } #gdpr-cookie-message a { color: var(--white); text-decoration: none; font-size: 15px; padding-bottom: 2px; border-bottom: 1px dotted rgba(255,255,255,0.75); transition: all 0.3s ease-in; } #gdpr-cookie-message a:hover { color: white; border-bottom-color: var(--white); transition: all 0.3s ease-in; } #gdpr-cookie-message button, button#ihavecookiesBtn { border: none; background: white; color: var(--footer-bg); font-family: 'Quicksand', sans-serif; font-size: 14px; padding: 7px; border-radius: 3px; margin-left: 14px; cursor: pointer; transition: all 0.3s ease-in; z-index: 4; } #gdpr-cookie-message button:hover { background: var(--footer-bg); color: white; transition: all 0.3s ease-in; } #gdpr-cookie-message button#gdpr-cookie-accept, button#gdpr-cookie-advanced { background: white; color: var(--footer-bg); } #gdpr-cookie-message button:disabled { opacity: 0.3; } #gdpr-cookie-message input[type="checkbox"] { float: none; margin-top: 0; margin-right: 5px; } #ihavecookiesBtn { position: fixed; right: 35px; bottom: 35px; max-width: 375px; background-color: var(--purple); padding: 20px; border-radius: 5px; margin-left: 30px; display: none; } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers: */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* DOWNLOADS PAGE */ .downloads { --main-color: black; --main-background: #d6d9dd; --secondary-background: white; --dark-grey-color: #818892; --grey-color: #a0a6af; --light-grey-color: #e0e4e8; --extra-light-grey-color: #f3f5f6; --related-content-color: #d6d9dd; --selected-items-color:red; } .downloads #header { padding: 0; } .downloads #footer { z-index: 4; } .downloads #languages-menu { margin-right: 30px; margin-top: 0; } .downloads .dropdown .submenu { top: 50px; } .downloads #header-zone3.header-footer-zone { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .downloads:not(.dark) #main { background-color: var(--main-background); } .downloads-main{ font-size: 14px; } .downloads-main * { text-decoration: none; } .fixed-content .downloads-main > section > header{ width: 100%; -webkit-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; z-index: 4; background-color: transparent; height: 65px; background-color: var(--main-background); position: fixed; top: var(--header-height); } .downloads-main .related-content { right: 0; z-index: 4; padding:0; width: 380px; } .downloads.fixed-content .related-content { top: calc(var(--header-height) + 65px); } .downloads-main .main-view.column.related-content .widget { margin-bottom: 10px; padding: 25px 30px 0 30px; } .downloads-main .related-content .widget .widget-title:after { display: none; } .downloads-main .related-content > *:first-child:after { } .fixed-content .downloads-main .related-content.zone-3 { padding-bottom: 200px; } .downloads-filters.submenu-list > ul > li { position: relative; margin: 0; background: transparent; } .downloads-filters.submenu-list > ul > li.filters { display: block; margin-bottom: 10px; color: var(--main-color); } .downloads-filters.submenu-list > ul > li.filter-types { margin-bottom: 20px; } .downloads-filters.submenu-list.widget > ul > li.filters-select { margin-right: 15px !important; margin-bottom: 10px; width:auto; text-align: left; } .downloads-filters.submenu-list > ul > li.filters-select a { color: var(--dark-grey-color); cursor: pointer; } .downloads-filters.submenu-list > ul > li.filters-select a:hover { color: var(--main-color); } .downloads-filters.submenu-list > ul > li.filters-select .filter-count { font-size: 12px; } .downloads-filters.submenu-list.tree-view > ul > li.filters-select { display: block; margin-right: 0; width: 100%; } .downloads-filters.submenu-list > ul > li ul { opacity: 0.9; } .downloads-filters.submenu-list li .control-group { padding: 0; margin: 0; } .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup { right: 0 !important; left: auto !important; min-width: 248px; padding: 0 0 5px 0; } .downloads-filters.submenu-list > ul > li.search { width: 100%; margin-bottom: 20px; } .downloads-filters.submenu-list > ul > li.dates { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; max-width: 100%; overflow: visible; } .downloads-filters.submenu-list > ul > li.dates .date { position: relative; } .downloads-filters.submenu-list > ul > li.dates .date:first-child { margin-right: 10px; } .downloads-filters.submenu-list > ul > li.dates .date:last-child { margin-left: 10px; } .uib-day, .uib-daypicker th, .uib-month, .uib-monthpicker th, .uib-year, .uib-yearpicker th { padding: 0; text-align: center; } .uib-daypicker th > *, .uib-monthpicker th > *, .uib-yearpicker th > * { float: none; width: 100%; } .uib-day .btn, .uib-daypicker th .btn, .uib-month .btn, .uib-monthpicker th .btn, .uib-year .btn, .uib-yearpicker th .btn { border: none; } .downloads-filters.submenu-list > ul > li.dates .date:first-child .uib-datepicker-popup { left: 0 !important; right: auto !important; } .glyphicon { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-chevron-right:before { content: "\f3d1"; } .glyphicon-chevron-left:before { content: "\f3cf"; } .downloads-filters.submenu-list > ul > li .controls { height: 42px; -webkit-border-radius: 4px; border-radius: 4px; color: var(--dark-grey-color); background-color: #ffffff; background-image: none; width: 100%; height: 48px; padding: 6px 0; font-size: 14px; line-height: 1.42857143; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .downloads-filters.submenu-list > ul > li .controls > i { position: absolute; margin: 0 12px; } .downloads-filters.submenu-list > ul > li .controls a { color: var(--dark-grey-color); position: absolute; margin: 0 12px; } .downloads-filters.submenu-list > ul > li .controls input { width:100%; border: none; background: none; padding: 0 0 0 50px; height: 50px; } .downloads-filters.submenu-list > ul > li .controls input:focus { -webkit-box-shadow: none; box-shadow: none; } .downloads-main .related-content .icon-tabs > ul li a:before { color: #ffffff; } .downloads-main .related-content .icon-tabs.submenu-list > ul > li.filters a { margin-bottom: 20px; font-weight: 400; color: var(--main-color); cursor: default; } .downloads-main .related-content .icon-tabs.submenu-list > ul > li.filters a:after { display: none; } .headroom--unpinned.fixed-content .downloads-main > section > header{ top: var(--header-height); } .headroom--pinned.fixed-content .downloads-main > section > header, .headroom--top.fixed-content .downloads-main > section > header { top: var(--header-height); } .fixed-content .downloads-main.widget > section{ -webkit-transition: padding 0.15s; -o-transition: padding 0.15s; transition: padding 0.15s; } .downloads-main.widget { position: relative; padding: 0 !important; } .downloads-main.widget > section{ padding: 0 var(--related-content-width) 0 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 0; } .downloads-main .search-toggle { display: none !important; } .downloads-main .filters-select, .downloads-main .lightbox-toggle , .downloads-main .search-toggle{ padding: 0 ; text-align: center; color: var(--grey-color); cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; } .downloads-main .filter-types a { height: 44px; width: 44px; margin: 0 10px; } .downloads-main .filter-types a:hover { color: var(--dark-grey-color); } .downloads-main .filter-types a i { font-size: 32px !important; line-height: 32px; } .downloads-main .filter-types a.active { color: var(--main-color); } .downloads-main .filter-types a.active i { color: var(--main-color); } .downloads-main .filter-types a.filters-text { font-weight: bold; text-transform: uppercase; font-size: 14px; } .downloads-main > section > header .show-hide-filters { border-right-color:transparent; } .downloads-main > section > header .show-hide-filters.active { background-color: #ffffff; } .downloads-main > section > header .show-hide-filters.active i, .hidden-related .downloads-main > section > header .show-hide-filters.active i { color: var(--dark-grey-color); } body:not(.hidden-related) .downloads-main > section > header .show-hide-filters.open.active, body:not(.hidden-related) .downloads-main > section > header .show-hide-filters.open, body:not(.hidden-related) .downloads-main > section > header .show-hide-filters { background-color: #2c2f35; color: #ffffff; border-right-color:#2d3036; height: 45px; } body:not(.hidden-related) .downloads-main > section > header .show-hide-filters.open i, body:not(.hidden-related) .downloads-main > section > header .show-hide-filters i { color: #ffffff; } .downloads-main > section > header .show-hide-filters.open i:before, body:not(.hidden-related) .downloads-main > section > header .show-hide-filters i:before { content:"\f12a" } .hidden-related .downloads-main > section > header .show-hide-filters i:before { content: "\f39d"; } .downloads-main .filter-types a i { padding: 0 ; width: auto; } .hidden-related .downloads-main .filter-types a:not(.active):hover, .hidden-related .downloads-main > section > header .show-hide-filters.active:not(.open):hover, .hidden-related .downloads-main > section > header .show-hide-filters:not(.active):hover { background-color: rgba(222, 222, 222, 0.38) } .fixed-content .downloads-main > section > header form { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 0; -webkit-transition:padding 0.15s; -o-transition:padding 0.15s; transition:padding 0.15s; } .downloads-main > section > header form > .filter-types:first-child { width:100%; min-width: 200px; } .downloads-main > section > header form > .filter-types{ padding: 0 ; } .downloads-main > section > header form .header-title { margin: 0 0 0 30px; font-size: 14px; letter-spacing: 1px; font-weight: bold; color: var(--main-color-bg); } .downloads-main > section > header form .header-title .events-list { margin-right: 20px; } .downloads-main > section > header form .header-title .header-logo { max-height: 60px; width: auto; } .downloads-main > section > header form .header-title .gallery-breadcrum-icon { display: none; font-size: 24px; color: var(--grey-color); } .downloads-main > section > header .control-group { padding: 0; margin: 0; } .downloads-main > section > header .control-group.search .controls > a { position: absolute; top: 2px; right: 39px; } .downloads-main > section > header .control-group .controls { margin: 0; position: relative; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .downloads-main > section > header .control-group .controls i { padding: 0 12px; line-height: 36px; } .downloads-main > section > header .input-block-level { -webkit-border-radius: 0; border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; height: 36px; padding-left: 42px; } .downloads-main > section > header .search { border: 1px solid #ddd; -webkit-border-radius: 22px; border-radius: 22px; background-color:#ffffff; margin-right: 20px; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; overflow: hidden; } .downloads-main > section > header .search i { background-color: rgba(185, 186, 188, 0.07) !important; } .downloads-main > section > header .search input { border: none; min-width: 250px; border-left: 1px solid #d6d9dd; } .downloads-main > section > header .search .input-block-level { padding-right: 20px; padding-left: 20px; } .downloads-main > section > header .search .custom-select, .downloads-main > section > header .search input.input-block-level { -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .downloads-main > section > header .search .custom-select i, .downloads-main > section > header .search input.input-block-level i{ background-color: rgba(185, 186, 188, 0.07) !important; } .custom-select { margin-right: 0; } .custom-select select { padding: 5px 35px 5px 0 !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/arrow-down.png) 90% center no-repeat #eee; -webkit-background-size: 12px auto; background-size: 12px auto; width: auto !important; max-width: 200px !important; position: relative; background-color: rgba(185, 186, 188, 0.07) !important; } .custom-select select::-ms-expand { display: none; } /* CAUTION: IE hackery ahead */ .custom-select select::-ms-expand { display: none; /* remove default arrow in IE 10 and 11 */ } /* target Internet Explorer 9 to undo the custom arrow */ @media screen and (min-width:0\0) { .custom-select select { background:none\9; padding: 5px\9; } } .downloads-main .tabs-container { min-height: 100px; } .downloads-main .downloads-container { -webkit-border-radius: 0; border-radius: 0; background-color: var(--secondary-background); min-height: 1200px; opacity: 1 ; border-radius: 0; margin-top: 65px; padding-bottom: 100px; } .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view { display: inline-block; border-bottom: 1px solid rgba(221, 221, 221, 0.29); background-color: var(--dark-grey-color); position: relative; } .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header { padding-top: 35px; } .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body { padding-bottom: 0; padding-top: 0; margin-bottom: 35px !important; } .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body p { margin-left: 0 !important; font-size: 16px; color: #ffffff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body p a { color: #ffffff; border-color: #ffffff; } .downloads-main .items-tab:not(.home):not(.contact):not(.accreditation) .article-view-title { font-size: 30px; color: #ffffff; margin-bottom: 20px; padding-bottom: 20px; } .downloads-main .items-tab:not(.home):not(.contact):not(.accreditation) .article-view-title:after { background-color: #ffffff; width: 20px; } .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header, .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body{ margin-left: 20px !important; max-width: 100% !important; margin-right: 20px !important; } .downloads-main .widget.article-view { padding:0; display: inline-block; border-bottom: 1px solid #ddd; width: 100%; } .downloads-main .widget.article-view .article header { padding-bottom: 0; border: none; } .downloads-main .widget.article-view .article .article-view-body { padding-top: 5px; } .downloads-main .widget.article-view .article .article-view-subheader { margin-bottom: 20px; } .downloads-main .downloads-container > ul { list-style: none; margin-bottom: 0; } .downloads-main .load-more-bt { display: block; width: 200px !important; color: var(--grey-color); background: transparent; text-transform: uppercase; font-size: 18px; padding: 15px 0; margin: 20px auto 0; border:2px solid var(--grey-color); -webkit-transition: background 0.15s,color 0.15s; -o-transition: background 0.15s,color 0.15s; transition: background 0.15s,color 0.15s; line-height: 26px; font-weight: 400; } .downloads-main .load-more-bt:hover { background: var(--grey-color); color: #ffffff; } .downloads-main .downloads-container > ul li p { font-size: 16px; } .downloads-main .downloads-container > ul li { padding: 15px 20px; margin: 0; font-size: 14px; font-weight: 400; line-height: 1; border-bottom: 1px solid #ececec; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .downloads-main .downloads-container > ul li:nth-child(odd):not(.separator){ background-color: #fbfbfb; } .downloads-main .downloads-container > ul li .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-Youtube > a i { font-size:75px; width: 95px; color: #b7b7b7; text-align: center; } .downloads-main .downloads-container > ul li .downloads-item-top-container i { margin-right: 15px; } .downloads-main .downloads-container > ul li.file-doc .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-doc .downloads-item-info .item-info-type, .downloads-main .downloads-container > ul li.file-docx .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-docx .downloads-item-info .item-info-type, .item-info.file-doc .item-info-type, .item-info.file-docx .item-info-type { color: #0078e8; } .downloads-main .downloads-container > ul li.file-pdf .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-pdf .downloads-item-info .item-info-type, .downloads-main .downloads-container > ul li.file-Articles .downloads-item-info .item-info-type, .downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.file-pdf > .item-info-type, .item-info.file-pdf .item-info-type { color: #e80000 } .downloads-main .downloads-container > ul li.file-zip .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-zip .downloads-item-info .item-info-type, .item-info.file-zip .item-info-type { color: #444444; } .downloads-main .downloads-container > ul li.file-xlsx .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-xlsx .downloads-item-info .item-info-type, .downloads-main .downloads-container > ul li.file-xls .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-xls .downloads-item-info .item-info-type, .item-info.file-xls .item-info-type, .item-info.file-xlsx .item-info-type { color: #21950d; } .downloads-main .downloads-container > ul li.file-jpeg .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-jpeg .downloads-item-info .item-info-type, .downloads-main .downloads-container > ul li.file-jpg .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-jpg .downloads-item-info .item-info-type, .item-info.file-jpg .item-info-type, .item-info.file-jpeg .item-info-type, .downloads-main .downloads-container > ul li.file-png .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-png .downloads-item-info .item-info-type, .item-info.file-png, .item-info.file-png .item-info-type, .downloads-main .downloads-container > ul li.file-Teams .downloads-item-info .item-info-type{ color: #65c700 } .downloads-main .downloads-container > ul li.file-mp4 .downloads-item-top-container i, .downloads-main .downloads-container > ul li.type-2 .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-mp4 .downloads-item-info .item-info-type, .downloads-main .downloads-container > ul li.file-yt .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-yt .downloads-item-info .item-info-type, .downloads-main .downloads-container > ul li.file-Youtube .downloads-item-top-container i, .downloads-main .downloads-container > ul li.file-Youtube .downloads-item-info .item-info-type, .item-info.file-Youtube .item-info-type, .item-info.file-yt .item-info-type, .item-info.file-mp4 .item-info-type, .item-info.file-Youtube .item-info-type, .item-info.file-yt .item-info-type, .item-info.file-mp4 .item-info-type, .downloads-main .downloads-container > ul li.file-Youtube > a i, .downloads-main .downloads-container > ul li.file-Video .downloads-item-info .item-info-type { color: #e80000 } .thumbnails-view.downloads-main .downloads-container > ul li.type-2 .downloads-item-top-container i:after { position: absolute; content: ""; background-color: var(--light-grey-color); z-index: 0; height: 40px; width: 40px; margin-top: -16px; margin-left: -20px; top: 50%; left: 50%; } .thumbnails-view.downloads-main .downloads-container > ul li.type-2 .downloads-item-top-container i:before { z-index: 1; } .downloads-main .downloads-container > ul li.file-LEG .downloads-item-info .item-info-type, .downloads-main .downloads-container > ul li.file-PORT .downloads-item-info .item-info-type { color: #8a8a8a; } .downloads-main .downloads-container > ul li.file-Youtube > a i { position: absolute; left: 50%; top: 50%; background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; } .downloads-main .downloads-container > ul li.file-Message .downloads-item-info .item-info-type, .downloads-main .downloads-container > ul li.file-Info .downloads-item-info .item-info-type { } .downloads-main .downloads-container > ul li.file-News .downloads-item-info .item-info-type { color: #08baff } .downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.file-pdf > .item-info-type { line-height: 22px; } .downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.file-pdf > .item-info-type:hover span { border-bottom:1px solid #e80000 } .downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.file-pdf > .item-info-type i { font-size: 22px; vertical-align: middle; line-height: 22px; } .downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.file-pdf > .item-info-type span { line-height: 25px; vertical-align: middle; } .downloads-main .downloads-container > ul li .downloads-item-main { width: calc(100% - 235px); word-break: break-word; } .downloads-main .downloads-container > ul li .no-buttons.downloads-item-main { width: calc(100% - 35px); } .landing-search .downloads-main .downloads-container > ul li .downloads-item-main { width: calc(100% - 35px); } .downloads-main .downloads-container > ul li .downloads-item-title { font-size: 20px; color: #000000; margin-bottom: 5px; line-height: 1.3; font-weight: bold; } .downloads-item-info.top-info { padding-bottom: 5px; } .downloads-main .downloads-container > ul li .downloads-item-info spa { margin-right: 10px; color: #37424a; font-weight: bold; } .item-info .item-info-type { text-transform: uppercase; } .downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra { display: block; margin-bottom: 10px; line-height: 1.3; font-weight: 100; } .downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.description { white-space: pre-wrap; word-break: break-word; } .downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.date { margin-bottom: 5px; } .downloads-main .downloads-container > ul li .downloads-item-info .item-info-type, .item-info .item-info-type { color: #b7b7b7; } .downloads-main .downloads-container > ul li .downloads-item-info .item-info-time { font-weight: 400; } .downloads-main .downloads-container > ul li .downloads-item-tools { width: 140px; } .downloads-main .downloads-container > ul li .downloads-item-tools a, .tool-favorite, .tool-select{ font-size: 30px; color: var(--dark-grey-color); padding: 5px 20px; cursor: pointer; } .downloads-main .downloads-container > ul li .downloads-item-tools a, .tool-favorite, .tool-select { color: var(--light-grey-color); } .downloads-main .downloads-container > ul li .downloads-item-tools a:hover, .downloads-main .downloads-container > ul li .downloads-item-tools a:hover:not(.active), .downloads .tool-favorite:hover:not(.active) { color: var(--grey-color); } .downloads-main .downloads-container > ul li .downloads-item-tools .tool-favorite.active, .downloads .tool-favorite.active { color: #ffae00; } .downloads-main .downloads-container > ul li .downloads-item-tools .tool-select.active, .downloads .tool-select.active { color: #009eff; } .downloads-main .downloads-container > ul li .tool-link, .downloads-main .downloads-container > ul li .tool-link a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .downloads-main .separator { color: var(--dark-grey-color); display: block !important; width: auto; min-height: 10px !important; margin-bottom: 0; margin-top: 0; right: var(--related-content-width); top: calc(var(--header-height) + 76px); -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; z-index: 3; background-color: var(--main-background); padding-bottom: 0; font-size: 14px; -webkit-transition: right 0.15s; -o-transition: right 0.15s; transition: right 0.15s; font-weight: normal; } .downloads-main .separator .separator-container { -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; padding: 15px 30px 10px; background-color: var(--secondary-background); min-height: 52px; } .downloads-main .separator .separator-container a { line-height: 1; -webkit-border-radius: 18px; border-radius: 18px; color: var(--dark-grey-color); } .downloads-main .separator .separator-container a:hover, .downloads-main .separator .separator-container .dropdown:hover > a { color: #333c4e; border-color: rgba(52, 61, 80, 0.41); } .downloads-main .separator .separator-container a i{ margin-left: 5px; font-size: 26px; vertical-align: middle; } .downloads-main .separator .search-term { font-weight: bold; } .separator .remove-filters, .separator .actions-menu { margin-left: 25px; } .downloads-main .separator .tool-select { padding: 0; font-size: 14px; } .separator .actions-menu.dropdown .submenu { right: 0 !important; margin: 0 !important; left: auto !important; width: 220px !important; } .downloads-main .downloads-container > ul li .downloads-item-top-container { width: 95px; margin-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .downloads .loading, .downloads .no-results-container { color: var(--dark-grey-color); margin-top: 76px; -webkit-border-radius: 0px 4px 0 0; border-radius: 0px 4px 0 0; padding-top: 100px; } .no-results-container { text-align: center; font-size: 24px; padding: 100px 0; } .no-results-button { color: var(--grey-color); background: transparent; text-transform: uppercase; font-size: 14px; padding: 15px 20px; margin: 20px auto 0; border: 2px solid var(--grey-color); -webkit-transition: background 0.15s,color 0.15s; -o-transition: background 0.15s,color 0.15s; transition: background 0.15s,color 0.15s; } .no-results-button:hover { background: var(--grey-color); color: #ffffff; } .downloads-main.widget .details-view, .fixed-content .downloads-main > section.details-view > header form { padding-right: 0; } .fixed-content .downloads-main > section.details-view > header form .close-bt { margin-right: 30px; color: var(--main-color); } .downloads .details-view .downloads-container { color: var(--dark-grey-color); margin: 65px 30px 30px 30px; -webkit-border-radius: 4px; border-radius: 4px; padding: 50px 30px; min-height: 700px; } .downloads .details-view .downloads-container > .item-info { margin: 0 auto; max-width: 1680px; width: 100%; } .details-view .separator { width: 100%; border-bottom: 1px solid var(--main-background); } .downloads .details-view.lightbox-view .downloads-container { padding-left: 0; padding-right: 0; padding-top: 0; } .downloads .details-view.lightbox-view .downloads-container .separator-container { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .hidden-related .downloads-main.widget > section { padding-right: 0; } .hidden-related .downloads-main .separator { right: 0; } .hidden-related .downloads-main .separator .separator-container { -webkit-border-radius: 0; border-radius: 0; } .hidden-related.fixed-content .downloads-main > section > header form { padding-right: 0; } .thumbnails-view.downloads-main .downloads-container > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; padding: 15px 20px 30px; margin: 0; } .thumbnails-view.downloads-main .downloads-container > ul li { padding: 0; margin: 0; font-size: 14px; font-weight: 400; line-height: 1; border: 2px solid var(--light-grey-color); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; vertical-align: top; background: transparent; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ffffff; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; max-width: 100%; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-transition: border-color 0.15s,-webkit-box-shadow 0.15s; transition: border-color 0.15s,-webkit-box-shadow 0.15s; -o-transition: border-color 0.15s,box-shadow 0.15s; transition: border-color 0.15s,box-shadow 0.15s; transition: border-color 0.15s,box-shadow 0.15s,-webkit-box-shadow 0.15s; overflow: hidden; width: calc(20% - 20px); margin: 0 10px 30px; } .thumbnails-view.downloads-main .downloads-container > ul li.selected, .thumbnails-view.downloads-main .downloads-container > ul li.selected:hover{ border-color: var(--selected-items-color); } .selected .ion-md-checkbox-outline, .selected:hover .ion-md-checkbox-outline, .active.ion-md-checkbox-outline { color: var(--selected-items-color); } .thumbnails-view.downloads-main .downloads-container > ul li:hover { border-color: var(--grey-color); -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.15); box-shadow: 0 0 14px rgba(0,0,0,0.15) } .thumbnails-view.downloads-main .downloads-container > ul li:nth-child(odd):not(.separator) { background-color: #ffffff; } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-title { font-size: 16px; color: #000000; margin-bottom: 0; line-height: 1.6; width:100%; font-weight: normal; } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container { width: auto; height: 200px; text-align: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; background-color: var(--light-grey-color); cursor: pointer; } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container img { width: auto; max-width: 90%; height: auto; max-height: 170px; padding: 0; -moz-box-sizing: border-box; margin: 0; } .thumbnails-view.downloads-main .downloads-container > ul li.type-2 .downloads-item-top-container i { position: absolute; left: 50%; margin-left: -48px; top: 50%; margin-top: -60px; } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container i, .item-info .preview-media .item-info-type { margin-right: 0; width: auto; font-size: 110px; } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-main, .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-tools { width: auto; padding: 10px 5%; margin: 0; } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-main { width:100%; padding-top: 10px; padding-bottom: 10px; cursor: pointer; height: 100%; } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-tools a { padding: 0; margin-left: 10px; } .downloads-filters.submenu-list > ul > li.toggle-col { height: 76px; margin-bottom:0 !important; display: none; } .more-items-item > .toggle-bt, .toggle-bt { height: 44px; width: 30px; margin: 0; padding: 0; text-align: center; color: var(--grey-color); cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; } .toggle-bt:hover { color: var(--main-color); } .toggle-bt i { font-size: 32px !important; line-height: 32px; padding: 0; width: auto; } .downloads-main .filter-types a.filters-toggle, .filters-toggle, .lightbox-toggle, .search-toggle { display: none; border:none; -webkit-border-radius: 0; border-radius: 0; padding-left: 14px; width: 30px; height: 30px; margin-right: 30px; } .downloads-main .filter-types a.filters-toggle:hover , .filters-toggle:hover, .lightbox-toggle:hover, .search-toggle:hover { color: var(--main-color); background-color: transparent !important; } .preview-media { width: 50%; text-align: right; padding-right: 15px; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } .preview-media img { max-width: 700px; width: 100%; } .item-info .preview-media .item-info-type { margin-top: -22px; line-height: 110px; display: block; text-align: right; } .file-zip .preview-media, .file-xls .preview-media, .file-xlsx .preview-media, .file-docx .preview-media, .file-doc .preview-media, .file-pdf .preview-media, .file-zip .preview-details, .file-xls .preview-details, .file-xlsx .preview-details, .file-docx .preview-details, .file-doc .preview-details, .file-pdf .preview-details { margin: 0 auto; display: block; padding: 0; float: none; max-width: 600px; min-width: 320px; } .file-zip .preview-media .item-info-type, .file-xls .preview-media .item-info-type, .file-xlsx .preview-media .item-info-type, .file-docx .preview-media .item-info-type, .file-doc .preview-media .item-info-type, .file-pdf .preview-media .item-info-type { max-width: 100px; margin-left: -23px; margin-bottom: 10px; } .preview-details { width: 50%; max-width: 600px; min-width: 320px; padding-left: 15px; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } .preview-details .preview-text .item-title { margin-top: 0; color: #000000; font-weight: bold; font-size: 24px; letter-spacing: 0; text-transform: none; } .preview-details .preview-text .item-info > *, .preview-details > * { display: block; margin-bottom: 10px; font-size: 16px; } .preview-details .preview-link .preview-link-title { font-weight: bold; padding:10px 20px; margin: 0; background-color: var(--light-grey-color); } .preview-details .preview-text .item-info > *:not(.item-info-type) { color: var(--dark-grey-color); } .preview-details .preview-link, .preview-details .preview-bottom{ margin-top: 20px; color: var(--dark-grey-color); border: 2px solid var(--light-grey-color); -webkit-border-radius: 4px; border-radius: 4px; } .preview-bottom .share-combo label { margin-right: 10px; margin-bottom: 0; } .preview-bottom a { padding: 5px 20px ; color: var(--dark-grey-color); } .preview-bottom a.lightbox-bt i { color: var(--light-grey-color); margin-top: -2px; font-size: 30px; margin-left: -2px; } .preview-bottom a.lightbox-bt:hover i { color: #ffae00; } .preview-bottom a i { font-size: 24px; padding-right: 10px; } .preview-bottom a.lightbox-bt:hover { color: #000000; } .preview-bottom a.share-bt i { font-size: 24px; padding-left: 10px; padding-right: 0; } .preview-bottom a:hover { color: #000000; background-color:var(--extra-light-grey-color); } .preview-link a { color: var(--dark-grey-color); padding: 5px 20px; cursor: pointer; width:100%; } .preview-link a i { font-size: 30px; } .preview-link a:hover { color: #000000; } .preview-details .preview-link ul{ margin: 0; padding: 0; } .preview-details .preview-link ul li { border-bottom: 1px solid var(--light-grey-color); width: 100%; } .preview-details .preview-link ul li:hover { background-color:var(--extra-light-grey-color); } .preview-details .preview-link ul li:last-child { border: none; } .tags-list { margin: 20px 0; padding-left: 0; } .tags-list .tag-element { margin: 0 10px 10px 0; width: auto; padding: 5px 15px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; vertical-align: middle; background-color: #e0e4e8; font-size: 14px; } .tags-list .tag-element:hover { background-color: #818892; } .tags-list .tag-element:hover a { color: #ffffff; } .tags-list .tag-element a { color: #818892; } .landing-events.more-items { } .landing-events.more-items ul{ } .landing-events.more-items ul:before { display: none; } .landing-events.more-items ul li { font-size: 14px; font-weight: 400; line-height: 1; position: relative; vertical-align: top; background: transparent; background-color: #ffffff; max-width: 100%; -webkit-transition: border-color 0.15s,background 0.15s; -o-transition: border-color 0.15s,background 0.15s; transition: border-color 0.15s,background 0.15s; overflow: hidden; border:2px solid rgba(160, 166, 175, 0.5); -webkit-border-radius: 4px; border-radius: 4px; } .landing-events.more-items ul li:hover { border-color: var(--grey-color); -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.15); box-shadow: 0 0 14px rgba(0,0,0,0.15); } .landing-events.more-items ul li > a { height: 200px; overflow: visible; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .landing-events.more-items ul li > a img{ width: auto; max-width: 80%; height: auto; padding: 0; max-height: 200px; } .landing-events.more-items ul li .wrapper { text-align: center; margin: 0; max-width: 80%; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .landing-events.more-items ul li:hover .wrapper{ } .landing-events.more-items ul li .wrapper h2 { min-height: 10px; font-size: 24px; font-weight: 100; } .landing-events.more-items ul li .wrapper h2 a { color: var(--dark-grey-color) } .landing-events.more-items ul li .wrapper .plus { display: none; } .modal-lightbox .md-content ul { padding-left: 0; margin-bottom: 30px; padding-bottom: 0; max-height: 400px; overflow: auto; } .modal-lightbox .control-group .controls.buttons { width: auto; } .modal-lightbox .md-content ul li { border-bottom: 1px solid var(--light-grey-color); width: 100%; } .modal-lightbox .md-content ul li .tool-favorite.active { color: #4CAF4D; } .modal-lightbox .md-content ul li .lightbox-bt { color: var(--dark-grey-color); padding: 5px 0; width:100%; } .modal-lightbox .lightbox-name { display: block; } .lightbox-bt .lightbox-created-at, .lightbox-bt .lightbox-last-update { font-size: 12px; margin-right: 5px; } /* Galleries view */ .thumbnails-view.downloads-main .downloads-container.galleries-container > ul li .downloads-item-title { font-weight: bold; } .thumbnails-view.downloads-main .downloads-container.galleries-container > ul li { overflow:visible; position:relative; z-index:1; } .thumbnails-view.downloads-main .downloads-container.galleries-container > ul li:before { border: 2px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; vertical-align: top; background: var(--light-grey-color); -webkit-border-radius: 4px; border-radius: 4px; max-width: 100%; -webkit-transition: border-color 0.15s,margin 0.15s,-webkit-box-shadow 0.15s; transition: border-color 0.15s,margin 0.15s,-webkit-box-shadow 0.15s; -o-transition: border-color 0.15s,box-shadow 0.15s,margin 0.15s; transition: border-color 0.15s,box-shadow 0.15s,margin 0.15s; transition: border-color 0.15s,box-shadow 0.15s,margin 0.15s,-webkit-box-shadow 0.15s; overflow: hidden; content: ""; position: absolute; width: 100%; height: 100%; margin-left: -10px; margin-top: 10px; z-index: -1; } .thumbnails-view.downloads-main .downloads-container.galleries-container > ul li:hover, .thumbnails-view.downloads-main .downloads-container.galleries-container > ul li:hover:before { border-color: var(--grey-color); -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.15); box-shadow: 0 0 14px rgba(0,0,0,0.15); } .thumbnails-view.downloads-main .downloads-container.galleries-container > ul li .downloads-item-main, .thumbnails-view.downloads-main .downloads-container.galleries-container > ul li .downloads-item-tools { background-color: #ffffff; } .thumbnails-view.downloads-main .downloads-container.galleries-container > ul li .downloads-item-tools a { font-size:22px; color:var(--grey-color); } .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-top-container { overflow: hidden; } .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-top-container img { max-width: 100%; max-height: 100%; object-fit: cover; height: 100%; width: 100%; } .breadcrum-arrow { margin-right: 10px; margin-left: 10px; color: #000000; font-size:16px; } /* Newsletter */ #press-release .tabs-content iframe { position: fixed; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; border: none; } .hidden-related .filters-toggle, .hidden-related .lightbox-toggle, .hidden-related .search-toggle, .hidden-related .downloads-main .filter-types a.filters-toggle { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-border-radius: 0; border-radius: 0; border: none; } i.border.UIcon, i.rounded.UIcon, i.square.UIcon, i.transparent.UIcon, span.border.UIcon, span.rounded.UIcon, span.square.UIcon, span.transparent.UIcon, i.border.ion, i.rounded.ion, i.square.ion, i.transparent.ion, span.border.ion, span.rounded.ion, span.square.ion, span.transparent.ion, i.transparent.ion-md-star { font-size: 28px; } [layout-align="start stretch"],[layout-align]{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; -webkit-justify-content: flex-start; -webkit-justify-content: flex-start; -webkit-justify-content: flex-start;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-webkit-align-items:stretch} [layout-align="start stretch"],[layout-align=start],[layout-align="start start"],[layout-align="start center"],[layout-align="start end"]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-justify-content:flex-start} [layout-align=center],[layout-align="center start"],[layout-align="center center"],[layout-align="center end"],[layout-align="center stretch"]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center} [layout-align=end],[layout-align="end center"],[layout-align="end start"],[layout-align="end end"],[layout-align="end stretch"]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-justify-content:flex-end} [layout-align=space-around],[layout-align="space-around center"],[layout-align="space-around start"],[layout-align="space-around end"],[layout-align="space-around stretch"]{-ms-flex-pack:distribute;justify-content:space-around;-webkit-justify-content:space-around} [layout-align=space-between],[layout-align="space-between center"],[layout-align="space-between start"],[layout-align="space-between end"],[layout-align="space-between stretch"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-justify-content:space-between} [layout-align="start start"],[layout-align="center start"],[layout-align="end start"],[layout-align="space-around start"],[layout-align="space-between start"]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-align-items:flex-start;-webkit-align-content:flex-start} [layout-align="start center"],[layout-align="center center"],[layout-align="end center"],[layout-align="space-around center"],[layout-align="space-between center"]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-webkit-align-content:center;max-width:100%} [layout-align="start center"]>*,[layout-align="center center"]>*,[layout-align="end center"]>*,[layout-align="space-around center"]>*,[layout-align="space-between center"]>*{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} [layout-align="start end"],[layout-align="center end"],[layout-align="end end"],[layout-align="space-around end"],[layout-align="space-between end"]{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end;-webkit-align-align-items:flex-end;-webkit-align-align-content:flex-end} [layout-align="start stretch"],[layout-align="center stretch"],[layout-align="end stretch"],[layout-align="space-around stretch"],[layout-align="space-between stretch"]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:stretch;-webkit-align-content:stretch} [layout=row],[layout=column],[layout]{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}[layout=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}[layout=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row} /* ========================================================== MEDIACENTER MEDIA QUERIES ========================================================== */ /* Large screen ========================================================== */ @media only screen and (min-width: 2000px) { .downloads-main.widget > section, form.ng-submitted #search-main.downloads-main.widget > section { padding-right: 380px; } .fixed-content .downloads-main > section > header form { padding-right: 0; } .hidden-related .related-content { margin-right: -380px; } .downloads-main .related-content { width: 380px; } .downloads-main .separator { right: 380px; } .thumbnails-view.downloads-main .downloads-container > ul li{ width: calc(16.6666666% - 20px); } } @media only screen and (min-width: 1681px){ .no-results-container { font-size: 40px; } .no-results-button { font-size: 18px; } } @media only screen and (max-width: 1440px) { .thumbnails-view.downloads-main .downloads-container > ul { padding-left: 10px; padding-right: 10px; } .thumbnails-view.downloads-main .downloads-container > ul li{ width: calc(24.99% - 20px); } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-title { line-height: 1.4; font-size: 15px; } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container { height: 180px; } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container img { max-height: 150px; } .article-wide .article-view-body { min-width: 1130px; } .downloads-main .separator .separator-container { padding-left: 20px; padding-right: 20px; } .downloads-main > section > header form .header-title { margin-left: 20px; font-size: 12px; } .downloads-main .main-view.column.related-content .widget { padding-left: 20px !important; padding-right: 20px !important ; } .fixed-content .downloads-main > section.details-view > header form .close-bt { margin-right: 20px; } .downloads-main .filter-types a.filters-toggle, .filters-toggle, .lightbox-toggle, .search-toggle { margin-right: 20px; } .downloads .details-view.lightbox-view .downloads-container, .downloads .details-view .downloads-container { margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 1280px) { .downloads-main.widget > section, form.ng-submitted #search-main.downloads-main.widget > section { padding-right: 270px; } .downloads-main .downloads-container { margin-top: 64px; } .downloads-main .related-content { width: 270px; max-width: 270px; min-width: 10px; } .fixed-content .downloads-main > section > header { height: 65px; } .downloads-main > section > header form .header-title .header-logo { max-height: 53px; } .downloads-main .separator { right: 270px; top: calc(var(--header-height) + 65px); } .downloads-filters.submenu-list > ul > li.toggle-col { height: 65px; } .downloads-filters.submenu-list > ul > li.dates { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-items: stretch; } .downloads-filters.submenu-list > ul > li.dates .date:first-child, .downloads-filters.submenu-list > ul > li.dates .date:last-child { margin: 0 0 20px 0; } .downloads-filters.submenu-list > ul > li .controls { height: 40px; } .downloads-filters.submenu-list > ul > li .controls input { height: 40px; } .downloads .details-view .downloads-container, .downloads .loading, .downloads .no-results-container { margin-top: 65px; } .landing-events.more-items ul li > a { height: 150px; } .landing-events.more-items ul li > a img { max-height: 150px; } .landing-events.more-items ul li .wrapper h2 { font-size: 20px; } .uib-day .btn, .uib-daypicker th .btn, .uib-month .btn, .uib-monthpicker th .btn, .uib-year .btn, .uib-yearpicker th .btn { padding-left: 0; padding-right: 0; } .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup { min-width: 100%; left: auto !important; } .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup table { width: 100%; } } /* Tablet devices layout adjustments ========================================================== */ @media only screen and (max-width: 1024px) { .thumbnails-view.downloads-main .downloads-container > ul { padding-left: 10px; padding-right: 10px; } .thumbnails-view.downloads-main .downloads-container > ul li{ width: calc(32.9333333% - 20px); } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container { height: 180px; } .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container img { max-height:150px; } section#header-moving-parts { max-width: none!important; margin-bottom: 0; } section#moving-parts-wrapper { webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } section#moving-parts-wrapper > * { width: 100%; } section#moving-parts-wrapper { padding-top: 0; } .article-wide .article-view-body { min-width: 0px!important; } .downloads-main > section > header form .header-title.large .gallery-breadcrum-icon { display: block; } .downloads-main > section > header form .header-title.large .gallery-breadcrum-name { display: none; } .downloads-main > section > header form .header-title.large > span:last-child .gallery-breadcrum-name { display: block; } .downloads-main > section > header form .header-title.large > span:last-child .gallery-breadcrum-icon { display: none; } .downloads-main > section > header .search input { min-width: 200px; } .downloads-main > section > header .control-group .controls i { font-size: 22px; } } /* Tablet devices layout adjustments ========================================================== */ @media only screen and (max-width: 1023px) { .downloads-main.widget > section, form.ng-submitted #search-main.downloads-main.widget > section{ padding-right: 0; } .fixed-content .downloads-main > section > header form { padding-right: 0; } .downloads-main .related-content { width: 50%; max-width: 50%; } .downloads-main .filter-types a { margin: 0 5px; } .downloads-main .main-view.column.related-content .widget .more-items-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; max-width: 100%; } .downloads-main .separator { right: 220px; } .downloads-filters.submenu-list > ul > li.dates, .downloads-filters.submenu-list > ul > li.toggle-col { width: 100%; } .downloads-filters.submenu-list > ul > li.search { } .thumbnails-view.downloads-main .downloads-container > ul li{ width: calc(50% - 20px); } .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li { text-align: center; } .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li .btn-group{ float: none; width: 100%; display: block; padding-bottom: 10px; text-align: center; } .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li > .btn { float: none; } .downloads-main > section > header .search select.input-block-level { padding-left: 10px !important; } .downloads-main > section > header .search .controls > i { display: none; } .downloads-main .search-toggle { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .downloads-main > section > header .search { margin-right: -40px; } .downloads-main > section > header .search input { padding-right: 40px; } .downloads-main > section > header .off .search { display: none; } .downloads-main > section > header .off .search .custom-select, .downloads-main > section > header .off .search input.input-block-level { width: 0; margin: 0; min-width: auto; padding: 0; overflow: hidden; } .downloads-main .filter-types a.filters-toggle, .filters-toggle, .lightbox-toggle, .search-toggle { margin-right: 15px; } .downloads-main .off .search-toggle { margin-right: 15px; } .downloads-main .search-toggle { margin-right: 20px; } } /* Mobile devices layout adjustments ========================================================== */ @media only screen and (max-width: 767px) { /* CAMBIOS F */ #footer .sponsor-main ul li { max-width: 100%; } .right-content #right-navigation .menu li { display: inline-block !important; } section#header-moving-parts .btn-lg { font-size: 22px!important; padding: 2px 52px!important; } #header-moving-parts #widget-embed { font-size: 18px!important; text-align: center; } #header-moving-parts img { padding-top: 10px!important; } .article-wide .article-view-body { min-width: 0px!important; } .downloads #header, .downloads #footer { padding: 0; } .downloads-filters.submenu-list > ul > li.toggle-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row nowrap; -webkit-flex-flow:row nowrap; flex-flow:row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-content: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; } .downloads-main .related-content { z-index: 4; top: var(--header-height); max-width: none; bottom: 0; overflow: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; width: 100%; } .downloads.fixed-content .related-content { top: var(--header-height); } .downloads-main .main-view.column.related-content .widget:first-child { padding-top: 0; } .downloads-main .related-content.active { display: block; top: 45px; } .downloads-main .related-content .widget { padding-left: 20px; padding-right: 20px; } .fixed-content.downloads-page .related-content.zone-3 > *:first-child { padding-top: 20px; } .downloads #header .wrapper.row-two .right-content { display: none; } .downloads #header .wrapper.row-two .menu > li.filters { display: none; } .downloads.downloads-page #header .wrapper.row-two .menu > li.filters { position: fixed; right: 0; display: block; top: 0; } .downloads #header .wrapper.row-two .menu > li.filters { display: none !important; } .fixed-content .downloads-main > section > header, .headroom--pinned.fixed-content .downloads-main > section > header, .headroom--top.fixed-content .downloads-main > section > header { top:var(--header-height); } .fixed-content .downloads-main > section > header { height: 60px; } .downloads-main .filter-types a { padding: 0; width: 47px; } .downloads-main.widget > section{ padding-right: 0; } .fixed-content .downloads-main > section > header form { padding-right: 0; } .downloads-main > section > header form .header-title { margin-left: 15px; } .downloads-main > section > header form .header-title .gallery-breadcrum-icon { display: block; } .downloads-main > section > header form .header-title .gallery-breadcrum-name { display: none; } .downloads-main > section > header form .header-title > span:last-child .gallery-breadcrum-name { display: block; } .downloads-main > section > header form .header-title > span:last-child .gallery-breadcrum-icon { display: none; } .downloads-main > section > header form > .filter-types:first-child { min-width: 100px; } .downloads-main > section > header .search { margin-right: 0; position: fixed; overflow: visible; left: 15px; right: 15px; top: 122px; } .downloads-main > section > header .search .controls { background-color: #ffffff; -webkit-border-radius: 22px; border-radius: 22px; } .downloads-main > section > header .search:before { content: ""; background-color: #d6d9dd; position: absolute; left: -15px; top: -13px; height: 64px; right: -15px; } .downloads-main .off .search-toggle, .downloads-main .search-toggle { margin-right: 15px; } .downloads-main .downloads-container { margin-top: 60px; } .downloads-main .downloads-container > ul li { font-size: 12px; padding: 15px 10px; } .downloads-main .downloads-container > ul li .downloads-item-tools a { padding: 0 5px; } .downloads-main .downloads-container > ul li .downloads-item-top-container i { font-size: 45px; } .downloads-main .downloads-container > ul li .downloads-item-tools { width: 70px; } .downloads-main .downloads-container > ul li .downloads-item-main { width: calc(100% - 98px); } .downloads-main .downloads-container > ul li .downloads-item-title { font-size: 14px; margin-bottom: 5px; } .downloads-main > section > header .control-group .controls i { padding: 8px 5px; } .downloads-main > section > header form .input-block-level { padding-left: 40px; } .downloads-main > section > header form .header-title .header-logo { max-height: 47px; } .hidden-related .filters-toggle, .hidden-related .lightbox-toggle,.hidden-related .downloads-main .filter-types a.filters-toggle { padding-right: 0; border: none; width: 24px; padding-left: 0; } .hidden-related .filters-toggle i, .hidden-related .lightbox-toggle i,.hidden-related .downloads-main .filter-types a.filters-toggle i { font-size: 28px !important; } #downloads-filters-filters { } .downloads-filters.submenu-list > ul > li.toggle-col { height: 60px; } .more-items-item > .toggle-bt, .toggle-bt { width: 21px; } .toggle-bt i { font-size: 28px !important; } .toggle-bt i:before { content: "\f2c0"; } .downloads-main .separator { position: relative; top: auto; border-bottom: 1px solid var(--main-background); } .downloads-main .separator .separator-container { padding: 0 15px; } .downloads-filters.submenu-list > ul > li.filter-types { margin-bottom: 20px; } .downloads-filters.submenu-list > ul > li.filter-types a { width: 28px; } .downloads-filters.submenu-list > ul > li.filter-types a:first-child{ margin-left: 0; } .downloads-filters.submenu-list > ul > li.filter-types a:last-child{ margin-right: 0; } .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li .btn-group{ float: left; width: auto; padding: 0; text-align: left; } .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li > .btn { float: right; } .thumbnails-view.downloads-main .downloads-container > ul { padding-left: 15px; padding-right: 15px; } .thumbnails-view.downloads-main .downloads-container > ul li{ width:100%; margin-left: 0; margin-right: 0; } .thumbnails-view.downloads-main .downloads-container.galleries-container > ul li { margin-left: 10px; } .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header, .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body { margin-left: 15px !important; margin-right: 15px !important; } .downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra { display: none; } .downloads-main > section > header .show-hide-filters { display: none; } .preview-details { padding-left: 0; width: 100%; min-width: 10px; } .preview-details .preview-text .item-title { font-size: 22px; } .preview-link a, .preview-bottom a, .preview-details .preview-link .preview-link-title { padding-left: 15px; padding-right: 15px; } .preview-media { padding-right: 0; max-width: 100%; width: 100%; margin-bottom: 20px; } .preview-media img { max-width: 100%; } .item-info .preview-media .item-info-type { text-align: left; margin: 0 0 0 -20px; line-height: 100px; font-size: 100px; } .downloads .details-view .downloads-container { padding-left: 15px; padding-right: 15px; padding-top: 20px; margin-top: 60px; margin-left: 0; margin-right: 0; margin-bottom: 0; -webkit-border-radius: 0; border-radius: 0; } .downloads .details-view.lightbox-view .downloads-container { padding-top: 0; margin-left: 15px; margin-right: 15px; } .fixed-content .downloads-main > section.details-view > header form .close-bt { margin-right: 15px; } .downloads .details-view.lightbox-view .downloads-container .separator-container { margin-left: 0; margin-right:0; -webkit-border-radius: 0; border-radius: 0; } .landing-events.more-items ul li > a { height: 200px; } .landing-events.more-items ul li > a img { max-height: 200px; } .lightbox-bt .lightbox-created-at, .lightbox-bt .lightbox-last-update { display: block; } .modal-lightbox .md-content ul { max-height: 300px; } .modal-lightbox .control-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .modal-lightbox .control-group .controls.buttons { margin-top: 10px; width: 100%; } .breadcrum-arrow { margin: 0 5px; } } /* MEDIACENTER EXCLUSIVE CSS PLUGINS */ .mejs__offscreen { border: 0; clip: rect( 1px, 1px, 1px, 1px ); -webkit-clip-path: inset( 50% ); clip-path: inset( 50% ); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } .mejs__container { background: #000; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Helvetica', Arial, serif; position: relative; text-align: left; text-indent: 0; vertical-align: top; height: 100% !important; position: absolute; width: 100% !important; } .mejs__container * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Hide native play button and control bar from iOS to favor plugin button */ .mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .mejs__fill-container, .mejs__fill-container .mejs__container { height: 100%; width: 100%; } .mejs__fill-container { background: transparent; margin: 0 auto; overflow: hidden; position: relative; } .mejs__container:focus { outline: none; } .mejs__iframe-overlay { height: 100%; position: absolute; width: 100%; } .mejs__embed, .mejs__embed body { background: #000; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .mejs__fullscreen { overflow: hidden !important; } .mejs__container-fullscreen { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; } .mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video { height: 100% !important; width: 100% !important; } /* Start: LAYERS */ .mejs__background { left: 0; position: absolute; top: 0; } .mejs__mediaelement { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .mejs__mediaelement mediaelementwrapper video { width: 100% !important; height: 100% !important; } .mejs__poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; top: 0; z-index: 1; height: 100% !important; } :root .mejs__poster-img { display: none; } .mejs__poster-img { border: 0; padding: 0; } .mejs__overlay { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; top: 0; height: 100% !important; width: 100% !important; } .mejs__layer { z-index: 1; } .mejs__overlay-play { cursor: pointer; } .mejs__overlay-button { background: url('../img/mejs-controls.svg') no-repeat; background-position: 0 -39px; height: 80px; width: 80px; } .mejs__overlay:hover > .mejs__overlay-button { background-position: -80px -39px; } .mejs__overlay-loading { height: 80px; width: 80px; } .mejs__overlay-loading-bg-img { -webkit-animation: mejs__loading-spinner 1s linear infinite; animation: mejs__loading-spinner 1s linear infinite; background: transparent url('../img/mejs-controls.svg') -160px -40px no-repeat; display: block; height: 80px; width: 80px; z-index: 1; } @-webkit-keyframes mejs__loading-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mejs__loading-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs__controls { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; left: 0; list-style-type: none; margin: 0; padding: 0 10px; position: absolute; width: 100%; z-index: 3; } .mejs__controls:not([style*='display: none']) { background: rgba(255, 0, 0, 0.7); background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.35)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.35))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.35)); } .mejs__button, .mejs__time, .mejs__time-rail { font-size: 10px; height: 40px; line-height: 10px; margin: 0; width: 32px; } .mejs__button > button { background: transparent url('../img/mejs-controls.svg'); border: 0; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; margin: 10px 6px; overflow: hidden; padding: 0; position: absolute; text-decoration: none; width: 20px; } /* :focus for accessibility */ .mejs__button > button:focus { outline: dotted 1px #999; } .mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus, .mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus { outline: 0; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs__time { -webkit-box-sizing: content-box; box-sizing: content-box; color: #ffffff; font-size: 11px; font-weight: bold; height: 24px; overflow: hidden; padding: 16px 6px 0; text-align: center; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs__play > button { background-position: 0 0; } .mejs__pause > button { background-position: -20px 0; } .mejs__replay > button { background-position: -160px 0; } /* End: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs__time-rail { direction: ltr; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 40px; margin: 0 10px; padding-top: 10px; position: relative; } .mejs__time-total, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-current, .mejs__time-float, .mejs__time-hovered, .mejs__time-float-current, .mejs__time-float-corner, .mejs__time-marker { border-radius: 2px; cursor: pointer; display: block; height: 10px; position: absolute; } .mejs__time-total { background: rgba(255, 255, 255, 0.3); margin: 5px 0 0; width: 100%; } .mejs__time-buffering { -webkit-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background-size: 15px 15px; width: 100%; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs__time-loaded { background: rgba(255, 255, 255, 0.3); } .mejs__time-current, .mejs__time-handle-content { background: rgba(255, 255, 255, 0.9); } .mejs__time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 10; } .mejs__time-hovered.negative { background: rgba(0, 0, 0, 0.2); } .mejs__time-current, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-hovered { left: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0.15s ease-in all; -o-transition: 0.15s ease-in all; transition: 0.15s ease-in all; width: 100%; } .mejs__time-buffering { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .mejs__time-hovered { -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); -o-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); } .mejs__time-hovered.no-hover { -webkit-transform: scaleX(0) !important; -ms-transform: scaleX(0) !important; transform: scaleX(0) !important; } .mejs__time-handle, .mejs__time-handle-content { border: 4px solid transparent; cursor: pointer; left: 0; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__time-handle-content { border: 4px solid rgba(255, 255, 255, 0.9); border-radius: 50%; height: 10px; left: -7px; top: -4px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 10px; } .mejs__time-rail:hover .mejs__time-handle-content, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail .mejs__time-handle-content:active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mejs__time-float { background: #eee; border: solid 1px #333; bottom: 100%; color: #111; display: none; height: 17px; margin-bottom: 9px; position: absolute; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 36px; } .mejs__time-float-current { display: block; left: 0; margin: 2px; text-align: center; width: 30px; } .mejs__time-float-corner { border: solid 5px #eee; border-color: #eee transparent transparent; border-radius: 0; display: block; height: 0; left: 50%; line-height: 0; position: absolute; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; } .mejs__long-video .mejs__time-float { margin-left: -23px; width: 64px; } .mejs__long-video .mejs__time-float-current { width: 60px; } .mejs__broadcast { color: #ffffff; height: 10px; position: absolute; top: 15px; width: 100%; } /* End: Progress Bar */ /* Start: Fullscreen */ .mejs__fullscreen-button > button { background-position: -80px 0; } .mejs__unfullscreen > button { background-position: -100px 0; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs__mute > button { background-position: -60px 0; } .mejs__unmute > button { background-position: -40px 0; } .mejs__volume-button { position: relative; } .mejs__volume-button > .mejs__volume-slider { -webkit-backface-visibility: hidden; background: rgba(50, 50, 50, 0.7); border-radius: 0; bottom: 100%; display: none; height: 115px; left: 50%; margin: 0; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 25px; z-index: 1; } .mejs__volume-button:hover { border-radius: 0 0 4px 4px; } .mejs__volume-total { background: rgba(255, 255, 255, 0.5); height: 100px; left: 50%; margin: 0; position: absolute; top: 8px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2px; } .mejs__volume-current { background: rgba(255, 255, 255, 0.9); left: 0; margin: 0; position: absolute; width: 100%; } .mejs__volume-handle { background: rgba(255, 255, 255, 0.9); border-radius: 1px; cursor: ns-resize; height: 6px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 16px; } .mejs__horizontal-volume-slider { display: block; height: 36px; position: relative; vertical-align: middle; width: 56px; } .mejs__horizontal-volume-total { background: rgba(50, 50, 50, 0.8); border-radius: 2px; font-size: 1px; height: 8px; left: 0; margin: 0; padding: 0; position: absolute; top: 16px; width: 50px; } .mejs__horizontal-volume-current { background: rgba(255, 255, 255, 0.8); border-radius: 2px; font-size: 1px; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; } .mejs__horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs__captions-button, .mejs__chapters-button { position: relative; } .mejs__captions-button > button { background-position: -140px 0; } .mejs__chapters-button > button { background-position: -180px 0; } .mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector { background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; border-radius: 0; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 86px; } .mejs__chapters-button > .mejs__chapters-selector { margin-right: -55px; width: 110px; } .mejs__captions-selector-list, .mejs__chapters-selector-list { list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; } .mejs__captions-selector-list-item, .mejs__chapters-selector-list-item { color: #ffffff; cursor: pointer; display: block; list-style-type: none !important; margin: 0 0 6px; overflow: hidden; padding: 0; } .mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover { background-color: rgb(200, 200, 200) !important; background-color: rgba(255, 255, 255, 0.4) !important; } .mejs__captions-selector-input, .mejs__chapters-selector-input { clear: both; float: left; left: -1000px; margin: 3px 3px 0 5px; position: absolute; } .mejs__captions-selector-label, .mejs__chapters-selector-label { cursor: pointer; float: left; font-size: 10px; line-height: 15px; padding: 4px 10px 0; width: 100%; } .mejs__captions-selected, .mejs__chapters-selected { color: rgba(33, 248, 248, 1); } .mejs__captions-translations { font-size: 10px; margin: 0 0 5px; } .mejs__captions-layer { bottom: 0; color: #ffffff; font-size: 16px; left: 0; line-height: 20px; position: absolute; text-align: center; } .mejs__captions-layer a { color: #ffffff; text-decoration: underline; } .mejs__captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs__captions-position { bottom: 15px; left: 0; position: absolute; width: 100%; } .mejs__captions-position-hover { bottom: 35px; } .mejs__captions-text, .mejs__captions-text * { background: rgba(20, 20, 20, 0.5); -webkit-box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; } .mejs__container.mejs__hide-cues video::-webkit-media-text-track-container { display: none; } /* End: Track (Captions and Chapters) */ /* Start: Error */ .mejs__overlay-error { position: relative; } .mejs__overlay-error > img { left: 0; position: absolute; top: 0; z-index: -1; } .mejs__cannotplay, .mejs__cannotplay a { color: #ffffff; font-size: 0.8em; } .mejs__cannotplay { position: relative; } .mejs__cannotplay p, .mejs__cannotplay a { display: inline-block; padding: 0 15px; width: 100%; } /* End: Error */ .mejs__chromecast-button > button, .mejs-chromecast-button > button { --disconnected-color: #ffffff; background: none; display: inline-block; } .mejs__chromecast-container, .mejs-chromecast-container { background: #000; color: #ffffff; font-size: 10px; left: 0; padding: 5px; position: absolute; top: 0; z-index: 1; } .mejs__chromecast-layer > img, .mejs-chromecast-layer > img { left: 0; position: absolute; top: 0; z-index: 0; } .mejs__chromecast-icon, .mejs-chromecast-icon { background: url('../img/chromecast.svg') no-repeat 0 0; display: inline-block; height: 14px; margin-right: 5px; width: 17px; } .mejs__qualities-button, .mejs-qualities-button { position: relative; } .mejs__qualities-button > button, .mejs-qualities-button > button { background: transparent; color: #ffffff; font-size: 11px; line-height: normal; margin: 11px 0 0; width: 36px; } .mejs__qualities-selector, .mejs-qualities-selector { background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; border-radius: 0; height: 100px; left: -10px; overflow: hidden; padding: 0; position: absolute; top: -100px; width: 60px; } .mejs__qualities-selector ul, .mejs-qualities-selector ul { display: block; list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; } .mejs__qualities-selector li, .mejs-qualities-selector li { color: #ffffff; cursor: pointer; display: block; list-style-type: none!important; margin: 0 0 6px; overflow: hidden; padding: 0 10px; } .mejs__qualities-selector li:hover, .mejs-qualities-selector li:hover { background-color: rgba(255, 255, 255, 0.2); cursor: pointer; } .mejs__qualities-selector input, .mejs-qualities-selector input { clear: both; float: left; left: -1000px; margin: 3px 3px 0 5px; position: absolute; } .mejs__qualities-selector label, .mejs-qualities-selector label { cursor: pointer; float: left; font-size: 10px; line-height: 15px; padding: 4px 0 0; width: 55px; } .mejs__qualities-selected, .mejs-qualities-selected { color: rgba(33, 248, 248, 1); } .mejs__vrview-button > button, .mejs-vrview-button > button { background: url('../img/cardboard.svg') no-repeat 0 4px; } .more-items-item .ov-content{ display: none; } .modal{ position:fixed; top:20px; right:20px; left:20px; width:auto; margin:0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.4; filter: alpha(opacity=40); } .modal { position: fixed; top: 10%; left: 50%; z-index: 10001; width: 40%; margin-left: -20%; background-color: #ffffff; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { top: -35%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.fade.in { top: 20%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { position: relative; max-height: 400px; padding: 20px; overflow-y: hidden; } body.screen-team .modal-body { max-height: none; } .modal-body .close { position: absolute; top: -8px; right: 2%; font-size: 39px; cursor: pointer; color: #4a4f55; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .modal-body{ position: relative; } .modal-body h2{ font-size: 30px; font-weight: bold; margin: 0; padding: 10px; /* margin: 0 0 20px; */ display:inline-block; } #team-overlay header { } .modal-body .team-view-position{ padding: 0 10px 5px; color: #f46e22; font-weight: 300; font-size: 17px; } .modal-body p{ font-size: 18px; line-height: 28px; font-weight: 300; } .modal-body .team-view-body{ padding: 0 10px; margin-bottom: 10px; overflow-y: scroll; } tags-input { display: block; padding: 0 !important; height: auto !important; } tags-input *, tags-input:after, tags-input:before { -webkit-box-sizing: border-box; box-sizing: border-box; color: #585858; } tags-input .host { position: relative; height: 100% } tags-input .host:active { outline: 0 } tags-input .tags { -moz-appearance: textfield; -webkit-appearance: textfield; padding: 12px; overflow: hidden; word-wrap: break-word; cursor: text; background-color: rgba(224, 228, 232, 0.38); height: 100%; } tags-input .tags .tag-list { margin: 0; padding: 0; list-style-type: none } tags-input .tags .tag-item { margin: 2px; padding: 4px 13px; display: inline-block; float: left; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; height: 33px; line-height: 25px; border: none; -webkit-border-radius: 25px; border-radius: 25px; background: var(--light-grey-color); } tags-input .tags .tag-item.selected { background: -webkit-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #febbbb), color-stop(45%, #fe9090), to(#ff5c5c)); background: -o-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%); background: linear-gradient(to bottom, #febbbb 0, #fe9090 45%, #ff5c5c 100%) } tags-input .tags .tag-item .remove-button { margin: 0 0 0 5px; padding: 0; border: none; background: 0 0; cursor: pointer; vertical-align: middle; font: 700 16px Arial, sans-serif; color: #585858 } tags-input .tags .input.invalid-tag, tags-input .tags .tag-item .remove-button:active { color: red } tags-input .tags .input { border: 0; outline: 0; margin: 2px; padding: 0 0 0 5px; float: left; height: 33px; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: transparent; } tags-input .tags .input::-ms-clear { display: none } tags-input.ng-invalid .tags { -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, .6); box-shadow: 0 0 3px 1px rgba(255, 0, 0, .6) } tags-input[disabled] .host:focus { outline: 0 } tags-input[disabled] .tags { background-color: #eee; cursor: default } tags-input[disabled] .tags .tag-item { opacity: .65; background: -webkit-linear-gradient(top, #f0f9ff 0, rgba(203, 235, 255, .75) 47%, rgba(161, 219, 255, .62) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f9ff), color-stop(47%, rgba(203, 235, 255, .75)), to(rgba(161, 219, 255, .62))); background: -o-linear-gradient(top, #f0f9ff 0, rgba(203, 235, 255, .75) 47%, rgba(161, 219, 255, .62) 100%); background: linear-gradient(to bottom, #f0f9ff 0, rgba(203, 235, 255, .75) 47%, rgba(161, 219, 255, .62) 100%) } tags-input[disabled] .tags .tag-item .remove-button { cursor: default } tags-input[disabled] .tags .tag-item .remove-button:active { color: #585858 } tags-input[disabled] .tags .input { background-color: #eee; cursor: default } tags-input .autocomplete { margin-top: 5px; position: absolute; padding: 5px 0; z-index: 999; width: 100%; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, .2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } tags-input .autocomplete .suggestion-list { margin: 0; padding: 0; list-style-type: none; max-height: 280px; overflow-y: auto; position: relative } tags-input .autocomplete .suggestion-item { padding: 5px 10px; cursor: pointer; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; background-color: #fff } tags-input .autocomplete .suggestion-item.selected, tags-input .autocomplete .suggestion-item.selected em { color: #ffffff; background-color: #0097cf } tags-input .autocomplete .suggestion-item em { font: normal 700 16px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; background-color: #fff } /* END of DOWNLOADS */ /* ========================================================== PLUGINS ========================================================== */ .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;pointer-events:none;position:absolute}.tooltipster-box{-webkit-box-flex:1;-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto}.tooltipster-content{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-o-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-o-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-o-transition-property:all;transition-property:all;left:0!important;opacity:0}@-webkit-keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{-webkit-animation:tooltipster-fading .4s;animation:tooltipster-fading .4s}@-webkit-keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.tooltipster-update-rotate{-webkit-animation:tooltipster-rotating .6s;animation:tooltipster-rotating .6s}@-webkit-keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tooltipster-update-scale{-webkit-animation:tooltipster-scaling .6s;animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:var(--main-color-bg);border:2px solid #000;-webkit-border-radius:4px;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#ffffff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:var(--main-color-bg);left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:var(--main-color-bg);left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:var(--main-color-bg);left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:var(--main-color-bg);left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} .tooltipster-sidetip.tooltipster-borderless .tooltipster-box{border:none;background:var(--main-color-bg);background:var(--main-color-bg)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{height:8px;margin-left:-8px;width:16px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{height:16px;margin-left:0;margin-top:-8px;width:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{border:8px solid transparent}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:var(--main-color-bg);border-bottom-color:var(--main-color-bg)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{border-left-color:var(--main-color-bg);border-left-color:var(--main-color-bg)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{border-right-color:var(--main-color-bg);border-right-color:var(--main-color-bg)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{border-top-color:var(--main-color-bg);border-top-color:var(--main-color-bg)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{left:-8px} .tooltipster-sidetip.tooltipster-light .tooltipster-box{-webkit-border-radius:3px;border-radius:3px;border:0px solid transparent;background:var(--main-color-bg)}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#505a67}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:var(--main-color-bg);top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:var(--main-color-bg);left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:var(--main-color-bg);left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:var(--main-color-bg);top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px} .tooltipster-content { font-size: 14px; } .tooltipster-follower .tooltipster-box{background:var(--main-color-bg);border:2px solid #000;-webkit-border-radius:4px;border-radius:4px}.tooltipster-follower .tooltipster-content{color:#ffffff;line-height:18px;padding:6px 14px}.tooltipster-follower.tooltipster-borderless .tooltipster-box{border:none;background:var(--main-color-bg);background:var(--main-color-bg)}.tooltipster-follower.tooltipster-light .tooltipster-box{-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;background:var(--main-color-bg)}.tooltipster-follower.tooltipster-light .tooltipster-content{color:#666}.tooltipster-follower.tooltipster-noir .tooltipster-box{-webkit-border-radius:0;border-radius:0;border:3px solid #000;background:#fff}.tooltipster-follower.tooltipster-noir .tooltipster-content{color:#000}.tooltipster-follower.tooltipster-punk .tooltipster-box{-webkit-border-radius:5px;border-radius:5px;border:none;border-bottom:3px solid #f71169;background:#2a2a2a}.tooltipster-follower.tooltipster-shadow .tooltipster-box{border:none;-webkit-border-radius:5px;border-radius:5px;background:#ffffff;-webkit-box-shadow:0 0 10px 6px rgba(0,0,0,.1);box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-follower.tooltipster-shadow .tooltipster-content{color:#8d8d8d} .tooltip-body { display:none; max-width: 320px; padding-left: 5px; } .tooltip-body * { color: #ffffff !important; font-size: 16px !important; font-family: var(--font-family-text) !important; line-height: 1.4 !important; } .tooltipster-content .tooltip-body { display: block; } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #ffffff; text-align: center; background-color: #000; border-radius: 0.25rem; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } /* Include this file in your html if you are using the CSP mode. */ [uib-tooltip-popup].tooltip.top-left > .tooltip-arrow, [uib-tooltip-popup].tooltip.top-right > .tooltip-arrow, [uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow, [uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow, [uib-tooltip-popup].tooltip.left-top > .tooltip-arrow, [uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow, [uib-tooltip-popup].tooltip.right-top > .tooltip-arrow, [uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow, [uib-tooltip-popup].tooltip > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow, [uib-tooltip-html-popup].tooltip > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow, [uib-tooltip-template-popup].tooltip > .tooltip-arrow, [uib-popover-popup].popover.top-left > .arrow, [uib-popover-popup].popover.top-right > .arrow, [uib-popover-popup].popover.bottom-left > .arrow, [uib-popover-popup].popover.bottom-right > .arrow, [uib-popover-popup].popover.left-top > .arrow, [uib-popover-popup].popover.left-bottom > .arrow, [uib-popover-popup].popover.right-top > .arrow, [uib-popover-popup].popover.right-bottom > .arrow, [uib-popover-popup].popover > .arrow, [uib-popover-html-popup].popover.top-left > .arrow, [uib-popover-html-popup].popover.top-right > .arrow, [uib-popover-html-popup].popover.bottom-left > .arrow, [uib-popover-html-popup].popover.bottom-right > .arrow, [uib-popover-html-popup].popover.left-top > .arrow, [uib-popover-html-popup].popover.left-bottom > .arrow, [uib-popover-html-popup].popover.right-top > .arrow, [uib-popover-html-popup].popover.right-bottom > .arrow, [uib-popover-html-popup].popover > .arrow, [uib-popover-template-popup].popover.top-left > .arrow, [uib-popover-template-popup].popover.top-right > .arrow, [uib-popover-template-popup].popover.bottom-left > .arrow, [uib-popover-template-popup].popover.bottom-right > .arrow, [uib-popover-template-popup].popover.left-top > .arrow, [uib-popover-template-popup].popover.left-bottom > .arrow, [uib-popover-template-popup].popover.right-top > .arrow, [uib-popover-template-popup].popover.right-bottom > .arrow, [uib-popover-template-popup].popover > .arrow { top: auto; bottom: auto; left: auto; right: auto; margin: 0; } [uib-popover-popup].popover, [uib-popover-html-popup].popover, [uib-popover-template-popup].popover { display: block !important; } .uib-position-measure { display: block !important; visibility: hidden !important; position: absolute !important; top: -9999px !important; left: -9999px !important; } .uib-position-scrollbar-measure { position: absolute !important; top: -9999px !important; width: 50px !important; height: 50px !important; overflow: scroll !important; } .uib-position-body-scrollbar-measure { overflow: scroll !important; } /** * @license videogular v1.4.3 http://videogular.com * Two Fucking Developers http://twofuckingdevelopers.com * License: MIT */ @font-face { font-family: 'videogular'; src: url("/assets/css/fonts/videogular.eot"); src: url("/assets/css/fonts/videogular.eot?#iefix") format("embedded-opentype"), url("/assets/css/fonts/videogular.woff") format("woff"), url("/assets/css/fonts/videogular.ttf") format("truetype"), url("f/assets/css/onts/videogular.svg#videogular") format("svg"); font-weight: normal; font-style: normal; } videogular, [videogular] { width: 100%; height: 100%; position: relative; background-color: #000000; display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; /*****************/ /* Poster plugin */ /*****************/ /**********************/ /* OverlayPlay plugin */ /**********************/ /*********************/ /* Controlbar plugin */ /*********************/ /* IE10 hack */ /* Controlbar icons */ /********************/ /* Buffering plugin */ /********************/ /* Loading Spinner * http://www.alessioatzeni.com/blog/css3-loading-animation-loop/ */ /**********************/ /* IMA ads plugin */ /**********************/ } videogular button, [videogular] button { cursor: pointer; } videogular.fullscreen, [videogular].fullscreen { position: fixed; left: 0; top: 0; } videogular vg-media, [videogular] vg-media { width: 100% !important; height: 100% ; max-width: 100%; max-height: 100%; display: block; } videogular vg-media video, [videogular] vg-media video { width: 100%; height: 100%; max-width: 100%; max-height: 100%; } videogular.fullscreen vg-media, [videogular].fullscreen vg-media { height: 100% !important; } videogular .iconButton, [videogular] .iconButton { color: #FFFFFF; font-family: 'videogular'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; background: none; padding: 6px; border: none; -webkit-border-radius: 3px; border-radius: 3px; font-size: 20px !important;} videogular .iconButton:hover, [videogular] .iconButton:hover { background-color: #ff0000; } videogular .iconButton:focus, [videogular] .iconButton:focus { -webkit-box-shadow: none; box-shadow: none; } videogular vg-poster, [videogular] vg-poster { width: 100%; height: 100%; max-width: 100%; max-height: 100%; position: absolute; display: block; z-index: 1; top: 0; pointer-events: none; } videogular vg-poster img, [videogular] vg-poster img { width: auto; height: auto; max-width: 100% !important; max-height: 100%; top: 0; bottom: 0; right: 0; left: 0; margin: auto; position: absolute; } videogular vg-poster img.pause, videogular vg-poster img.play, [videogular] vg-poster img.pause, [videogular] vg-poster img.play { display: none; } videogular vg-poster img.stop, [videogular] vg-poster img.stop { display: block; } videogular vg-overlay-play, [videogular] vg-overlay-play { width: 100%; height: 100%; max-width: 100%; max-height: 100%; position: absolute; z-index: 2; top: 0; left: 0;} videogular vg-overlay-play .play:before, [videogular] vg-overlay-play .play:before { content: "\e000"; } videogular vg-overlay-play .overlayPlayContainer, [videogular] vg-overlay-play .overlayPlayContainer { font-size: 100px; width: 100%; height: 100%; max-width: 100%; max-height: 100%; position: absolute; display: table; cursor: pointer; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; } videogular vg-overlay-play .overlayPlayContainer div, [videogular] vg-overlay-play .overlayPlayContainer div { vertical-align: middle; text-align: center; display: table-cell; background-color: transparent !important; } videogular vg-controls, [videogular] vg-controls { width: 100%; height: 50px; display: block; position: absolute; z-index: 3; bottom: 0; } videogular vg-controls .controls-container, [videogular] vg-controls .controls-container { width: 100%; height: 50px; position: absolute; display: table; zoom: 1; background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.5))); background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5)); background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5)); background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5)); -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; color: #ffffff; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } videogular vg-play-pause-button, [videogular] vg-play-pause-button { display: table-cell; width: 50px; vertical-align: middle; text-align: center; cursor: pointer; } videogular vg-time-display, [videogular] vg-time-display { color: #FFFFFF; display: table-cell; font-size: 18px; width: 75px; vertical-align: middle; text-align: center; cursor: default; } videogular .vgTimeDisplay, [videogular] .vgTimeDisplay { display: table-cell; font-family: Arial; font-size: 18px; width: auto; } videogular vg-scrub-bar, [videogular] vg-scrub-bar { width: auto; display: table-cell; cursor: pointer; vertical-align: middle; position: relative; } videogular vg-scrub-bar [role=slider], [videogular] vg-scrub-bar [role=slider] { margin-top: 24px; margin-bottom: 24px; height: 8px; background-color: rgba(255,255,255,.25); position: relative; -webkit-border-radius: 4px; border-radius: 4px;} videogular vg-scrub-bar .container, [videogular] vg-scrub-bar .container { position: absolute; width: 100%; height: 8px; top: 24px; padding-left: 0; background-color: transparent; min-height: auto;} videogular vg-scrub-bar :focus vg-scrub-bar-current-time, [videogular] vg-scrub-bar :focus vg-scrub-bar-current-time { border-right: 6px black groove; } videogular vg-scrub-bar-current-time, [videogular] vg-scrub-bar-current-time { position: absolute; background-color: #ff0000; width: 100%; height: 100%; display: block; cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px;} videogular vg-scrub-bar-buffer, [videogular] vg-scrub-bar-buffer { position: absolute; background-color: #FFFFFF; width: 100%; height: 100%; display: block; cursor: pointer; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } videogular vg-scrub-bar-cue-points, [videogular] vg-scrub-bar-cue-points { width: 100%; height: 100%; display: block; position: absolute; } videogular vg-scrub-bar-cue-points .cue-point-timeline, [videogular] vg-scrub-bar-cue-points .cue-point-timeline { color: #FFFFFF; padding-top: 3px; } videogular vg-scrub-bar-cue-points .cue-point-timeline .cue-point, [videogular] vg-scrub-bar-cue-points .cue-point-timeline .cue-point { position: absolute; height: 3px; background-color: #FFFFFF; } videogular vg-scrub-bar-thumbnails, [videogular] vg-scrub-bar-thumbnails { position: absolute; width: 100%; height: 100%; display: block; cursor: pointer; bottom: 24px; z-index: 1; } videogular vg-scrub-bar-thumbnails .vg-thumbnails, [videogular] vg-scrub-bar-thumbnails .vg-thumbnails { position: absolute; top: -20px; margin-top: -40px; width: 80px; height: 60px; overflow: hidden; } videogular vg-scrub-bar-thumbnails .vg-thumbnails .image-thumbnail, [videogular] vg-scrub-bar-thumbnails .vg-thumbnails .image-thumbnail { height: 60px; background-repeat: no-repeat; } videogular vg-scrub-bar-thumbnails .background, [videogular] vg-scrub-bar-thumbnails .background { width: 100%; height: 50px; } videogular vg-playback-button, [videogular] vg-playback-button { display: table-cell; width: 50px; vertical-align: middle; text-align: center; cursor: pointer; } videogular vg-volume, [videogular] vg-volume { display: table-cell; width: 50px; vertical-align: middle; text-align: center; cursor: pointer; } videogular vg-volume-bar, [videogular] vg-volume-bar { width: 30px; height: 100px; top: -100px; margin-left: -15px; vertical-align: middle; text-align: center; position: absolute; cursor: pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { videogular vg-volume-bar, [videogular] vg-volume-bar { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } } videogular vg-fullscreen-button, [videogular] vg-fullscreen-button { display: table-cell; width: 50px; vertical-align: middle; text-align: center; cursor: pointer; } videogular vg-volume-bar .verticalVolumeBar, [videogular] vg-volume-bar .verticalVolumeBar { width: 30px; height: 100px; background-color: transparent; -webkit-border-radius: 8px; border-radius: 8px; position: absolute; } videogular vg-volume-bar .volumeBackground, [videogular] vg-volume-bar .volumeBackground { width: 8px; height: 85px; left:11px; top: 15px; background-color: rgba(255,255,255,.25); position: absolute; -webkit-border-radius: 4px; border-radius: 4px;} videogular vg-volume-bar .volumeValue, [videogular] vg-volume-bar .volumeValue { width: 8px; height: 100%; background-color: #ff0000; position: absolute; -webkit-border-radius: 4px; border-radius: 4px;} videogular vg-volume-bar .volumeClickArea, [videogular] vg-volume-bar .volumeClickArea { width: 23px; height: 100%; position: absolute; margin-left: -7px; } videogular vg-controls .hide-animation, [videogular] vg-controls .hide-animation { animation: hideControlsAnimationFrames ease-out 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; /*when the spec is finished*/ -webkit-animation: hideControlsAnimationFrames ease-out 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: hideControlsAnimationFrames ease-out 0.5s; -moz-animation-iteration-count: 1; -moz-animation-fill-mode: forwards; /*FF 5+*/ -o-animation: hideControlsAnimationFrames ease-out 0.5s; -o-animation-iteration-count: 1; -o-animation-fill-mode: forwards; /*Not implemented yet*/ -ms-animation: hideControlsAnimationFrames ease-out 0.5s; -ms-animation-iteration-count: 1; -ms-animation-fill-mode: forwards; /*IE 10+*/ } @keyframes hideControlsAnimationFrames { 0% { opacity: 0.5; } 100% { opacity: 0; } } @-webkit-keyframes hideControlsAnimationFrames { 0% { opacity: 0.5; } 100% { opacity: 0; } } @keyframes showControlsAnimationFrames { 0% { background-color: transparent; } 100% { background-color: rgba(0, 0, 0, 0.5); } } @-webkit-keyframes showControlsAnimationFrames { 0% { background-color: transparent; } 100% { background-color: rgba(0, 0, 0, 0.5); } } videogular vg-play-pause-button .play:before, [videogular] vg-play-pause-button .play:before { content: "\e000"; } videogular vg-play-pause-button .pause:before, [videogular] vg-play-pause-button .pause:before { content: "\e001"; } videogular vg-mute-button, [videogular] vg-mute-button { width: 50px; display: block; } videogular vg-mute-button .level3:before, [videogular] vg-mute-button .level3:before { content: "\e002"; } videogular vg-mute-button .level2:before, [videogular] vg-mute-button .level2:before { content: "\e003"; } videogular vg-mute-button .level1:before, [videogular] vg-mute-button .level1:before { content: "\e004"; } videogular vg-mute-button .level0:before, [videogular] vg-mute-button .level0:before { content: "\e005"; } videogular vg-mute-button .mute:before, [videogular] vg-mute-button .mute:before { content: "\e006"; } videogular vg-fullscreen-button .enter,[videogular] vg-fullscreen-button .enter { font-family: 'fontAwesome'; } videogular vg-fullscreen-button .enter:before, [videogular] vg-fullscreen-button .enter:before { content: "\f065"; } videogular vg-fullscreen-button .exit:before, [videogular] vg-fullscreen-button .exit:before { content: "\e008"; } videogular vg-buffering, [videogular] vg-buffering { width: 100%; height: 100%; position: absolute; z-index: 4; top: 0; } videogular vg-buffering .bufferingContainer, [videogular] vg-buffering .bufferingContainer { width: 100%; position: absolute; cursor: pointer; top: 50%; margin-top: -50px; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; } videogular vg-buffering .loadingSpinner, [videogular] vg-buffering .loadingSpinner { background-color: transparent; border: 5px solid white; opacity: .9; border-top: 5px solid transparent; border-left: 5px solid transparent; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 0 35px #FFFFFF; box-shadow: 0 0 35px #FFFFFF; width: 50px; height: 50px; margin: 0 auto; -moz-animation: spin .5s infinite linear; -webkit-animation: spin .5s infinite linear; } videogular vg-buffering .loadingSpinner .stop, [videogular] vg-buffering .loadingSpinner .stop { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes spinoff { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } videogular vg-ima-ads, [videogular] vg-ima-ads { width: 100%; height: 100%; position: absolute; z-index: 5; top: 0; display: none; } videogular vg-overlay-play .overlayPlayContainer, [videogular] vg-overlay-play .overlayPlayContainer { opacity: 1; } videogular vg-overlay-play .play:before, [videogular] vg-overlay-play .play:before { background: url(../img/play.png) transparent center center no-repeat; -webkit-background-size: 80px auto; background-size: 80px auto; content: ""; width: 80px; height: 80px; left: 50%; top: 50%; position: absolute; margin-left: -40px; margin-top: -40px; display: block; } videogular vg-controls .controls-container, [videogular] vg-controls .controls-container { background-color: #000000; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;-o-transition:transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ .owl-carousel { padding: 0 32px; } .owl-theme.owl-carousel .owl-nav:not:(.disabled) { text-align: center; -webkit-tap-highlight-color: transparent; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .owl-theme.owl-carousel .owl-nav [class*='owl-'] { color: #ffffff; font-size: 14px; margin: 0 ; padding: 4px 7px; background: rgba(171, 14, 14, 1); display: inline-block; cursor: pointer; -webkit-border-radius: 0; border-radius: 0; position: absolute; top: 50%; margin-top: -16px !important; } .owl-theme.owl-carousel .owl-nav [class*='owl-']:hover { background: #f51b27; color: #ffffff; text-decoration: none; } .owl-theme.owl-carousel .owl-nav .disabled { opacity: 0; cursor: default; } .owl-theme.owl-carousel .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme.owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme.owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme.owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #000000; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; border-radius: 30px; } .owl-theme.owl-carousel .owl-dots .owl-dot.active span, .owl-theme.owl-carousel .owl-dots .owl-dot:hover span { background: #869791; } .owl-carousel .owl-stage, .owl-carousel .owl-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .owl-carousel.owl-drag .owl-item { opacity: 0.5; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .owl-carousel.owl-drag .owl-item > * { margin-left: auto; margin-right: auto; } .owl-carousel.owl-drag .owl-item.active { opacity: 1; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { height: 32px; width: 32px; font-size: 32px; line-height: 32px; position: relative; color: #ffffff; } .owl-carousel .owl-nav button.owl-next { right: 0; } .owl-carousel .owl-nav button.owl-prev { left:0; } .owl-carousel .owl-nav button.owl-next:before { font-family: "Ionicons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f3d1"; font-size: 26px; } .owl-carousel .owl-nav button.owl-prev:before { font-family: "Ionicons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\f3cf"; font-size: 26px; } /* Angular */ @charset "UTF-8"; [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) { display: none !important; } ng\:form { display: block; } .ng-animate-shim { visibility: hidden; } .ng-anchor { position: absolute; } /* Isotope */ .isotope { padding-bottom: 160px; } .isotope ul { position: relative; } .isotope li { margin-right: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); font-family: var(--font-family-main); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; } .dropdown { position: relative; } .dropdown .submenu { display: none; position: absolute; top: var(--header-height); background-color: transparent; padding: 0; margin: 0; text-align: center; list-style: none; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); z-index: 1; } .dropdown:hover:before { } #header .dropdown:hover:before { } #header .dropdown .submenu:before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #272727; content: ""; position: absolute; margin-left: -20px; top: 37px; left: 40px; } .dropdown:not(#languages) .submenu { width: 215px; margin-left: 16px; left: 0; } .dropdown:hover .submenu { display: block; } .submenu a { color: #ffffff; display: block; text-align: left; padding: 5px 0px; text-transform: uppercase; font-weight: normal; margin: 0; font-size: 14px; letter-spacing: 2px; background-color: #272727; } .submenu a:hover { color: #ffffff; background-color: #272727; } .dropdown>a:after { content: "\f3d0"; font-family: "Ionicons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 7px; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: var(--border-radius-form); border-radius: var(--border-radius-form); min-width: 230px; /*.dow { border-top: 1px solid #ddd !important; }*/ font-weight: 100; } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker>div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: var(--border-radius-form); border-radius: var(--border-radius-form); } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.day.disabled { color: #eeeeee; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.active, .datepicker td.active:hover { color: #ffffff; background-color: #333c4e; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { color: #ffffff; background-color: #536382; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #536382; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: var(--border-radius-form); border-radius: var(--border-radius-form); } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { color: #ffffff; background-color: #536382; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { color: #ffffff; background-color: #536382; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 21px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } /*! * Fotorama 4.6.3 | http://fotorama.io/license/ */ .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0 } .fotorama--fullscreen, .fotorama__img { max-width: 99999px!important; max-height: 99999px!important; min-width: 0!important; min-height: 0!important; -webkit-border-radius: 0!important; border-radius: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; padding: 0!important } .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .fotorama__spinner { position: absolute!important; top: 50%!important; left: 50%!important } .fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame { -webkit-transform: translateZ(0); transform: translateZ(0) } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame { outline: 0 } .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after { content: ''; -webkit-border-radius: inherit; border-radius: inherit; background-color: rgba(0, 175, 234, .5) } .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important } .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-property: -webkit-transform, width; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: transform, width; transition-property: transform, width; transition-property: transform, width, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.1, 0, .25, 1); -o-transition-timing-function: cubic-bezier(0.1, 0, .25, 1); transition-timing-function: cubic-bezier(0.1, 0, .25, 1); -webkit-transition-duration: 0ms; -o-transition-duration: 0ms; transition-duration: 0ms } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fotorama__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0 } .fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1 } .fotorama__nav__frame, .fotorama__thumb-border { -webkit-box-sizing: content-box; box-sizing: content-box } .fotorama__caption__wrap { -webkit-box-sizing: border-box; box-sizing: border-box } .fotorama--hidden, .fotorama__load { position: absolute; left: -99999px; top: -99999px; z-index: -1 } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play { -webkit-tap-highlight-color: transparent } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url(../img/fotorama/fotorama.png) no-repeat } @media (-webkit-min-device-pixel-ratio:1.5), (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:2dppx) { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url(../img/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat } } .fotorama__thumb { background-color: #7f7f7f; background-color: rgba(127, 127, 127, .2) } @media print { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play { background: none!important } } .fotorama { min-width: 1px; overflow: hidden } .fotorama:not(.fotorama--unobtrusive)>*:not(:first-child) { display: none } .fullscreen { width: 100%!important; height: 100%!important; max-width: 100%!important; max-height: 100%!important; margin: 0!important; padding: 0!important; overflow: hidden!important; background: #000 } .fotorama--fullscreen { position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; float: none!important; z-index: 2147483647!important; background: #000; width: 100%!important; height: 100%!important; margin: 0!important } .fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage { background: #000 } .fotorama__wrap { -webkit-text-size-adjust: 100%; position: relative; direction: ltr; z-index: 0 } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl } .fotorama__nav, .fotorama__stage { overflow: hidden; position: relative; max-width: 100% } .fotorama__wrap--pan-y { -ms-touch-action: pan-y } .fotorama__wrap .fotorama__pointer { cursor: pointer } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1!important } .fotorama__stage__frame { overflow: hidden } .fotorama__stage__frame.fotorama__active { z-index: 8 } .fotorama__wrap--fade .fotorama__stage__frame { display: none } .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0 } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8 } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7 } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9 } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none } .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: none!important } .fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img { -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full { display: none } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block } .fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage { max-width: 99999px!important } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible } .fotorama__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5 } .fotorama__nav__shaft { position: relative; left: 0; top: 0; text-align: left } .fotorama__nav__frame { position: relative; cursor: pointer } .fotorama__nav--dots { display: block } .fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none } .fotorama__nav--thumbs { display: block } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none } .fotorama__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #7f7f7f } .fotorama__nav__frame:focus .fotorama__dot:after { padding: 1px; top: -1px; left: -1px } .fotorama__nav__frame.fotorama__active .fotorama__dot { width: 0; height: 0; border-width: 3px } .fotorama__nav__frame.fotorama__active .fotorama__dot:after { padding: 3px; top: -3px; left: -3px } .fotorama__thumb { overflow: hidden; position: relative; width: 100%; height: 100% } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2 } .fotorama__thumb-border { position: absolute; z-index: 9; top: 0; left: 0; border-style: solid; border-color: #00afea; background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, .25)), to(rgba(64, 64, 64, .1))); background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1)); background-image: -o-linear-gradient(top left, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1)); background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1)) } .fotorama__caption { position: absolute; z-index: 12; bottom: 0; left: 0; right: 0; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #000 } .fotorama__caption a { text-decoration: none; color: #000; border-bottom: 1px solid; border-color: rgba(0, 0, 0, .5) } .fotorama__caption a:hover { color: #333; border-color: rgba(51, 51, 51, .5) } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0 } .fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption { display: none } .fotorama__caption__wrap { background-color: #ffffff; background-color: rgba(255, 255, 255, .9); padding: 5px 10px } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .fotorama__wrap--css3 .fotorama__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear } .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .fotorama__select { cursor: auto } .fotorama__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10 } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { position: absolute; z-index: 11; cursor: pointer } .fotorama__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px } .fotorama__arr--prev { left: 2px; background-position: 0 0 } .fotorama__arr--next { right: 2px; background-position: -32px 0 } .fotorama__arr--disabled { pointer-events: none; cursor: default; *display: none; opacity: .1 } .fotorama__fullscreen-icon { width: 32px; height: 32px; top: 2px; right: 2px; background-position: 0 -32px; z-index: 20 } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus { -webkit-border-radius: 50%; border-radius: 50% } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -32px -32px } .fotorama__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none } .fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { opacity: 1; display: block } .fotorama__nav__frame .fotorama__video-play { width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px } .fotorama__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-close { display: none } .fotorama__wrap--css3 .fotorama__video-close { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0) } .fotorama__wrap--video .fotorama__video-close { display: block; opacity: 1 } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0 } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1 } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0!important } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none!important } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-48px, 0, 0); transform: translate3d(-48px, 0, 0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(48px, 0, 0); transform: translate3d(48px, 0, 0) } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(32px, -32px, 0)!important; transform: translate3d(32px, -32px, 0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-48px, 0, 0)!important; transform: translate3d(-48px, 0, 0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(48px, 0, 0)!important; transform: translate3d(48px, 0, 0)!important } .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: -webkit-transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s } .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; -webkit-background-size: 1px 100%, 5px 100%; background-size: 1px 100%, 5px 100% } .fotorama__nav:before, .fotorama__stage:before { background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, .2)), color-stop(75%, rgba(0, 0, 0, .3)), to(transparent)), -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, .4), transparent); background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, .2)), color-stop(75%, rgba(0, 0, 0, .3)), to(transparent)), -o-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, .4), transparent); background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, .2)), color-stop(75%, rgba(0, 0, 0, .3)), to(transparent)), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent); background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, .4), transparent); background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), -o-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, .4), transparent); background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent); background-position: 0 0, 0 0; left: -10px } .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before { left: 0 } .fotorama__nav:after, .fotorama__stage:after { background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, .2)), color-stop(75%, rgba(0, 0, 0, .3)), to(transparent)), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, .4), transparent); background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, .2)), color-stop(75%, rgba(0, 0, 0, .3)), to(transparent)), -o-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, .4), transparent); background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, .2)), color-stop(75%, rgba(0, 0, 0, .3)), to(transparent)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent); background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, .4), transparent); background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), -o-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, .4), transparent); background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent); background-position: 100% 0, 100% 0; right: -10px } .fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after { right: 0 } .fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before { display: none } /* General styles for the modal */ /* Styles for the html/body for special modal where we want 3d effects Note that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay). */ .control-group.submit .controls, .control-group.social .controls { margin-bottom: 0; font-weight: normal; position: relative; } .forgotPassword { position: absolute; right: 0; top: 12px; } .response-message { text-align: center; } .gigya-error-display { color: #d31411; display: none !important; } .gigya-input-submit { margin-right: 20px; background-color: rgb(0, 121, 188); color: #ffffff; } .md-close { color: #ffffff; font-size: 24px; cursor: pointer; } .md-close:hover { color: #ffffff; } .md-perspective, .md-perspective body { height: 100%; overflow: hidden; } .md-perspective body { background: #222; -webkit-perspective: 600px; perspective: 600px; } .container { background: #e74c3c; min-height: 100%; } .md-modal { position: fixed; top: 50%; left: 50%; width: 70%; max-width: 630px; min-width: 320px; height: auto; z-index: 99999; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: left; } .md-show { visibility: visible; } .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 99998; opacity: 0; background: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .md-show~.md-overlay { opacity: 1; visibility: visible; } /* Content styles */ .md-content { background: #ffffff; position: relative; margin: 0 auto; } .md-content .message-error { margin-top: 0; margin-bottom: 24px; color: red; } .md-content .md-header { color: #ffffff; background-color: var(--main-color-bg); position: relative; margin: 0 auto; height: 84px; padding: 0 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } .md-content .md-header .md-header-title { margin: 0; color: #ffffff; } .md-header img { margin-top: -20px; left: 35px; position: absolute; height: 50px; } .md-content h3 { margin: 0; padding: 0.4em; text-align: center; font-size: 2.4em; font-weight: 300; opacity: 0.8; background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .md-content>* { padding: 24px 40px; margin: 0; font-size: 18px; } .md-content>* p { margin: 0; padding: 10px 0; } .md-content>* ul { margin: 0; padding: 0 0 30px 20px; } .md-content>* ul li { padding: 5px 0; } .md-content button { display: block; margin: 0; font-size: 0.8em; } .md-content button.btn-lg { font-size: 18px; } .md-content #screen a { color: var(--main-color-bg); } .md-content #screen .row .col3, .md-content #screen .row .devider { display: none; } /* Individual modal styles with animations/transitions */ /* Effect 1: Fade in and scale up */ .md-effect-1 .md-content { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-1 .md-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 2: Slide from the right */ .md-effect-2 .md-content { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .md-show.md-effect-2 .md-content { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* Effect 3: Slide from the bottom */ .md-effect-3 .md-content { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-3 .md-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 4: Newspaper */ .md-effect-4 .md-content { -webkit-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .md-show.md-effect-4~.md-overlay, .md-effect-4 .md-content { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .md-show.md-effect-4 .md-content { -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* Effect 5: fall */ .md-effect-5.md-modal { -webkit-perspective: 1300px; perspective: 1300px; } .md-effect-5 .md-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .md-show.md-effect-5 .md-content { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* Effect 6: side fall */ .md-effect-6.md-modal { -webkit-perspective: 1300px; perspective: 1300px; } .md-effect-6 .md-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .md-show.md-effect-6 .md-content { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* Effect 7: slide and stick to top */ .md-effect-7 { top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .md-effect-7 .md-content { -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; } .md-show.md-effect-7 .md-content { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; opacity: 1; } /* Effect 8: 3D flip horizontal */ .md-effect-8.md-modal { -webkit-perspective: 1300px; perspective: 1300px; } .md-effect-8 .md-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .md-show.md-effect-8 .md-content { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* Effect 9: 3D flip vertical */ .md-effect-9.md-modal { -webkit-perspective: 1300px; perspective: 1300px; } .md-effect-9 .md-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .md-show.md-effect-9 .md-content { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 10: 3D sign */ .md-effect-10.md-modal { -webkit-perspective: 1300px; perspective: 1300px; } .md-effect-10 .md-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-10 .md-content { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 11: Super scaled */ .md-effect-11 .md-content { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-11 .md-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 12: Just me */ .md-effect-12 .md-content { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-12~.md-overlay { background: #e74c3c; } .md-effect-12 .md-content h3, .md-effect-12 .md-content { background: transparent; } .md-show.md-effect-12 .md-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 13: 3D slit */ .md-effect-13.md-modal { -webkit-perspective: 1300px; perspective: 1300px; } .md-effect-13 .md-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .md-show.md-effect-13 .md-content { -webkit-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); opacity: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* Effect 14: 3D Rotate from bottom */ .md-effect-14.md-modal { -webkit-perspective: 1300px; perspective: 1300px; } .md-effect-14 .md-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .md-show.md-effect-14 .md-content { -webkit-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* Effect 15: 3D Rotate in from left */ .md-effect-15.md-modal { -webkit-perspective: 1300px; perspective: 1300px; } .md-effect-15 .md-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-15 .md-content { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* Effect 16: Blur */ .md-show.md-effect-16~.md-overlay { background: rgba(180, 46, 32, 0.5); } .md-show.md-effect-16~.container { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); } .md-effect-16 .md-content { -webkit-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; } .md-show.md-effect-16~.container, .md-effect-16 .md-content { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-16 .md-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 17: Slide in from bottom with perspective on container */ .md-show.md-effect-17~.container { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .md-show.md-effect-17~.container, .md-show.md-effect-17~.md-overlay { -webkit-transform: rotateX(-2deg); -ms-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .md-effect-17 .md-content { opacity: 0; -webkit-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); } .md-show.md-effect-17 .md-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.3s 0.2s; -o-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; } /* Effect 18: Slide from right with perspective on container */ .md-show.md-effect-18~.container { height: 100%; overflow: hidden; } .md-show.md-effect-18~.md-overlay { background: rgba(143, 27, 15, 0.8); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .md-show.md-effect-18~.container, .md-show.md-effect-18~.md-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 0% 50%; -moz-animation: rotateRightSideFirst 0.5s forwards ease-in; transform-style: preserve-3d; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; animation: rotateRightSideFirst 0.5s forwards ease-in; } @-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(-200px); } } @keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); } } .md-effect-18 .md-content { -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; } .md-show.md-effect-18 .md-content { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -o-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } /* Effect 19: Slip in from the top with perspective on container */ .md-show.md-effect-19~.container { height: 100%; overflow: hidden; } .md-show.md-effect-19~.md-overlay { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .md-show.md-effect-19~.container, .md-show.md-effect-19~.md-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; -webkit-animation: OpenTop 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 50% 100%; -moz-animation: OpenTop 0.5s forwards ease-in; transform-style: preserve-3d; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in; } @-webkit-keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; } } @keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .md-effect-19 .md-content { -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } .md-show.md-effect-19 .md-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -o-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } /* ========================================================== Exceptions for this project ========================================================== */ /* ========================================================== HELPERS ========================================================== */ .ir, .icon { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display: none; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ========================================================== MEDIA QUERIES ========================================================== */ /* Large screen ========================================================== */ @media only screen and (max-width: 1920px) { .the-boat #the-boat ul { -webkit-transform: scale(0.70); -ms-transform: scale(0.70); transform: scale(0.70); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } } @media only screen and (max-width: 1680px) { :root { --max-width-column: 100%; --header-height:70px; } #header .navigation { width:450px; } #footer .logo-img { height: 40px; } #header #language-toggle, #header #navigation-toggle { /* width:70px; */ } .the-boat #the-boat ul { min-height: 1100px; -webkit-transform: scale(0.67); -ms-transform: scale(0.67); transform: scale(0.67); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } .the-boat #the-boat ul li .wrapper { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .the-boat #the-boat ul li.carbon-mast .wrapper { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .the-boat #the-boat ul li.t-foils .wrapper { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .the-boat #the-boat ul li.soft-wing .wrapper { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .the-boat #the-boat ul li.code-zero .wrapper { -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .timeline-history { max-width: 95% !important; } #store-wrapper { flex-direction: column; padding-bottom: 0; } #store-wrapper > *{ width: 100%; } #store-main-text li{ flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; } #store-main-text { padding-top: 40px; } .ac-results { height: 514px !important; } } @media only screen and (max-width: 1440px) { :root { --img-max-w: 200px; --max-width-column:100%; } .header-footer-zone { padding: 0px; } #languages .submenu a { font-size: 12px; } #header .social-icons .social-newsletter { margin: 0; } .section-title, .widget-title { font-size: 32px; } .tabs-end header .search-container, .tabs-start header .search-container { margin-top: -20px; } .menu>li>a { padding-left: 12px; padding-right: 12px; } h1 { font-size: 48px; } .one-five.social-stream .socialstream-item, .one-six.social-stream .socialstream-item, .one-seven.social-stream .socialstream-item, .one-eight.social-stream .socialstream-item { width: calc(24.99% - var(--gap)); } .one-four:not(.full-width) .more-items-item .wrapper, .one-five:not(.full-width) .more-items-item .wrapper, .one-six:not(.full-width) .more-items-item .wrapper, .one-seven:not(.full-width) .more-items-item .wrapper, .one-eight:not(.full-width) .more-items-item .wrapper, .social-stream:not(.full-width) .more-items-item .wrapper { padding: 20px; } .tabs-end, .tabs-start { padding-top: 108px !important; } .tabs-col .tabs-content { padding-left: 150px; padding-right: 150px; } .social-stream:not(.full-width):not(.one-two):not(.one-one) .socialstream-item .socialstream-item-username { font-size: 13px; } .social-stream:not(.full-width):not(.one-two):not(.one-one) .socialstream-item .socialstream-item-time { font-size: 10px; } .social-stream:not(.full-width):not(.one-two):not(.one-one) .socialstream-item .socialstream-item-message { font-size: 13px; } .social-stream:not(.full-width) .socialstream-item .socialstream-item-time, .social-stream:not(.full-width) .socialstream-item .socialstream-item-username { padding-left: 40px; padding-right: 40px; } .social-stream:not(.full-width) .socialstream-item .wrapper:after { width: 24px; height: 24px; font-size: 24px; line-height: 24px; top: 18px; right: 15px; } .social-stream:not(.full-width) .socialstream-item .socialstream-item-username-image, .social-stream.list-view .socialstream-item .socialstream-item-username-image { width: 30px; top: 16px; left: 15px; } .md-content>*, .md-content .md-header { padding-left: 30px; padding-right: 30px; } .more-items-item .wrapper { padding: 15px 20px; } #timeline-content .wrapper h2 { font-size: 20px; } #timeline-content .wrapper p { font-size: 16px; } .the-boat #the-boat ul { -webkit-transform: scale(0.55); -ms-transform: scale(0.55); transform: scale(0.55); } /* Felix 1440 */ /* Nesletter overlay */ #signup-footer.home-signup #widget-embed .widget-title { font-size: 36px; } #signup-footer.home-signup #widget-embed h2 { font-size: 22px; margin-top: 0; } #signup-footer.home-signup form img { max-height: 200px; } #modal-newsletter .dontshow { position: absolute; right: 0; bottom: 0; } /* Live */ #live-wrapper #widget-embed video, #live-wrapper #widget-embed iframe { height: calc(100svh - var(--header-height) - 231px); width: auto; max-width: var(--max-width-column); } #live-wrapper > .widget-wrapper { width: calc((16 * (100svh - var(--header-height) - 231px)) / 9); max-width: var(--max-width-column); } #countdown-top-stories:after { margin-right: 5px; height: 29%; } #live-wrapper .aus-button { right: calc(100% - ((100svh - var(--header-height) - 231px) * 16) / 9); } .column>.widget:not(.full-width)>*, .column>.widget.widget-wrapper:not(.full-width) { max-width: var(--max-width-column); } .home #row-second { padding-right:calc((100% - var(--max-width-column) )/2); padding-left:calc((100% - var(--max-width-column) )/2); } #home-wrapper { max-width: var(--max-width-column); } .slide-content .slide-title { font-size: 40px; } .slide-content>* { max-width: calc( var(--max-width-column) / 1.5); } .gap-0:not(.full-width) .more-items-list, .gap-0:not(.full-width) .tabs-content, .gap-10:not(.full-width) .more-items-list, .gap-10:not(.full-width) .tabs-content, .gap-20:not(.full-width) .more-items-list, .gap-20:not(.full-width) .tabs-content, .gap-30:not(.full-width) .more-items-list, .gap-30:not(.full-width) .tabs-content, .gap-40:not(.full-width) .more-items-list, .gap-40:not(.full-width) .tabs-content { max-width: calc(var(--max-width-column) + var(--gap)) !important; } #landing-news .more-items-item { width: calc(33.333333% - var(--gap)) } #boat-specs { max-width: 1100px; margin-left: -550px; } #boat-specs header { max-width: 1100px; } #boat3d .footer-tools .menu > li .submenu { left: 36px; bottom: 44px; } #boat3d .footer-tools { max-width: 1100px; margin-left: -550px; } #boat3d .footer-tools .zone-1 { height: 60px; } .more-items-item.quote .wrapper h2, .more-items-item h2, .more-items-item.social.no-img .wrapper .more-items-short-text { font-size: 18px; } .more-items-text, .more-items-short-text, .slide-content p, p, .article-view-body table { font-size: 16px; } .show-icons .more-items-item.no-img .wrapper { padding-top: 50px; } .more-items-category, .more-items-subsection { font-size: 11px; } span.more-items-position { font-size: 0; } .how-to-follow li.more-items-item { width: calc(33.03333% - var(--gap)); } .how-to-follow li.more-items-item:nth-child(3), .how-to-follow li.more-items-item:nth-child(4), .how-to-follow li.more-items-item:nth-child(5) { width: calc(33.03333% - var(--gap)); } #footer .sponsors-third .wrapper h2 { font-size: 16px; } .moving-parts-landing #landing-news .widget-title { background-size: 33.33333% auto; } #store-items .more-items-item { width: calc(25% - var(--gap)) } .virtual-hospitality-main > div > div:first-child { margin-top: 40px; } .race-course ul li .wrapper p > span, .race-course:not(.race-course-map) ul li > a:before { font-size: 20px; } .tabs-layout li.tab-social { width: 150px; } .tabs-layout li a::before { width: 25px; font-size: 20px; line-height: 35px; } #live-blog { width: 30%; } } @media only screen and (max-width: 1280px) { :root { --img-max-w: 150px; --related-content-width: 320px; --max-width-column:100%; } body, input, textarea { font-size: 16px; } h1 { font-size: 42px; } h2 { font-size: 20px; } h3 { font-size: 10px; } h4 { font-size: 16px } h5 { font-size: 9px; } h6 { font-size: 14px; } time { font-size: 11px; } #header #language-toggle, #header #navigation-toggle { /* width: 70px; */ } .menu>li>a, .menu>li>*,#languages>a { font-size: 12px; } #user-menu .menu > li > *, #user-menu .menu > li > a { font-size:14px; } .logo-img { height: calc(var(--header-height) - 10px); } .section-title, .widget-title { font-size: 28px; } .tabs-end, .tabs-start { padding-top: 100px !important; } .tabs-end header .search-container, .tabs-start header .search-container { margin-top: -11px; } /* Felix 1280 */ .max-width-article.widget { max-width: 600px; } .slide-content p { font-size: 16px; line-height: 1.4; } .article-view-intro p { font-size: 18px; } .more-items-item .wrapper>* { margin: 4px 0; } .more-items-category, .more-items-subsection, time, .galleries-items .galleries-item .galleries-item-count, { font-size: 11px; } .tabs-end header, .tabs-start header { margin-top: -68px; } .related-content .img-aside .more-items-item>a, .related-content .img-aside .more-items-item .more-items-img-container { max-width: 80px; } .related-content .img-aside .more-items-item h2 { font-size: 16px; } .article-view-category, .article-view-time, .media-article-subsection { font-size: 16px; } .scoreboard ul li { font-size: 20px; } .one-of-seven, .one-seven .more-items-item, .one-seven.img-aside .more-items-item, .one-seven .more-video-item, .one-seven .galleries-item, .one-seven .socialstream-item, .one-seven.landing li, .one-seven .control-group, .one-seven .formly>*>* { width: calc(20% - var(--gap)); } .the-boat #the-boat ul { -webkit-transform: scale(0.47); -ms-transform: scale(0.47); transform: scale(0.47); } .the-boat #the-boat ul li .wrapper { -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); } #timeline-content { max-width: 1050px; } .timeline ul { max-width: 1024px; margin-left: auto; margin-right: auto; } .column>.widget:not(.full-width)>*, .column>.widget.widget-wrapper:not(.full-width) { max-width:var(--max-width-column); } .home #row-second { padding-right:calc((100% - var(--max-width-column) )/2); padding-left:calc((100% - var(--max-width-column) )/2); } #home-wrapper { max-width: var(--max-width-column); } .slide-content { } .slide-content>* { max-width: calc( var(--max-width-column) / 1.5); } .gap-0:not(.full-width) .more-items-list, .gap-0:not(.full-width) .tabs-content, .gap-10:not(.full-width) .more-items-list, .gap-10:not(.full-width) .tabs-content, .gap-20:not(.full-width) .more-items-list, .gap-20:not(.full-width) .tabs-content, .gap-30:not(.full-width) .more-items-list, .gap-30:not(.full-width) .tabs-content, .gap-40:not(.full-width) .more-items-list, .gap-40:not(.full-width) .tabs-content { max-width: calc(var(--max-width-column) + var(--gap)) !important; } #official-supplier ul li { width: calc(15% - var(--gap)); } #boat-specs, #boat3d .footer-tools { max-width: var(--max-width-column); margin-left: -475px; } #boat-specs .tabs li a { font-size: 14px; margin-bottom: 9px; } #boat-specs .tabs li.tab-dock-configuration a, #boat-specs #boat-specs .tabs li.tab-normal-sailing-mode a, #boat-specs #boat-specs .tabs li.tab-through-manoeuvres a { font-size: 13px; } #boat-specs header { padding-top: 60px; max-width: var(--max-width-column); } #boat-specs .more-items-item .wrapper .more-items-category { font-size: 36px; } #boat-specs .more-items-item .wrapper h2 { font-size: 26px; } #boat-specs .more-items-item .wrapper h2 .large { font-size: 40px; } .tabs li a { font-size: 16px; } #header .navigation ul { padding: 30px 35px; } .navigation .menu li { margin: 5px 0; } .navigation ul li a { font-size: 16px; } .navigation .dropdown .submenu li a { font-size: 14px; } .media-view article, .photo-view article { padding-top: 0; } .photo-view article header time, .photo-view article header h1 { padding-left: 30px; padding-right: 30px; } .partners .modal.fade:not(.in) { top: -400px; } .partners #ov-team .ov-team-image { min-height: 400px; } .widget.article-view:not(.img-main) .article header .article-view-time,.media-view.media-header header .media-article-time,.media-view.media-header header > *:not(.fotorama), .widget.article-view:not(.img-main) .article header .article-view-category, .media-article-subsection, .widget.article-view:not(.img-main) .article header .share-buttons { padding-left: calc((100% - 600px) / 2); padding-right: calc((100% - 600px) / 2); } .article-view-title, .article-view-time, .article-view-category, .article-view-intro, .article-view-body, .article-view header figure, .article-view #slideshow-gallery, .contact-text-body, .contact-view-title, .contact-view-body, #contact-text .section-title, .media-article-subsection, .media-view .media-article-text-intro p, .media-view.media-header article header .media-article-title, .article-aside { max-width: 600px; } .media-view.media-header header .media-article-subsection { padding-right: 0; } #header .social-icons .social-newsletter { margin: 0; } #header .social-icons a { font-size: 16px; } #header .social-icons a span { font-size: 14px; } #virtual-top .slide-title small { font-size: 16px; } .tabs-layout li a { font-size: 12px; } .tabs-layout li.tab-social { width: 140px; } .ac-results { height: 482px !important; } } /* Tablet devices layout adjustments ========================================================== */ @media only screen and (max-width: 1024px) { :root { --header-height: 70px; --max-width-column:100%; } #header .navigation { width:431px; } #header #language-toggle, #header #navigation-toggle { width: 70px; } .logo-img { height: 50px; } .column>.widget:not(.article-view) { padding-top: 30px; padding-bottom: 30px; } .column>.widget:not(.article-view):not(.full-width) { padding-left: 30px; padding-right: 30px; } .secondary-content>* { width: auto; } .secondary-content:first-child>* { margin-left: 0; } .secondary-content:last-child>* { margin-right: 0; } .row-fluid .column.secondary-content:first-child>* { padding-right: 15px; } .row-fluid .column.secondary-content:last-child>* { padding-left: 15px; } .article-wide .article-view-body { min-width: 100%!important; } /* Header */ .header-lg #header { height: var(--header-height); } #header .wrapper { padding-left: 0; } #header .wrapper:before, #header .wrapper:after { display: none; } #header .wrapper-group { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #navigation { } #navigation-toggle { z-index: 2; right: 0; top: 0; color: #ffffff; width: 60px; } #navigation-toggle.open { background-color: var(--header-bg); } #header .wrapper.row1 { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; } #header-zone3.header-footer-zone .logo-img { margin-left: 0; } #header #header-zone4, #header #header-zone6, #header .header-footer-zone.empty-zone { display: none; } #header .wrapper.row2 { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; width: auto; } #user-menu .menu:hover .dropdown .submenu { top: 50px; padding-top: 0; } #user-menu .menu > li > *, #user-menu .menu > li > a { font-size: 14px; } /* end Header */ .fixed-header.header-lg #content { margin-top: var(--header-height); } .transparent-header #content, .transparent-header.header-lg #content { margin-top: 0; } .header-lg .bg-vid { margin-top: calc(var(--header-height) - (var(--header-height) * 2)); } div#footer-zone3 { } #footer .social-icons a { font-size: 22px; width: 46px; height: 46px; line-height: 46px; } #footer .social-icons>div { margin-left: 5px; margin-right: 5px; } #footer .wrapper.row1 { height: auto; } #footer-contact p { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } #footer-contact p span { width: 100%; } #circolo-logo img { max-height: 70px !important; } .one-of-seven, .one-seven .more-items-item, .one-seven.img-aside .more-items-item, .one-seven .more-video-item, .one-seven .galleries-item, .one-seven .socialstream-item, .one-seven.landing li, .one-seven .control-group, .one-of-six, .micro-content, .one-six .more-items-item, .one-six.img-aside .more-items-item, .one-six .more-video-item, .one-six .galleries-item, .one-six .socialstream-item, .one-six.landing li, .one-six .control-group, .one-of-five, .micro-content, .one-five .more-items-item, .one-five.img-aside .more-items-item, .one-five .more-video-item, .one-five .galleries-item, .one-five .socialstream-item, .one-five.landing li, .one-five .control-group { width: calc(24.99% - var(--gap)); } .transparent-header.header-lg .slide.top-box .slide-content { padding-top: calc(var(--header-height) + 40px); } .slide-content { padding-left: 60px; padding-right: 60px; } .slide-content .slide-title { font-size: 36px; margin-top: 10px; margin-bottom: 10px; } .slide-content p { font-size: 14px; } .countdown-text { font-size: 36px; } .social-stream .socialstream-item { width: calc(32.933333% - var(--gap)); } .scoreboard ul li { font-size: 20px; } .tabs-end .widget-title, .tabs-start .widget-title, .tabs-end .section-title, .tabs-start .section-title, .tabs-view header { } .column > .gap-0 { padding-left: calc((var(--gap) / 2) * 5) !important; padding-right: calc((var(--gap) / 2) * 5) !important; } .column > .gap-10 { padding-left: calc((var(--gap) / 2) * 5) !important; padding-right: calc((var(--gap) / 2) * 5) !important; } .column > .gap-20 { padding-left: var(--gap) !important; padding-right: var(--gap) !important; } .column > .gap-30 { padding-left: calc(var(--gap) / 2) !important; padding-right: calc(var(--gap) / 2) !important; } .column > .gap-40 { padding-left: calc(var(--gap) / 4) !important; padding-right: calc(var(--gap) / 4) !important; } .widget-wrapper .gap-0, .widget-wrapper .gap-10, .widget-wrapper .gap-20, .widget-wrapper .gap-30, .widget-wrapper .gap-40 { padding-left: 0 !important; padding-right: 0 !important; } .btn, .link-button a { padding: 10px 15px; } .slide-content .btn { font-size: 16px; } .timeline { padding-top: 60px; position: relative; } .timeline .widget-title { position: absolute; top: 0; } .the-boat #the-boat { padding: 0; } .the-boat #the-boat ul { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .the-boat #the-boat ul li .wrapper { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .the-boat #the-boat ul li.carbon-mast, .the-boat #the-boat ul li.code-zero { padding-right: 100px; } .the-boat #the-boat ul li.t-foils, .the-boat #the-boat ul li.soft-wing { padding-left: 100px; } .timeline ul { max-width: 881px; margin-left: auto; margin-right: auto; min-width: auto; padding-left: 0; padding-right: 0; } .column>.widget:not(.full-width)>*, .column>.widget.widget-wrapper:not(.full-width) { max-width:1024px; } .home #row-second { padding-right:calc((100% - 1024px )/2); padding-left:calc((100% - 1024px )/2); } #home-wrapper { max-width: 1024px; } .slide-content { } .slide-content>* { max-width: calc( 1024px / 1.5); } .gap-0:not(.full-width) .more-items-list, .gap-0:not(.full-width) .tabs-content, .gap-10:not(.full-width) .more-items-list, .gap-10:not(.full-width) .tabs-content, .gap-20:not(.full-width) .more-items-list, .gap-20:not(.full-width) .tabs-content, .gap-30:not(.full-width) .more-items-list, .gap-30:not(.full-width) .tabs-content, .gap-40:not(.full-width) .more-items-list, .gap-40:not(.full-width) .tabs-content { max-width: calc(1024px + var(--gap)) !important; } #boat-specs .tabs li a { margin-bottom: 5px; } #boat-specs header { max-width: 1350px; padding: 0 !important; } #boat3d .footer-tools .menu > li > a span.label { display: block; } #boat3d .footer-tools .menu > li .submenu { left: -4px; width: 300px; bottom: 56px; } #boat-specs, #boat3d .footer-tools { max-width: 100%; margin-left: 0; left: 60px; right: 60px; width: auto; } #boat-specs .more-items-item .wrapper .more-items-category { font-size: 28px; } #boat-specs .more-items-item .wrapper h2 { font-size: 20px; } #boat-specs .more-items-item .wrapper h2 .large { font-size: 36px; } #boat-specs .more-items-item .wrapper { max-width: 40%; } .tabs-col .tabs-content { padding-left: 130px; padding-right: 130px; } .how-to li.more-items-item { width: calc(33.3% - var(--gap)); } .how-to li.more-items-item:last-child, .how-to li.more-items-item:nth-child(4) { width: calc(33.03333% - var(--gap)); } .how-to-follow #article-view .article-view-title { } .widget.max-width-column .more-items-list, .widget.max-width-column.widget-wrapper:not(.full-width) { padding-left: 0; padding-right: 0; } #signup-footer .formly-field .separator, #signup-footer .widget-title { font-size: 48px; } #signup-footer .formly-field .separator span, #signup-footer #widget-embed h2 { font-size: 32px; } #footer .sponsors-third .more-items-item { width: calc(19.99% - var(--gap)); } #footer .sponsors-third.one-five .more-items-item { width: calc(24% - var(--gap)); } .moving-parts-landing #landing-news .widget-title { background-size: 45% auto; } #store-main-text ul { max-width: 100% !important } .virtual-hospitality-main > div > div:first-child { margin-top: 0; } #virtual-top .slide-title a { font-size: 42px; } .home-live .row-fluid .full-content:not(.zone-tabs) { padding-top: 30px; } .home-live .layout-menu .widget-title { margin: 11px 0 !important; font-size: 20px; } .home-live .row-fluid .widget:not(.layout-menu) { padding-top: 0; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0; } .ac-results { height: 542px !important; } /* Felix 1024 */ #navigation-toggle:before { display: none; } .last-episode .more-items-item .wrapper * { max-width: 100%; } /* Newsletter */ #signup-footer.home-signup #widget-embed .widget-title { font-size: 38px; } #signup-footer.home-signup #widget-embed h2 { font-size: 20px; } #signup-footer.home-signup #mc_embed_signup_scroll { padding: 18px 40px 0; } #signup-footer.home-signup form img { max-height: 220px; } #live-blog { --gap: 40px; padding-top: 20px; } } /* Tablet devices layout adjustments ========================================================== */ @media only screen and (max-width: 1023px) { .header-lg .bg-vid { margin-top: 0; } .header-lg .bg-vid .slide { top: 0; } #header .social-icons .social-store { height: 100%; display: flex; align-items: center; } #header .social-icons>div.social-newsletter span { display: none; } #header .social-icons .social-snapchat a { padding: 8px 10px; } .social-icons .social-snapchat a:before { font-size:16px; } #header .social-icons { margin-right:0; } .logo-img { height: 48px; } #social-links .social-icons > div:last-child{ margin-right:6px; } .how-to li.more-items-item:last-child, .how-to li.more-items-item:nth-child(4) { width: calc(50% - var(--gap)); } .secondary-content, .secondary-content>* { width: 100%; } .secondary-content:first-child>* { margin-left: 0; } .secondary-content:first-child .tabs-view, .secondary-content:first-child .tabs-view .section-title, .secondary-content:first-child .tabs-view header, .secondary-content:last-child .tabs-view, .secondary-content:last-child .tabs-view .section-title, .secondary-content:last-child .tabs-view header { padding-left: 0; padding-right: 0; } .row-fluid .column.secondary-content:last-child>* { padding-left: 20px !important; padding-right: 20px !important; margin-left: 0px; } .related-content { width: 100%; padding: 30px 0; } .related-content .widget { padding: 0 } .primary-content .widget.article-view { background: transparent; } .widget-wrapper:not(.full-width) { } .widget-wrapper>* { padding: 30px 0; } .column>.widget:not(.article-view) { padding: 0 } .column:not(.related-content)>.widget:not(.article-view) { padding-top: 30px; padding-bottom: 30px; } .large-text .wrapper h2 { font-size: 42px; } .large-text .link-button, .large-text .link-button a { font-size: 18px; } /* Felix 1023 */ .max-width-article.widget { max-width: 100%; } .how-to-follow-2024 .article-view-body { margin-inline: 0; } /* Public transport */ .public-transport .first:after { max-width: 82%; } /* Inside the tack */ .inside-the-tack .column > .widget { max-width: calc(var(--max-width-column) - 60px); } /* Banners */ #header .wrapper { z-index: 1; } .top-image-container { display: block; } .row-fluid .column.secondary-content:first-child>* { padding-right: 20px; } .row-fluid .column.secondary-content:last-child>* { padding-left: 20px; } .home #landing-news li.news { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; } .home #landing-news li.news .wrapper{ padding-left: 0; padding-right: 0; padding-top: 20px; } .home #landing-news li.news .more-items-img-container { width: 100%; } #prevnext .next-item .all-box-link:after { right: -20px; } #prevnext .prev-item .all-box-link:after { left: -20px; } #prevnext .next-item:hover .all-box-link:after { right: -30px; } #prevnext .prev-item:hover .all-box-link:after { left: -30px; } #footer .wrapper .header-footer-zone { width: 100% !important; padding: 20px 0 0; } #footer .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; } #footer .wrapper #footer-zone4 { -webkit-box-ordinal-group:2; -ms-flex-order:1; -webkit-order:1; padding-top: 0; } #footer .wrapper #footer-zone4, #footer .wrapper #footer-zone6 { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer #sponsors { padding-top: 0 !important; } #footer #sponsors ul li, #footer #technical-suppliers ul li { width: 20%; } #footer .wrapper #footer-zone3 { padding-top: 0; } #footer #social-links { padding-top: 40px; } #copyright { padding-left: 0; margin-top: 20px !important; } #copyright p { text-align: center; } #boat-specs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } #boat-specs header { width: auto; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 100px; margin-left: 0; } #boat-specs .more-items-item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } #boat-specs .more-items-item .wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; max-width: 100%; } #boat-specs .more-items-item .wrapper .more-items-category br { content: ' '; } #boat-specs .more-items-item .wrapper .more-items-category br:after { content: ' '; } #boat-specs .more-items-item .wrapper .more-items-category { font-size: 32px; } #boat-specs .tabs-content { height: auto; min-height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 30px; } #boat-specs .tabs { margin-top: 0; } #boat-specs .more-items-item .more-items-img-container img { width: 150%; position: relative; left: 50%; transform: translateY(0) translateX(-50%); } #boat3d .footer-tools { width: 90%; margin-left: -45%; } #boat3d .footer-tools .menu { padding-left: 20px; } #boat-specs, #boat3d .footer-tools { left: 30px; right: 30px; } .tabs-col .tabs-content { padding-right: 0; padding-left: 110px; } #home-highlights, #home-wrapper { width: 100%; } #home-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #home-wrapper > * { width: 50%; } #home-wrapper > *:first-child { margin-right: 1px; } #home-wrapper > *:last-child { margin-left: 1px; } #home-wrapper > * ul, #home-wrapper > * ul li { height: 100%; } #landing-news .more-items-item { width: calc(50% - var(--gap)); } .how-to-follow #article-view .article-view-title { font-size: 52px; margin-top: -26px; } #banner-zone1 .more-items-item{ width: calc(33.333333% - var(--gap)); } #signup-footer { padding-top: 30px; width: 100%; } .widget.article-view:not(.img-main) .article header .article-view-category, .media-article-subsection, .media-view.media-header header .media-article-subsection { padding-left: 5%; } .widget.article-view:not(.img-main) .article header .share-buttons, .media-view .share-buttons { padding-right: 5%; } .widget.article-view.article-header .article header .article-view-title:before, .media-view.media-header article header .media-article-title:before { left: -3%; } .widget.article-view:not(.img-main) .article header .article-view-time, .media-view.media-header header .media-article-time, .widget.article-view:not(.img-main) .article header .article-view-time, .media-view.media-header header .media-article-time, .media-view.media-header header > *:not(.fotorama), .widget.article-view:not(.img-main) .article header .article-view-category, .media-article-subsection, .widget.article-view:not(.img-main) .article header .share-buttons { padding-left: 5%; padding-right: 5%; } .media-view .media-article-text-intro p { max-width: 90%; margin-left: auto; margin-right: auto; } .how-to li.more-items-item, .how-to-follow li.more-items-item:nth-child(3), .how-to-follow li.more-items-item:nth-child(4), .how-to-follow li.more-items-item:nth-child(5) { width: calc(50% - var(--gap)); } .widget.max-width-column.widget-wrapper:not(.full-width), .widget.max-width-column:not(.full-width) .more-items-list, .widget.max-width-column:not(.full-width) .widget-title { max-width: calc(var(--max-width-column) - 60px) !important; } .widget:not(.boxed) .fotorama__stage__frame.fotorama__stage__frame--video .slide-content>* { max-width: 75%; } #team-overlay { width: 90%; } .partners #ov-team .ov-team-image { min-height: 500px; } .partners .modal.fade:not(.in) { top: -500px; } .article-view-title, .article-view-time, .article-view-category, .article-view-intro, .article-view-body, .article-view header figure, .article-view #slideshow-gallery, .contact-text-body, .contact-view-title, .contact-view-body, #contact-text .section-title, .media-article-subsection, .media-view .media-article-text-intro p, .media-view.media-header article header .media-article-title, .article-aside { max-width: 100%; } #footer .sponsors-third .wrapper h2 { text-align: left; font-size: 14px; } #footer .sponsors-third .more-items-item { padding-right: 3%; } .moving-parts .slide-content { padding-left: 5%; padding-right :5%; } .moving-parts .slide:before, .moving-parts.slide:before { right: 5%; } .moving-parts .slide-content .slide-title { margin-right: 33%; } #store-main-text li { flex-direction: column; } #store-main-text .more-items-item > a img { padding: 20px 23% 35px; } #store-items .more-items-item { width: calc(33.33333% - var(--gap)) } .vh-user { margin-top: 20px; margin-bottom: 20px; } #footer #footer-zone8 { padding: 30px 30px 0; } .layout-menu .tabs-layout { align-items: center; } .tabs-layout li { margin-right: 4px; margin-left: 4px; } .tabs-layout li.tab-social { margin-left: 10px; margin-right: 0; } .tabs-layout li a { text-align: center; height: auto; padding: 10px 0px 5px 0; } .tabs-layout li:not(.tab-social) a { margin-top: 10px; } .tabs-layout li a:before { height: 30px; } .tabs-layout li:not(.tab-social) a:before { width: 100%; } .tabs-layout li.tab-watch a::before { background: url(../img/live/tab-watch.png) no-repeat center top transparent; background-size: auto 66%; } .tabs-layout li.tab-sailing-log a::before { background: url(../img/live/tab-sailing-log.png) no-repeat center top transparent; background-size: auto 66%; } .tabs-layout li.tab-race-team a::before { background: url(../img/live/tab-race-team.png) no-repeat center top transparent; background-size:auto 66%; } .tabs-layout li.tab-course a::before { background: url(../img/live/tab-course.png) no-repeat center top transparent; background-size: auto 66%; } .tabs-layout li.tab-inside-tech a::before { background: url(../img/live/tab-inside-tech.png) no-repeat center top transparent; background-size: auto 66%; } .tabs-layout li.tab-shop a::before { background: url(../img/live/tab-shop.png) no-repeat center top transparent; background-size: auto 66%; } .tabs-layout li.tab-home-page a::before { background: url(../img/live/tab-home-page.png) no-repeat center top transparent; background-size: auto; background-size: auto 66%; } .tabs-layout li.tab-results a::before { background: url(../img/live/tab-results.png) no-repeat center top transparent; background-size: auto; background-size: auto 66%; } .home-live .row-fluid .widget:not(.layout-menu) { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0; padding-bottom: 0; } .home-live .row-fluid .widget:not(.layout-menu):not(.team-races) .widget-title, .home-live .row-fluid h2.section-title { font-size: 54px; font-size: 48px; letter-spacing: 10px; } .home-live #livestream .tabs-content { margin-right: 0 !important; } .tabs-layout li.tab-social a { margin-top: 4px; } .home-live .row-fluid { padding: 0; } #home-live-wrapper { flex-direction: column; } #home-live-wrapper .hero-img ul li > a img, #home-live-wrapper .hero-img.slider-widget ul, #home-live-wrapper .hero-img.slider-widget ul li { height: calc(50svh - var(--total-header)); } #live-blog { height:auto; width: 100%; max-width: 100%; padding-bottom: 0; overflow-y: hidden; overflow-x: auto; } #live-blog ul { flex-wrap: nowrap; } #live-blog ul li { flex-shrink: 0; width: 70vw; margin-bottom: auto; position: initial; min-width: 340px; } #live-blog ul li .wrapper { padding-bottom: 20px; } #live-blog ul li .wrapper p { margin:0 0 5px 0; } #live-blog ul li:after { position: absolute; bottom: 0; right: auto; margin-right: 0; height: 2svh; width: 15px; } } @media only screen and (max-width: 900px) { /* Felix */ /* Live */ #live-wrapper { background: url(../img/live-bg.jpg) no-repeat right; background-size: cover; padding-inline: 30px; } #live-wrapper > .widget-wrapper { width: 100%; } #live-wrapper #widget-embed video, #live-wrapper #widget-embed iframe { width: 100%; height: auto; } #live-wrapper #widget-embed .section-title { color: var(--dark); } #live-wrapper .aus-button { right: 0; } #live-wrapper .aus-button a { color: var(--dark); } /* AC Schedule */ .ac-schedule .article { padding-inline: 30px; } #footer #footer-zone1 .logo-img { max-height: 16px; } div#footer-zone3 { } #footer .social-icons a { font-size: 20px; width: 41px; height: 41px; line-height: 40px; } #footer .wrapper-group { padding-left: 30px; padding-right: 30px; } #footer .wrapper.row2 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #copyright { width: 100%; } body, input, textarea, .md-content>* { font-size: 16px; } .one-of-two, .one-two .more-items-item, .one-two .more-video-item, .one-two .galleries-item, .one-two .socialstream-item, .one-two.landing li, .one-two .control-group, .one-two .formly>*>*, .one-of-three, .mini-content, .one-three .more-items-item, .one-three .more-video-item, .one-three .galleries-item, .one-three .socialstream-item, .one-three.landing li, .one-three .control-group, .one-three .formly>*>*, .two-of-three, .two-three .more-items-item, .two-three .more-video-item, .two-three .galleries-item, .two-three .socialstream-item, .two-three.landing li, .two-three .control-group, .two-three .formly>*>*, .one-of-four, .one-four .more-items-item, .one-four .more-video-item, .one-four .galleries-item, .one-four .socialstream-item, .one-four .control-group, .one-four .formly>*>*, .one-four.landing li, .three-of-four, .three-four .more-items-item, .three-four .more-video-item, .three-four .galleries-item, .three-four .socialstream-item, .three-four.landing li, .three-four .control-group, .three-four .formly>*>*, .one-of-five, .one-five .more-items-item, .one-five .more-video-item, .one-five .galleries-item, .one-five .socialstream-item, .one-five.landing li, .one-five .control-group, .two-five .formly>*>*, .two-of-five, .two-five .more-items-item, .two-five .more-video-item, .two-five .galleries-item, .two-five .socialstream-item, .two-five.landing li, .two-five .control-group, .two-five .formly>*>*, .three-of-five, .three-five .more-items-item, .three-five .more-video-item, .three-five .galleries-item, .three-five .socialstream-item, .three-five.landing li, .three-five .control-group, .three-five .formly>*>*, .four-of-five, .four-five .more-items-item, .four-five .more-video-item, .four-five .galleries-item, .four-five .socialstream-item, .four-five.landing li, .four-five .control-group, .four-five .formly>*>*, .one-of-six, .one-of-seven, .micro-content { width: calc(50% - var(--gap)); } .one-six .more-video-item, .one-six .galleries-item, .one-six .socialstream-item, .one-six.landing li, .one-six .control-group, .one-six .formly>*>*, .one-seven .more-items-item, .one-seven .more-video-item, .one-seven .galleries-item, .one-seven .socialstream-item, .one-seven.landing li, .one-seven .control-group, .one-seven .formly>*>* { width: calc(32.9333% - var(--gap)); } .secondary-content .widget li { width: inherit; } .more-items.text-over .more-items-item h2 { font-size: 28px; } .pagination-page, .pagination.more .pagination-more, .pagination.showmore-inline .pagination-page, .load-more-bt { width: 100%; } .gap-0 .pagination-page, .gap-0 .pagination.more .pagination-more, .gap-0 .pagination.showmore-inline .pagination-page, .gap-0 .load-more-bt, .gap-10 .pagination-page, .gap-10 .pagination.more .pagination-more, .gap-10 .pagination.showmore-inline .pagination-page, .gap-10 .load-more-bt, .gap-20 .pagination-page, .gap-20 .pagination.more .pagination-more, .gap-20 .pagination.showmore-inline .pagination-page, .gap-20 .load-more-bt, .gap-30 .pagination-page, .gap-30 .pagination.more .pagination-more, .gap-30 .pagination.showmore-inline .pagination-page, .gap-30 .load-more-bt, .gap-40 .pagination-page, .gap-40 .pagination.more .pagination-more, .gap-40 .pagination.showmore-inline .pagination-page, .gap-40 .load-more-bt { width: auto; margin-right: calc(var(--gap) / 2); margin-left: calc(var(--gap) / 2); } .sponsors { text-align: center; } .the-boat #the-boat { padding: 30px 0 0; } .the-boat #the-boat .widget-title { top: 0; font-size: 32px; padding: 30px; } .the-boat #the-boat ul { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; background-color: transparent; -webkit-background-size: 630px 630px; background-size: 630px; width: 630px; } .the-boat #the-boat ul li .wrapper { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); bottom: auto; background-color: rgba(0, 0, 0, 0.84); text-align: left; width: 70%; } .the-boat #the-boat ul li .wrapper .close-boat { position: absolute; width: 40px; height: 40px; background-color: #000000; right: 0; top: -48px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 30px; text-align: center; line-height: 40px; color: #ffffff; } .the-boat #the-boat ul li:hover .wrapper { opacity: 1; } .the-boat #the-boat ul li:hover:after{ border-color: red; } .the-boat #the-boat ul li:hover:before { background-color: red; } .the-boat #the-boat ul li.open:after{ border-color: white; } .the-boat #the-boat ul li.open:before { background-color: white; } .the-boat #the-boat ul li .wrapper { display: none; opacity: 1; padding: 20px 30px; } .the-boat #the-boat ul li.open .wrapper { z-index: 1; display: block; } .the-boat #the-boat ul li.carbon-mast { left: 331px; top: 63px; } .the-boat #the-boat ul li.t-foils { left: -110px; top: 729px; } .the-boat #the-boat ul li.soft-wing { left: -177px; top: 428px; } .the-boat #the-boat ul li.code-zero { left: 94px; top: 662px; } .the-boat #the-boat ul li .wrapper h2 { font-size: 32px; margin-bottom: 10px; } .the-boat #the-boat ul li .wrapper p { font-size: 22px; } .timeline { padding-left: 15px; padding-right: 15px; } .timeline ul { padding-left: 40px; padding-right: 40px; } #timeline-content { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto; } .timeline li .wrapper { width: 160%; margin-left: -30%; } #timeline-content .wrapper h2 { font-size: 14px; margin-bottom: 0; } #timeline-content .wrapper h2 span { font-size: 16px; } #timeline-content .wrapper p { font-size: 12px; } .history-item .first-article .article-view-body, .history-item .second-article .article header{ display: none; } .history-item .second-article { display: block; } #wrapper-suppliers { width: calc(90% - var(--gap)); } .ac-results { height: 818px !important; padding: 0 !important; } } /* Mobile devices layout adjustments ========================================================== */ @media only screen and (max-width: 767px) { :root { --img-max-w: 70px; --header-height: 45px; } .row-fluid, .layout-row { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .is-mobile { display: block !important; } .is-desktop { display: none !important; } #header .wrapper { padding-right: 0; } .header-lg #header { height: var(--header-height); } .header-lg .navigation { top: var(--header-height); } .fixed-header.header-lg:not(.transparent-header) #content { margin-top: var(--header-height); } #header-zone3.header-footer-zone .logo-img { margin-left: 0; margin-right: 0; height: auto; width: 80px; } #social-links .social-icons > div:last-child { height: 100%; display: flex; align-items: center; } #user-menu .dropdown:not(#languages) .submenu { top:40px; } #header #language-toggle, #header #navigation-toggle { width: 45px; padding: 0 5px; } #header-zone3.header-footer-zone > .header-widgets-json:last-child { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; -webkit-order: 0; order: 0; } #header-zone1.header-footer-zone, #header-zone3.header-footer-zone { width:auto; } #header #site-logo img{ height: 26px; } .logo-link { overflow: hidden; } #header .social-icons { margin-right: 0 } #header .social-icons .social-store a { padding: 0 10px; } #user-menu .menu:hover .dropdown .submenu { top: 40px; } #footer .wrapper #footer-zone5 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer #social-links { margin-top: 0; } #user-menu .not-logged { display: none; } #user-menu .menu>li:not(.dropdown)>*:not(a) { text-indent: -20000px; width: 40px; position: relative; } #user-menu .menu>li:not(.dropdown)>*:not(a):after { content: "\f2d6"; width: 30px; height: 40px; position: absolute; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-indent: 15px; font-size: 26px; text-align: center; line-height: 40px; } #user-menu .menu>li.dropdown #user a { } #footer .wrapper.row2 { padding-bottom: 10px; } #footer .wrapper-group{ padding-left: 15px; padding-right: 15px; } #footer .wrapper.row1 { height: auto; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer .wrapper .header-footer-zone { width: 100% !important; padding: 20px 0 0; } #footer .wrapper #footer-zone2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #footer .wrapper #footer-zone2 > * { width: 100%; padding: 0 0 30px 0; } #footer .wrapper #footer-zone2, #footer .wrapper #footer-zone3 { margin: 0 auto } #footer .logo-img { margin: 0 auto; height: 24px; } #footer #footer-zone1 .logo-img { max-height:none; } #footer-zone2, div#footer-zone3 { -ms-flex-item-align: center; -ms-grid-row-align: center; -webkit-align-self: center; align-self: center; margin: 0; } #footer .social-icons { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #footer .social-icons a { font-size: 18px; width: 36px; height: 36px; line-height: 33px; } #footer .social-icons>div { text-align: center; } .header-footer-zone.empty-zone { display: none !important; } #footer-logo { max-height: 40px; } #footer .sponsors-third .more-items-item { padding: 0 !important; margin: 0 15px !important; } #footer #sponsors ul li, #footer #technical-suppliers ul li { width: 30%; } #footer .navigation { display: none; } #footer .social-icons>div.social-search { margin-top: 20px; margin-left: 5px; } #footer #sponsors-third .more-items-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #footer .sponsors-third.one-six > ul { margin-left: 0; } #copyright { font-size: 12px; } #copyright p { text-align: center; padding: 0 0 20px; } .navigation { width: 100%; margin-left: -100%; } #navigation-mobile { bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; } #navigation-mobile .submenu a { padding-top: 5px; padding-bottom: 5px; } #navigation-toggle { padding: 0; width: 50px; } .menu>li>a,.menu>li>* { padding: 0 10px; font-size: 12px; } #navigation-mobile .menu >li>* { padding: 0; } .navigation .dropdown:not(#languages) .submenu { padding-left: 0; } h1 { font-size: 36px; } h2 { font-size: 24px; } .one-of-two, .one-two .more-items-item, .one-two .more-video-item, .one-two .galleries-item, .one-two .socialstream-item, .one-two.landing li, .one-two .control-group, .one-two .formly>*>*, .one-of-three, .mini-content, .one-three .more-items-item, .one-three .more-video-item, .one-three .galleries-item, .one-three .socialstream-item, .one-three.landing li, .one-three .control-group, .one-three .formly>*>*, .two-of-three, .two-three .more-items-item, .two-three .more-video-item, .two-three .galleries-item, .two-three .socialstream-item, .two-three.landing li, .two-three .control-group, .two-three .formly>*>*, .one-of-four, .one-four .more-items-item, .one-four .more-video-item, .one-four .galleries-item, .one-four .socialstream-item, .one-four .control-group, .one-four .formly>*>*, .one-four.landing li, .three-of-four, .three-four .more-items-item, .three-four .more-video-item, .three-four .galleries-item, .three-four .socialstream-item, .three-four.landing li, .three-four .control-group, .three-four .formly>*>*, .one-of-five, .one-five .more-items-item, .one-five .more-video-item, .one-five .galleries-item, .one-five .socialstream-item, .one-five.landing li, .one-five .control-group, .two-five .formly>*>*, .two-of-five, .two-five .more-items-item, .two-five .more-video-item, .two-five .galleries-item, .two-five .socialstream-item, .two-five.landing li, .two-five .control-group, .two-five .formly>*>*, .three-of-five, .three-five .more-items-item, .three-five .more-video-item, .three-five .galleries-item, .three-five .socialstream-item, .three-five.landing li, .three-five .control-group, .three-five .formly>*>*, .four-of-five, .four-five .more-items-item, .four-five .more-video-item, .four-five .galleries-item, .four-five .socialstream-item, .four-five.landing li, .four-five .control-group, .four-five .formly>*>*, .one-of-six, .one-of-seven, .one-six .more-items-item, .one-six .more-video-item, .one-six .galleries-item, .one-six .socialstream-item, .one-six.landing li, .one-six .control-group, .one-six .formly>*>*, .one-seven .more-items-item, .one-seven .more-video-item, .one-seven .galleries-item, .one-seven .socialstream-item, .one-seven.landing li, .one-seven .control-group, .one-seven .formly>*>*, .micro-content, .primary-content .primary-content, .secondary-content, .related-content { width: 100%; } .related-content .widget-title, .primary-content .widget-title { text-align: center; } .section-title, .widget-title { font-size: 24px; } .small-title .section-title, .small-title .widget-title { font-size: 18px; } .tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 30px; } .tabs-end .widget-title, .tabs-start .widget-title, .tabs-end .section-title, .tabs-start .section-title, .tabs-view header { } .tabs-end header, .tabs-start header { padding-left: 20px; padding-right: 20px; } .tabs-col header { margin-bottom: 20px; } .title-left .section-title, .title-left .widget-title, .title-right .section-title, .title-right .widget-title { text-align: center !important; } .full-content .one-two, .full-content .one-three, .full-content .two-three, .full-content .one-four, .full-content .three-four, .full-content .one-five, .full-content .two-five, .full-content .three-five, .full-content .four-five, .one-seven { padding-left: 10px; padding-right: 10px; } .column>.widget:not(.article-view):not(.full-width) { padding-left: 15px !important; padding-right: 15px !important; } .widget:not(.slide-items):not(.slide-items-mobile) .more-items-item, .widget-wrapper>* { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .tabs-content .widget.slide-items .more-items-item, .tabs-content .widget.slide-items-mobile .more-items-item { padding-left: 10px !important; padding-right: 10px !important; } .pagination-page, .pagination.more .pagination-more, .pagination.showmore-inline .pagination-page, .load-more-bt { margin-left: 0 !important; margin-right: 0 !important; } .tabs li a { padding: 25px 0; margin: 0 7px; font-size: 15px; } /* Slides */ .slide-content { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } .widget .fotorama__arr--next, .widget .fotorama__arr--prev { display: none !important; } .topstory-text-left.center-box .slide-content { padding-left: 20px; } .topstory-text-right.center-box .slide-content { padding-right: 20px; } .fotorama__stage__frame.fotorama__stage__frame--video .slide { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; background: none; } .fotorama__stage__frame.fotorama__stage__frame--video .slide-content { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); padding: 100px 20px 40px; } .fotorama__stage__frame.fotorama__stage__frame--video .slide-content .slide-title { margin-left: auto; margin-right: auto; } .fotorama__stage__frame.fotorama__stage__frame--video .slide-content>* { max-width: 100%; } #media-article .fotorama__nav-wrap{ display: none; } .fotorama .fotorama__caption .fotorama__caption__wrap { padding: 0; font-size: 10px; } .widget:not(.boxed) .fotorama__stage__frame.fotorama__stage__frame--video .slide-content>* { max-width: 100%; } .slide-content .slide-title { font-size: 26px; margin-top: 5px; margin-bottom: 5px; } .slide-content .slide-title a { padding-left: 0; } .topstory-text-right .slide-content .slide-title a { padding-right: 0; } .slide-content p { display: none; } .slide-content .slide-category, .slide-content .slide-subsection,.slide-content>time { font-size: 13px; display: block; } .slide-content .slide-subsection, .slide-content >time, .slide-content .slide-category { padding-left: 0; } .topstory-text-right .slide-content >time, .topstory-text-right .slide-content .slide-subsection, .topstory-text-right .slide-content .slide-category { padding-right: 0; } .slide-content .slide-category:after, .slide-content .slide-subsection:after { display: none; } .slide-content >time { display: block; } .fotorama__stage__frame.fotorama__stage__frame--video .slide-content .btn { display: none; } .fotorama__video-play { width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; } .widget .slides .fotorama__video-play:before { font-size: 45px; height: 45px; width: 45px; line-height: 45px; } .slides .fotorama__nav-wrap { bottom: 5px; } /* Newsletter overlay */ #signup-footer.home-signup #mc_embed_signup_scroll { padding: 20px 20px 0; } #signup-footer.home-signup #widget-embed .widget-title { font-size: 32px; } #signup-footer.home-signup #widget-embed h2 { font-size: 16px; } #modal-newsletter .dontshow { padding: 10px 20px; } #signup-footer.home-signup form img { max-height: 160px; } #signup-footer.home-signup #mc_embed_signup .mc-field-group { font-size: 14px; } /* Tabs */ .tabs-end header, .tabs-start header { position: relative; margin: 0 0 20px; } .tabs-end .widget-title, .tabs-start .widget-title, .tabs-end .section-title, .tabs-start .section-title { text-align: center; position: relative; left: auto; right: auto; top: auto; } .tabs-end, .tabs-start { padding-top: 30px !important; } .tabs-end header .tabs, .tabs-start header .tabs, .tabs-end header .search-container, .tabs-start header .search-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } /* More Items */ .more-items-item { margin-bottom: 15px; } .more-items-item .wrapper { padding: 15px; } .img-aside .more-items-item .wrapper { padding: 5px 10px; } .more-items .more-items-item h2, .more-items.text-over .more-items-item h2, .large-text .wrapper h2 { min-height: inherit; font-size: 24px; } .img-aside .more-items-item { margin-left: 0 !important; margin-right: 0 !important; } .img-aside.more-items .more-items-item h2 { font-size: 18px; } .text-over.full-width .wrapper { left: 0; right: 0; top: 0; } .text-over.center-box .wrapper { padding: 0 20px !important; } .large-text .link-button, .large-text .link-button a { font-size: 14px; } .nowrap .more-items-list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .slide-items-mobile, .column>.widget.slide-items-mobile:not(.article-view):not(.full-width) { padding-left: 0 !important; padding-right: 0 !important; } .slide-items-mobile .widget-title { margin-left: 20px !important; margin-right: 20px !important; width: auto !important; } .slide-items-mobile .more-items-item { padding-left: 10px !important; padding-right: 10px !important; } .slide-items-mobile .pagination-page, .slide-items-mobile .pagination.more .pagination-more, .slide-items-mobile .pagination.showmore-inline .pagination-page, .slide-items-mobile .load-more-bt { width: calc(100% - 80px); margin-left: auto !important; margin-right: auto !important; display: none; } .search-container .control-group.search { width: 100%; } .home #landing-news .more-items-short-text p{ margin-top: 0; } /* Photo Gallery */ #photo-gallery { padding-left: 0; padding-right: 0; } .galleries-items .galleries-item .galleries-item-title, .galleries-items .galleries-item .galleries-item-time, .galleries-items .galleries-item .galleries-item-count, .galleries-items .galleries-item .view-gallery { margin-left: 0; margin-right: 0; } .galleries-items .galleries-item img { padding-left: 0; padding-right: 0; } .photo-view #slideshow-gallery { padding: 20px 0; } /* Video View */ .media-view, .full-content .media-view { padding-left: 10px; padding-right: 10px; } .home #row-second { padding-left: 0; padding-right: 0; padding-top: 0; } /* Social Stream */ .social-stream.isotope .socialstream-item .socialstream-img, .social-stream.isotope .socialstream-item .wrapper { border: none; } .full-content .widget.social-stream { padding-left: 10px; padding-right: 10px; } .socialstream-items-list { height: auto !important; } .social-stream .socialstream-item, .full-content .social-stream .socialstream-item { position: relative !important; left: 0 !important; top: auto !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .full-content .social-stream.isotope { padding-left: 0; padding-right: 0; margin: 0; padding-top: 40px; } .social-stream.isotope ul { position: inherit; } /* Isotope */ .isotope { padding-bottom: 80px; } .isotope li { } .full-content .pagination { margin-left: 0; margin-right: 0; } /* Scoreboard */ .scoreboard ul { padding: 20px 0; } .scoreboard ul li { font-size: 20px; } /* Article */ .column>.widget:not(.full-width):not(.widget-wrapper) .article { max-width: 100% !important; } .widget.article-view .article { } .widget.article-view, .column .widget.article-view { padding: 0; } .article-view-title, .full-content .article-view-title { font-size:32px; } .share-buttons { width: 86%; margin: 0 auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .share-buttons .share-text { } .share-buttons .share > a { margin: 0 5px; } .share-buttons .share > a.is-mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } #prevnext .all-box-link:after { top: -25px; margin: 0; } #prevnext .next-item .all-box-link:after { right: 0; } #prevnext .prev-item .all-box-link:after { left: 0; } #prevnext .wrapper h2 { font-size: 13px; } #header .countdown-text { font-size: 14px; } #header .countdown-text .name { font-size: 8px; line-height: 8px; } #header .countdown-text .countdown-time>* { margin: 0 6px; } .countdown-text { min-width: 10px; padding: 10px; font-size: 32px; } .countdown-text .countdown-time>* { margin: 0 10px; } .countdown-text .number { line-height: 32px; height: 32px; } .countdown-text .name { font-size: 14px; } .owl-theme.owl-carousel .owl-nav [class*='owl-'] { margin: 0; } #user-menu { padding-left: 0; } #user-menu .menu>li.dropdown #user { padding-left: 0; } .md-content .md-header { height: 70px; } .md-content>*, .md-content .md-header { padding-left: 20px; padding-right: 20px; } .md-modal { width: 90%; } .md-content .control-group a { display: block; } .md-content .md-header .md-header-title { font-size: 20px; } #team-tabs { padding-left: 0 !important; padding-right: 0 !important; } .home .secondary-content { width: 100% !important; } .row-fluid .secondary-content:first-child>* { margin-top: 0; } .row-fluid .secondary-content:last-child>* { margin: 0 0 20px 0; } .column:not(.related-content)>.widget:not(.article-view) { padding-bottom: 20px; } .timeline li .wrapper h2 { font-size: 16px; } .timeline ul { padding-left: 20px; padding-right: 20px; min-width: 700px; } .timeline li .wrapper { width: 195%; margin-left: -48%; } .timeline ul li > a:before { height: 1px; bottom: 16%; } #timeline-v.timeline li .wrapper h2 { font-size: 18px; } /* Felix */ .how-to-follow-2024 #article-view .slides .fotorama__stage { height: 335px !important; } .how-to-follow-2024 #article-view .slides .fotorama__stage img { height: 100% !important; object-fit: cover; } #home-top.live.hero-img ul li, #home-top.live.hero-img ul { height: calc(100svh - 260px - (var(--header-height) + var(--ineos-logo))); } /* On water info */ body.on-water-info .article-view-body ul { margin-left: 20px; padding-left: 20px; } body.on-water-info #water-information-img .link-button a { background: var(--footer-bg); border-color: var(--footer-bg); } /* Merchandise */ .merchandise .widget-wrapper > div:first-child { margin: 0 calc(var(--gap) / 2) var(--gap) !important; } .merchandise #store-items .more-items-item .wrapper { padding: 20px 0; } /* Inside the tack */ .last-episode .more-items-item { flex-direction: column; } .last-episode .more-items-item .slides, .last-episode .more-items-item .wrapper { width: 100%; } .inside-the-tack .column > .widget { max-width: calc(var(--max-width-column) - 10px); } /* Live */ #live-wrapper #countdown-live .countdown-fotorama { padding-left: 10px; } #live-wrapper #countdown-live .countdown-text span { width: 44px; font-size: 12px; } #live-wrapper #countdown-live .countdown-text strong { font-size: 24px; } #live-wrapper > .widget-wrapper { flex-direction: column; padding-bottom: 0; } #live-wrapper > .widget-wrapper > .widget-wrapper { padding-bottom: 0; } #live-wrapper .aus-button { text-align: left; margin-top: 15px; } #live-wrapper #live-stream #widget-embed { position: initial; } #live-wrapper { padding-bottom: 60px; position: relative; } #live-wrapper .aus-button { left: var(--body-h-padding); right: auto; bottom: 15px; } #live-wrapper .password-widget { flex-direction: column; } #live-wrapper .password-widget input { max-width: 100%; } #live-wrapper .password-widget button { max-width: 100%; } /* AC Schedule */ .ac-schedule .article { padding-inline: 0; } .the-boat #the-boat { padding-top: 80px; height: 537px !important; } .the-boat #the-boat ul { width: 320px; -webkit-background-size: 320px auto; background-size: 320px auto; min-height: 457px; } .the-boat #the-boat ul li .wrapper { width: 90%; } .the-boat #the-boat .widget-title { padding: 15px; font-size: 28px; } .the-boat #the-boat ul li:before { width: 16px; height: 16px; } .the-boat #the-boat ul li:after { width: 30px; height: 30px; } .the-boat #the-boat ul li.carbon-mast { left: 162px; top: 33px; } .the-boat #the-boat ul li.t-foils { left: -325px; top: 370px; } .the-boat #the-boat ul li.soft-wing { left: -369px; top: 228px; } .the-boat #the-boat ul li.code-zero { left: 47px; top: 308px; } .the-boat #the-boat ul li .wrapper h2 { font-size: 26px; } .the-boat #the-boat ul li .wrapper p { font-size: 18px; } .timeline-history { max-width: 100% !important; padding: 0 !important; } .timeline-history ul { min-width: 1470px; } .timeline-history.nowrap ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; } .timeline-history .more-items-item img { padding: 0 20%; } #footer .sponsors { padding: 20px 0; } #footer .sponsors-third.one-five .more-items-item { width: calc(36% - var(--gap)); } #footer .sponsors-third .more-items-item { width: calc(24.99% - var(--gap)); } #footer .sponsors-third .wrapper h2 { font-size: 12px; } #wrapper-suppliers { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #wrapper-suppliers > .widget { width: 50%; } #official-supplier { padding-top: 0 !important; } #official-supplier ul li { width:25%; } #landing-team-sailing li .wrapper { opacity: 1; } .history-item #history-wrapper { display: none; } .history-item .second-article .article header { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .history-item #prevnext { background-color: rgba(0, 0, 0, 0.73); position: fixed; z-index: 1; bottom: 0; top: auto; margin: 0; padding: 25px; height: 60px; } .history-item #prevnext .wrapper h2 { font-size: 16px; } .history-item #prevnext .all-box-link:after { margin-top: -10px; top: 50%; } .history-item #footer { z-index: 1; } #ac75 { padding: 20px; } #ac75.img-aside .more-items-item > a img { padding: 0 0 20px 0; } #ac75.img-aside .more-items-item .wrapper { padding: 20px 0 0 0; } #boat-video { padding: 20px !important; } #boat-specs, #boat3d .footer-tools { left: 15px; right: 15px; } #boat-specs .tabs-content { padding-bottom: 15px; } #boat-specs .tabs li { width: 100%; } #boat-specs .more-items-item .wrapper .more-items-category { font-size: 20px; margin-bottom: 5px !important; padding-bottom: 7px; } #boat-specs .more-items-item .wrapper h2 { font-size: 18px; margin-top: 0; } #boat-specs .more-items-item .more-items-img-container img { width: 200%; } #boat3d .footer-tools { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; bottom: 20px; } #boat3d .footer-tools:before, #boat3d .footer-tools:after { width: 12px; } #boat3d .footer-tools .menu { padding-left: 0; margin-bottom: 15px; } #boat3d .footer-tools .menu > li { text-align: center; } #boat3d .footer-tools .menu > li .submenu { width: 300px; left: 25px; right: 0; background-color: rgba(255, 255, 255, 0.3); } #boat3d .footer-tools .menu > li .submenu a { text-align: center; } #boat3d .footer-tools .moreinfo-bt { height: 60px; width: 60px; } #boat3d .footer-tools .moreinfo-bt .ion { font-size: 36px; margin: 0; } #boat3d .footer-tools .moreinfo-bt span { display: none; } #boat3d .footer-tools > * { width: 100%; } #boat-specs { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #boat-specs header { display: none; position: absolute; top: 0; margin-top: 138px; padding: 10px !important; border: 1px solid rgba(255, 255, 255, 0.52); height: 400px; overflow: auto; background-color: rgba(0, 0, 0, 0.18); -webkit-overflow-scrolling: touch; left: 0; right: 0; } #boat-specs.active header { display: block; } #boat-specs .more-items-item .wrapper h2 br { content: ' '; } #boat-specs .more-items-item .wrapper h2 br:after { content: ' '; } #boat-specs .tabs li a { display: inline-block; border-bottom-width: 3px; width: auto; } #home-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #home-wrapper > * { width: 100%; } #landing-news .more-items-item { width: 100% } .more-items-item.social.no-img .wrapper .more-items-short-text { font-size: 22px; } #signup-footer .formly-field .separator, #signup-footer .widget-title { font-size: 32px; } #signup-footer .formly-field .separator span, #signup-footer #widget-embed h2 { font-size: 24px; } #signup-footer #widget-embed h2 small { font-size:20px; } #signup-footer .formly .formly-field.firstname, #signup-footer .formly .formly-field.lastname { width: 100%; padding:0; } #sponsors-third .more-items-item { width: calc(50% - var(--gap)); } .how-to-follow .article-view .article { padding: 0; } .how-to-follow #article-view .article-view-title { font-size: 36px; margin-top: -18px; } .how-to li.more-items-item, #how-to.widget:not(.slide-items):not(.slide-items-mobile) .more-items-item { width: 100% !important; padding: 40px !important } #signup-footer .widget-title { margin-bottom: 20px; } #home-highlights { padding: 0 !important; } #banner-zone1 .more-items-item { width: 100%; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .photo-view article header time, .photo-view article header h1 { padding-left: 15px; padding-right: 15px; } #signup-footer .formly > div:last-child, #signup-footer .formly > div:last-child > *{ width: 100%; } .widget.article-view:not(.img-main) .article header .article-view-category, .media-article-subsection, .media-view.media-header header .media-article-subsection { padding-left: 7%; padding-right:7%; position: relative; order: 1; width: 100%; } .widget.article-view:not(.img-main) .article header .article-view-time, .media-view.media-header header .media-article-time { padding-left: 7%; padding-right: 7%; } .widget.article-view.article-header .article header > *:first-child{ padding-top: 15px; } .widget.article-view:not(.img-main) .article header .share-buttons { display: none; } .widget.article-view:not(.img-main) .article header > *,.media-view .media-article-text-intro p,.media-view.media-header article header .media-article-title, .article-view-title, .article-view-time, .article-view-category,.media-article-subsection, .article-view-intro, .article-view-body, .article-view header figure, .article-view #slideshow-gallery, .contact-text-body, .contact-view-title, .contact-view-body, #contact-text .section-title, .article-aside { width: 86%; } .widget.article-view.article-header .article header .article-view-title:before, .media-view.media-header article header .media-article-title:before { left: -4%; } .widget.article-view.article-header.share-middle .article header { padding-bottom: 15px; } #media-article-text.media-view .share-buttons { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 20px 4% 20px 8%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } #media-article.media-view .share-buttons { display: none; } .widget.article-view .article { padding-bottom: 0; } .article-view-footer { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .widget.max-width-column.widget-wrapper:not(.full-width), .widget.max-width-column:not(.full-width) .more-items-list, .widget.max-width-column:not(.full-width) .widget-title { max-width: calc(var(--max-width-column) - 10px) !important; } .widget.max-width-column:not(.full-width) .widget-title{ padding-left: 15px; } .max-width-column .tabs-content { padding:0 20px; } #ov-team .ov-content { width: 100%; margin: 0; padding: 20px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; position: relative; left: 0; } #team-overlay .modal-body { overflow: auto; -webkit-overflow-scrolling: touch; /* deja que se desplace, con retardo */ } #team-overlay .modal-body h2 { margin-left: -2px; padding-left: 10px; } .modal.fade.in { top: 10%; } #team-overlay { width: 90%; height: 85%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #ov-team { } #ov-team .ov-team-image { width: 100%; } #team-overlay .modal-body .team-view-body { overflow: unset; } #team-overlay .modal-body .close { right: 10px; } .partners #ov-team .ov-team-image { width: 100%; } .partners #ov-team .ov-team-image { min-height: auto; } .partners .modal.fade:not(.in) { margin-top: -100% } #landing-news .more-items-item .wrapper .more-items-category { margin-left: 0; } .moving-parts .slide:before, .moving-parts.slide:before { width: 30%; } .moving-parts-landing #landing-news .widget-title { padding-left: 0; } #landing-news .tabs-content.moving-parts .more-items-list { padding-top: 70px; } #landing-news .tabs-content.moving-parts .more-items-list:before { font-size: 24px; height: 24px; background-size: 45% auto; } #store-wrapper { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; padding-top: 0; } #store-main-text { padding-top: 20px; padding-bottom: 0; } #store-main-text li { width: 100%; padding-left: 10px; padding-right: 10px; } #store-items .more-items-item { width: calc(50% - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--gap) !important; } #store-items .more-items-item .wrapper { padding: 10px 0 50px ; } #store-items .more-items-item .wrapper h2 { font-size: 18px; } .virtual-hospitality-main { background: url(https://ineosteamgb.s3.amazonaws.com/original/m7773_virtual-background.jpg) center left repeat-y transparent; background-size: contain; } #home-buttons { padding: 0 !important; } #home-buttons ul li { height: 35vh; margin: 0; } #virtual-hospitality-main { padding: 0 !important; } .vh-user { margin-top: 0; } .vh-user > div:last-child { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .vh-user > div:last-child > * { width: 100%; } .vh-user > div:last-child form { padding-right: 20px; grid-template-areas: "title title title" "field field field" "disclaimer disclaimer disclaimer" "button button button"; } .vh-user > div:last-child form >div:nth-child(2) { height: 100px; } .vh-user > div:last-child > .questions, .vh-user > div:last-child > .announcements { padding: 0 20px; border-top: 5px solid var(--main-color-bg); } .vh-user > div:last-child > .questions ul, .vh-user > div:last-child > .announcements ul { height: 70vh; padding-bottom: 20px; } #vh-banner { padding: 0; margin-bottom: 20px; } #vh-banner ul li > a img { width: calc(50% - 20px); margin-bottom: 20px; } #vh-banner ul li > a { -ms-flex-wrap: wrap; flex-wrap: wrap; } #virtual-top .slide-title small { margin: 10px 0; font-size: 12px; } #virtual-top .slide-content div .btn { margin-top: 13px; padding: 5px 30px; } #virtual-top .slide-title a { font-size: 28px; line-height: 1; } #vh-questions .questions ul:last-child { padding-top: 0; } #vh-questions .questions ul:last-child li { flex-wrap: wrap; padding-bottom: 10px !important; padding-top: 10 !important; } #vh-questions .questions ul:last-child li .question-question { width: 100%; padding: 10px 0; order: -3; font-size: 18px; } #vh-questions .questions ul:last-child li .question-name { width: 50%; order: -2; } #vh-questions .questions ul:last-child li .question-date { width: 50%; order:-1; text-align: right; padding: 0; } #vh-questions .questions ul:last-child li .question-status { padding-top: 10px; margin: 0; padding-bottom: 5px; width: auto; padding-right: 0; } #vh-questions .questions ul:last-child li button { margin: 0 5px 0 0 } .vh-user > div:last-child form h3 { margin-bottom: 16px; } .vh-user > div:last-child form .separator .control-label { margin-bottom: 20px; } .vh-user > div:last-child > .questions:after, .vh-user > div:last-child > .announcements:after { } #footer #custom-menu .more-items-item { margin-left: 10px !important; margin-right: 10px !important } #footer #footer-zone8 #custom-menu .more-items-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #footer #footer-zone8 #copyright p { text-align: center; } #footer #footer-zone8 #copyright { margin-bottom: 30px !important; } #footer #footer-zone8 #custom-menu { margin: 40px 0 20px; } .tabs { background: url(../img/ineos-tabs.jpg) 91% center no-repeat #081015; background-size: auto 100%; position: relative; padding-top: 2px; } .tabs:after { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); } .tabs li { z-index: 1; } .home-live .layout-menu .widget-title { display: none; } .home-live .row-fluid { padding:0 ; } .layout-menu .tabs-layout.is-mobile { position: fixed; bottom: 0; width: 100%; left: 0; z-index: 2; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-top: 10px; } .tabs-layout li a { width: 30px; overflow: hidden; height: 30px; margin-top: 0; } .tabs-layout li a:before { position: absolute; } .tabs-layout li:not(.tab-social) a { color: transparent; } .tabs-layout li.tab-social { width: 160px; margin-left: 15px; } .home-live #livestream { flex-direction: column; } #footer { z-index: 2; } .home-live #livestream > *, .home-live .row-fluid .widget:not(.layout-menu):not(.team-races) .widget-title, .home-live .row-fluid h2.section-title, .home-live #livestream .tabs-content { width: 100% !important; } .home-live .row-fluid .full-content:not(.zone-tabs) { padding-top: 0; min-height: calc(90vh - 130px); } .home-live .row-fluid:last-child { background-size: 100% auto; } .home-live .row-fluid .widget:not(.layout-menu) { margin-top: 20px; } .home-live .row-fluid .widget:not(.layout-menu):not(.team-races) .widget-title, .home-live .row-fluid h2.section-title { margin-bottom: 30px; } .race-course ul li { flex-direction: column-reverse !important; } .race-course:not(.race-course-map) ul li > a, .race-course ul li .wrapper { width: 100%; } #race-course-map { padding: 0 !important; margin:0 !important; } #race-course-map ul li > a { overflow: auto; } #race-course-map ul li > a img { width: 227%; } .race-course:not(.race-course-map) ul li > a img { width: 25%; } .race-course ul li .wrapper p .label { width: 83px; } .race-course ul li .wrapper p > span, .race-course:not(.race-course-map) ul li > a:before { font-size: 24px; } .race-course:not(.race-course-map) ul li > a:before { display: none; } .home-live .row-fluid .live-embed #widget-embed{ padding-top: 185.25%; } .home-live #live-embed { padding-left: 0 !important; padding-right: 0 !important; } .ac-results { height: 905px !important; } #header .social-icons>div:not(.social-snapchat) { display:none; } #header .social-icons .social-snapchat a { padding: 6px 8px; } .social-icons .social-snapchat a:before { font-size: 12px; line-height: 14px; } #live-blog { --gap: 30px; } #live-blog ul li .wrapper h2{ font-size: 18px; line-height: 1; margin-bottom: 10px; } #live-blog ul li .wrapper p { font-size: 14px; line-height: 1.2; } #full-chat-container { padding: 20px 0 0 0px !important; } } /* Retina Display adjustments - General ========================================================== */ @media only screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {} /* ========================================================== PRINT ========================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 1cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .fixed-header #header { position: relative; } .fixed-header #content { margin-top: 0 !important; } #navigation, #languages-menu, #article-aside, #prevnext, .article-view-footer, #footer-zone5 { display: none !important; } .widget.article-view .article { overflow: none; } #header-zone3.header-footer-zone .logo-img { margin-left: 0; } #footer .wrapper #footer-zone4, #footer .wrapper #footer-zone6 { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } #footer .wrapper.row2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; } #footer-contact p { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } #footer-contact p span { width: auto; } #footer #sponsors ul li { width: calc(70% - var(--gap)); } } @media only screen and (max-width: 320px) { #boat-specs header { height: 307px; } } /* ========================================================== IE Fixes ========================================================== */ .submenu-wrap { display: none; }