html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
background-color: #fcf8e3;
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999999;
}
.form-control::-webkit-input-placeholder {
color: #999999;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
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: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
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;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.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 {
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:focus,
.btn-primary.focus {
color: #ffffff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #ffffff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #ffffff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.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 {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #ffffff;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #ffffff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #ffffff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #ffffff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.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 {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #ffffff;
}
.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #ffffff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #ffffff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #ffffff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #ffffff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #ffffff;
}
.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #ffffff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #ffffff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #ffffff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #ffffff;
}
.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #ffffff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #ffffff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #ffffff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #ffffff;
}
.btn-link {
color: #337ab7;
font-weight: normal;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 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);
border-radius: 4px;
-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-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #dddddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #ffffff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #ffffff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #dddddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #ffffff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777777;
}
.navbar-default .navbar-nav > li > a {
color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555555;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777777;
}
.navbar-default .navbar-link:hover {
color: #333333;
}
.navbar-default .btn-link {
color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #cccccc;
}
.navbar-inverse {
background-color: #222222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #080808;
color: #ffffff;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #ffffff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444444;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
content: " ";
display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}@font-face{font-family:'FontAwesome';src:url(//magofsteel-superman.fr/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//magofsteel-superman.fr/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//magofsteel-superman.fr/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//magofsteel-superman.fr/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//magofsteel-superman.fr/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//magofsteel-superman.fr/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{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}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}:root {
--mos-bg: #06111d;
--mos-bg-soft: #091a2a;
--mos-panel: rgba(9, 26, 42, .92);
--mos-panel-2: rgba(11, 31, 49, .9);
--mos-border: rgba(130, 169, 197, .28);
--mos-text: #f3f7fb;
--mos-muted: #9fb1c0;
--mos-red: #e3262e;
--mos-blue: #1875a8;
--mos-gold: #d4aa28;
--mos-max: 1460px;
}
.mos-film-page {
background:
radial-gradient(circle at 60% 0%, rgba(21, 76, 111, .18), transparent 32rem),
var(--mos-bg);
color: var(--mos-text);
min-height: 100vh;
}
.mos-film-shell {
width: min(calc(100% - 40px), var(--mos-max));
margin-inline: auto;
}
.mos-film-hero {
position: relative;
min-height: 620px;
display: flex;
align-items: end;
overflow: hidden;
isolation: isolate;
background:
radial-gradient(circle at 68% 30%, rgba(32,105,148,.22), transparent 28rem),
#06111d;
}
.mos-film-hero__image {
position: absolute;
inset: 0;
z-index: -3;
background-image: var(--mos-hero-image);
background-size: cover;
background-position: var(--mos-hero-position, center);
transform: scale(1.015);
filter: saturate(.92) contrast(1.04);
}
.mos-film-hero.has-backdrop::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 42%;
z-index: -1;
background: linear-gradient(0deg, #06111d 0%, rgba(6,17,29,.78) 42%, transparent 100%);
pointer-events: none;
}
.mos-film-hero__overlay {
position: absolute;
inset: 0;
z-index: -2;
background:
linear-gradient(90deg,
rgba(3,11,20,.98) 0%,
rgba(4,14,24,.90) 24%,
rgba(4,14,24,.58) 48%,
rgba(4,14,24,.16) 72%,
rgba(4,14,24,.34) 100%
),
linear-gradient(180deg, rgba(2,8,14,.16) 0%, rgba(2,8,14,.02) 48%, rgba(6,17,29,.66) 100%);
}
.mos-film-hero__inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 260px 1fr;
gap: 42px;
align-items: end;
padding-block: 70px 44px;
}
.mos-film-hero__poster {
margin: 0;
border: 1px solid rgba(200, 225, 244, .45);
padding: 5px;
background: rgba(5, 16, 27, .7);
box-shadow: 0 24px 60px rgba(0,0,0,.35);
}
.mos-film-hero__poster img {
display: block;
width: 100%;
aspect-ratio: 2/3;
object-fit: cover;
}
.mos-film-hero__content {
max-width: 760px;
padding-bottom: 16px;
}
.mos-film-hero__eyebrow,
.mos-film-hero__meta,
.mos-film-hero__tagline {
color: var(--mos-muted);
}
.mos-film-hero h1 {
margin: 0;
font-size: clamp(3.2rem, 7vw, 6.8rem);
line-height: .9;
letter-spacing: .035em;
text-transform: uppercase;
font-weight: 900;
color: #fff;
}
.mos-film-hero__subtitle {
margin: 8px 0 0;
font-size: 1.15rem;
color: #c5d4df;
}
.mos-film-hero__year {
color: var(--mos-red);
font-size: 2rem;
font-weight: 800;
margin: 12px 0 18px;
}
.mos-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.mos-badge {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 5px 12px;
border: 1px solid rgba(255,255,255,.12);
font-size: .78rem;
font-weight: 800;
letter-spacing: .06em;
}
.mos-badge--red { background: rgba(227, 38, 46, .9); }
.mos-badge--blue { background: rgba(24, 117, 168, .75); }
.mos-badge--gold { background: rgba(212, 170, 40, .9); color: #111; }
.mos-film-nav {
position: sticky;
top: 0;
z-index: 50;
background: rgba(4, 15, 25, .96);
border-block: 1px solid var(--mos-border);
backdrop-filter: blur(14px);
}
body.admin-bar .mos-film-nav { top: 32px; }
.mos-film-nav__inner {
display: flex;
overflow-x: auto;
scrollbar-width: none;
}
.mos-film-nav__inner::-webkit-scrollbar { display: none; }
.mos-film-nav a {
flex: 0 0 auto;
color: var(--mos-muted);
text-decoration: none;
text-transform: uppercase;
font-size: .78rem;
font-weight: 800;
letter-spacing: .05em;
padding: 18px 22px 16px;
border-bottom: 3px solid transparent;
}
.mos-film-nav a:hover,
.mos-film-nav a.is-active {
color: #fff;
border-bottom-color: var(--mos-red);
}
.mos-film-section {
scroll-margin-top: 95px;
margin-block: 18px;
}
.mos-film-grid--overview {
display: grid;
grid-template-columns: minmax(300px, .75fr) minmax(0, 1.55fr);
gap: 18px;
}
.mos-film-stack {
display: grid;
align-content: start;
gap: 18px;
}
.mos-film-card,
.mos-stats {
border: 1px solid var(--mos-border);
background: linear-gradient(180deg, rgba(13, 34, 52, .88), rgba(6, 20, 33, .92));
box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.mos-film-card {
padding: 18px;
}
.mos-section-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-bottom: 14px;
margin-bottom: 16px;
border-bottom: 1px solid rgba(139, 177, 204, .16);
}
.mos-section-heading h2 {
margin: 0;
color: #fff;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: .04em;
}
.mos-info-list {
margin: 0;
}
.mos-info-row {
display: grid;
grid-template-columns: 1fr 1.15fr;
gap: 14px;
padding: 10px 0;
border-bottom: 1px solid rgba(139, 177, 204, .1);
}
.mos-info-row:last-child { border-bottom: 0; }
.mos-info-row dt { color: var(--mos-muted); }
.mos-info-row dd { margin: 0; color: #fff; font-weight: 600; }
.mos-rating-layout {
display: grid;
grid-template-columns: 1fr 210px;
gap: 24px;
align-items: center;
}
.mos-rating-bars { display: grid; gap: 14px; }
.mos-rating-row {
display: grid;
grid-template-columns: 135px 1fr 48px;
gap: 12px;
align-items: center;
font-size: .9rem;
text-transform: uppercase;
}
.mos-rating-track {
height: 12px;
background: #152738;
overflow: hidden;
}
.mos-rating-track i {
display: block;
height: 100%;
background: linear-gradient(90deg, #b51e26, var(--mos-red));
}
.mos-score-shield {
min-height: 190px;
display: grid;
place-content: center;
text-align: center;
background: linear-gradient(180deg, rgba(14, 62, 95, .6), rgba(5, 22, 36, .8));
clip-path: polygon(22% 0, 78% 0, 100% 50%, 78% 100%, 22% 100%, 0 50%);
border: 1px solid var(--mos-blue);
}
.mos-score-shield span {
color: var(--mos-red);
text-transform: uppercase;
font-size: .82rem;
font-weight: 800;
}
.mos-score-shield strong {
font-size: 3.5rem;
line-height: 1;
margin-top: 10px;
}
.mos-score-shield small { font-size: 1.4rem; }
.mos-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.mos-stat {
padding: 18px;
text-align: center;
border-right: 1px solid var(--mos-border);
}
.mos-stat:last-child { border-right: 0; }
.mos-stat span { display:block; color: var(--mos-muted); text-transform: uppercase; font-size: .78rem; }
.mos-stat strong { display:block; margin-top: 6px; font-size: 1.2rem; }
.mos-video {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background: #02070b;
overflow: hidden;
}
.mos-video iframe,
.mos-video video {
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
}
.mos-cast-grid {
display: grid;
grid-template-columns: repeat(8, minmax(120px, 1fr));
gap: 14px;
}
.mos-cast-card {
background: #091827;
border: 1px solid var(--mos-border);
text-align: center;
overflow: hidden;
}
.mos-cast-card img {
width: 100%;
aspect-ratio: 4/5;
object-fit: cover;
display: block;
}
.mos-cast-card div { padding: 10px 8px 12px; }
.mos-cast-card h3 {
margin: 0;
font-size: .78rem;
line-height: 1.25;
text-transform: uppercase;
}
.mos-cast-card p {
margin: 5px 0 0;
color: var(--mos-muted);
font-size: .76rem;
}
.mos-media-grid,
.mos-gallery-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.mos-media-card {
border: 1px solid var(--mos-border);
background: #081724;
}
.mos-media-card h3 { margin: 12px; }
.mos-gallery-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.mos-gallery-card {
text-decoration: none;
color: inherit;
border: 1px solid var(--mos-border);
background: #081724;
overflow: hidden;
transition: transform .2s ease, border-color .2s ease;
}
.mos-gallery-card:hover {
transform: translateY(-3px);
border-color: rgba(227, 38, 46, .7);
}
.mos-gallery-card img {
width: 100%;
aspect-ratio: 16/10;
object-fit: cover;
display:block;
}
.mos-gallery-card div { padding: 12px; }
.mos-gallery-card h3 { margin:0; font-size:.82rem; text-transform:uppercase; }
.mos-gallery-card p { margin:4px 0 0; color:var(--mos-muted); font-size:.78rem; }
.mos-timeline {
position: relative;
padding-left: 28px;
}
.mos-timeline::before {
content:"";
position:absolute;
left:8px;
top:5px;
bottom:5px;
width:1px;
background: linear-gradient(var(--mos-red), var(--mos-blue));
}
.mos-timeline-item {
position:relative;
padding: 0 0 26px 14px;
}
.mos-timeline-dot {
position:absolute;
left:-25px;
top:5px;
width:11px;
height:11px;
border-radius:50%;
background:var(--mos-red);
box-shadow:0 0 0 5px rgba(227,38,46,.12);
}
.mos-timeline time {
color:var(--mos-red);
font-size:.78rem;
font-weight:800;
text-transform:uppercase;
}
.mos-timeline h3 { margin:5px 0 8px; }
.mos-richtext { color:#d7e1e9; line-height:1.75; }
.mos-richtext a { color:#69b6e2; }
.mos-richtext img { max-width:100%; height:auto; }
.mos-button {
display:inline-flex;
padding:12px 18px;
background:var(--mos-red);
color:white;
text-decoration:none;
font-weight:800;
text-transform:uppercase;
}
@media (max-width: 1200px) {
.mos-cast-grid { grid-template-columns: repeat(4, minmax(120px, 1fr)); }
.mos-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
.mos-film-hero { min-height: auto; }
.mos-film-hero__inner {
grid-template-columns: 150px 1fr;
gap: 22px;
padding-block: 55px 30px;
}
.mos-film-grid--overview { grid-template-columns: 1fr; }
.mos-rating-layout { grid-template-columns: 1fr; }
.mos-score-shield { min-height: 150px; }
.mos-media-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.mos-film-shell { width: min(calc(100% - 24px), var(--mos-max)); }
.mos-film-hero__inner {
grid-template-columns: 1fr;
align-items: start;
}
.mos-film-hero__poster {
width: 145px;
}
.mos-film-hero h1 { font-size: clamp(2.8rem, 15vw, 4.5rem); }
.mos-rating-row {
grid-template-columns: 95px 1fr 42px;
font-size: .72rem;
}
.mos-stats { grid-template-columns: 1fr; }
.mos-stat { border-right:0; border-bottom:1px solid var(--mos-border); }
.mos-stat:last-child { border-bottom:0; }
.mos-cast-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mos-media-grid,
.mos-gallery-grid { grid-template-columns: 1fr 1fr; }
}
.mos-term-cloud {
display:flex;
flex-wrap:wrap;
gap:8px;
}
.mos-term-cloud + .mos-term-cloud {
margin-top:14px;
padding-top:14px;
border-top:1px solid rgba(139,177,204,.12);
}
.mos-term-cloud a {
display:inline-flex;
padding:7px 10px;
border:1px solid rgba(24,117,168,.45);
background:rgba(24,117,168,.10);
color:#cfe9f8;
text-decoration:none;
font-size:.78rem;
text-transform:uppercase;
letter-spacing:.03em;
}
.mos-term-cloud a:hover {
border-color:var(--mos-red);
color:#fff;
}
.mos-term-cloud--secondary a {
border-color:rgba(212,170,40,.38);
background:rgba(212,170,40,.08);
} .mos-migration-badge {
display:inline-flex;
align-items:center;
min-height:24px;
padding:4px 9px;
border:1px solid rgba(212,170,40,.38);
background:rgba(212,170,40,.08);
color:#e4c55b;
font-size:.68rem;
font-weight:800;
letter-spacing:.045em;
text-transform:uppercase;
}
.mos-legacy-content > :first-child { margin-top:0; }
.mos-legacy-content > :last-child { margin-bottom:0; }
.mos-legacy-content iframe {
max-width:100%;
}
.mos-legacy-content .wp-block-embed,
.mos-legacy-content .wp-video,
.mos-legacy-content figure {
max-width:100%;
}
.mos-legacy-content img {
border:1px solid rgba(130,169,197,.22);
}
.mos-legacy-bridge h2,
.mos-legacy-bridge h3 {
color:#fff;
}
.mos-legacy-bridge h2 {
margin-top:1.8em;
padding-bottom:.45em;
border-bottom:1px solid rgba(130,169,197,.16);
}
.mos-legacy-bridge h3 {
margin-top:1.4em;
}
@media (max-width:640px) {
.mos-migration-badge {
display:none;
}
} .mos-section-kicker {
color: var(--mos-muted);
font-size: .74rem;
text-transform: uppercase;
letter-spacing: .05em;
}
.mos-casting-block {
overflow: hidden;
}
.mos-cast-grid {
grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
gap: 16px;
}
.mos-cast-card {
display: block;
min-width: 0;
color: inherit;
text-decoration: none;
background:
linear-gradient(180deg, rgba(13,34,52,.96), rgba(6,18,30,.98));
border: 1px solid rgba(130,169,197,.24);
overflow: hidden;
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease;
}
a.mos-cast-card:hover {
transform: translateY(-5px);
border-color: rgba(227,38,46,.72);
box-shadow: 0 18px 34px rgba(0,0,0,.28);
}
.mos-cast-card__visual {
position: relative;
aspect-ratio: 4 / 5;
overflow: hidden;
background:
radial-gradient(circle at 50% 25%, rgba(24,117,168,.32), transparent 42%),
#0b1d2d;
}
.mos-cast-card__visual::after {
content:"";
position:absolute;
inset:auto 0 0;
height:36%;
background:linear-gradient(0deg, rgba(6,17,29,.78), transparent);
pointer-events:none;
}
.mos-cast-card__visual img {
width:100%;
height:100%;
object-fit:cover;
object-position:center top;
display:block;
transition:transform .28s ease;
}
a.mos-cast-card:hover .mos-cast-card__visual img {
transform:scale(1.035);
}
.mos-cast-card__placeholder {
width:100%;
height:100%;
display:grid;
place-items:center;
background:
linear-gradient(145deg, rgba(24,117,168,.28), rgba(227,38,46,.11)),
#0a1b2b;
}
.mos-cast-card__placeholder span {
display:grid;
place-items:center;
width:76px;
aspect-ratio:1;
border:1px solid rgba(255,255,255,.24);
clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);
font-size:2rem;
font-weight:900;
color:#dbeaf4;
}
.mos-cast-card__body {
min-height:76px;
padding:12px 11px 14px;
text-align:left;
border-top:1px solid rgba(130,169,197,.14);
}
.mos-cast-card__body h3 {
margin:0;
color:#fff;
font-size:.82rem;
line-height:1.25;
text-transform:uppercase;
}
.mos-cast-card__body p {
margin:5px 0 0;
color:#8eb6ce;
font-size:.76rem;
line-height:1.35;
} .mos-film-hero__poster {
transform: translateY(14px);
border-color: rgba(218,232,242,.42);
box-shadow:
0 28px 70px rgba(0,0,0,.42),
0 0 0 1px rgba(255,255,255,.03);
}
@media (max-width: 900px) {
.mos-film-hero {
min-height: 540px;
}
.mos-film-hero__image {
background-position: center top;
}
.mos-film-hero__overlay {
background:
linear-gradient(90deg, rgba(3,11,20,.96) 0%, rgba(4,14,24,.72) 55%, rgba(4,14,24,.34) 100%),
linear-gradient(0deg, #06111d 0%, transparent 60%);
}
}
@media (max-width: 640px) {
.mos-film-hero {
min-height: 660px;
align-items:end;
}
.mos-film-hero__image {
inset:0 0 34%;
background-position:center top;
opacity:.92;
}
.mos-film-hero__overlay {
background:
linear-gradient(0deg, #06111d 8%, rgba(6,17,29,.92) 32%, rgba(6,17,29,.22) 78%, rgba(6,17,29,.2) 100%);
}
.mos-film-hero__poster {
width:125px;
transform:none;
}
.mos-cast-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap:10px;
}
} .mos-video-grid {
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:16px;
}
.mos-video-card {
min-width:0;
border:1px solid var(--mos-border);
background:#081724;
overflow:hidden;
}
.mos-video-card__media {
position:relative;
aspect-ratio:16/9;
background:#02070b;
}
.mos-video-card__media iframe,
.mos-video-card__media video {
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
}
.mos-video-card__media > a {
display:grid;
place-items:center;
width:100%;
height:100%;
color:#fff;
text-decoration:none;
font-weight:800;
text-transform:uppercase;
}
.mos-video-card__body {
padding:12px 14px 14px;
}
.mos-video-card__body span {
display:inline-block;
margin-bottom:5px;
color:var(--mos-red);
font-size:.7rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.05em;
}
.mos-video-card__body h3 {
margin:0;
font-size:.9rem;
line-height:1.35;
} .mos-gallery-grid {
grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
gap:16px;
}
.mos-gallery-card {
display:block;
min-width:0;
color:inherit;
text-decoration:none;
background:#081724;
border:1px solid var(--mos-border);
overflow:hidden;
}
.mos-gallery-card__visual {
position:relative;
aspect-ratio:16/10;
overflow:hidden;
background:
radial-gradient(circle at 50% 30%, rgba(24,117,168,.25), transparent 38%),
#0b1d2d;
}
.mos-gallery-card__visual img {
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:transform .28s ease;
}
a.mos-gallery-card:hover .mos-gallery-card__visual img {
transform:scale(1.04);
}
.mos-gallery-card__body {
padding:12px 14px 14px;
}
.mos-gallery-card__body h3 {
margin:0;
font-size:.85rem;
text-transform:uppercase;
line-height:1.3;
}
.mos-gallery-card__body p {
margin:5px 0 0;
color:var(--mos-muted);
font-size:.76rem;
}
.mos-gallery-card__placeholder {
width:100%;
height:100%;
background:
linear-gradient(145deg, rgba(24,117,168,.25), rgba(227,38,46,.10)),
#0a1b2b;
} .mos-timeline {
padding-left:36px;
}
.mos-timeline::before {
left:11px;
width:2px;
background:linear-gradient(var(--mos-red), rgba(24,117,168,.9), rgba(24,117,168,.2));
}
.mos-timeline-item {
padding:0 0 34px 18px;
}
.mos-timeline-item:last-child {
padding-bottom:0;
}
.mos-timeline-dot {
left:-31px;
width:13px;
height:13px;
border:2px solid #06111d;
box-shadow:
0 0 0 4px rgba(227,38,46,.12),
0 0 18px rgba(227,38,46,.22);
}
.mos-timeline-content {
padding:2px 0 0;
}
.mos-timeline time {
display:inline-block;
margin-bottom:4px;
color:#f16970;
font-size:.75rem;
font-weight:900;
letter-spacing:.05em;
}
.mos-timeline h3 {
margin:0 0 10px;
font-size:1rem;
line-height:1.35;
}
@media (max-width: 780px) {
.mos-video-grid {
grid-template-columns:1fr;
}
.mos-gallery-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width: 520px) {
.mos-gallery-grid {
grid-template-columns:1fr;
}
} .mos-tech-groups {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.mos-tech-group {
border:1px solid rgba(130,169,197,.14);
background:rgba(255,255,255,.015);
padding:14px;
}
.mos-tech-group h3 {
margin:0 0 10px;
color:#dce9f2;
font-size:.78rem;
text-transform:uppercase;
letter-spacing:.055em;
}
.mos-tech-footer {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
margin-top:16px;
border-top:1px solid rgba(130,169,197,.14);
}
.mos-tech-footer > div {
padding:14px 12px 0;
border-right:1px solid rgba(130,169,197,.12);
}
.mos-tech-footer > div:last-child {
border-right:0;
}
.mos-tech-footer span {
display:block;
color:var(--mos-muted);
font-size:.7rem;
text-transform:uppercase;
letter-spacing:.05em;
}
.mos-tech-footer strong {
display:block;
margin-top:5px;
color:#fff;
font-size:.95rem;
} .mos-tax-block + .mos-tax-block {
margin-top:16px;
padding-top:16px;
border-top:1px solid rgba(130,169,197,.12);
}
.mos-tax-label {
display:block;
margin-bottom:9px;
color:var(--mos-muted);
font-size:.72rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.05em;
}
.mos-term-cloud span {
display:inline-flex;
padding:7px 10px;
border:1px solid rgba(24,117,168,.35);
background:rgba(24,117,168,.08);
color:#cfe9f8;
font-size:.78rem;
text-transform:uppercase;
} .mos-related-grid {
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:14px;
}
.mos-related-card {
display:block;
min-width:0;
color:inherit;
text-decoration:none;
border:1px solid var(--mos-border);
background:#081724;
overflow:hidden;
transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.mos-related-card:hover {
transform:translateY(-4px);
border-color:rgba(227,38,46,.66);
box-shadow:0 18px 32px rgba(0,0,0,.25);
}
.mos-related-card__visual {
position:relative;
aspect-ratio:2/3;
overflow:hidden;
background:#0b1d2d;
}
.mos-related-card__visual img {
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .28s ease;
}
.mos-related-card:hover .mos-related-card__visual img {
transform:scale(1.035);
}
.mos-related-card__type {
position:absolute;
left:8px;
bottom:8px;
padding:4px 7px;
background:rgba(6,17,29,.88);
border:1px solid rgba(255,255,255,.16);
color:#fff;
font-size:.64rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.05em;
}
.mos-related-card__body {
padding:10px;
}
.mos-related-card__body h3 {
margin:0;
color:#fff;
font-size:.76rem;
line-height:1.25;
text-transform:uppercase;
}
.mos-related-card__body p {
margin:5px 0 0;
color:var(--mos-red);
font-size:.72rem;
font-weight:800;
}
.mos-related-card__placeholder {
width:100%;
height:100%;
background:
radial-gradient(circle at 50% 30%, rgba(24,117,168,.25), transparent 40%),
linear-gradient(145deg, rgba(24,117,168,.2), rgba(227,38,46,.08)),
#0a1b2b;
}
@media (max-width:1200px) {
.mos-related-grid {
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media (max-width:780px) {
.mos-tech-groups {
grid-template-columns:1fr;
}
.mos-tech-footer {
grid-template-columns:1fr;
}
.mos-tech-footer > div {
border-right:0;
border-bottom:1px solid rgba(130,169,197,.12);
padding:12px 0;
}
.mos-tech-footer > div:last-child {
border-bottom:0;
}
}
@media (max-width:560px) {
.mos-related-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
} .mos-archive-page {
min-height:70vh;
background:
radial-gradient(circle at 76% 5%, rgba(24,117,168,.16), transparent 28rem),
radial-gradient(circle at 15% 20%, rgba(227,38,46,.07), transparent 24rem),
var(--mos-bg);
color:var(--mos-text);
}
.mos-archive-hero {
position:relative;
padding:68px 0 36px;
border-bottom:1px solid rgba(130,169,197,.14);
background:
linear-gradient(180deg, rgba(8,27,44,.72), rgba(6,17,29,.96));
overflow:hidden;
}
.mos-archive-hero::after {
content:"S";
position:absolute;
right:5vw;
top:-74px;
font-size:20rem;
line-height:1;
font-weight:1000;
font-style:italic;
color:rgba(255,255,255,.018);
transform:rotate(-8deg);
pointer-events:none;
}
.mos-archive-hero__eyebrow {
margin:0 0 8px;
color:#ef5a62;
font-size:.72rem;
font-weight:900;
letter-spacing:.11em;
}
.mos-archive-hero h1 {
margin:0;
color:#fff;
font-size:clamp(2.5rem,7vw,5.6rem);
line-height:.92;
text-transform:uppercase;
letter-spacing:-.045em;
}
.mos-archive-hero__intro {
max-width:700px;
margin:18px 0 0;
color:#a8c0d0;
font-size:1rem;
line-height:1.65;
}
.mos-archive-switcher {
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:28px;
}
.mos-archive-switcher a {
display:inline-flex;
align-items:center;
min-height:36px;
padding:0 13px;
border:1px solid rgba(130,169,197,.24);
color:#bad0dd;
text-decoration:none;
font-size:.74rem;
font-weight:850;
text-transform:uppercase;
letter-spacing:.045em;
background:rgba(255,255,255,.02);
}
.mos-archive-switcher a:hover,
.mos-archive-switcher a.is-active {
color:#fff;
border-color:rgba(227,38,46,.7);
background:rgba(227,38,46,.12);
}
.mos-archive-content {
padding-top:34px;
padding-bottom:70px;
}
.mos-archive-toolbar {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:18px;
}
.mos-archive-count {
color:var(--mos-muted);
font-size:.74rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.05em;
}
.mos-work-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}
.mos-work-card {
min-width:0;
}
.mos-work-card__link {
display:block;
height:100%;
color:inherit;
text-decoration:none;
border:1px solid rgba(130,169,197,.20);
background:
linear-gradient(180deg, rgba(13,34,52,.98), rgba(6,18,30,.99));
overflow:hidden;
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease;
}
.mos-work-card__link:hover {
transform:translateY(-5px);
border-color:rgba(227,38,46,.64);
box-shadow:0 20px 38px rgba(0,0,0,.27);
}
.mos-work-card__visual {
position:relative;
aspect-ratio:2/3;
overflow:hidden;
background:#0a1b2b;
}
.mos-work-card__visual::after {
content:"";
position:absolute;
inset:auto 0 0;
height:42%;
background:linear-gradient(0deg, rgba(5,15,25,.8), transparent);
pointer-events:none;
}
.mos-work-card__visual img {
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:transform .3s ease;
}
.mos-work-card__link:hover img {
transform:scale(1.035);
}
.mos-work-card__placeholder {
width:100%;
height:100%;
background:
radial-gradient(circle at 50% 25%, rgba(24,117,168,.28), transparent 35%),
linear-gradient(145deg, rgba(24,117,168,.18), rgba(227,38,46,.08)),
#0a1b2b;
}
.mos-work-card__type,
.mos-work-card__year {
position:absolute;
bottom:10px;
z-index:2;
padding:4px 7px;
border:1px solid rgba(255,255,255,.14);
background:rgba(5,15,25,.86);
color:#fff;
font-size:.64rem;
font-weight:850;
text-transform:uppercase;
letter-spacing:.045em;
}
.mos-work-card__type { left:10px; }
.mos-work-card__year { right:10px; color:#f16c73; }
.mos-work-card__body {
padding:14px 13px 15px;
}
.mos-work-card__body h2 {
margin:0;
color:#fff;
font-size:.92rem;
line-height:1.3;
text-transform:uppercase;
}
.mos-work-card__themes {
display:flex;
flex-wrap:wrap;
gap:5px;
margin-top:9px;
}
.mos-work-card__themes span {
padding:3px 6px;
border:1px solid rgba(24,117,168,.3);
color:#8fb8d0;
font-size:.61rem;
text-transform:uppercase;
}
.mos-work-card__cta {
display:block;
margin-top:14px;
padding-top:10px;
border-top:1px solid rgba(130,169,197,.12);
color:#dbe8f0;
font-size:.7rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.04em;
}
.mos-work-card__cta b {
color:var(--mos-red);
font-size:1rem;
margin-left:4px;
}
.mos-pagination {
margin-top:34px;
}
.mos-pagination .page-numbers {
list-style:none;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:7px;
padding:0;
margin:0;
}
.mos-pagination .page-numbers a,
.mos-pagination .page-numbers span {
display:grid;
place-items:center;
min-width:38px;
min-height:38px;
padding:0 10px;
border:1px solid rgba(130,169,197,.22);
color:#bdd1dd;
text-decoration:none;
background:#081724;
}
.mos-pagination .page-numbers .current,
.mos-pagination .page-numbers a:hover {
color:#fff;
border-color:var(--mos-red);
background:rgba(227,38,46,.12);
}
@media (max-width:1050px) {
.mos-work-grid {
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media (max-width:720px) {
.mos-archive-hero {
padding:46px 0 28px;
}
.mos-work-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
gap:11px;
}
.mos-work-card__body {
padding:11px 10px 12px;
}
.mos-work-card__body h2 {
font-size:.78rem;
}
.mos-work-card__themes {
display:none;
}
} .mos-inline-link {
color:#8fd0f0;
text-decoration:none;
border-bottom:1px solid rgba(143,208,240,.28);
transition:color .18s ease,border-color .18s ease;
}
.mos-inline-link:hover {
color:#fff;
border-bottom-color:var(--mos-red);
}
.mos-connections-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.mos-connection-group {
min-width:0;
padding:14px;
border:1px solid rgba(130,169,197,.14);
background:rgba(255,255,255,.015);
}
.mos-connection-group h3 {
margin:0 0 10px;
color:#dbe7ef;
font-size:.75rem;
text-transform:uppercase;
letter-spacing:.055em;
}
.mos-connection-links {
display:flex;
flex-wrap:wrap;
gap:7px;
}
.mos-connection-links a,
.mos-connection-links .is-static {
display:inline-flex;
align-items:center;
gap:7px;
min-height:32px;
padding:6px 9px;
border:1px solid rgba(24,117,168,.34);
background:rgba(24,117,168,.08);
color:#cfe8f7;
text-decoration:none;
font-size:.72rem;
text-transform:uppercase;
letter-spacing:.025em;
}
.mos-connection-links a:hover {
border-color:rgba(227,38,46,.7);
color:#fff;
}
.mos-connection-links b {
color:var(--mos-red);
}
@media (max-width:900px) {
.mos-connections-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:560px) {
.mos-connections-grid {
grid-template-columns:1fr;
}
} .mos-tax-hero h1 {
max-width:950px;
}
.mos-tax-back {
display:inline-flex;
margin-top:24px;
color:#9fc2d7;
text-decoration:none;
font-size:.72rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.045em;
}
.mos-tax-back:hover {
color:#fff;
}
.mos-tax-layout {
display:grid;
grid-template-columns:minmax(0,1fr) 300px;
gap:24px;
padding-top:34px;
padding-bottom:70px;
}
.mos-tax-results {
min-width:0;
}
.mos-work-grid--taxonomy {
grid-template-columns:repeat(3,minmax(0,1fr));
}
.mos-tax-related {
min-width:0;
}
.mos-tax-related .mos-film-card {
position:sticky;
top:86px;
}
.mos-tax-related__links {
display:flex;
flex-direction:column;
gap:7px;
}
.mos-tax-related__links a {
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:10px;
border:1px solid rgba(130,169,197,.14);
background:rgba(255,255,255,.015);
color:inherit;
text-decoration:none;
}
.mos-tax-related__links a:hover {
border-color:rgba(227,38,46,.58);
background:rgba(227,38,46,.055);
}
.mos-tax-related__links span {
min-width:0;
}
.mos-tax-related__links small {
display:block;
margin-bottom:2px;
color:#779db5;
font-size:.59rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.045em;
}
.mos-tax-related__links strong {
display:block;
overflow:hidden;
color:#e7f0f5;
font-size:.75rem;
line-height:1.25;
text-overflow:ellipsis;
}
.mos-tax-related__links b {
display:grid;
place-items:center;
min-width:26px;
height:26px;
border:1px solid rgba(24,117,168,.3);
color:#ef6a71;
font-size:.68rem;
}
@media (max-width:1000px) {
.mos-tax-layout {
grid-template-columns:1fr;
}
.mos-tax-related .mos-film-card {
position:static;
}
.mos-tax-related__links {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:720px) {
.mos-work-grid--taxonomy {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:520px) {
.mos-tax-related__links {
grid-template-columns:1fr;
}
} .mos-film-subsection {
scroll-margin-top:95px;
}
.mos-film-subsection > .mos-film-card {
margin:0;
} .mos-film-overview .mos-gallery-grid {
grid-template-columns:repeat(3,minmax(0,1fr));
}
@media (max-width:1100px) {
.mos-film-overview .mos-gallery-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:640px) {
.mos-film-overview .mos-gallery-grid {
grid-template-columns:1fr 1fr;
}
} .post-type-archive-television .mos-archive-hero,
.post-type-archive-os_television .mos-archive-hero {
background:
radial-gradient(circle at 76% 12%, rgba(24,117,168,.18), transparent 24rem),
linear-gradient(180deg, rgba(8,27,44,.72), rgba(6,17,29,.96));
}
.post-type-archive-animation .mos-archive-hero,
.post-type-archive-os_animation .mos-archive-hero {
background:
radial-gradient(circle at 76% 12%, rgba(212,170,40,.10), transparent 24rem),
linear-gradient(180deg, rgba(8,27,44,.72), rgba(6,17,29,.96));
} .single-television .mos-info-row dd,
.single-os_television .mos-info-row dd {
line-height:1.45;
} .single-animation .mos-cast-card__body p,
.single-os_animation .mos-cast-card__body p {
color:#c7b46c;
} .mos-home {
background:#06111d;
color:#eaf2f7;
}
.mos-home-hero {
position:relative;
min-height:620px;
display:flex;
align-items:flex-end;
background:
linear-gradient(90deg, rgba(4,13,23,.96) 0%, rgba(4,13,23,.76) 42%, rgba(4,13,23,.2) 76%),
linear-gradient(0deg, #06111d 0%, transparent 42%),
var(--mos-home-backdrop, linear-gradient(135deg,#0d2d45,#06111d));
background-size:cover;
background-position:center;
overflow:hidden;
}
.mos-home-hero__shade {
position:absolute;
inset:0;
background:
radial-gradient(circle at 70% 35%, transparent 0 15%, rgba(6,17,29,.08) 48%, rgba(6,17,29,.55) 100%);
}
.mos-home-hero__inner {
position:relative;
z-index:2;
padding-top:110px;
padding-bottom:70px;
}
.mos-home-kicker {
margin:0 0 10px;
color:#ef5c64;
font-size:.7rem;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.mos-home-hero h1 {
max-width:760px;
margin:0;
color:#fff;
font-size:clamp(3rem,7vw,6.6rem);
line-height:.88;
letter-spacing:-.055em;
text-transform:uppercase;
}
.mos-home-hero h1 em {
color:#e3262e;
font-style:normal;
}
.mos-home-hero__lead {
max-width:650px;
margin:22px 0 0;
color:#b7cad7;
font-size:1.02rem;
line-height:1.7;
}
.mos-home-hero__actions {
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:28px;
}
.mos-home-hero__actions a,
.mos-home-explore__inner > a {
display:inline-flex;
align-items:center;
min-height:42px;
padding:0 15px;
text-decoration:none;
font-size:.72rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.045em;
}
.mos-home-primary {
color:#fff;
background:#d9232d;
border:1px solid #ed4b53;
}
.mos-home-secondary {
color:#d7e6ef;
background:rgba(7,22,35,.72);
border:1px solid rgba(160,194,214,.28);
}
.mos-home-hero__featured {
display:flex;
flex-direction:column;
width:max-content;
max-width:100%;
margin-top:42px;
padding-left:13px;
border-left:3px solid #d9232d;
}
.mos-home-hero__featured span,
.mos-home-hero__featured small {
color:#8eabba;
font-size:.65rem;
text-transform:uppercase;
letter-spacing:.05em;
}
.mos-home-hero__featured strong {
margin:2px 0;
color:#fff;
font-size:.92rem;
}
.mos-home-categories {
border-top:1px solid rgba(130,169,197,.12);
border-bottom:1px solid rgba(130,169,197,.12);
background:#071522;
}
.mos-home-categories__grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
}
.mos-home-categories a {
position:relative;
display:grid;
grid-template-columns:42px 1fr;
grid-template-rows:auto auto;
gap:0 10px;
padding:22px 20px;
color:inherit;
text-decoration:none;
border-right:1px solid rgba(130,169,197,.12);
}
.mos-home-categories a:last-child { border-right:0; }
.mos-home-categories a:hover {
background:rgba(24,117,168,.08);
}
.mos-home-categories span {
grid-row:1 / 3;
align-self:center;
color:#e3262e;
font-size:.7rem;
font-weight:900;
}
.mos-home-categories strong {
color:#fff;
font-size:.9rem;
text-transform:uppercase;
}
.mos-home-categories small {
margin-top:3px;
color:#7698ac;
font-size:.7rem;
}
.mos-home-section {
padding:58px 0;
border-bottom:1px solid rgba(130,169,197,.09);
}
.mos-home-section__header {
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:20px;
margin-bottom:20px;
}
.mos-home-section__header h2,
.mos-home-explore h2 {
margin:0;
color:#fff;
font-size:clamp(1.8rem,4vw,3.2rem);
line-height:1;
text-transform:uppercase;
letter-spacing:-.035em;
}
.mos-home-section__header > a {
color:#9dc1d6;
text-decoration:none;
font-size:.72rem;
font-weight:850;
text-transform:uppercase;
}
.mos-portal-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:17px;
}
.mos-portal-card {
min-width:0;
}
.mos-portal-card > a {
display:block;
height:100%;
color:inherit;
text-decoration:none;
border:1px solid rgba(130,169,197,.16);
background:#081724;
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.mos-portal-card > a:hover {
transform:translateY(-5px);
border-color:rgba(227,38,46,.6);
box-shadow:0 20px 38px rgba(0,0,0,.28);
}
.mos-portal-card__visual {
position:relative;
aspect-ratio:2/3;
overflow:hidden;
background:#0a1b2b;
}
.mos-portal-card__visual::after {
content:"";
position:absolute;
inset:auto 0 0;
height:36%;
background:linear-gradient(0deg,rgba(4,13,23,.84),transparent);
}
.mos-portal-card__visual img {
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .28s ease;
}
.mos-portal-card > a:hover img { transform:scale(1.035); }
.mos-portal-card__meta {
position:absolute;
z-index:2;
left:9px;
right:9px;
bottom:9px;
display:flex;
justify-content:space-between;
gap:8px;
}
.mos-portal-card__meta span,
.mos-portal-card__meta b {
padding:4px 6px;
background:rgba(5,15,25,.88);
border:1px solid rgba(255,255,255,.13);
color:#fff;
font-size:.61rem;
text-transform:uppercase;
}
.mos-portal-card__meta b { color:#ef676f; }
.mos-portal-card__body {
padding:13px;
}
.mos-portal-card__body h3 {
margin:0;
color:#fff;
font-size:.86rem;
line-height:1.28;
text-transform:uppercase;
}
.mos-portal-card__body p {
margin:9px 0 0;
color:#7898aa;
font-size:.72rem;
line-height:1.5;
}
.mos-portal-card__body strong {
display:block;
margin-top:13px;
padding-top:10px;
border-top:1px solid rgba(130,169,197,.1);
color:#b8d1df;
font-size:.65rem;
text-transform:uppercase;
}
.mos-home-explore {
padding:70px 0;
background:
radial-gradient(circle at 78% 50%,rgba(24,117,168,.14),transparent 24rem),
#071522;
}
.mos-home-explore__inner {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:30px;
}
.mos-home-explore__inner > div {
max-width:760px;
}
.mos-home-explore p:not(.mos-home-kicker) {
max-width:650px;
margin:16px 0 0;
color:#91acbb;
line-height:1.65;
}
.mos-home-explore__inner > a {
flex:none;
color:#fff;
border:1px solid rgba(227,38,46,.65);
background:rgba(227,38,46,.1);
}
@media (max-width:1000px) {
.mos-portal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
.mos-home-hero { min-height:560px; }
.mos-home-hero__inner { padding-top:80px; padding-bottom:48px; }
.mos-home-categories__grid { grid-template-columns:1fr; }
.mos-home-categories a {
border-right:0;
border-bottom:1px solid rgba(130,169,197,.12);
}
.mos-home-section { padding:42px 0; }
.mos-home-explore__inner { display:block; }
.mos-home-explore__inner > a { margin-top:24px; }
}
@media (max-width:520px) {
.mos-portal-grid { gap:10px; }
.mos-portal-card__body p { display:none; }
.mos-home-section__header { align-items:flex-start; }
} .mos-site-header {
position:sticky;
top:0;
z-index:999;
color:#eaf2f7;
}
.admin-bar .mos-site-header {
top:32px;
}
.mos-site-header__bar {
background:rgba(5,15,25,.94);
border-bottom:1px solid rgba(130,169,197,.14);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
transition:background .2s ease,box-shadow .2s ease;
}
.mos-site-header.is-scrolled .mos-site-header__bar {
background:rgba(4,13,22,.985);
box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.mos-header-shell {
width:min(1380px,calc(100% - 40px));
margin:0 auto;
}
.mos-site-header__bar .mos-header-shell {
min-height:72px;
display:flex;
align-items:center;
gap:28px;
}
.mos-brand {
flex:none;
display:flex;
align-items:center;
gap:10px;
color:#fff;
text-decoration:none;
}
.mos-brand__logo {
display:flex;
align-items:center;
}
.mos-brand__logo .custom-logo-link {
display:flex;
}
.mos-brand__logo img {
width:auto;
max-width:54px;
max-height:52px;
object-fit:contain;
}
.mos-brand__shield {
display:grid;
place-items:center;
width:42px;
height:42px;
color:#fff;
background:#d9232d;
clip-path:polygon(50% 0,95% 22%,82% 75%,50% 100%,18% 75%,5% 22%);
font-size:1.35rem;
font-weight:1000;
font-style:italic;
}
.mos-brand__text {
display:flex;
flex-direction:column;
line-height:1;
}
.mos-brand__text strong {
color:#fff;
font-size:1rem;
font-weight:950;
letter-spacing:-.035em;
}
.mos-brand__text strong i {
color:#e3262e;
font-style:normal;
font-size:.7em;
}
.mos-brand__text small {
margin-top:4px;
color:#668ba2;
font-size:.57rem;
font-weight:750;
text-transform:uppercase;
letter-spacing:.09em;
}
.mos-main-nav {
display:flex;
align-items:stretch;
align-self:stretch;
gap:2px;
margin-left:auto;
}
.mos-main-nav > a,
.mos-main-nav > li > a {
position:relative;
display:flex;
align-items:center;
padding:0 12px;
color:#a9c0ce;
text-decoration:none;
font-size:.7rem;
font-weight:850;
text-transform:uppercase;
letter-spacing:.045em;
white-space:nowrap;
}
.mos-main-nav > li {
display:flex;
margin:0;
list-style:none;
}
.mos-main-nav > a::after,
.mos-main-nav > li > a::after {
content:"";
position:absolute;
left:12px;
right:12px;
bottom:0;
height:2px;
background:#e3262e;
transform:scaleX(0);
transform-origin:center;
transition:transform .18s ease;
}
.mos-main-nav > a:hover,
.mos-main-nav > li > a:hover,
.mos-main-nav > a.is-active {
color:#fff;
}
.mos-main-nav > a:hover::after,
.mos-main-nav > li > a:hover::after,
.mos-main-nav > a.is-active::after {
transform:scaleX(1);
}
.mos-header-actions {
flex:none;
display:flex;
align-items:center;
gap:7px;
}
.mos-search-toggle,
.mos-menu-toggle {
appearance:none;
border:0;
background:transparent;
color:#bdd0dc;
cursor:pointer;
}
.mos-search-toggle {
display:flex;
align-items:center;
gap:7px;
padding:9px 7px;
}
.mos-search-toggle > span {
position:relative;
width:15px;
height:15px;
border:2px solid currentColor;
border-radius:50%;
}
.mos-search-toggle > span::after {
content:"";
position:absolute;
width:6px;
height:2px;
right:-5px;
bottom:-2px;
background:currentColor;
transform:rotate(45deg);
}
.mos-search-toggle b {
font-size:.65rem;
text-transform:uppercase;
}
.mos-menu-toggle {
display:none;
width:40px;
height:40px;
padding:10px;
}
.mos-menu-toggle > span {
display:block;
width:100%;
height:2px;
margin:4px 0;
background:currentColor;
}
.mos-header-search {
background:#071522;
border-bottom:1px solid rgba(130,169,197,.16);
box-shadow:0 14px 30px rgba(0,0,0,.2);
}
.mos-header-search[hidden] {
display:none;
}
.mos-header-search form {
display:grid;
grid-template-columns:1fr auto;
gap:8px;
padding:14px 0;
}
.mos-header-search input {
min-width:0;
height:42px;
padding:0 13px;
border:1px solid rgba(130,169,197,.22);
outline:0;
background:#06111d;
color:#fff;
}
.mos-header-search input:focus {
border-color:rgba(227,38,46,.7);
}
.mos-header-search button {
min-height:42px;
padding:0 15px;
border:1px solid #e44951;
background:#d9232d;
color:#fff;
font-size:.68rem;
font-weight:900;
text-transform:uppercase;
cursor:pointer;
}
@media (max-width:1050px) {
.mos-main-nav {
position:absolute;
left:0;
right:0;
top:100%;
display:none;
flex-direction:column;
align-items:stretch;
gap:0;
padding:8px 20px 18px;
background:#06111d;
border-bottom:1px solid rgba(130,169,197,.16);
box-shadow:0 18px 30px rgba(0,0,0,.3);
}
.mos-main-nav.is-open {
display:flex;
}
.mos-main-nav > a,
.mos-main-nav > li,
.mos-main-nav > li > a {
width:100%;
}
.mos-main-nav > a,
.mos-main-nav > li > a {
min-height:43px;
padding:0 5px;
border-bottom:1px solid rgba(130,169,197,.08);
}
.mos-main-nav > a::after,
.mos-main-nav > li > a::after {
left:0;
right:auto;
width:3px;
top:10px;
bottom:10px;
height:auto;
transform:scaleY(0);
}
.mos-main-nav > a:hover::after,
.mos-main-nav > li > a:hover::after,
.mos-main-nav > a.is-active::after {
transform:scaleY(1);
}
.mos-menu-toggle {
display:block;
}
}
@media (max-width:782px) {
.admin-bar .mos-site-header {
top:46px;
}
}
@media (max-width:620px) {
.mos-header-shell {
width:min(100% - 24px,1380px);
}
.mos-site-header__bar .mos-header-shell {
min-height:62px;
gap:10px;
}
.mos-brand__logo img {
max-width:43px;
max-height:42px;
}
.mos-brand__shield {
width:36px;
height:36px;
}
.mos-brand__text strong {
font-size:.86rem;
}
.mos-brand__text small,
.mos-search-toggle b {
display:none;
}
.mos-header-search form {
grid-template-columns:1fr;
}
}
.mos-featured-strip{background:#030b12;border-bottom:1px solid rgba(130,169,197,.10)}.mos-featured-strip__inner{min-height:34px;display:flex;align-items:center;gap:16px}.mos-featured-strip__label{flex:none;color:#e85a62;font-size:.70rem;font-weight:900;text-transform:uppercase;letter-spacing:.075em}.mos-featured-strip nav{display:flex;align-items:center;gap:18px;min-width:0;overflow-x:auto;scrollbar-width:none}.mos-featured-strip nav::-webkit-scrollbar{display:none}.mos-featured-strip nav a{flex:none;color:#b9cbd6;text-decoration:none;font-size:.76rem;font-weight:750}.mos-featured-strip nav a:hover{color:#fff}.mos-brand--typographic .mos-brand__text strong{font-size:1.18rem}.mos-brand--typographic .mos-brand__text small{font-size:.64rem}.mos-main-nav>a,.mos-main-nav>li>a{font-size:.80rem;padding-inline:14px}.mos-search-toggle b{font-size:.73rem}.mos-film-page,.mos-archive-page,.mos-home{font-size:16px}.mos-section-heading h2{font-size:1.08rem}.mos-info-row{font-size:.96rem}.mos-tech-group h3,.mos-tax-label,.mos-section-kicker{font-size:.78rem}.mos-cast-card__body h3,.mos-gallery-card__body h3,.mos-related-card__body h3{font-size:.88rem}.mos-cast-card__body p,.mos-gallery-card__body p{font-size:.82rem}.mos-home-hero__subtitle{max-width:720px;margin:10px 0 0;color:#b8ccd8;font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:600}.mos-home-hero__lead{font-size:1.08rem}.mos-db-explorer{padding:62px 0;border-bottom:1px solid rgba(130,169,197,.10);background:radial-gradient(circle at 86% 18%,rgba(24,117,168,.15),transparent 25rem),#071522}.mos-db-explorer__header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.mos-db-explorer__header h2{margin:0;color:#fff;font-size:clamp(2rem,4.5vw,3.7rem);line-height:.95;text-transform:uppercase;letter-spacing:-.045em}.mos-db-explorer__header p:not(.mos-home-kicker){max-width:700px;margin:12px 0 0;color:#91aebe;font-size:1rem}.mos-db-index{flex:none;color:rgba(147,183,205,.28);font-size:.72rem;font-weight:900;letter-spacing:.12em}.mos-db-panel{padding:20px;border:1px solid rgba(130,169,197,.20);background:linear-gradient(180deg,rgba(11,31,49,.88),rgba(6,20,33,.95))}.mos-db-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mos-db-field{min-width:0}.mos-db-field>span,.mos-db-search>label,.mos-db-genres>span{display:block;margin-bottom:7px;color:#8eabbc;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.mos-db-field select,.mos-db-search input{width:100%;min-width:0;height:46px;padding:0 12px;border:1px solid rgba(130,169,197,.23);border-radius:0;outline:0;background:#06111d;color:#e9f2f7;font-size:.92rem}.mos-db-field select:focus,.mos-db-search input:focus{border-color:rgba(227,38,46,.70)}.mos-db-genres{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(130,169,197,.12)}.mos-db-genres>span{margin:0 5px 0 0}.mos-db-genres a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid rgba(24,117,168,.35);background:rgba(24,117,168,.08);color:#cce4f1;text-decoration:none;font-size:.80rem;font-weight:850;text-transform:uppercase}.mos-db-genres a:hover{border-color:rgba(227,38,46,.65);color:#fff}.mos-db-search{margin-top:16px}.mos-db-search>div{display:grid;grid-template-columns:1fr auto;gap:8px}.mos-db-search button{min-height:46px;padding:0 18px;border:1px solid #ea4c54;background:#d9232d;color:#fff;font-size:.78rem;font-weight:900;text-transform:uppercase}.mos-portal-card__meta span,.mos-portal-card__meta b{padding:6px 9px;font-size:.75rem;font-weight:900}.mos-portal-card__body h3{font-size:.96rem}.mos-portal-card__body strong{font-size:.72rem}.mos-work-grid,.mos-work-grid--taxonomy{grid-template-columns:repeat(4,minmax(0,1fr))}.mos-work-card__type,.mos-work-card__year{padding:6px 8px;font-size:.73rem}.mos-work-card__body h2{font-size:.98rem}.mos-work-card__themes span{font-size:.68rem}.mos-work-card__cta{font-size:.76rem}@media(max-width:1100px){.mos-db-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mos-work-grid,.mos-work-grid--taxonomy{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.mos-featured-strip__label{display:none}.mos-featured-strip__inner{min-height:32px}.mos-featured-strip nav{gap:14px}.mos-featured-strip nav a{font-size:.70rem}.mos-db-explorer__header{display:block}.mos-db-index{margin-top:12px}.mos-db-fields{grid-template-columns:1fr}.mos-work-grid,.mos-work-grid--taxonomy{grid-template-columns:repeat(2,minmax(0,1fr))}} .mos-brand--typographic .mos-brand__text strong {
font-size: 2rem;
}
.mos-brand--typographic .mos-brand__text small {
font-size: .95rem;
}
.mos-main-nav > a,
.mos-main-nav > li > a {
font-size: 1rem;
padding-inline: 16px;
line-height: 1.15;
}
.mos-main-nav > a span {
display:block;
margin-left:5px;
color:#6f93a8;
font-size:.72em;
font-weight:750;
}
.mos-featured-strip nav a {
font-size: 1rem;
}
.mos-featured-strip__label {
font-size: .9rem;
}
.mos-search-toggle b {
font-size: .9rem;
}
.mos-home-kicker,
.mos-archive-hero__eyebrow,
.mos-section-kicker,
.mos-tax-label {
font-size: .9rem;
}
.mos-home-section__header > a,
.mos-work-card__cta,
.mos-portal-card__body strong {
font-size: .9rem;
}
.mos-portal-card__body h3,
.mos-work-card__body h2,
.mos-cast-card__body h3,
.mos-gallery-card__body h3 {
font-size: 1.1rem;
}
.mos-info-row,
.mos-richtext,
.mos-tech-group,
.mos-taxonomy-card {
font-size: 1.02rem;
} .mos-home-hero {
min-height: 430px;
align-items:center;
background:
linear-gradient(90deg,
rgba(4,13,23,.86) 0%,
rgba(4,13,23,.62) 32%,
rgba(4,13,23,.16) 62%,
rgba(4,13,23,.04) 100%
),
linear-gradient(0deg, rgba(6,17,29,.86) 0%, transparent 34%),
var(--mos-home-backdrop, linear-gradient(135deg,#184b71,#0a1a27));
background-size:cover;
background-position:center 28%;
}
.mos-home-hero__shade {
background:
radial-gradient(circle at 72% 42%, rgba(49,139,198,.18), transparent 28%),
radial-gradient(circle at 64% 36%, rgba(227,38,46,.08), transparent 18%);
}
.mos-home-hero__inner {
padding-top:62px;
padding-bottom:62px;
}
.mos-home-hero h1 {
max-width:820px;
font-size:clamp(3.2rem,6vw,5.6rem);
text-shadow:0 2px 14px rgba(0,0,0,.22);
}
.mos-home-hero__lead {
max-width:700px;
color:#d0dee7;
font-size:1.15rem;
text-shadow:0 1px 6px rgba(0,0,0,.22);
} .mos-portal-card__visual {
aspect-ratio: 16 / 10;
}
.mos-portal-card__visual img {
object-fit: cover;
object-position: center 25%;
}
.mos-portal-card__meta span,
.mos-portal-card__meta b {
font-size:.9rem;
padding:7px 10px;
} .mos-work-card__visual {
aspect-ratio: 2 / 3;
} .mos-site-footer {
padding:34px 0 24px;
border-top:1px solid rgba(130,169,197,.16);
background:#030b12;
color:#d5e2ea;
}
.mos-footer-links {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:10px;
text-align:center;
}
.mos-footer-links a {
color:#c6d9e5;
text-decoration:none;
font-size:1rem;
font-weight:850;
letter-spacing:.025em;
}
.mos-footer-links a:hover {
color:#fff;
}
.mos-footer-links span {
color:#e3262e;
}
.mos-footer-bottom {
display:flex;
justify-content:center;
align-items:baseline;
gap:10px;
margin-top:20px;
padding-top:18px;
border-top:1px solid rgba(130,169,197,.09);
}
.mos-footer-bottom strong {
font-size:1.35rem;
color:#fff;
}
.mos-footer-bottom strong i {
color:#e3262e;
font-style:normal;
}
.mos-footer-bottom > span {
color:#7697aa;
font-size:.9rem;
}
@media(max-width:1050px) {
.mos-main-nav > a,
.mos-main-nav > li > a {
font-size:1rem;
}
.mos-main-nav > a span {
display:inline;
}
}
@media(max-width:700px) {
.mos-brand--typographic .mos-brand__text strong {
font-size:1.5rem;
}
.mos-brand--typographic .mos-brand__text small {
font-size:.8rem;
}
.mos-home-hero {
min-height:390px;
background-position:center top;
}
.mos-portal-card__visual {
aspect-ratio:4/3;
}
.mos-footer-links {
flex-direction:column;
}
.mos-footer-links span {
display:none;
}
} .mos-home--database {
background:#030b12;
}
.mos-home-featured {
padding:18px 0;
border-bottom:2px solid #c81f28;
background:#020810;
}
.mos-home-featured__layout {
display:grid;
grid-template-columns:150px 1fr 135px;
gap:16px;
align-items:stretch;
}
.mos-home-featured__label {
display:flex;
flex-direction:column;
justify-content:center;
padding-left:10px;
border-left:3px solid #e3262e;
text-transform:uppercase;
}
.mos-home-featured__label span {
color:#fff;
font-size:1.05rem;
font-weight:900;
}
.mos-home-featured__label strong {
color:#58a9dc;
font-size:1rem;
line-height:1.1;
}
.mos-home-featured__cards {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.mos-home-featured-card {
position:relative;
min-width:0;
aspect-ratio:2.15/1;
overflow:hidden;
border:1px solid rgba(130,169,197,.16);
background:#071522;
color:#fff;
text-decoration:none;
}
.mos-home-featured-card__image,
.mos-home-featured-card__image img {
width:100%;
height:100%;
}
.mos-home-featured-card__image img {
display:block;
object-fit:cover;
object-position:center;
}
.mos-home-featured-card__overlay {
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:12px;
background:linear-gradient(0deg,rgba(3,11,18,.92),rgba(3,11,18,.08) 70%);
}
.mos-home-featured-card__overlay h2 {
margin:0 0 6px;
color:#fff;
font-size:1.12rem;
line-height:1.1;
text-transform:uppercase;
}
.mos-home-featured-card__overlay div {
display:flex;
align-items:center;
gap:8px;
}
.mos-home-featured-card__overlay span,
.mos-home-featured-card__overlay b {
padding:4px 7px;
font-size:.75rem;
font-weight:900;
text-transform:uppercase;
}
.mos-home-featured-card__overlay span {
background:#d9232d;
color:#fff;
}
.mos-home-featured-card__overlay b {
color:#dce8ef;
}
.mos-home-featured__all {
display:flex;
align-items:center;
justify-content:center;
color:#7fc6ef;
text-decoration:none;
font-size:.86rem;
font-weight:900;
text-transform:uppercase;
line-height:1.25;
}
.mos-home-brand {
padding:28px 0 24px;
background:
radial-gradient(circle at 86% 45%,rgba(24,117,168,.20),transparent 28rem),
linear-gradient(180deg,#071421,#04101a);
border-bottom:1px solid rgba(130,169,197,.16);
}
.mos-home-brand__inner {
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}
.mos-home-brand__identity {
display:flex;
align-items:center;
gap:22px;
}
.mos-home-brand__mark {
display:grid;
place-items:center;
width:130px;
aspect-ratio:1.35/1;
border:2px solid rgba(183,210,226,.55);
clip-path:polygon(18% 0,82% 0,100% 45%,72% 100%,28% 100%,0 45%);
color:#fff;
font-size:2.35rem;
font-weight:1000;
letter-spacing:-.08em;
}
.mos-home-brand__identity h1 {
margin:0;
color:#f6f8fa;
font-size:clamp(2.8rem,6vw,5.6rem);
line-height:.9;
letter-spacing:-.06em;
}
.mos-home-brand__identity h1 em {
color:#df2a33;
font-style:normal;
}
.mos-home-brand__identity p {
margin:8px 0 0;
color:#a9c0cf;
font-size:1.15rem;
letter-spacing:.16em;
text-transform:uppercase;
}
.mos-home-brand__tools {
width:min(360px,35vw);
}
.mos-home-brand__tools form {
display:grid;
grid-template-columns:1fr 46px;
}
.mos-home-brand__tools input {
min-width:0;
height:46px;
padding:0 13px;
border:1px solid rgba(130,169,197,.25);
background:#071522;
color:#fff;
font-size:.95rem;
}
.mos-home-brand__tools button {
border:1px solid rgba(130,169,197,.25);
background:#0a2033;
color:#fff;
font-size:1.25rem;
}
.mos-home-socials {
display:flex;
justify-content:flex-end;
gap:8px;
margin-top:12px;
}
.mos-home-socials a {
display:grid;
place-items:center;
width:36px;
height:36px;
border:1px solid rgba(130,169,197,.25);
border-radius:50%;
color:#dbe7ef;
text-decoration:none;
font-size:.72rem;
font-weight:900;
}
.mos-db-explorer--inline {
padding:12px 0;
background:#030b12;
}
.mos-db-panel--mockup {
display:grid;
grid-template-columns:190px 1fr 225px;
gap:16px;
align-items:end;
}
.mos-db-title strong,
.mos-db-title span,
.mos-db-title small {
display:block;
}
.mos-db-title strong {
color:#fff;
font-size:1.05rem;
text-transform:uppercase;
}
.mos-db-title span {
color:#58a9dc;
font-size:1.55rem;
font-weight:900;
text-transform:uppercase;
}
.mos-db-title small {
margin-top:8px;
color:#92aaba;
font-size:.78rem;
line-height:1.35;
text-transform:uppercase;
}
.mos-db-panel--mockup .mos-db-fields {
grid-template-columns:repeat(5,minmax(0,1fr));
gap:8px;
}
.mos-db-search--compact {
margin:0;
}
.mos-db-search--compact > div {
grid-template-columns:1fr 46px;
}
.mos-home-latest {
padding-top:24px;
}
.mos-home-latest .mos-home-section__header {
margin-bottom:14px;
}
.mos-home-latest .mos-home-section__header h2 {
font-size:1.45rem;
letter-spacing:-.025em;
}
.mos-home-latest__grid {
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:14px;
}
.mos-home-latest-card a {
display:block;
color:inherit;
text-decoration:none;
}
.mos-home-latest-card__visual {
position:relative;
aspect-ratio:1.55/1;
overflow:hidden;
border:1px solid rgba(130,169,197,.18);
background:#071522;
}
.mos-home-latest-card__visual img {
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.mos-home-latest-card__labels {
position:absolute;
left:8px;
right:8px;
top:8px;
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:8px;
}
.mos-home-latest-card__labels span,
.mos-home-latest-card__labels b {
padding:6px 9px;
font-size:.86rem;
font-weight:950;
text-transform:uppercase;
box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.mos-home-latest-card__labels span {
background:#d9232d;
color:#fff;
}
.mos-home-latest-card__labels b {
background:#17679a;
color:#fff;
}
.mos-home-latest-card__body h3 {
margin:8px 0 0;
color:#fff;
font-size:.96rem;
line-height:1.25;
text-transform:uppercase;
}
@media(max-width:1200px) {
.mos-home-featured__layout {
grid-template-columns:1fr;
}
.mos-home-featured__label,
.mos-home-featured__all {
display:none;
}
.mos-db-panel--mockup {
grid-template-columns:1fr;
}
.mos-db-panel--mockup .mos-db-fields {
grid-template-columns:repeat(3,minmax(0,1fr));
}
.mos-home-latest__grid {
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media(max-width:780px) {
.mos-home-featured__cards {
grid-template-columns:1fr;
}
.mos-home-brand__inner,
.mos-home-brand__identity {
display:block;
}
.mos-home-brand__mark {
width:90px;
margin-bottom:18px;
}
.mos-home-brand__tools {
width:100%;
margin-top:22px;
}
.mos-db-panel--mockup .mos-db-fields {
grid-template-columns:1fr;
}
.mos-home-latest__grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
} .mos-header-featured {
padding:18px 0;
border-bottom:2px solid #c81f28;
background:#020810;
}
.mos-header-featured__layout {
display:grid;
grid-template-columns:150px 1fr 135px;
gap:16px;
align-items:stretch;
}
.mos-header-featured__label {
display:flex;
flex-direction:column;
justify-content:center;
padding-left:10px;
border-left:3px solid #e3262e;
text-transform:uppercase;
}
.mos-header-featured__label span {
color:#fff;
font-size:1.05rem;
font-weight:900;
}
.mos-header-featured__label strong {
color:#58a9dc;
font-size:1rem;
line-height:1.1;
}
.mos-header-featured__cards {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.mos-header-featured-card {
position:relative;
min-width:0;
aspect-ratio:2.15/1;
overflow:hidden;
border:1px solid rgba(130,169,197,.16);
background:#071522;
color:#fff;
text-decoration:none;
}
.mos-header-featured-card img {
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.mos-header-featured-card__overlay {
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:12px;
background:linear-gradient(0deg,rgba(3,11,18,.92),rgba(3,11,18,.08) 72%);
}
.mos-header-featured-card__overlay h2 {
margin:0 0 6px;
color:#fff;
font-size:1.12rem;
line-height:1.1;
text-transform:uppercase;
}
.mos-header-featured-card__overlay div {
display:flex;
gap:8px;
align-items:center;
}
.mos-header-featured-card__overlay span,
.mos-header-featured-card__overlay b {
padding:4px 7px;
font-size:.75rem;
font-weight:900;
text-transform:uppercase;
}
.mos-header-featured-card__overlay span {
background:#d9232d;
color:#fff;
}
.mos-header-featured-card__overlay b {
color:#dce8ef;
}
.mos-header-featured__all {
display:flex;
align-items:center;
justify-content:center;
color:#7fc6ef;
text-decoration:none;
font-size:.86rem;
font-weight:900;
text-transform:uppercase;
line-height:1.25;
}
.mos-header-brandbar {
background:
radial-gradient(circle at 86% 55%,rgba(24,117,168,.18),transparent 25rem),
linear-gradient(180deg,#071421,#04101a);
border-bottom:1px solid rgba(130,169,197,.16);
}
.mos-header-brandbar__inner {
min-height:130px;
display:flex;
align-items:center;
justify-content:space-between;
gap:26px;
}
.mos-header-brandbar .mos-brand__text strong {
font-size:3.2rem;
letter-spacing:-.055em;
}
.mos-header-brandbar .mos-brand__text small {
font-size:1rem;
letter-spacing:.16em;
}
.mos-header-brandbar__tools {
display:flex;
align-items:center;
gap:12px;
}
.mos-header-brandbar__tools form {
display:grid;
grid-template-columns:minmax(250px,330px) 48px;
}
.mos-header-brandbar__tools input {
min-width:0;
height:46px;
padding:0 13px;
border:1px solid rgba(130,169,197,.25);
background:#071522;
color:#fff;
font-size:.95rem;
}
.mos-header-brandbar__tools button[type="submit"] {
border:1px solid rgba(130,169,197,.25);
background:#0a2033;
color:#fff;
font-size:1.25rem;
}
.mos-site-header__bar {
background:#06111d;
border-bottom:1px solid rgba(130,169,197,.18);
}
.mos-site-header__bar .mos-header-shell {
min-height:76px;
}
.mos-main-nav {
width:100%;
justify-content:center;
margin:0;
}
.mos-main-nav > li {
position:relative;
}
.mos-main-nav > li > a {
display:flex;
align-items:center;
gap:10px;
min-height:76px;
padding:0 18px;
color:#d5e3ec;
font-size:.94rem;
font-weight:850;
text-transform:uppercase;
letter-spacing:.02em;
}
.mos-menu-icon {
display:inline-grid;
place-items:center;
min-width:26px;
color:#4a9fd1;
font-size:1.35rem;
font-weight:900;
}
.mos-menu-chevron {
color:#e5b54c;
font-size:.95rem;
}
.mos-sub-menu {
position:absolute;
left:0;
top:100%;
z-index:200;
display:none;
min-width:260px;
margin:0;
padding:8px;
list-style:none;
border:1px solid rgba(130,169,197,.18);
background:#071522;
box-shadow:0 18px 34px rgba(0,0,0,.32);
}
.mos-main-nav > li:hover > .mos-sub-menu,
.mos-main-nav > li:focus-within > .mos-sub-menu {
display:block;
}
.mos-sub-menu li {
list-style:none;
}
.mos-sub-menu a {
display:block;
padding:11px 12px;
color:#bfd1dc;
text-decoration:none;
font-size:.86rem;
font-weight:700;
text-transform:none;
border-bottom:1px solid rgba(130,169,197,.08);
}
.mos-sub-menu a:hover {
color:#fff;
background:rgba(24,117,168,.08);
} .mos-db-panel--mockup {
grid-template-columns:190px 1fr 225px;
}
.mos-db-field--genre {
min-width:230px;
}
.mos-db-genre-buttons {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:5px;
}
.mos-db-genre-buttons a {
display:flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:0 8px;
border:1px solid rgba(24,117,168,.35);
background:#06111d;
color:#cfe5f2;
text-decoration:none;
font-size:.75rem;
font-weight:900;
text-transform:uppercase;
}
.mos-db-genre-buttons a:hover {
color:#fff;
border-color:#e3262e;
background:rgba(227,38,46,.08);
}
@media(max-width:1200px) {
.mos-header-featured__layout {
grid-template-columns:1fr;
}
.mos-header-featured__label,
.mos-header-featured__all {
display:none;
}
.mos-header-brandbar__inner {
min-height:100px;
}
.mos-header-brandbar .mos-brand__text strong {
font-size:2.3rem;
}
}
@media(max-width:1050px) {
.mos-main-nav {
justify-content:flex-start;
}
.mos-main-nav > li > a {
min-height:48px;
}
.mos-main-nav .mos-sub-menu {
position:static;
display:none;
min-width:0;
border:0;
box-shadow:none;
background:#081724;
}
.mos-main-nav .menu-item-has-children.is-submenu-open > .mos-sub-menu {
display:block;
}
}
@media(max-width:780px) {
.mos-header-featured__cards {
grid-template-columns:1fr;
}
.mos-header-brandbar__inner {
display:block;
padding:18px 0;
}
.mos-header-brandbar__tools {
margin-top:15px;
}
.mos-header-brandbar__tools form {
width:100%;
grid-template-columns:1fr 46px;
}
.mos-db-genre-buttons {
grid-template-columns:1fr;
}
}  .mos-header-featured {
padding:20px 0 18px;
background:#020810;
border-bottom:3px solid #cb2029;
}
.mos-header-featured__layout {
display:grid;
grid-template-columns:150px minmax(0,1fr) 140px;
align-items:center;
gap:18px;
}
.mos-header-featured__cards {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.mos-header-featured-card {
position:relative;
min-width:0;
height:168px;
overflow:hidden;
border:1px solid rgba(130,169,197,.14);
border-radius:6px;
background:#071522;
color:#fff;
text-decoration:none;
}
.mos-header-featured-card__visual,
.mos-header-featured-card__visual img {
width:100%;
height:100%;
}
.mos-header-featured-card__visual img {
display:block;
object-fit:cover;
object-position:center 30%;
filter:saturate(1.06) contrast(1.02);
}
.mos-header-featured-card__overlay {
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:14px;
background:
linear-gradient(90deg,rgba(2,8,16,.75),rgba(2,8,16,.08) 65%),
linear-gradient(0deg,rgba(2,8,16,.92),transparent 65%);
}
.mos-header-featured-card__overlay h2 {
margin:0 0 8px;
color:#fff;
font-size:1.28rem;
font-weight:950;
line-height:1.05;
text-transform:uppercase;
text-shadow:0 2px 6px rgba(0,0,0,.32);
}
.mos-header-featured-card__tags {
display:flex;
gap:7px;
align-items:center;
}
.mos-header-featured-card__tags span,
.mos-header-featured-card__tags b {
padding:5px 8px;
font-size:.82rem;
font-weight:950;
text-transform:uppercase;
}
.mos-header-featured-card__tags span {
color:#fff;
background:#d9242d;
}
.mos-header-featured-card__tags b {
color:#e8f2f8;
background:rgba(7,29,48,.76);
border:1px solid rgba(130,169,197,.18);
}
.mos-header-featured__label {
padding-left:12px;
}
.mos-header-featured__label span {
font-size:1.18rem;
}
.mos-header-featured__label strong {
font-size:1.12rem;
}
.mos-header-featured__all {
font-size:1rem;
} .mos-site-header__bar .mos-header-shell {
min-height:82px;
}
.mos-main-nav {
justify-content:center;
gap:0;
}
.mos-main-nav > li > a {
min-height:82px;
padding:0 20px;
gap:11px;
color:#f1f5f8;
font-size:1.05rem;
font-weight:900;
letter-spacing:.015em;
border-right:1px solid rgba(130,169,197,.11);
}
.mos-main-nav > li:first-child > a {
border-left:1px solid rgba(130,169,197,.11);
}
.mos-menu-icon {
min-width:32px;
font-size:1.7rem;
color:#3f9dd6;
text-shadow:0 0 10px rgba(63,157,214,.16);
}
.mos-menu-chevron {
margin-left:2px;
color:#efb948;
font-size:1rem;
}
.mos-sub-menu {
min-width:280px;
}
.mos-sub-menu a {
font-size:.96rem;
padding:13px 14px;
} .mos-db-explorer--inline {
padding:14px 0 18px;
}
.mos-db-panel--mockup {
display:grid;
grid-template-columns:190px minmax(0,1fr) 240px;
gap:14px;
align-items:end;
padding:18px 20px;
}
.mos-db-title strong {
font-size:1.08rem;
}
.mos-db-title span {
font-size:1.65rem;
}
.mos-db-title small {
font-size:.82rem;
}
.mos-db-panel--mockup .mos-db-fields {
grid-template-columns:repeat(5,minmax(0,1fr));
gap:8px;
}
.mos-db-field > span,
.mos-db-search > label {
margin-bottom:7px;
color:#d3e2eb;
font-size:.9rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.025em;
}
.mos-db-field select,
.mos-db-search input {
height:46px;
font-size:.95rem;
}
.mos-db-genre-buttons {
height:46px;
}
.mos-db-genre-buttons a {
min-height:46px;
font-size:.84rem;
}
.mos-db-search--compact > div {
grid-template-columns:1fr 46px;
}
@media(max-width:1200px){
.mos-header-featured__layout {
grid-template-columns:1fr;
}
.mos-header-featured__label,
.mos-header-featured__all {
display:none;
}
.mos-header-featured-card {
height:150px;
}
.mos-db-panel--mockup {
grid-template-columns:1fr;
}
.mos-db-panel--mockup .mos-db-fields {
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media(max-width:1050px){
.mos-main-nav > li > a {
min-height:50px;
font-size:1rem;
border-right:0;
}
.mos-main-nav > li:first-child > a {
border-left:0;
}
}
@media(max-width:780px){
.mos-header-featured__cards {
grid-template-columns:1fr;
}
.mos-header-featured-card {
height:170px;
}
.mos-db-panel--mockup .mos-db-fields {
grid-template-columns:1fr;
}
} .mos-header-featured {
display:block !important;
visibility:visible !important;
padding:20px 0 18px !important;
background:#020810 !important;
border-bottom:3px solid #d5242e !important;
}
.mos-header-featured__layout {
display:grid !important;
grid-template-columns:150px minmax(0,1fr) 140px !important;
gap:18px !important;
align-items:center !important;
}
.mos-header-featured__cards {
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
}
.mos-header-featured-card {
position:relative !important;
display:block !important;
width:100% !important;
min-width:0 !important;
height:170px !important;
overflow:hidden !important;
border:1px solid rgba(130,169,197,.18) !important;
border-radius:7px !important;
background:#081724 !important;
color:#fff !important;
text-decoration:none !important;
}
.mos-header-featured-card__visual {
position:absolute !important;
inset:0 !important;
}
.mos-header-featured-card__visual img {
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center 28% !important;
display:block !important;
}
.mos-header-featured-card__fallback {
width:100%;
height:100%;
background:
radial-gradient(circle at 65% 30%,rgba(55,140,198,.24),transparent 30%),
linear-gradient(135deg,#102b40,#071522 60%,#0b1a26);
}
.mos-header-featured-card__overlay {
position:absolute !important;
inset:0 !important;
display:flex !important;
flex-direction:column !important;
justify-content:flex-end !important;
padding:14px !important;
background:
linear-gradient(90deg,rgba(1,8,14,.72) 0%,rgba(1,8,14,.22) 58%,transparent 100%),
linear-gradient(0deg,rgba(1,8,14,.94) 0%,rgba(1,8,14,.24) 62%,transparent 100%) !important;
}
.mos-header-featured-card__overlay h2 {
margin:0 0 8px !important;
max-width:88% !important;
color:#fff !important;
font-size:1.38rem !important;
line-height:1.05 !important;
font-weight:950 !important;
text-transform:uppercase !important;
text-shadow:0 2px 8px rgba(0,0,0,.45) !important;
}
.mos-header-featured-card__tags {
display:flex !important;
gap:7px !important;
align-items:center !important;
}
.mos-header-featured-card__tags span,
.mos-header-featured-card__tags b {
display:inline-flex !important;
align-items:center !important;
min-height:27px !important;
padding:4px 8px !important;
font-size:.82rem !important;
font-weight:950 !important;
text-transform:uppercase !important;
}
.mos-header-featured-card__tags span {
background:#dc2530 !important;
color:#fff !important;
}
.mos-header-featured-card__tags b {
background:#17699c !important;
color:#fff !important;
}
@media(max-width:1200px){
.mos-header-featured__layout {
grid-template-columns:1fr !important;
}
.mos-header-featured__label,
.mos-header-featured__all {
display:none !important;
}
}
@media(max-width:780px){
.mos-header-featured__cards {
grid-template-columns:1fr !important;
}
.mos-header-featured-card {
height:180px !important;
}
} .mos-header-featured-card {
display:grid !important;
grid-template-columns:56% 44% !important;
height:168px !important;
background:#071522 !important;
border:1px solid rgba(130,169,197,.22) !important;
border-radius:7px !important;
overflow:hidden !important;
}
.mos-header-featured-card__visual {
position:relative !important;
inset:auto !important;
width:100% !important;
height:100% !important;
overflow:hidden !important;
}
.mos-header-featured-card__visual::after {
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,transparent 54%,rgba(7,21,34,.92) 100%);
pointer-events:none;
}
.mos-header-featured-card__visual img {
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center 28% !important;
filter:saturate(1.08) contrast(1.02) !important;
}
.mos-header-featured-card__content {
position:relative;
z-index:2;
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
padding:14px 14px 14px 4px;
background:
radial-gradient(circle at 0 50%,rgba(27,80,113,.18),transparent 55%),
#071522;
}
.mos-header-featured-card__content h2 {
margin:0 0 13px !important;
color:#fff !important;
font-size:1.28rem !important;
line-height:1.04 !important;
font-weight:950 !important;
text-transform:uppercase !important;
overflow-wrap:anywhere;
}
.mos-header-featured-card__tags {
display:flex !important;
align-items:center !important;
gap:8px !important;
}
.mos-header-featured-card__tags span,
.mos-header-featured-card__tags b {
min-height:28px !important;
display:inline-flex !important;
align-items:center !important;
padding:4px 9px !important;
font-size:.84rem !important;
line-height:1 !important;
font-weight:950 !important;
}
.mos-header-featured-card__tags span {
background:#d9232d !important;
color:#fff !important;
}
.mos-header-featured-card__tags b {
background:transparent !important;
border:0 !important;
color:#e6eef3 !important;
padding-inline:2px !important;
} .mos-header-featured-card__overlay {
display:none !important;
} .mos-header-brandbar + .mos-site-header__bar {
display:block !important;
position:relative !important;
z-index:120 !important;
}
.mos-header-brandbar + .mos-site-header__bar .mos-main-nav {
display:flex !important;
}
@media(max-width:1200px){
.mos-header-featured-card {
height:160px !important;
}
}
@media(max-width:780px){
.mos-header-featured-card {
grid-template-columns:52% 48% !important;
height:150px !important;
}
.mos-header-featured-card__content h2 {
font-size:1.05rem !important;
}
.mos-header-featured-card__tags span,
.mos-header-featured-card__tags b {
font-size:.74rem !important;
}
}  .mos-site-header__bar {
display:block !important;
min-height:82px !important;
}
.mos-site-header__bar .mos-header-shell {
display:flex !important;
align-items:stretch !important;
min-height:82px !important;
}
.mos-main-nav {
display:flex !important;
width:100% !important;
min-height:82px !important;
align-items:stretch !important;
justify-content:center !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
}
.mos-main-nav > li {
position:relative !important;
display:flex !important;
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
.mos-main-nav > li > a {
display:flex !important;
align-items:center !important;
gap:10px !important;
min-height:82px !important;
padding:0 17px !important;
color:#f2f6f8 !important;
text-decoration:none !important;
font-size:1rem !important;
font-weight:900 !important;
line-height:1.05 !important;
white-space:nowrap !important;
}
.mos-main-nav .mos-menu-label {
display:flex !important;
flex-direction:column !important;
gap:3px !important;
}
.mos-main-nav .mos-menu-label small {
color:#7899ad !important;
font-size:.66rem !important;
font-weight:800 !important;
}
.mos-menu-icon {
color:#459fd5 !important;
font-size:1.65rem !important;
}
.mos-menu-chevron {
color:#f0bb4d !important;
}
.mos-main-nav > li:hover > .mos-sub-menu,
.mos-main-nav > li:focus-within > .mos-sub-menu {
display:block !important;
} .mos-header-featured__cards {
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.mos-header-featured-card {
display:grid !important;
grid-template-columns:minmax(0,58%) minmax(0,42%) !important;
height:166px !important;
padding:0 !important;
background:#071522 !important;
}
.mos-header-featured-card__visual {
position:relative !important;
width:100% !important;
height:166px !important;
overflow:hidden !important;
}
.mos-header-featured-card__visual::after {
content:"" !important;
position:absolute !important;
inset:0 !important;
background:
linear-gradient(90deg,transparent 72%,rgba(7,21,34,.88) 100%) !important;
}
.mos-header-featured-card__visual img {
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
}
.mos-header-featured-card__content {
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
align-items:flex-start !important;
padding:14px 15px !important;
background:#071522 !important;
}
.mos-header-featured-card__content h2 {
margin:0 0 14px !important;
color:#fff !important;
font-size:1.22rem !important;
line-height:1.05 !important;
font-weight:950 !important;
text-align:left !important;
text-transform:uppercase !important;
word-break:normal !important;
overflow-wrap:normal !important;
}
.mos-header-featured-card__tags {
display:flex !important;
align-items:center !important;
gap:10px !important;
}
.mos-header-featured-card__tags span {
display:inline-flex !important;
align-items:center !important;
min-height:29px !important;
padding:5px 10px !important;
color:#fff !important;
background:#d9232d !important;
font-size:.82rem !important;
font-weight:950 !important;
}
.mos-header-featured-card__tags b {
display:inline-flex !important;
align-items:center !important;
min-height:29px !important;
padding:5px 4px !important;
color:#fff !important;
background:transparent !important;
font-size:.82rem !important;
font-weight:950 !important;
}
@media(max-width:1200px) {
.mos-main-nav {
justify-content:flex-start !important;
}
.mos-main-nav > li > a {
padding-inline:12px !important;
font-size:.9rem !important;
}
}
@media(max-width:1050px) {
.mos-main-nav {
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
min-height:0 !important;
display:none !important;
flex-direction:column !important;
background:#06111d !important;
}
.mos-main-nav.is-open {
display:flex !important;
}
.mos-main-nav > li {
width:100% !important;
display:block !important;
}
.mos-main-nav > li > a {
min-height:52px !important;
width:100% !important;
}
}
@media(max-width:780px) {
.mos-header-featured-card {
grid-template-columns:55% 45% !important;
height:155px !important;
}
.mos-header-featured-card__visual {
height:155px !important;
}
.mos-header-featured-card__content h2 {
font-size:1rem !important;
}
} .mos-home-latest-card__labels span,
.mos-home-latest-card__labels b,
.mos-portal-card__meta span,
.mos-portal-card__meta b,
.mos-work-card__type,
.mos-work-card__year,
.mos-header-featured-card__tags span,
.mos-header-featured-card__tags b {
font-family:
"Arial Narrow",
"Roboto Condensed",
"Helvetica Neue Condensed",
"Liberation Sans Narrow",
Impact,
sans-serif !important;
font-stretch: condensed !important;
font-size: 1rem !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: .015em !important;
text-transform: uppercase !important;
min-height: 30px !important;
padding: 6px 10px 5px !important;
border-radius: 3px !important;
border: 1px solid rgba(255,255,255,.12) !important;
box-shadow:
0 2px 7px rgba(0,0,0,.32),
inset 0 1px 0 rgba(255,255,255,.10) !important;
} .mos-home-latest-card__labels span,
.mos-work-card__type,
.mos-header-featured-card__tags span {
color: #fff !important;
background:
linear-gradient(180deg, #e62d38 0%, #c91824 100%) !important;
} .mos-home-latest-card__labels b,
.mos-work-card__year,
.mos-header-featured-card__tags b {
color: #fff !important;
background:
linear-gradient(180deg, #2d86c1 0%, #155b8f 100%) !important;
} .mos-home-latest-card__labels {
left: 10px !important;
right: 10px !important;
top: 10px !important;
} .mos-work-card__type,
.mos-work-card__year {
bottom: 10px !important;
} .mos-home-latest-card .mos-home-latest-card__labels span {
white-space: nowrap !important;
}
@media (max-width: 640px) {
.mos-home-latest-card__labels span,
.mos-home-latest-card__labels b,
.mos-portal-card__meta span,
.mos-portal-card__meta b,
.mos-work-card__type,
.mos-work-card__year,
.mos-header-featured-card__tags span,
.mos-header-featured-card__tags b {
font-size: .88rem !important;
min-height: 27px !important;
padding: 5px 8px 4px !important;
}
}