File: /home/httpd/html/baretube.com/templates/default_tube2018/css/styles.css
@charset "UTF-8";
/*! Nhance SCSS Framework (c) + Bootstrap v3.3.5 | By Nhance.pl 4 Mechbunny
WARNING! COMPILED FILE. DO NOT EDIT NOR DELETE THIS FILE ! Any changes please append to OVERWRITE.CSS file. */
@import url("//fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext");
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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: 0.0625rem 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 2.5rem; }
hr {
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"] {
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;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 0.0625rem solid #c0c0c0;
margin: 0 0.125rem;
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; }
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre,
blockquote {
border: 0.0625rem solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.navbar {
display: none; }
.btn > .caret, button[type="submit"] > .caret, input[type="submit"] > .caret,
.dropup > .btn > .caret,
.dropup > button[type="submit"] > .caret,
.dropup > input[type="submit"] > .caret {
border-top-color: #000 !important; }
.label {
border: 0.0625rem solid #000; }
.table {
border-collapse: collapse !important; }
.table td,
.table th {
background-color: #fff !important; }
.table-bordered th,
.table-bordered td {
border: 0.0625rem solid #ddd !important; } }
* {
box-sizing: border-box; }
*:before,
*:after {
box-sizing: border-box; }
html {
font-size: 0.625rem;
-webkit-tap-highlight-color: transparent; }
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.429;
color: #7c7c7c;
background-color: #1c1c1c; }
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
a {
color: #ff2736;
text-decoration: none; }
a:hover, a:focus {
color: #ff5a65;
text-decoration: underline; }
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -0.125rem; }
figure {
margin: 0; }
img {
vertical-align: middle; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 0.375rem; }
.img-thumbnail {
padding: 0.25rem;
line-height: 1.429;
background-color: #fff;
border: 0.0625rem solid #ddd;
border-radius: 0.25rem;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
hr {
margin-top: 1.375rem;
margin-bottom: 1.375rem;
border: 0;
border-top: 0.0625rem solid #eeeeee; }
.sr-only {
position: absolute;
width: 0.0625rem;
height: 0.0625rem;
margin: -0.0625rem;
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,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777777; }
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: 1.375rem;
margin-bottom: 0.6875rem; }
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
font-size: 65%; }
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 0.6875rem;
margin-bottom: 0.6875rem; }
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
font-size: 75%; }
h1, .h1 {
font-size: 2.5625rem; }
h2, .h2 {
font-size: 2.125rem; }
h3, .h3 {
font-size: 1.75rem; }
h4, .h4 {
font-size: 1.25rem; }
h5, .h5 {
font-size: 1rem; }
h6, .h6 {
font-size: 0.875rem; }
p {
margin: 0 0 0.6875rem; }
.lead {
margin-bottom: 1.375rem;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.4; }
@media (min-width: 768px) {
.lead {
font-size: 1.5rem; } }
small,
.small {
font-size: 87%; }
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, .initialism {
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; }
.bg-primary {
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: 0.625rem;
margin: 2.75rem 0 1.375rem;
border-bottom: 0.0625rem solid #eeeeee; }
ul,
ol {
margin-top: 0;
margin-bottom: 0.6875rem; }
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0; }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -0.3125rem; }
.list-inline > li {
display: inline-block;
padding-left: 0.3125rem;
padding-right: 0.3125rem; }
dl {
margin-top: 0;
margin-bottom: 1.375rem; }
dt,
dd {
line-height: 1.429; }
dt {
font-weight: bold; }
dd {
margin-left: 0; }
.dl-horizontal dd:before, .dl-horizontal dd:after {
content: " ";
display: table; }
.dl-horizontal dd:after {
clear: both; }
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 10rem;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dl-horizontal dd {
margin-left: 11.25rem; } }
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 0.0625rem dotted #777777; }
.initialism {
font-size: 90%; }
blockquote {
padding: 0.6875rem 1.375rem;
margin: 0 0 1.375rem;
font-size: 1.25rem;
border-left: 0.3125rem 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.429;
color: #777777; }
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0'; }
.blockquote-reverse,
blockquote.pull-right {
padding-right: 0.9375rem;
padding-left: 0;
border-right: 0.3125rem solid #eeeeee;
border-left: 0;
text-align: right; }
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: ''; }
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014'; }
address {
margin-bottom: 1.375rem;
font-style: normal;
line-height: 1.429; }
.container, .wrapper {
margin-right: auto;
margin-left: auto;
padding-left: 0.375rem;
padding-right: 0.375rem; }
.container:before, .container:after, .wrapper:before, .wrapper:after {
content: " ";
display: table; }
.container:after, .wrapper:after {
clear: both; }
@media (min-width: 768px) {
.container, .wrapper {
width: 45.75rem; } }
@media (min-width: 1040px) {
.container, .wrapper {
width: 63rem; } }
@media (min-width: 1470px) {
.container, .wrapper {
width: 75.75rem; } }
table {
background-color: transparent; }
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #777777;
text-align: left; }
th {
text-align: left; }
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1.375rem; }
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 0.5rem;
line-height: 1.429;
vertical-align: top;
border-top: 0.0625rem solid #ddd; }
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 0.125rem solid #ddd; }
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
border-top: 0; }
.table > tbody + tbody {
border-top: 0.125rem solid #ddd; }
.table .table {
background-color: #1c1c1c; }
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
padding: 0.3125rem; }
.table-bordered {
border: 0.0625rem solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 0.0625rem solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 0.125rem; }
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.table-hover > tbody > tr:hover {
background-color: #f5f5f5; }
table col[class*="col-"] {
position: static;
float: none;
display: table-column; }
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell; }
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: #f5f5f5; }
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8; }
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #dff0d8; }
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6; }
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background-color: #d9edf7; }
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3; }
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3; }
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc; }
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #f2dede; }
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc; }
.table-responsive {
overflow-x: auto;
min-height: 0.01%; }
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 1.03125rem;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 0.0625rem solid #ddd; }
.table-responsive > .table {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
.table-responsive > .table-bordered {
border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } }
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 1.375rem;
font-size: 1.5rem;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 0.0625rem solid #e5e5e5; }
label {
display: inline-block;
max-width: 100%;
margin-bottom: 0.3125rem;
font-weight: bold; }
input[type="search"] {
box-sizing: border-box; }
input[type="radio"],
input[type="checkbox"] {
margin: 0.25rem 0 0;
margin-top: 0.0625rem \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: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -0.125rem; }
output {
display: block;
padding-top: 0.4375rem;
font-size: 1rem;
line-height: 1.429;
color: #7c7c7c; }
.form-control {
display: block;
width: 100%;
height: 2.25rem;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.429;
color: #7c7c7c;
background-color: #fff;
background-image: none;
border: 0.0625rem solid #ccc;
border-radius: 0.25rem;
box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075);
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075), 0 0 0.5rem rgba(102, 175, 233, 0.6); }
.form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #999; }
.form-control::-webkit-input-placeholder {
color: #999; }
.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: 2.25rem; }
input[type="date"].input-sm,
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm
input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm
input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm
input[type="month"] {
line-height: 2.0625rem; }
input[type="date"].input-lg,
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg
input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg
input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg
input[type="month"] {
line-height: 3.0625rem; } }
.form-group {
margin-bottom: 0.9375rem; }
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 0.625rem;
margin-bottom: 0.625rem; }
.radio label,
.checkbox label {
min-height: 1.375rem;
padding-left: 1.25rem;
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: -1.25rem;
margin-top: 0.25rem \9; }
.radio + .radio,
.checkbox + .checkbox {
margin-top: -0.3125rem; }
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 1.25rem;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer; }
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 0.625rem; }
input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
cursor: not-allowed; }
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
cursor: not-allowed; }
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
cursor: not-allowed; }
.form-control-static {
padding-top: 0.4375rem;
padding-bottom: 0.4375rem;
margin-bottom: 0;
min-height: 2.375rem; }
.form-control-static.input-lg, .form-control-static.input-sm {
padding-left: 0;
padding-right: 0; }
.input-sm {
height: 2.0625rem;
padding: 0.3125rem 0.625rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.1875rem; }
select.input-sm {
height: 2.0625rem;
line-height: 2.0625rem; }
textarea.input-sm,
select[multiple].input-sm {
height: auto; }
.form-group-sm .form-control {
height: 2.0625rem;
padding: 0.3125rem 0.625rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.1875rem; }
.form-group-sm select.form-control {
height: 2.0625rem;
line-height: 2.0625rem; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto; }
.form-group-sm .form-control-static {
height: 2.0625rem;
min-height: 2.25rem;
padding: 0.375rem 0.625rem;
font-size: 0.875rem;
line-height: 1.5; }
.input-lg {
height: 3.0625rem;
padding: 0.625rem 1rem;
font-size: 1.25rem;
line-height: 1.333;
border-radius: 0.375rem; }
select.input-lg {
height: 3.0625rem;
line-height: 3.0625rem; }
textarea.input-lg,
select[multiple].input-lg {
height: auto; }
.form-group-lg .form-control {
height: 3.0625rem;
padding: 0.625rem 1rem;
font-size: 1.25rem;
line-height: 1.333;
border-radius: 0.375rem; }
.form-group-lg select.form-control {
height: 3.0625rem;
line-height: 3.0625rem; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto; }
.form-group-lg .form-control-static {
height: 3.0625rem;
min-height: 2.625rem;
padding: 0.6875rem 1rem;
font-size: 1.25rem;
line-height: 1.333; }
.has-feedback {
position: relative; }
.has-feedback .form-control {
padding-right: 2.8125rem; }
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 2.25rem;
height: 2.25rem;
line-height: 2.25rem;
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: 3.0625rem;
height: 3.0625rem;
line-height: 3.0625rem; }
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 2.0625rem;
height: 2.0625rem;
line-height: 2.0625rem; }
.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;
box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus {
border-color: #2b542c;
box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075), 0 0 0.375rem #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;
box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus {
border-color: #66512c;
box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075), 0 0 0.375rem #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;
box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus {
border-color: #843534;
box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075), 0 0 0.375rem #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: 1.6875rem; }
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0; }
.help-block {
display: block;
margin-top: 0.3125rem;
margin-bottom: 0.625rem;
color: #bcbcbc; }
@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: 0.4375rem; }
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 1.8125rem; }
.form-horizontal .form-group {
margin-left: -0.375rem;
margin-right: -0.375rem; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
content: " ";
display: table; }
.form-horizontal .form-group:after {
clear: both; }
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 0.4375rem; } }
.form-horizontal .has-feedback .form-control-feedback {
right: 0.375rem; }
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 0.8958125rem;
font-size: 1.25rem; } }
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 0.375rem;
font-size: 0.875rem; } }
.btn, button[type="submit"], input[type="submit"] {
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: 0.0625rem solid transparent;
white-space: nowrap;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.429;
border-radius: 0.25rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.btn:focus, button[type="submit"]:focus, input[type="submit"]:focus, .btn.focus, button.focus[type="submit"], input.focus[type="submit"], .btn:active:focus, button[type="submit"]:active:focus, input[type="submit"]:active:focus, .btn:active.focus, button[type="submit"]:active.focus, input[type="submit"]:active.focus, .btn.active:focus, button.active[type="submit"]:focus, input.active[type="submit"]:focus, .btn.active.focus, button.active.focus[type="submit"], input.active.focus[type="submit"] {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -0.125rem; }
.btn:hover, button[type="submit"]:hover, input[type="submit"]:hover, .btn:focus, button[type="submit"]:focus, input[type="submit"]:focus, .btn.focus, button.focus[type="submit"], input.focus[type="submit"] {
color: #333;
text-decoration: none; }
.btn:active, button[type="submit"]:active, input[type="submit"]:active, .btn.active, button.active[type="submit"], input.active[type="submit"] {
outline: 0;
background-image: none;
box-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125); }
.btn.disabled, button.disabled[type="submit"], input.disabled[type="submit"], .btn[disabled], button[disabled][type="submit"], input[disabled][type="submit"],
fieldset[disabled] .btn,
fieldset[disabled] button[type="submit"],
fieldset[disabled] input[type="submit"] {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none; }
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none; }
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc; }
.btn-default:focus, .btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c; }
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c; }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
background-image: none; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc; }
.btn-default .badge {
color: #fff;
background-color: #333; }
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4; }
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40; }
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74; }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #286090;
border-color: #204d74; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40; }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
background-image: none; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
background-color: #337ab7;
border-color: #2e6da4; }
.btn-primary .badge {
color: #337ab7;
background-color: #fff; }
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c; }
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625; }
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439; }
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #398439; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #398439;
border-color: #255625; }
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
background-image: none; }
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c; }
.btn-success .badge {
color: #5cb85c;
background-color: #fff; }
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da; }
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85; }
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc; }
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #269abc; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85; }
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
background-image: none; }
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da; }
.btn-info .badge {
color: #5bc0de;
background-color: #fff; }
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236; }
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d; }
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d58512; }
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
background-image: none; }
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236; }
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff; }
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a; }
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19; }
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
background-image: none; }
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a; }
.btn-danger .badge {
color: #d9534f;
background-color: #fff; }
.btn-link {
color: #ff2736;
font-weight: normal;
border-radius: 0; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent; }
.btn-link:hover, .btn-link:focus {
color: #ff5a65;
text-decoration: underline;
background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none; }
.btn-lg {
padding: 0.625rem 1rem;
font-size: 1.25rem;
line-height: 1.333;
border-radius: 0.375rem; }
.btn-sm {
padding: 0.3125rem 0.625rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.1875rem; }
.btn-xs {
padding: 0.0625rem 0.3125rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.1875rem; }
.btn-block {
display: block;
width: 100%; }
.btn-block + .btn-block {
margin-top: 0.3125rem; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }
.fade {
opacity: 0;
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;
transition-property: height, visibility;
transition-duration: 0.35s;
transition-timing-function: ease; }
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.125rem;
vertical-align: middle;
border-top: 0.25rem dashed;
border-top: 0.25rem solid \9;
border-right: 0.25rem solid transparent;
border-left: 0.25rem 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: 10rem;
padding: 0.3125rem 0;
margin: 0.125rem 0 0;
list-style: none;
font-size: 1rem;
text-align: left;
background-color: #fff;
border: 0.0625rem solid #ccc;
border: 0.0625rem solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.175);
background-clip: padding-box; }
.dropdown-menu.pull-right {
right: 0;
left: auto; }
.dropdown-menu .divider {
height: 0.0625rem;
margin: 0.625rem 0;
overflow: hidden;
background-color: #e5e5e5; }
.dropdown-menu > li > a {
display: block;
padding: 0.1875rem 1.25rem;
clear: both;
font-weight: normal;
line-height: 1.429;
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: #fff;
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: 0.1875rem 1.25rem;
font-size: 0.875rem;
line-height: 1.429;
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: 0.25rem dashed;
border-bottom: 0.25rem solid \9;
content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 0.125rem; }
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto; }
.navbar-right .dropdown-menu-left {
left: 0;
right: auto; } }
.alert, .messages, .notification {
padding: 0.9375rem;
margin-bottom: 1.375rem;
border: 0.0625rem solid transparent;
border-radius: 0.25rem; }
.alert h4, .messages h4, .notification h4 {
margin-top: 0;
color: inherit; }
.alert .alert-link, .messages .alert-link, .notification .alert-link {
font-weight: bold; }
.alert > p,
.alert > ul, .messages > p,
.messages > ul, .notification > p,
.notification > ul {
margin-bottom: 0; }
.alert > p + p, .messages > p + p, .notification > p + p {
margin-top: 0.3125rem; }
.alert-dismissable,
.alert-dismissible {
padding-right: 2.1875rem; }
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -0.125rem;
right: -1.3125rem;
color: inherit; }
.alert-success, .notification.success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d; }
.alert-success hr, .notification.success hr {
border-top-color: #c9e2b3; }
.alert-success .alert-link, .notification.success .alert-link {
color: #2b542c; }
.alert-info, .notification.info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f; }
.alert-info hr, .notification.info hr {
border-top-color: #a6e1ec; }
.alert-info .alert-link, .notification.info .alert-link {
color: #245269; }
.alert-warning, .notification.alert {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b; }
.alert-warning hr, .notification.alert hr {
border-top-color: #f7e1b5; }
.alert-warning .alert-link, .notification.alert .alert-link {
color: #66512c; }
.alert-danger, .notification.error {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442; }
.alert-danger hr, .notification.error hr {
border-top-color: #e4b9c0; }
.alert-danger .alert-link, .notification.error .alert-link {
color: #843534; }
.close {
float: right;
font-size: 1.5rem;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 0.0625rem 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20); }
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50); }
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; }
.modal-open {
overflow: hidden; }
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0; }
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out; }
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal-dialog {
position: relative;
width: auto;
margin: 0.625rem; }
.modal-content {
position: relative;
background-color: #fff;
border: 0.0625rem solid #999;
border: 0.0625rem solid rgba(0, 0, 0, 0.2);
border-radius: 0.375rem;
box-shadow: 0 0.1875rem 0.5625rem rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0); }
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50); }
.modal-header {
padding: 0.9375rem;
border-bottom: 0.0625rem solid #e5e5e5;
min-height: 1.0268125rem; }
.modal-header .close {
margin-top: -0.125rem; }
.modal-title {
margin: 0;
line-height: 1.429; }
.modal-body {
position: relative;
padding: 0.9375rem; }
.modal-footer {
padding: 0.9375rem;
text-align: right;
border-top: 0.0625rem solid #e5e5e5; }
.modal-footer:before, .modal-footer:after {
content: " ";
display: table; }
.modal-footer:after {
clear: both; }
.modal-footer .btn + .btn, .modal-footer button[type="submit"] + .btn, .modal-footer input[type="submit"] + .btn, .modal-footer .btn + button[type="submit"], .modal-footer button[type="submit"] + button[type="submit"], .modal-footer input[type="submit"] + button[type="submit"], .modal-footer .btn + input[type="submit"], .modal-footer button[type="submit"] + input[type="submit"], .modal-footer input[type="submit"] + input[type="submit"] {
margin-left: 0.3125rem;
margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group button[type="submit"] + .btn, .modal-footer .btn-group input[type="submit"] + .btn, .modal-footer .btn-group .btn + button[type="submit"], .modal-footer .btn-group button[type="submit"] + button[type="submit"], .modal-footer .btn-group input[type="submit"] + button[type="submit"], .modal-footer .btn-group .btn + input[type="submit"], .modal-footer .btn-group button[type="submit"] + input[type="submit"], .modal-footer .btn-group input[type="submit"] + input[type="submit"] {
margin-left: -0.0625rem; }
.modal-footer .btn-block + .btn-block {
margin-left: 0; }
.modal-scrollbar-measure {
position: absolute;
top: -624.9375rem;
width: 3.125rem;
height: 3.125rem;
overflow: scroll; }
@media (min-width: 768px) {
.modal-dialog {
width: 37.5rem;
margin: 1.875rem auto; }
.modal-content {
box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.5); }
.modal-sm {
width: 18.75rem; } }
@media (min-width: 1040px) {
.modal-lg {
width: 56.25rem; } }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix: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 {
display: none !important; }
.visible-sm {
display: none !important; }
.visible-md {
display: none !important; }
.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: 1039px) {
.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: 1039px) {
.visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 1039px) {
.visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 1039px) {
.visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 1040px) and (max-width: 1469px) {
.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: 1040px) and (max-width: 1469px) {
.visible-md-block {
display: block !important; } }
@media (min-width: 1040px) and (max-width: 1469px) {
.visible-md-inline {
display: inline !important; } }
@media (min-width: 1040px) and (max-width: 1469px) {
.visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1470px) {
.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: 1470px) {
.visible-lg-block {
display: block !important; } }
@media (min-width: 1470px) {
.visible-lg-inline {
display: inline !important; } }
@media (min-width: 1470px) {
.visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) {
.hidden-xs {
display: none !important; } }
@media (min-width: 768px) and (max-width: 1039px) {
.hidden-sm {
display: none !important; } }
@media (min-width: 1040px) and (max-width: 1469px) {
.hidden-md {
display: none !important; } }
@media (min-width: 1470px) {
.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; } }
.g--dropdown {
display: none; }
.js-hover > .g--dropdown {
display: block; }
.js-dropdown-open > .g--dropdown {
display: block; }
.js-dropdown-open {
z-index: 5; }
.g--main-nav-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 5rem; }
.g--height-full {
height: 100%; }
.g-col {
float: left;
padding-left: 0.375rem;
padding-right: 0.375rem;
position: relative; }
.g-row {
display: block;
width: auto;
clear: both;
margin-left: -0.375rem;
margin-right: -0.375rem; }
.g-row::before, .g-row::after {
display: block;
clear: both;
content: " "; }
.g-sec {
margin-bottom: 1.5rem; }
body .g--bgc-c1 {
background-color: #ff2736; }
body .g--bgc-c2 {
background-color: #161616; }
body .g--bgc-c3 {
background-color: #ffffff; }
body .g--bgc-c4 {
background-color: #7c7c7c; }
body .g--clear {
clear: both; }
body .g--clear::before, body .g--clear::after {
display: block;
clear: both;
content: " "; }
body .g--cursor-default {
cursor: default; }
body .g--cursor-pointer {
cursor: pointer; }
body .g--ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
body .g--fleft {
float: left; }
body .g--fright {
float: right; }
body .g--nofloat {
float: none; }
body .g--text-center {
text-align: center; }
body .g--text-justify {
text-align: justify; }
body .g--text-left {
text-align: left; }
body .g--text-right {
text-align: right; }
body .g--text-bigger {
font-size: 115%; }
body .g--text-big {
font-size: 140%; }
body .g--text-smaller {
font-size: 85%; }
body .g--text-small {
font-size: 60%; }
body .g--uppercase {
text-transform: uppercase; }
body .g--lowercase {
text-transform: lowercase; }
body .g--text-notransform {
text-transform: none; }
body .g--italic {
font-style: italic; }
body .g--underline {
text-decoration: underline; }
body .g--nounderline {
text-decoration: none; }
body .g--width-full {
width: 100%; }
body .g--width-half {
width: 50%; }
body .g--block, body .g--line {
display: block;
clear: both; }
body .g--block::before, body .g--block::after, body .g--line::before, body .g--line::after {
display: block;
clear: both;
content: " "; }
body .g--margin-top {
margin-top: 0.75rem; }
body .g--margin-top2 {
margin-top: 1.5rem; }
body .g--margin-top3 {
margin-top: 2.25rem; }
body .g--margin-top4 {
margin-top: 3rem; }
body .g--margin-bottom {
margin-bottom: 0.75rem; }
body .g--margin-bottom2 {
margin-bottom: 1.5rem; }
body .g--margin-bottom3 {
margin-bottom: 2.25rem; }
body .g--margin-bottom4 {
margin-bottom: 3rem; }
body .g--padding-top {
padding-top: 0.75rem; }
body .g--padding-top2 {
padding-top: 1.5rem; }
body .g--padding-top3 {
padding-top: 2.25rem; }
body .g--padding-top4 {
padding-top: 3rem; }
body .g--padding-bottom {
padding-bottom: 0.75rem; }
body .g--padding-bottom2 {
padding-bottom: 1.5rem; }
body .g--padding-bottom3 {
padding-bottom: 2.25rem; }
body .g--padding-bottom4 {
padding-bottom: 3rem; }
body .g--weight-100, body .g--weight-thin {
font-weight: 100; }
body .g--weight-200, body .g--weight-extra-light {
font-weight: 200; }
body .g--weight-300, body .g--weight-light {
font-weight: 300; }
body .g--weight-400, body .g--weight-normal {
font-weight: 400; }
body .g--weight-500, body .g--weight-medium {
font-weight: 500; }
body .g--weight-600, body .g--weight-semibold {
font-weight: 600; }
body .g--weight-700, body .g--weight-strong, body .g--weight-bold {
font-weight: 700; }
body .g--weight-800 {
font-weight: 800; }
body .g--weight-900, body .g--weight-black {
font-weight: 900; }
@media (min-width: 120em) {
body .g--visible-xlg-up {
display: block; } }
@media (max-width: 119.938em) {
body .g--visible-xlg-down {
display: block; } }
@media (min-width: 91.875em) {
body .g--visible-lg-up {
display: block; } }
@media (max-width: 91.813em) {
body .g--visible-lg-down {
display: block; } }
@media (min-width: 65em) {
body .g--visible-md-up {
display: block; } }
@media (max-width: 64.938em) {
body .g--visible-md-down {
display: block; } }
@media (min-width: 48em) {
body .g--visible-sm-up {
display: block; } }
@media (max-width: 47.938em) {
body .g--visible-sm-down {
display: block; } }
@media (min-width: 37.5em) {
body .g--visible-xsm-up {
display: block; } }
@media (max-width: 37.438em) {
body .g--visible-xsm-down {
display: block; } }
@media (min-width: 30em) {
body .g--visible-xs-up {
display: block; } }
@media (max-width: 29.938em) {
body .g--visible-xs-down {
display: block; } }
@media (min-width: 23.75em) {
body .g--visible-xxs-up {
display: block; } }
@media (max-width: 23.688em) {
body .g--visible-xxs-down {
display: block; } }
@media (min-width: 120em) {
body .g--hidden-xlg-up {
display: none; } }
@media (max-width: 119.938em) {
body .g--hidden-xlg-down {
display: none; } }
@media (min-width: 91.875em) {
body .g--hidden-lg-up {
display: none; } }
@media (max-width: 91.813em) {
body .g--hidden-lg-down {
display: none; } }
@media (min-width: 65em) {
body .g--hidden-md-up {
display: none; } }
@media (max-width: 64.938em) {
body .g--hidden-md-down {
display: none; } }
@media (min-width: 48em) {
body .g--hidden-sm-up {
display: none; } }
@media (max-width: 47.938em) {
body .g--hidden-sm-down {
display: none; } }
@media (min-width: 37.5em) {
body .g--hidden-xsm-up {
display: none; } }
@media (max-width: 37.438em) {
body .g--hidden-xsm-down {
display: none; } }
@media (min-width: 30em) {
body .g--hidden-xs-up {
display: none; } }
@media (max-width: 29.938em) {
body .g--hidden-xs-down {
display: none; } }
@media (min-width: 23.75em) {
body .g--hidden-xxs-up {
display: none; } }
@media (max-width: 23.688em) {
body .g--hidden-xxs-down {
display: none; } }
body .g--hidden, body .g--hide {
display: none; }
.is-hidden, .is-hide, .is-none, .is-invisible {
display: none; }
.is-visible, .is-block {
display: block; }
.is-collapsed {
height: 0;
overflow: hidden; }
.js-expander-trigger .-when-inactive {
display: inline; }
.js-expander-trigger .-when-active {
display: none; }
.js-expander-trigger.is-expander-trigger-active .-when-inactive {
display: none; }
.js-expander-trigger.is-expander-trigger-active .-when-active {
display: inline; }
.is-collapsed {
overflow: hidden; }
.is-collapse-animating {
transition: all 0.5s cubic-bezier(0.67, 0.21, 0.005, 0.885);
overflow: hidden; }
html {
font-size: 1rem; }
body {
font-family: "Montserrat", sans-serif;
color: #7c7c7c;
background-color: #1c1c1c;
font-size: 0.875rem;
font-weight: 300; }
.wrapper {
width: 97%;
max-width: 75rem;
min-width: 20rem;
margin-left: auto;
margin-right: auto; }
@media (max-width: 64.938em) {
.wrapper {
width: 100%;
padding-left: 0.75rem;
padding-right: 0.75rem; } }
.wrapper.-fluid, .wrapper--fluid {
width: 100%;
max-width: none; }
.col {
padding-left: 0.375rem;
padding-right: 0.375rem;
float: left;
position: relative; }
.row {
margin-left: -0.375rem;
margin-right: -0.375rem;
clear: both; }
.row::before, .row::after {
display: block;
clear: both;
content: " "; }
.row--sep, .row.-sep {
height: 0.0625rem;
background-color: #1c1c1c;
margin-bottom: 0.75rem; }
/* inverted colors */
.js-inverted-colors .row--sep, .row.-sep {
background-color: #C9C9C9; }
.row--flex, .row.-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 23.688em) {
.row--flex, .row.-flex {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.row--flex-center, .row.-flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.row--stretch, .row.-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.row--content-aside, .row.-content-aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left; }
@media (max-width: 47.938em) {
.row--content-aside, .row.-content-aside {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.row--aside-right .aside, .row.-aside-right .aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 18.75rem;
flex: 0 0 18.75rem; }
@media (max-width: 64.938em) {
.row--aside-right .aside, .row.-aside-right .aside {
display: none; } }
.row--cols-narrow .item, .row.-cols-narrow .item {
width: 33.33%; }
@media (max-width: 64.938em) {
.row--cols-narrow .item, .row.-cols-narrow .item {
width: 50%; } }
@media (max-width: 29.938em) {
.row--cols-narrow .item, .row.-cols-narrow .item {
width: 100%; } }
a {
color: #ff2736;
text-decoration: none; }
a:hover, a:focus {
color: #ff5a65; }
.table-block {
display: table;
width: 100%;
height: 100%;
vertical-align: middle; }
.table-block__cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle; }
h1, h2, h3, h4, h5, h6,
.--h1, .--h2, .--h3, .--h4, .--h5, .--h6 {
font-family: "Montserrat", sans-serif;
font-weight: 400;
line-height: 1.2em;
color: #ffffff;
margin-top: 0;
margin-bottom: 0.9375rem; }
/* inverted colors */
.js-inverted-colors h1, .js-inverted-colors h2, .js-inverted-colors h3, .js-inverted-colors h4, .js-inverted-colors h5, .js-inverted-colors h6,
.js-inverted-colors .--h1, .js-inverted-colors .--h2, .js-inverted-colors .--h3, .js-inverted-colors .--h4, .js-inverted-colors .--h5, .js-inverted-colors .--h6 {
color: #333333; }
h1, .--h1 {
font-size: inherit;
margin-top: 0; }
h2, .--h2 {
font-size: inherit;
margin-top: 0; }
h3, .--h3 {
font-size: inherit;
margin-top: 0; }
h4, .--h4 {
font-size: inherit;
margin-top: 0; }
h5, .--h5 {
font-size: inherit;
margin-top: 0; }
h6, .--h6 {
font-size: inherit;
margin-top: 0; }
button, input, .btn, button[type="submit"], input[type="submit"], [class*='btn-'] {
border: 0;
outline: 0;
outline-style: none; }
button::-moz-focus-inner, button::-moz-focus-outer, button:focus, button:active, button:hover, input::-moz-focus-inner, input::-moz-focus-outer, input:focus, input:active, input:hover, .btn::-moz-focus-inner, button[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, .btn::-moz-focus-outer, button[type="submit"]::-moz-focus-outer, input[type="submit"]::-moz-focus-outer, .btn:focus, button[type="submit"]:focus, input[type="submit"]:focus, .btn:active, button[type="submit"]:active, input[type="submit"]:active, .btn:hover, button[type="submit"]:hover, input[type="submit"]:hover, [class*='btn-']::-moz-focus-inner, [class*='btn-']::-moz-focus-outer, [class*='btn-']:focus, [class*='btn-']:active, [class*='btn-']:hover {
border: 0;
outline: 0;
outline-style: none; }
button:hover, button:active, button:focus, button:visited, input:hover, input:active, input:focus, input:visited, .btn:hover, button[type="submit"]:hover, input[type="submit"]:hover, .btn:active, button[type="submit"]:active, input[type="submit"]:active, .btn:focus, button[type="submit"]:focus, input[type="submit"]:focus, .btn:visited, button[type="submit"]:visited, input[type="submit"]:visited, [class*='btn-']:hover, [class*='btn-']:active, [class*='btn-']:focus, [class*='btn-']:visited {
border: 0;
outline: 0;
outline-style: none;
box-shadow: none; }
button:hover::-moz-focus-inner, button:hover::-moz-focus-outer, button:hover:focus, button:hover:active, button:hover:hover, button:active::-moz-focus-inner, button:active::-moz-focus-outer, button:active:focus, button:active:active, button:active:hover, button:focus::-moz-focus-inner, button:focus::-moz-focus-outer, button:focus:focus, button:focus:active, button:focus:hover, button:visited::-moz-focus-inner, button:visited::-moz-focus-outer, button:visited:focus, button:visited:active, button:visited:hover, input:hover::-moz-focus-inner, input:hover::-moz-focus-outer, input:hover:focus, input:hover:active, input:hover:hover, input:active::-moz-focus-inner, input:active::-moz-focus-outer, input:active:focus, input:active:active, input:active:hover, input:focus::-moz-focus-inner, input:focus::-moz-focus-outer, input:focus:focus, input:focus:active, input:focus:hover, input:visited::-moz-focus-inner, input:visited::-moz-focus-outer, input:visited:focus, input:visited:active, input:visited:hover, .btn:hover::-moz-focus-inner, button[type="submit"]:hover::-moz-focus-inner, input[type="submit"]:hover::-moz-focus-inner, .btn:hover::-moz-focus-outer, button[type="submit"]:hover::-moz-focus-outer, input[type="submit"]:hover::-moz-focus-outer, .btn:hover:focus, button[type="submit"]:hover:focus, input[type="submit"]:hover:focus, .btn:hover:active, button[type="submit"]:hover:active, input[type="submit"]:hover:active, .btn:hover:hover, button[type="submit"]:hover:hover, input[type="submit"]:hover:hover, .btn:active::-moz-focus-inner, button[type="submit"]:active::-moz-focus-inner, input[type="submit"]:active::-moz-focus-inner, .btn:active::-moz-focus-outer, button[type="submit"]:active::-moz-focus-outer, input[type="submit"]:active::-moz-focus-outer, .btn:active:focus, button[type="submit"]:active:focus, input[type="submit"]:active:focus, .btn:active:active, button[type="submit"]:active:active, input[type="submit"]:active:active, .btn:active:hover, button[type="submit"]:active:hover, input[type="submit"]:active:hover, .btn:focus::-moz-focus-inner, button[type="submit"]:focus::-moz-focus-inner, input[type="submit"]:focus::-moz-focus-inner, .btn:focus::-moz-focus-outer, button[type="submit"]:focus::-moz-focus-outer, input[type="submit"]:focus::-moz-focus-outer, .btn:focus:focus, button[type="submit"]:focus:focus, input[type="submit"]:focus:focus, .btn:focus:active, button[type="submit"]:focus:active, input[type="submit"]:focus:active, .btn:focus:hover, button[type="submit"]:focus:hover, input[type="submit"]:focus:hover, .btn:visited::-moz-focus-inner, button[type="submit"]:visited::-moz-focus-inner, input[type="submit"]:visited::-moz-focus-inner, .btn:visited::-moz-focus-outer, button[type="submit"]:visited::-moz-focus-outer, input[type="submit"]:visited::-moz-focus-outer, .btn:visited:focus, button[type="submit"]:visited:focus, input[type="submit"]:visited:focus, .btn:visited:active, button[type="submit"]:visited:active, input[type="submit"]:visited:active, .btn:visited:hover, button[type="submit"]:visited:hover, input[type="submit"]:visited:hover, [class*='btn-']:hover::-moz-focus-inner, [class*='btn-']:hover::-moz-focus-outer, [class*='btn-']:hover:focus, [class*='btn-']:hover:active, [class*='btn-']:hover:hover, [class*='btn-']:active::-moz-focus-inner, [class*='btn-']:active::-moz-focus-outer, [class*='btn-']:active:focus, [class*='btn-']:active:active, [class*='btn-']:active:hover, [class*='btn-']:focus::-moz-focus-inner, [class*='btn-']:focus::-moz-focus-outer, [class*='btn-']:focus:focus, [class*='btn-']:focus:active, [class*='btn-']:focus:hover, [class*='btn-']:visited::-moz-focus-inner, [class*='btn-']:visited::-moz-focus-outer, [class*='btn-']:visited:focus, [class*='btn-']:visited:active, [class*='btn-']:visited:hover {
border: 0;
outline: 0;
outline-style: none; }
.btn, button[type="submit"], input[type="submit"] {
display: inline-block;
vertical-align: top;
box-shadow: none;
border-radius: 0.1875rem;
transition-property: background-color, color;
transition-duration: .5s;
transition-delay: .0s;
transition-timing-function: cubic-bezier(0.67, 0.21, 0.005, 0.885);
line-height: 2.375rem;
height: 2.5rem;
padding-top: 0;
padding-bottom: 0;
border-radius: 1.25rem;
font-size: 0.688rem;
border: none;
padding-right: 1.125rem;
padding-left: 1.125rem; }
.btn__icon {
font-size: 0.938rem; }
.btn__icon + .btn__label {
margin-left: 0.375rem; }
.btn--primary, .btn.-primary, button.-primary[type="submit"], input.-primary[type="submit"], .btn--base, .btn.-base, button.-base[type="submit"], input.-base[type="submit"], .btn--default, .btn.-default, button.-default[type="submit"], input.-default[type="submit"], .btn-default {
background-color: #ff2736;
color: #ffffff; }
.btn--primary:hover, .btn--primary:active, .btn--primary:focus, .btn.-primary:hover, button.-primary[type="submit"]:hover, input.-primary[type="submit"]:hover, .btn.-primary:active, button.-primary[type="submit"]:active, input.-primary[type="submit"]:active, .btn.-primary:focus, button.-primary[type="submit"]:focus, input.-primary[type="submit"]:focus, .btn--base:hover, .btn--base:active, .btn--base:focus, .btn.-base:hover, button.-base[type="submit"]:hover, input.-base[type="submit"]:hover, .btn.-base:active, button.-base[type="submit"]:active, input.-base[type="submit"]:active, .btn.-base:focus, button.-base[type="submit"]:focus, input.-base[type="submit"]:focus, .btn--default:hover, .btn--default:active, .btn--default:focus, .btn.-default:hover, button.-default[type="submit"]:hover, input.-default[type="submit"]:hover, .btn.-default:active, button.-default[type="submit"]:active, input.-default[type="submit"]:active, .btn.-default:focus, button.-default[type="submit"]:focus, input.-default[type="submit"]:focus, .btn-default:hover, .btn-default:active, .btn-default:focus {
background-color: #f30011; }
.btn--navbar-trigger, .btn.-navbar-trigger, button.-navbar-trigger[type="submit"], input.-navbar-trigger[type="submit"] {
line-height: 5rem;
height: 5rem;
padding-left: 0.75rem;
padding-right: 0.75rem; }
.btn--navbar-trigger.is-active .btn__icon, .btn.-navbar-trigger.is-active .btn__icon, button.-navbar-trigger.is-active[type="submit"] .btn__icon, input.-navbar-trigger.is-active[type="submit"] .btn__icon {
color: #ff2736; }
.btn.-navbar-trigger .btn__icon, button.-navbar-trigger[type="submit"] .btn__icon, input.-navbar-trigger[type="submit"] .btn__icon, .btn--navbar-trigger .btn__icon {
font-size: 1.313rem;
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .btn.-navbar-trigger .btn__icon, .js-inverted-colors button.-navbar-trigger[type="submit"] .btn__icon, .js-inverted-colors input.-navbar-trigger[type="submit"] .btn__icon, .js-inverted-colors .btn--navbar-trigger .btn__icon {
color: #000000; }
.btn--outlined, .btn.-outlined, button.-outlined[type="submit"], input.-outlined[type="submit"] {
line-height: 2rem;
height: 2.125rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
border: 0.0625rem solid #363636;
font-size: 0.625rem;
font-weight: 400;
text-transform: uppercase;
background-color: #1c1c1c; }
.btn--outlined:hover, .btn--outlined:active, .btn--outlined:focus, .btn.-outlined:hover, button.-outlined[type="submit"]:hover, input.-outlined[type="submit"]:hover, .btn.-outlined:active, button.-outlined[type="submit"]:active, input.-outlined[type="submit"]:active, .btn.-outlined:focus, button.-outlined[type="submit"]:focus, input.-outlined[type="submit"]:focus {
border: 0.0625rem solid #363636; }
/* inverted colors */
.js-inverted-colors .btn--outlined, .js-inverted-colors .btn.-outlined, .js-inverted-colors button.-outlined[type="submit"], .js-inverted-colors input.-outlined[type="submit"] {
border-color: #C9C9C9;
background-color: #FCFCFC; }
.btn--outlined.is-active, .btn.-outlined.is-active, button.-outlined.is-active[type="submit"], input.-outlined.is-active[type="submit"] {
background-color: #ff2736; }
.btn--outlined.is-active .btn__icon, .btn.-outlined.is-active .btn__icon, button.-outlined.is-active[type="submit"] .btn__icon, input.-outlined.is-active[type="submit"] .btn__icon {
color: #ffffff; }
.btn.-outlined .btn__icon, button.-outlined[type="submit"] .btn__icon, input.-outlined[type="submit"] .btn__icon, .btn--outlined .btn__icon {
color: #ffffff;
line-height: 1.8125rem;
height: 2rem;
vertical-align: middle;
font-size: 0.813rem;
display: inline-block;
color: #7c7c7c; }
.btn.-outlined .btn__icon ~ .btn__label, button.-outlined[type="submit"] .btn__icon ~ .btn__label, input.-outlined[type="submit"] .btn__icon ~ .btn__label, .btn--outlined .btn__icon ~ .btn__label {
margin-left: 0.375rem; }
.btn.-outlined .btn__label, button.-outlined[type="submit"] .btn__label, input.-outlined[type="submit"] .btn__label, .btn--outlined .btn__label {
color: #ffffff;
text-decoration: none; }
/* inverted colors */
.js-inverted-colors .btn.-outlined .btn__label, .js-inverted-colors button.-outlined[type="submit"] .btn__label, .js-inverted-colors input.-outlined[type="submit"] .btn__label, .js-inverted-colors .btn--outlined .btn__label {
color: #7c7c7c; }
.js-inverted-colors .btn.-outlined.is-active .btn__label, .js-inverted-colors button.-outlined[type="submit"].is-active .btn__label, .js-inverted-colors input.-outlined[type="submit"].is-active .btn__label, .js-inverted-colors .btn--outlined.is-active .btn__label {
color: #ffffff; }
.btn.-outlined .btn__label + .btn__icon, button.-outlined[type="submit"] .btn__label + .btn__icon, input.-outlined[type="submit"] .btn__label + .btn__icon, .btn--outlined .btn__label + .btn__icon {
margin-left: 0.375rem;
color: #ffffff; }
/* inverted-colors */
.js-inverted-colors .btn.-outlined .btn__label + .btn__icon, .js-inverted-colors button.-outlined[type="submit"] .btn__label + .btn__icon, .js-inverted-colors input.-outlined[type="submit"] .btn__label + .btn__icon, .js-inverted-colors .btn--outlined .btn__label + .btn__icon {
color: #7c7c7c; }
.btn--sqr, .btn.-sqr, button.-sqr[type="submit"], input.-sqr[type="submit"] {
width: 2.125rem;
padding-left: 0;
padding-right: 0; }
.btn--success, .btn.-success, button.-success[type="submit"], input.-success[type="submit"] {
background-color: #009779;
color: #ffffff; }
.btn--success:hover, .btn--success:active, .btn--success:focus, .btn.-success:hover, button.-success[type="submit"]:hover, input.-success[type="submit"]:hover, .btn.-success:active, button.-success[type="submit"]:active, input.-success[type="submit"]:active, .btn.-success:focus, button.-success[type="submit"]:focus, input.-success[type="submit"]:focus {
background-color: #007e65;
color: #ffffff; }
.btn--danger, .btn.-danger, button.-danger[type="submit"], input.-danger[type="submit"], .btn--error, .btn-error {
background-color: #ff2736;
color: #ffffff; }
.btn--danger:hover, .btn--danger:active, .btn--danger:focus, .btn.-danger:hover, button.-danger[type="submit"]:hover, input.-danger[type="submit"]:hover, .btn.-danger:active, button.-danger[type="submit"]:active, input.-danger[type="submit"]:active, .btn.-danger:focus, button.-danger[type="submit"]:focus, input.-danger[type="submit"]:focus, .btn--error:hover, .btn--error:active, .btn--error:focus, .btn-error:hover, .btn-error:active, .btn-error:focus {
background-color: #ff0e1e;
color: #ffffff; }
.btn--text, .btn.-text, button.-text[type="submit"], input.-text[type="submit"], .btn--link, .btn.-link, button.-link[type="submit"], input.-link[type="submit"] {
background-color: transparent;
color: inherit; }
.btn--text:hover, .btn--text:active, .btn--text:focus, .btn.-text:hover, button.-text[type="submit"]:hover, input.-text[type="submit"]:hover, .btn.-text:active, button.-text[type="submit"]:active, input.-text[type="submit"]:active, .btn.-text:focus, button.-text[type="submit"]:focus, input.-text[type="submit"]:focus, .btn--link:hover, .btn--link:active, .btn--link:focus, .btn.-link:hover, button.-link[type="submit"]:hover, input.-link[type="submit"]:hover, .btn.-link:active, button.-link[type="submit"]:active, input.-link[type="submit"]:active, .btn.-link:focus, button.-link[type="submit"]:focus, input.-link[type="submit"]:focus {
background-color: transparent;
color: #ff5a65; }
.btn--warning, .btn.-warning, button.-warning[type="submit"], input.-warning[type="submit"], .btn--alert, .btn-alert {
background-color: #ffc107;
color: #343a40; }
.btn--warning:hover, .btn--warning:active, .btn--warning:focus, .btn.-warning:hover, button.-warning[type="submit"]:hover, input.-warning[type="submit"]:hover, .btn.-warning:active, button.-warning[type="submit"]:active, input.-warning[type="submit"]:active, .btn.-warning:focus, button.-warning[type="submit"]:focus, input.-warning[type="submit"]:focus, .btn--alert:hover, .btn--alert:active, .btn--alert:focus, .btn-alert:hover, .btn-alert:active, .btn-alert:focus {
background-color: #edb100;
color: #343a40; }
.btn--info, .btn.-info, button.-info[type="submit"], input.-info[type="submit"] {
background-color: #17a2b8;
color: #ffffff; }
.btn--info:hover, .btn--info:active, .btn--info:focus, .btn.-info:hover, button.-info[type="submit"]:hover, input.-info[type="submit"]:hover, .btn.-info:active, button.-info[type="submit"]:active, input.-info[type="submit"]:active, .btn.-info:focus, button.-info[type="submit"]:focus, input.-info[type="submit"]:focus {
background-color: #148ea1;
color: #ffffff; }
.btn--light, .btn.-light, button.-light[type="submit"], input.-light[type="submit"] {
background-color: #ECEEF0;
color: #222222; }
.btn--light:hover, .btn--light:active, .btn--light:focus, .btn.-light:hover, button.-light[type="submit"]:hover, input.-light[type="submit"]:hover, .btn.-light:active, button.-light[type="submit"]:active, input.-light[type="submit"]:active, .btn.-light:focus, button.-light[type="submit"]:focus, input.-light[type="submit"]:focus {
background-color: #dee1e5; }
.btn--dark, .btn.-dark, button.-dark[type="submit"], input.-dark[type="submit"] {
background-color: #343a40;
color: #ffffff; }
.btn--dark:hover, .btn--dark:active, .btn--dark:focus, .btn.-dark:hover, button.-dark[type="submit"]:hover, input.-dark[type="submit"]:hover, .btn.-dark:active, button.-dark[type="submit"]:active, input.-dark[type="submit"]:active, .btn.-dark:focus, button.-dark[type="submit"]:focus, input.-dark[type="submit"]:focus {
background-color: #121416;
color: #ffffff; }
.btn--secondary, .btn.-secondary, button.-secondary[type="submit"], input.-secondary[type="submit"] {
background-color: #868e96;
color: #ffffff; }
.btn--secondary:hover, .btn--secondary:active, .btn--secondary:focus, .btn.-secondary:hover, button.-secondary[type="submit"]:hover, input.-secondary[type="submit"]:hover, .btn.-secondary:active, button.-secondary[type="submit"]:active, input.-secondary[type="submit"]:active, .btn.-secondary:focus, button.-secondary[type="submit"]:focus, input.-secondary[type="submit"]:focus {
background-color: #78818a;
color: #ffffff; }
.btn--tertiary, .btn.-tertiary, button.-tertiary[type="submit"], input.-tertiary[type="submit"] {
background-color: #496EE8;
color: #ffffff; }
.btn--tertiary:hover, .btn--tertiary:active, .btn--tertiary:focus, .btn.-tertiary:hover, button.-tertiary[type="submit"]:hover, input.-tertiary[type="submit"]:hover, .btn.-tertiary:active, button.-tertiary[type="submit"]:active, input.-tertiary[type="submit"]:active, .btn.-tertiary:focus, button.-tertiary[type="submit"]:focus, input.-tertiary[type="submit"]:focus {
background-color: #325ce5;
color: #ffffff; }
.btn--bordered-default, .btn.-bordered-default, button.-bordered-default[type="submit"], input.-bordered-default[type="submit"] {
background-color: transparent;
border: 0.0625rem solid #ff2736;
color: #ff2736; }
.btn--bordered-default:hover, .btn--bordered-default:active, .btn--bordered-default:focus, .btn.-bordered-default:hover, button.-bordered-default[type="submit"]:hover, input.-bordered-default[type="submit"]:hover, .btn.-bordered-default:active, button.-bordered-default[type="submit"]:active, input.-bordered-default[type="submit"]:active, .btn.-bordered-default:focus, button.-bordered-default[type="submit"]:focus, input.-bordered-default[type="submit"]:focus {
background-color: transparent;
color: #ff0e1e;
border-color: #f30011; }
.btn--bordered-success, .btn.-bordered-success, button.-bordered-success[type="submit"], input.-bordered-success[type="submit"] {
background-color: transparent;
border: 0.0625rem solid #009779;
color: #009779; }
.btn--bordered-success:hover, .btn--bordered-success:active, .btn--bordered-success:focus, .btn.-bordered-success:hover, button.-bordered-success[type="submit"]:hover, input.-bordered-success[type="submit"]:hover, .btn.-bordered-success:active, button.-bordered-success[type="submit"]:active, input.-bordered-success[type="submit"]:active, .btn.-bordered-success:focus, button.-bordered-success[type="submit"]:focus, input.-bordered-success[type="submit"]:focus {
background-color: transparent;
color: #007e65;
border-color: #006450; }
.btn--bordered-danger, .btn.-bordered-danger, button.-bordered-danger[type="submit"], input.-bordered-danger[type="submit"] {
background-color: transparent;
border: 0.0625rem solid #ff2736;
color: #ff2736; }
.btn--bordered-danger:hover, .btn--bordered-danger:active, .btn--bordered-danger:focus, .btn.-bordered-danger:hover, button.-bordered-danger[type="submit"]:hover, input.-bordered-danger[type="submit"]:hover, .btn.-bordered-danger:active, button.-bordered-danger[type="submit"]:active, input.-bordered-danger[type="submit"]:active, .btn.-bordered-danger:focus, button.-bordered-danger[type="submit"]:focus, input.-bordered-danger[type="submit"]:focus {
background-color: transparent;
color: #ff0e1e;
border-color: #f30011; }
.btn--bordered-warning, .btn.-bordered-warning, button.-bordered-warning[type="submit"], input.-bordered-warning[type="submit"] {
background-color: transparent;
border: 0.0625rem solid #ffc107;
color: #ffc107; }
.btn--bordered-warning:hover, .btn--bordered-warning:active, .btn--bordered-warning:focus, .btn.-bordered-warning:hover, button.-bordered-warning[type="submit"]:hover, input.-bordered-warning[type="submit"]:hover, .btn.-bordered-warning:active, button.-bordered-warning[type="submit"]:active, input.-bordered-warning[type="submit"]:active, .btn.-bordered-warning:focus, button.-bordered-warning[type="submit"]:focus, input.-bordered-warning[type="submit"]:focus {
background-color: transparent;
color: #edb100;
border-color: #d39e00; }
.btn--xs, .btn.-xs, button.-xs[type="submit"], input.-xs[type="submit"] {
font-size: 67%; }
.btn--sm, .btn.-sm, button.-sm[type="submit"], input.-sm[type="submit"] {
font-size: 80%; }
.btn--lg, .btn.-lg, button.-lg[type="submit"], input.-lg[type="submit"] {
font-size: 130%;
padding-left: 1.5rem;
padding-right: 1.5rem; }
.btn--xlg, .btn.-xlg, button.-xlg[type="submit"], input.-xlg[type="submit"] {
font-size: 200%;
padding-left: 1.5rem;
padding-right: 1.5rem; }
.btn--narrow, .btn.-narrow, button.-narrow[type="submit"], input.-narrow[type="submit"] {
padding-left: 0.375rem;
padding-right: 0.375rem; }
.btn--wide, .btn.-wide, button.-wide[type="submit"], input.-wide[type="submit"], .btn--width-full, .btn.-width-full, button.-width-full[type="submit"], input.-width-full[type="submit"] {
width: 100%; }
.btn--width-half, .btn.-width-half, button.-width-half[type="submit"], input.-width-half[type="submit"] {
width: 50%; }
.btn--tall, .btn.-tall, button.-tall[type="submit"], input.-tall[type="submit"] {
padding-top: 2.25rem;
padding-bottom: 2.25rem; }
.btn--short, .btn.-short, button.-short[type="submit"], input.-short[type="submit"] {
padding-top: 0.1875rem;
padding-bottom: 0.1875rem; }
.btn--height-input, .btn *.-height-input, button[type="submit"] *.-height-input, input[type="submit"] *.-height-input {
padding-top: 0;
padding-bottom: 0;
line-height: 2.5rem;
height: 2.5rem; }
.btn.is-disabled, button.is-disabled[type="submit"], input.is-disabled[type="submit"] {
cursor: not-allowed;
opacity: .8;
background-color: #a1a8ae;
color: #FFFFFF; }
.btn.is-disabled:hover, button.is-disabled[type="submit"]:hover, input.is-disabled[type="submit"]:hover, .btn.is-disabled:active, button.is-disabled[type="submit"]:active, input.is-disabled[type="submit"]:active, .btn.is-disabled:focus, button.is-disabled[type="submit"]:focus, input.is-disabled[type="submit"]:focus {
background-color: #a1a8ae;
color: #FFFFFF; }
.btn-group {
font-size: 0; }
.btn-group > .btn--outlined, .btn-group > .btn.-outlined, .btn-group > button.-outlined[type="submit"], .btn-group > input.-outlined[type="submit"] {
border-radius: 0;
border-left-width: 0; }
.btn-group > .btn--outlined:first-child, .btn-group > .btn.-outlined:first-child, .btn-group > button.-outlined[type="submit"]:first-child, .btn-group > input.-outlined[type="submit"]:first-child {
border-radius: 1.0625rem 0 0 1.0625rem;
border-right-width: 0;
border-left-width: 0.0625rem; }
.btn-group > .btn--outlined:last-child, .btn-group > .btn.-outlined:last-child, .btn-group > button.-outlined[type="submit"]:last-child, .btn-group > input.-outlined[type="submit"]:last-child {
border-radius: 0 1.0625rem 1.0625rem 0;
border-right-width: 0.0625rem;
border-left-width: 0.0625rem; }
.top-bar {
background-color: #121212;
position: relative;
z-index: 10;
/* Inverted colors */ }
.js-inverted-colors .top-bar {
background-color: #ffffff; }
.nav-sec {
border-bottom: 0.0625rem solid #242424;
position: relative;
z-index: 9;
/* Inverted colors */ }
.js-inverted-colors .nav-sec {
border-color: #c9c9c9;
background-color: #EFEFEF; }
.utility-sec {
background-color: #161616;
border-bottom: 0.0625rem solid #242424;
position: relative;
z-index: 8; }
@media (min-width: 65em) {
.utility-sec {
height: 3.125rem; } }
/* Inverted colors */
.js-inverted-colors .utility-sec {
background-color: #E3E3E3;
border-color: #C9C9C9; }
.page-main {
background-color: #121212;
position: relative;
z-index: 7;
/* Inverted colors */ }
.js-inverted-colors .page-main {
background-color: #ffffff; }
.regular-sec {
margin-bottom: 0.75rem; }
.regular-sec--sec-top-content, .regular-sec.-sec-top-content {
padding-bottom: 0.75rem; }
.inline-aff-sec {
padding-bottom: 1.5rem;
padding-top: 0.75rem; }
.inline-aff-sec--no-padding, .inline-aff-sec.-no-padding {
padding: 0; }
.footer {
background-color: #1c1c1c;
color: #7c7c7c;
/* Inverted colors */ }
.js-inverted-colors .footer {
background-color: #363636; }
.footer a {
color: #7c7c7c; }
.aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
margin-bottom: 0.75rem; }
@media (max-width: 72.438em) {
.aside {
-ms-flex-preferred-size: 25%;
flex-basis: 25%; } }
@media (max-width: 64.938em) {
.aside {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%; } }
@media (max-width: 47.938em) {
.aside {
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
.aside__inner {
height: 100%; }
.main {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 0.75rem;
-ms-flex-preferred-size: 80%;
flex-basis: 80%; }
@media (max-width: 47.938em) {
.main {
-ms-flex-preferred-size: 75%;
flex-basis: 75%; } }
@media (max-width: 64.938em) {
.main {
-ms-flex-preferred-size: 67.66%;
flex-basis: 67.66%; } }
@media (max-width: 64.938em) {
.main {
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
.main__inner {
height: 100%; }
button.custom-select.selectpicker,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="color"],
input[type="search"],
select,
textarea {
max-width: none;
box-shadow: none;
font-family: "Montserrat", sans-serif;
font-size: 0.813rem;
color: #7c7c7c;
background-color: #ffffff;
border: 0.0625rem solid #1c1c1c;
border-radius: 0.1875rem;
outline: none;
height: 2.5rem;
line-height: 2.5rem;
padding-top: 0;
padding-bottom: 0;
padding-left: 0.625rem;
padding-right: 0.625rem;
width: 100%;
transition: all 0.3s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
/* inverted colors */
.js-inverted-colors button.custom-select.selectpicker,
.js-inverted-colors input[type="text"],
.js-inverted-colors input[type="password"],
.js-inverted-colors input[type="email"],
.js-inverted-colors input[type="number"],
.js-inverted-colors input[type="color"],
.js-inverted-colors input[type="search"],
.js-inverted-colors select,
.js-inverted-colors textarea {
border-color: #c9c9c9; }
button.custom-select.selectpicker.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
input[type="number"].form-control,
input[type="color"].form-control,
input[type="search"].form-control,
select.form-control,
textarea.form-control {
max-width: none;
box-shadow: none;
font-family: "Montserrat", sans-serif;
font-size: 0.813rem;
color: #7c7c7c;
background-color: #ffffff;
border: 0.0625rem solid #1c1c1c;
border-radius: 0.1875rem;
outline: none;
height: 2.5rem;
line-height: 2.5rem;
padding-top: 0;
padding-bottom: 0;
padding-left: 0.625rem;
padding-right: 0.625rem;
width: 100%;
transition: all 0.3s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
/* inverted colors */
.js-inverted-colors button.custom-select.selectpicker.form-control,
.js-inverted-colors input[type="text"].form-control,
.js-inverted-colors input[type="password"].form-control,
.js-inverted-colors input[type="email"].form-control,
.js-inverted-colors input[type="number"].form-control,
.js-inverted-colors input[type="color"].form-control,
.js-inverted-colors input[type="search"].form-control,
.js-inverted-colors select.form-control,
.js-inverted-colors textarea.form-control {
border-color: #c9c9c9; }
button.custom-select.selectpicker.form-control:-moz-placeholder,
input[type="text"].form-control:-moz-placeholder,
input[type="password"].form-control:-moz-placeholder,
input[type="email"].form-control:-moz-placeholder,
input[type="number"].form-control:-moz-placeholder,
input[type="color"].form-control:-moz-placeholder,
input[type="search"].form-control:-moz-placeholder,
select.form-control:-moz-placeholder,
textarea.form-control:-moz-placeholder {
opacity: 1;
filter: alpha(opacity=100);
font-style: normal;
color: #969696; }
button.custom-select.selectpicker.form-control::-moz-placeholder,
input[type="text"].form-control::-moz-placeholder,
input[type="password"].form-control::-moz-placeholder,
input[type="email"].form-control::-moz-placeholder,
input[type="number"].form-control::-moz-placeholder,
input[type="color"].form-control::-moz-placeholder,
input[type="search"].form-control::-moz-placeholder,
select.form-control::-moz-placeholder,
textarea.form-control::-moz-placeholder {
opacity: 1;
filter: alpha(opacity=100);
font-style: normal;
color: #969696; }
button.custom-select.selectpicker.form-control:-ms-input-placeholder,
input[type="text"].form-control:-ms-input-placeholder,
input[type="password"].form-control:-ms-input-placeholder,
input[type="email"].form-control:-ms-input-placeholder,
input[type="number"].form-control:-ms-input-placeholder,
input[type="color"].form-control:-ms-input-placeholder,
input[type="search"].form-control:-ms-input-placeholder,
select.form-control:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder {
opacity: 1;
filter: alpha(opacity=100);
font-style: normal;
color: #969696; }
button.custom-select.selectpicker.form-control::-webkit-input-placeholder,
input[type="text"].form-control::-webkit-input-placeholder,
input[type="password"].form-control::-webkit-input-placeholder,
input[type="email"].form-control::-webkit-input-placeholder,
input[type="number"].form-control::-webkit-input-placeholder,
input[type="color"].form-control::-webkit-input-placeholder,
input[type="search"].form-control::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
opacity: 1;
filter: alpha(opacity=100);
font-style: normal;
color: #969696; }
button.custom-select.selectpicker.form-control::-ms-clear,
input[type="text"].form-control::-ms-clear,
input[type="password"].form-control::-ms-clear,
input[type="email"].form-control::-ms-clear,
input[type="number"].form-control::-ms-clear,
input[type="color"].form-control::-ms-clear,
input[type="search"].form-control::-ms-clear,
select.form-control::-ms-clear,
textarea.form-control::-ms-clear {
display: none; }
/* button.custom-select.selectpicker.form-control:focus,
input[type="text"].form-control:focus,
input[type="password"].form-control:focus,
input[type="email"].form-control:focus,
input[type="number"].form-control:focus,
input[type="color"].form-control:focus,
input[type="search"].form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
border-color: #0f0f0f;
box-shadow: 0 0 0.3125rem rgba(255, 39, 54, 0.1); }*/
button.custom-select.selectpicker:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
opacity: 1;
filter: alpha(opacity=100);
font-style: normal;
color: #969696; }
button.custom-select.selectpicker::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
filter: alpha(opacity=100);
font-style: normal;
color: #969696; }
button.custom-select.selectpicker:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
opacity: 1;
filter: alpha(opacity=100);
font-style: normal;
color: #969696; }
button.custom-select.selectpicker::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
opacity: 1;
filter: alpha(opacity=100);
font-style: normal;
color: #969696; }
button.custom-select.selectpicker::-ms-clear,
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="color"]::-ms-clear,
input[type="search"]::-ms-clear,
select::-ms-clear,
textarea::-ms-clear {
display: none; }
/* button.custom-select.selectpicker:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="color"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
border-color: #0f0f0f;
box-shadow: 0 0 0.3125rem rgba(255, 39, 54, 0.1); }*/
textarea.form-control {
min-height: 5rem;
line-height: 1.5em;
padding: 0.625rem; }
button {
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
cursor: pointer;
border: none; }
.form-group-disabled {
opacity: 0.6;
filter: alpha(opacity=60); }
.form-group-disabled label {
cursor: not-allowed; }
.form-group > label {
font-weight: 700; }
.input-desc {
clear: both;
max-width: none;
font-size: 0.688rem;
font-style: italic;
color: rgba(124, 124, 124, 0.6); }
.input-desc::before, .input-desc::after {
display: block;
clear: both;
content: " "; }
input[type="checkbox"],
input[type="radio"] {
width: auto;
cursor: pointer;
height: auto;
line-height: 1;
margin-right: 0.3125rem;
margin-bottom: 0;
vertical-align: top; }
textarea {
width: 100%;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
resize: none;
height: 9.375rem;
line-height: 1.2em; }
#scrollUp {
transition: all 0.3s ease;
border-radius: 0.1875rem;
display: block;
text-decoration: none;
bottom: 0.625rem;
right: 0.625rem;
padding: 0;
width: 2.625rem;
text-align: center;
background: #ff0e1e;
color: #ffffff;
box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);
opacity: 0.3;
filter: alpha(opacity=30); }
#scrollUp:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: gotop;
animation-name: gotop;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
transition: all 0.5s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
@-webkit-keyframes gotop {
0%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
50% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px); } }
@keyframes gotop {
0%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
50% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px); } }
table {
width: 100%; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/* Styling not refactored markup used in previous versions */
/* When got time, should be able to switch to Nh.BEVM */
.col-full {
width: 100%; }
.col-half {
width: 50%; }
@media (max-width: 47.938em) {
.col-half {
width: 100%; } }
legend {
color: #ffffff;
font-size: 1.063rem;
border-bottom: none; }
/* inverted colors */
.js-inverted-colors legend {
color: #7c7c7c; }
table {
margin-bottom: 0.75rem; }
table th, table td {
font-size: 0.813rem;
font-weight: 400;
padding: 0.75rem; }
@media (max-width: 23.688em) {
table th, table td {
padding: 0.75rem 0.1875rem; } }
table th {
font-weight: 600;
color: #7c7c7c; }
table td {
color: #ffffff; }
/* inverted colors */
.js-inverted-colors table td {
color: #333333; }
table tr {
border-bottom: 0.0625rem solid #1c1c1c; }
/* inverted colors */
.js-inverted-colors table tr {
border-color: #C9C9C9; }
table tr.new {
background-color: #262626; }
.form-block {
margin-bottom: 0.75rem; }
.form-block.offset-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 37.438em) {
.form-block.offset-columns {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.form-block.offset-columns .aside-tabs-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.375rem;
flex: 0 0 9.375rem;
padding-right: 0.75rem; }
@media (max-width: 37.438em) {
.form-block.offset-columns .aside-tabs-col {
padding-right: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 0.75rem; } }
.form-block.offset-columns .aside-tabs-col img {
width: 100%; }
.form-block.offset-columns .edit-profile-content-col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.form-item-col {
margin-bottom: 0.75rem; }
.form-row .form-col {
width: 100%; }
.textpage-col {
width: 100%; }
.fake-upload {
position: relative;
margin-top: 0.75rem; }
.fake-upload input {
position: absolute;
height: auto;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
z-index: 0; }
.fake-upload a {
position: relative;
z-index: 1; }
.fake-upload .sub-label {
display: inline-block;
vertical-align: middle;
max-width: 3.125rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.mailbox-col .pagination {
width: 100%;
margin-bottom: 0.75rem; }
.mailbox-col .pagination > .inner-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.mailbox-col .pagination > .inner-col > * {
display: block;
line-height: 2.5rem;
height: 2.5rem;
width: 2.5rem;
border-radius: 100%;
background-color: #161616;
background-color: #1c1c1c;
text-align: center;
color: #ffffff; }
.mailbox-col .pagination > .inner-col > span {
background-color: #ff2736; }
.mailbox-col .btn, .mailbox-col button[type="submit"], .mailbox-col input[type="submit"] {
margin-bottom: 0.75rem; }
.mailbox-col .btn + .mailbox-col .btn {
margin-left: 10px; }
.mailbox-nav-col {
margin-bottom: 0.75rem;
width: 100%; }
.mailbox-nav-col > .inner-col {
border-bottom: 0.0625rem solid #1c1c1c; }
/* inverted colors */
.js-inverted-colors .mailbox-nav-col > .inner-col {
border-color: #C9C9C9; }
.tabs-list {
padding: 0;
margin: 0; }
.page-video .tabs-list, .page-gallery .tabs-list {
margin-bottom: -1px; }
.tabs-list li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none;
/* list-style-image: url(data:0); */ }
.tabs-list li ~ li {
margin-left: 0.75rem; }
.tabs-list li.active a {
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .tabs-list li.active a {
color: #000000; }
.tabs-list li.active a::after {
display: block; }
.tabs-list a {
display: block;
line-height: 2.5rem;
height: 2.5rem;
position: relative;
color: #7c7c7c; }
.tabs-list a::after {
display: none;
content: "";
height: 0.0625rem;
background-color: #ff2736;
position: absolute;
bottom: 0;
left: 0;
right: 0; }
@-webkit-keyframes ball-triangle-path-1 {
33% {
-webkit-transform: translate(1.5625rem, -3.125rem);
transform: translate(1.5625rem, -3.125rem); }
66% {
-webkit-transform: translate(3.125rem, 0);
transform: translate(3.125rem, 0); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-triangle-path-1 {
33% {
-webkit-transform: translate(1.5625rem, -3.125rem);
transform: translate(1.5625rem, -3.125rem); }
66% {
-webkit-transform: translate(3.125rem, 0);
transform: translate(3.125rem, 0); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-webkit-keyframes ball-triangle-path-2 {
33% {
-webkit-transform: translate(1.5625rem, 3.125rem);
transform: translate(1.5625rem, 3.125rem); }
66% {
-webkit-transform: translate(-1.5625rem, 3.125rem);
transform: translate(-1.5625rem, 3.125rem); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-triangle-path-2 {
33% {
-webkit-transform: translate(1.5625rem, 3.125rem);
transform: translate(1.5625rem, 3.125rem); }
66% {
-webkit-transform: translate(-1.5625rem, 3.125rem);
transform: translate(-1.5625rem, 3.125rem); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-webkit-keyframes ball-triangle-path-3 {
33% {
-webkit-transform: translate(-3.125rem, 0);
transform: translate(-3.125rem, 0); }
66% {
-webkit-transform: translate(-1.5625rem, -3.125rem);
transform: translate(-1.5625rem, -3.125rem); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-triangle-path-3 {
33% {
-webkit-transform: translate(-3.125rem, 0);
transform: translate(-3.125rem, 0); }
66% {
-webkit-transform: translate(-1.5625rem, -3.125rem);
transform: translate(-1.5625rem, -3.125rem); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
.loading-img .ball-triangle-path, .is-loading .ball-triangle-path {
position: relative;
-webkit-transform: translate(-1.874375rem, -2.344375rem);
-ms-transform: translate(-1.874375rem, -2.344375rem);
transform: translate(-1.874375rem, -2.344375rem); }
.loading-img .ball-triangle-path > div:nth-child(1), .is-loading .ball-triangle-path > div:nth-child(1) {
-webkit-animation-name: ball-triangle-path-1;
animation-name: ball-triangle-path-1;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.loading-img .ball-triangle-path > div:nth-child(2), .is-loading .ball-triangle-path > div:nth-child(2) {
-webkit-animation-name: ball-triangle-path-2;
animation-name: ball-triangle-path-2;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.loading-img .ball-triangle-path > div:nth-child(3), .is-loading .ball-triangle-path > div:nth-child(3) {
-webkit-animation-name: ball-triangle-path-3;
animation-name: ball-triangle-path-3;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.loading-img .ball-triangle-path > div, .is-loading .ball-triangle-path > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 0.625rem;
height: 0.625rem;
border-radius: 100%;
border: 0.0625rem solid #ff2736; }
.loading-img .ball-triangle-path > div:nth-of-type(1), .is-loading .ball-triangle-path > div:nth-of-type(1) {
top: 3.125rem; }
.loading-img .ball-triangle-path > div:nth-of-type(2), .is-loading .ball-triangle-path > div:nth-of-type(2) {
left: 1.5625rem; }
.loading-img .ball-triangle-path > div:nth-of-type(3), .is-loading .ball-triangle-path > div:nth-of-type(3) {
top: 3.125rem;
left: 3.125rem; }
[data-opt-loading="lazy"] {
opacity: 0; }
.loading + span.loader {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.loading + span.loader > span {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.loading + .loader .ball-clip-rotate > span {
border-radius: 100%;
margin: 0.125rem;
border: 0.125rem solid #ff2736;
border-bottom-color: transparent;
height: 1.5625rem;
width: 1.5625rem;
background: 0 0 !important;
display: inline-block;
-webkit-animation: rotate .75s 0s linear infinite;
animation: rotate .75s 0s linear infinite; }
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
@-webkit-keyframes scale {
30% {
-webkit-transform: scale(0.3);
transform: scale(0.3); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes scale {
30% {
-webkit-transform: scale(0.3);
transform: scale(0.3); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
.loaded + .loader {
display: none; }
/*!
*
* SimpleBar.js - v2.5.1
* Scrollbars, simpler.
* https://grsmto.github.io/simplebar/
*
* Made by Adrien Grsmto from a fork by Jonathan Nicol
* Under MIT License
*
*/
[data-simplebar] {
position: relative;
z-index: 0;
overflow: hidden;
-webkit-overflow-scrolling: touch;
/* Trigger native scrolling for mobile, if not supported, plugin is used. */ }
[data-simplebar="init"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.simplebar-scroll-content {
overflow-x: hidden;
overflow-y: scroll;
min-width: 100%;
box-sizing: content-box; }
.simplebar-content {
overflow-x: scroll;
overflow-y: hidden;
box-sizing: border-box;
min-height: 100%; }
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
width: 0.6875rem; }
.simplebar-scrollbar {
position: absolute;
right: 0.125rem;
border-radius: 0.4375rem;
min-height: 0.625rem;
width: 0.4375rem;
opacity: 0;
transition: opacity 0.2s linear;
background: black;
background-clip: padding-box; }
.simplebar-track:hover .simplebar-scrollbar {
/* When hovered, remove all transitions from drag handle */
opacity: 0.5;
transition: opacity 0 linear; }
.simplebar-track .simplebar-scrollbar.visible {
opacity: 0.5; }
.simplebar-track.horizontal {
left: 0;
width: auto;
height: 0.6875rem; }
.simplebar-track.vertical {
top: 0; }
.horizontal.simplebar-track .simplebar-scrollbar {
right: auto;
top: 0.125rem;
height: 0.4375rem;
min-height: 0;
min-width: 0.625rem;
width: auto; }
.rating-list {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.rating-list li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none;
/* list-style-image: url(data:0); */ }
.profile .rating-list {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow: hidden; }
.rating-list li ~ li {
margin-left: 0.75rem; }
.rating-list li.li-vote {
position: relative; }
.profile .rating-list li.li-vote {
width: 25%;
text-align: center;
line-height: 3.125rem;
height: 3.125rem; }
.profile .rating-list li.li-vote::before {
display: block;
content: "";
background-color: #292929;
position: absolute;
top: 0;
left: -0.375rem;
right: -0.375rem;
bottom: 0;
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
border-left: 0.0625rem solid #1c1c1c; }
/* inverted colors */
.js-inverted-colors .profile .rating-list li.li-vote::before {
background-color: #D6D6D6;
border-color: #C9C9C9; }
.rating-list .up, .rating-list .down {
display: block; }
.rating-list .up:hover, .rating-list .up:active, .rating-list .up:focus, .rating-list .down:hover, .rating-list .down:active, .rating-list .down:focus {
text-decoration: none; }
.rating-list .up {
color: #60c042; }
.rating-list .up:hover, .rating-list .up:active, .rating-list .up:focus {
color: #80cd68; }
.rating-list .down {
color: #d70a0a; }
.rating-list .down:hover, .rating-list .down:active, .rating-list .down:focus {
color: #f51f1f; }
.rating-list .icon {
font-size: 1.625rem; }
.rating-list .score {
font-weight: 700;
color: #ffffff;
font-size: 0.75rem;
-ms-flex-item-align: end;
align-self: flex-end; }
/* inverted colors */
.js-inverted-colors .rating-list .score {
color: #333333; }
.profile .rating-list .score {
-ms-flex-item-align: center;
align-self: center;
margin-left: 0.9375rem; }
.rating-list .total {
margin-left: 0.3125rem;
font-size: 0.75rem;
font-weight: 400;
-ms-flex-item-align: end;
align-self: flex-end; }
.profile .rating-list .total {
-ms-flex-item-align: center;
align-self: center; }
.modal-title {
color: #161616; }
/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important; }
.irs-line-left, .irs-line-mid, .irs-line-right {
position: absolute;
display: block;
top: 0; }
.irs-line-left {
left: 0;
width: 11%; }
.irs-line-mid {
left: 9%;
width: 82%; }
.irs-line-right {
right: 0;
width: 11%; }
.irs-bar {
position: absolute;
display: block;
left: 0;
width: 0; }
.irs-bar-edge {
position: absolute;
display: block;
top: 0;
left: 0; }
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0; }
.irs-slider {
position: absolute;
display: block;
cursor: default;
z-index: 1; }
.irs-slider.type_last {
z-index: 2; }
.irs-min {
position: absolute;
display: block;
left: 0;
cursor: default; }
.irs-max {
position: absolute;
display: block;
right: 0;
cursor: default; }
.irs-from, .irs-to, .irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap; }
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 1.25rem; }
.irs-with-grid .irs-grid {
display: block; }
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 0.0625rem;
height: 0.5rem;
background: #000; }
.irs-grid-pol.small {
height: 0.25rem; }
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 0.5625rem;
line-height: 0.5625rem;
padding: 0 0.1875rem;
color: #000; }
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: transparent;
z-index: 2; }
.irs-disabled {
opacity: 0.4; }
.lt-ie9 .irs-disabled {
filter: alpha(opacity=40); }
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important; }
.qq-uploader {
position: relative;
width: 100%; }
.qq-upload-button {
display: block;
width: 6.5625rem;
padding: 0.4375rem 0;
text-align: center;
background: #880000;
border-bottom: 0.0625rem solid #DDD;
color: #FFF; }
.qq-upload-button-hover {
background: #CC0000; }
.qq-upload-button-focus {
outline: 0.0625rem dotted #000000; }
.qq-upload-drop-area, .qq-upload-extra-drop-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 1.875rem;
z-index: 2;
background: #FF9797;
text-align: center; }
.qq-upload-drop-area span {
display: block;
position: absolute;
top: 50%;
width: 100%;
margin-top: -0.5rem;
font-size: 1rem; }
.qq-upload-extra-drop-area {
position: relative;
margin-top: 3.125rem;
font-size: 1rem;
padding-top: 1.875rem;
height: 1.25rem;
min-height: 2.5rem; }
.qq-upload-drop-area-active {
background: #FF7171; }
.qq-upload-list {
margin: 0;
padding: 0;
list-style: none; }
.qq-upload-list li {
margin: 0;
padding: 0.5625rem;
line-height: 0.9375rem;
font-size: 1rem;
background-color: #FFF0BD; }
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished {
margin-right: 0.75rem; }
.qq-upload-file {
color: #000000;
font-size: 0.875rem; }
.qq-upload-spinner {
display: inline-block;
background: url("loading.gif");
width: 0.9375rem;
height: 0.9375rem;
vertical-align: text-bottom; }
.qq-drop-processing {
display: none; }
.qq-drop-processing-spinner {
display: inline-block;
background: url("processing.gif");
width: 1.5rem;
height: 1.5rem;
vertical-align: text-bottom; }
.qq-upload-finished {
display: none;
width: 0.9375rem;
height: 0.9375rem;
vertical-align: text-bottom; }
.qq-upload-retry {
display: none;
color: #000000; }
.qq-upload-cancel {
color: #000000; }
.qq-upload-retryable .qq-upload-retry {
display: inline; }
.qq-upload-size, .qq-upload-cancel, .qq-upload-retry {
font-size: 0.75rem;
font-weight: normal;
color: #990000; }
.qq-upload-failed-text {
display: none;
font-style: italic;
font-weight: bold; }
.qq-upload-failed-icon {
display: none;
width: 0.9375rem;
height: 0.9375rem;
vertical-align: text-bottom; }
.qq-upload-fail .qq-upload-failed-text {
display: inline; }
.qq-upload-retrying .qq-upload-failed-text {
display: inline;
color: #D60000; }
.qq-upload-list li.qq-upload-success {
background-color: #5DA30C;
color: #FFFFFF; }
.qq-upload-list li.qq-upload-fail {
background-color: #D60000;
color: #FFFFFF; }
.qq-progress-bar {
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
/* W3C */
width: 0%;
height: 0.9375rem;
border-radius: 0.375rem;
margin-bottom: 0.1875rem;
display: none; }
.qq-upload-success .qq-upload-file {
font-size: 0.6875rem;
color: #FFFFFF; }
.qq-upload-success .qq-upload-size {
font-size: 0.6875rem;
color: #FFFFFF; }
.icon {
vertical-align: middle;
display: inline-block;
margin: 0;
line-height: 0;
height: 0.0625rem;
position: relative; }
.icon::before, .icon::after {
line-height: 0;
display: block;
margin: 0;
position: static; }
.icon--navmenu:before, .icon.-navmenu:before {
font-style: normal !important;
display: inline-block;
content: "\f0c9";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--plus:before, .icon.-plus:before {
font-style: normal !important;
display: inline-block;
content: "\e82e";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--close:before, .icon.-close:before {
font-style: normal !important;
display: inline-block;
content: "\ee3d";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--db:before, .icon.-db:before {
font-style: normal !important;
display: inline-block;
content: "\ee26";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--star:before, .icon.-star:before {
font-style: normal !important;
display: inline-block;
content: "\e9b8";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--video:before, .icon.-video:before {
font-style: normal !important;
display: inline-block;
content: "\ee06";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--camera:before, .icon.-camera:before {
font-style: normal !important;
display: inline-block;
content: "\ee07";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--list:before, .icon.-list:before {
font-style: normal !important;
display: inline-block;
content: "\f009";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--money:before, .icon.-money:before {
font-style: normal !important;
display: inline-block;
content: "\ee2a";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--tag:before, .icon.-tag:before {
font-style: normal !important;
display: inline-block;
content: "\ee0c";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--wall:before, .icon.-wall:before {
font-style: normal !important;
display: inline-block;
content: "\f1ea";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--send:before, .icon.-send:before {
font-style: normal !important;
display: inline-block;
content: "\f1d9";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--caret-down:before, .icon.-caret-down:before {
font-style: normal !important;
display: inline-block;
content: "\e936";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--caret-up:before, .icon.-caret-up:before {
font-style: normal !important;
display: inline-block;
content: "\e939";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--caret-right:before, .icon.-caret-right:before {
font-style: normal !important;
display: inline-block;
content: "\e938";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--next:before, .icon.-next:before {
font-style: normal !important;
display: inline-block;
content: "\e938";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--prev:before, .icon.-prev:before {
font-style: normal !important;
display: inline-block;
content: "\e937";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--user:before, .icon.-user:before {
font-style: normal !important;
display: inline-block;
content: "\f2c0";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--users:before, .icon.-users:before {
font-style: normal !important;
display: inline-block;
content: "\ecfe";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--group:before, .icon.-group:before {
font-style: normal !important;
display: inline-block;
content: "\ecfe";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--edit:before, .icon.-edit:before {
font-style: normal !important;
display: inline-block;
content: "\e854";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--bulp:before, .icon.-bulp:before {
font-style: normal !important;
display: inline-block;
content: "\ee1a";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--globe:before, .icon.-globe:before {
font-style: normal !important;
display: inline-block;
content: "\f018";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--upload:before, .icon.-upload:before {
font-style: normal !important;
display: inline-block;
content: "\e9fa";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--search:before, .icon.-search:before {
font-style: normal !important;
display: inline-block;
content: "\ee01";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--thumb-up:before, .icon.-thumb-up:before {
font-style: normal !important;
display: inline-block;
content: "\f164";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--thumb-down:before, .icon.-thumb-down:before {
font-style: normal !important;
display: inline-block;
content: "\f165";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--time:before, .icon.-time:before {
font-style: normal !important;
display: inline-block;
content: "\e925";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--photo:before, .icon.-photo:before {
font-style: normal !important;
display: inline-block;
content: "\e821";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--eye:before, .icon.-eye:before {
font-style: normal !important;
display: inline-block;
content: "\e83f";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--expand:before, .icon.-expand:before {
font-style: normal !important;
display: inline-block;
content: "\ee5f";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--comments:before, .icon.-comments:before {
font-style: normal !important;
display: inline-block;
content: "\f0e6";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--link:before, .icon.-link:before {
font-style: normal !important;
display: inline-block;
content: "\e8e5";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--hot:before, .icon.-hot:before {
font-style: normal !important;
display: inline-block;
content: "\edc1";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--calendar:before, .icon.-calendar:before {
font-style: normal !important;
display: inline-block;
content: "\f133";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--info:before, .icon.-info:before {
font-style: normal !important;
display: inline-block;
content: "\e8e1";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--download:before, .icon.-download:before {
font-style: normal !important;
display: inline-block;
content: "\e8f0";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--heart:before, .icon.-heart:before {
font-style: normal !important;
display: inline-block;
content: "\ecf9";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--flag:before, .icon.-flag:before {
font-style: normal !important;
display: inline-block;
content: "\f11d";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--filter:before, .icon.-filter:before {
font-style: normal !important;
display: inline-block;
content: "\f0b0";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--sign-out:before, .icon.-sign-out:before {
font-style: normal !important;
display: inline-block;
content: "\ee57";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--email:before, .icon.-email:before {
font-style: normal !important;
display: inline-block;
content: "\e817";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--doc:before, .icon.-doc:before {
font-style: normal !important;
display: inline-block;
content: "\e85e";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--share:before, .icon.-share:before {
font-style: normal !important;
display: inline-block;
content: "\e91a";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--share-fb:before, .icon.-share-fb:before {
font-style: normal !important;
display: inline-block;
content: "\ebd1";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--share-tw:before, .icon.-share-tw:before {
font-style: normal !important;
display: inline-block;
content: "\edf9";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--share-tr:before, .icon.-share-tr:before {
font-style: normal !important;
display: inline-block;
content: "\edfa";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.icon--share-gp:before, .icon.-share-gp:before {
font-style: normal !important;
display: inline-block;
content: "\f1a0";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.i-thumbs-up:before {
font-style: normal !important;
display: inline-block;
content: "\e84d";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.i-thumbs-down:before {
font-style: normal !important;
display: inline-block;
content: "\e84e";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.box {
width: 100%; }
.box--large-mrb, .box.-large-mrb {
margin-bottom: 3rem; }
.box--mrb, .box.-mrb {
margin-bottom: 0.75rem; }
.box__inner {
height: 100%; }
.box__hd {
border: 0.0625rem solid #1c1c1c;
background-color: #1c1c1c;
border-bottom: none;
/* Inverted colors */ }
.js-inverted-colors .box__hd {
background-color: #E3E3E3;
border-color: #C9C9C9; }
.box__hd-inner {
padding-left: 0.75rem;
padding-right: 0.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 3.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.box__hd-icon {
font-size: 1.313rem;
line-height: 3.25rem;
height: 3.5rem;
width: 2.1875rem;
display: block; }
.box__hd-icon--sm, .box__hd-icon.-sm {
font-size: 1.063rem;
line-height: 3.3125rem;
height: 3.5rem; }
@media (max-width: 23.688em) {
.box__hd-icon {
display: none; } }
.box__hd-utils {
position: relative; }
.box__h {
font-size: 0.75rem;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-top: 0; }
/* inverted colors */
.js-inverted-colors .box__h {
color: #333333; }
.box__h-legend {
font-size: 90%;
color: #7c7c7c;
font-weight: 400;
text-transform: none; }
.box__bd {
height: calc(100% - 3.5rem);
border: 0.0625rem solid #1c1c1c;
background-color: #161616;
/* Inverted colors */ }
.js-inverted-colors .box__bd {
background-color: #FCFCFC;
border-color: #C9C9C9; }
.box__bd-inner {
padding: 0.75rem;
padding-bottom: 0;
max-height: 100%;
height: 100%;
position: relative; }
.box__bd-inner.--margin-bottom {
margin-bottom: 0.75rem;
}
.box__ft {
background-color: #1c1c1c;
padding: 0.75rem;
font-size: 0.688rem;
font-weight: 400;
/* Inverted colors */ }
.js-inverted-colors .box__ft {
background-color: #E3E3E3; }
.box__expander {
text-align: center;
margin-bottom: -0.375rem;
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%); }
@media (max-width: 29.938em) {
.logo {
width: 40%; } }
.logo__link {
display: block;
line-height: 3.125rem;
height: 3.125rem;
border: 0;
outline: 0;
outline-style: none; }
.logo__link::-moz-focus-inner, .logo__link::-moz-focus-outer, .logo__link:focus, .logo__link:active, .logo__link:hover {
border: 0;
outline: 0;
outline-style: none; }
.logo__img {
max-width: 11.75rem;
width: 100%; }
.ucp {
float: right; }
.ucp-list {
padding: 0;
margin: 0;
clear: both; }
.ucp-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.ucp-list::before, .ucp-list::after {
display: block;
clear: both;
content: " "; }
.ucp-list__li {
float: left;
margin-right: 0.75rem;
position: relative; }
.ucp-list__li:last-child {
margin-right: 0; }
@media (max-width: 37.438em) {
.ucp-list__li--lang-select, .ucp-list__li.-lang-select {
display: none; } }
@media (max-width: 37.438em) {
.ucp-list__li--color-select, .ucp-list__li.-color-select {
display: none; } }
.ucp-list__link {
display: block;
line-height: 3.125rem;
height: 3.125rem;
text-decoration: none; }
.ucp-list__link:hover, .ucp-list__link:active, .ucp-list__link:focus {
text-decoration: none; }
.ucp-list__link:hover .ucp-list__label, .ucp-list__link:active .ucp-list__label, .ucp-list__link:focus .ucp-list__label {
color: #ff2736; }
.ucp-list__link:hover .ucp-list__icon, .ucp-list__link:active .ucp-list__icon, .ucp-list__link:focus .ucp-list__icon {
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .ucp-list__link:hover .ucp-list__icon, .js-inverted-colors .ucp-list__link:active .js-inverted-colors .ucp-list__icon, .js-inverted-colors .ucp-list__link:focus .ucp-list__icon {
color: #000000; }
.ucp-list__label {
color: #ffffff;
font-size: 0.625rem;
text-transform: uppercase;
margin-right: 0.375rem;
transition: color 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
font-weight: 400; }
/* inverted colors */
.js-inverted-colors .ucp-list__label {
color: #333333; }
.ucp-list__icon {
color: #7c7c7c;
margin-right: 0.375rem;
transition: color 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.drop-list {
padding: 0;
margin: 0;
position: absolute;
right: 0;
border-radius: 0.1875rem;
border: 0.0625rem solid #212121;
background-color: #161616;
box-shadow: 0 0.3125rem 1.25rem 0.125rem rgba(0, 0, 0, 0.2); }
/* inverted-colors */
.js-inverted-colors .drop-list {
background-color: #E3E3E3;
border-color: #C9C9C9; }
.drop-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.drop-list::before {
width: 0;
height: 0;
border-style: solid;
display: block;
content: " ";
border-color: transparent transparent #212121 transparent;
border-width: 0 0.5rem 0.5rem 0.5rem;
position: absolute;
right: 0.125rem;
top: -0.5rem; }
/* inverted colors */
.js-inverted-colors .drop-list::before {
border-color: transparent transparent #C9C9C9 transparent; }
.drop-list__li {
width: 5rem; }
.drop-list__li:last-child .drop-list__a {
border: none; }
.drop-list__link {
display: block;
text-align: center;
line-height: 1.875rem;
height: 1.875rem;
font-size: 0.75rem;
color: #7c7c7c;
font-weight: 500;
border-bottom: 0.0625rem solid #212121;
transition-property: background-color, color, border-color;
transition-duration: .2s;
transition-delay: .0s;
transition-timing-function: cubic-bezier(0.67, 0.21, 0.005, 0.885);
padding-left: 0.75rem;
padding-right: 0.75rem; }
/* inverted colors */
.js-inverted-colors .drop-list__link {
border-color: #C9C9C9; }
.drop-list__link:hover {
text-decoration: none;
color: #ffffff;
background-color: #1a1a1a;
border-color: #ff2736; }
/* inverted colors */
.js-inverted-colors .drop-list__link:hover {
color: #000000;
background-color: #C9C9C9; }
.drop-list__link--align-left, .drop-list__link.-align-left {
text-align: left; }
.drop-list__icon ~ .drop-list__label {
margin-left: 0.375rem; }
.drop-list--md, .drop-list.-md {
margin-top: 0.1875rem; }
.drop-list--md::before, .drop-list.-md::before {
right: 0.75rem; }
.drop-list.-md .drop-list__li, .drop-list--md .drop-list__li {
width: 8.125rem; }
.drop-list.g--dropdown {
display: none; }
.js-dropdown-open .drop-list.g--dropdown {
display: block; }
.main-nav {
position: static;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
@media (max-width: 47.938em) {
.main-nav {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 101;
width: 14.375rem;
background-color: #161616;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
transition: all 0.3s cubic-bezier(0.67, 0.21, 0.005, 0.885);
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 0; }
.is-main-nav-open .main-nav {
box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.8);
-webkit-transform: translate(0%, 0);
-ms-transform: translate(0%, 0);
transform: translate(0%, 0);
opacity: 1; }
/* inverted colors */
.js-inverted-colors .main-nav {
padding: 0;
background-color: transparent; }
.main-nav::before {
display: none;
content: "";
position: fixed;
z-index: 1;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100vw;
background-color: rgba(22, 22, 22, 0.6); }
.is-main-nav-open .main-nav::before {
display: block; }
}
@media (max-width: 47.938em) {
.main-nav__inner {
position: relative;
z-index: 2;
height: 100%;
overflow-x: hidden;
overflow-y: visible;
padding-top: 3.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem; }
/* inverted colors */
.js-inverted-colors .main-nav__inner {
background-color: #ffffff; } }
.main-nav-list {
padding: 0;
margin: 0;
clear: both; }
.main-nav-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.main-nav-list::before, .main-nav-list::after {
display: block;
clear: both;
content: " "; }
.main-nav-list__li {
float: left;
position: relative; }
.main-nav-list__li.main-nav-list__li--channels {
position: static; }
@media (max-width: 47.938em) {
.main-nav-list__li {
float: none; } }
.main-nav-list__li ~ .main-nav-list__li {
margin-left: 1.5rem; }
@media (max-width: 91.813em) {
.main-nav-list__li ~ .main-nav-list__li {
margin-left: 0.75rem; } }
@media (max-width: 47.938em) {
.main-nav-list__li ~ .main-nav-list__li {
margin-left: 0; } }
@media(min-width: 1039px) {
.main-nav-list__li.has-list:hover .g--dropdown {
display: block; } }
@media(max-width: 1039px) {
.main-nav-list__li.has-list.open .g--dropdown {
display: block; } }
.main-nav-list__link {
display: block;
line-height: 5rem;
height: 5rem; }
@media (max-width: 47.938em) {
.main-nav-list__link {
line-height: 2.8125rem;
height: 2.8125rem;
border-bottom: 0.0625rem solid #292929; } }
/* inverted colors */
.js-inverted-colors .main-nav-list__link {
border-color: #c9c9c9; }
.main-nav-list__link:hover, .main-nav-list__link:active, .main-nav-list__link:focus, .js-hover .main-nav-list__link {
text-decoration: none;
position: relative; }
.main-nav-list__link:hover::before, .main-nav-list__link:active::before, .main-nav-list__link:focus::before, .js-hover .main-nav-list__link::before {
display: block;
content: "";
height: 0.125rem;
background-color: #ff2736;
position: absolute;
top: 0;
left: 0;
right: 0; }
.main-nav-list__link:hover .main-nav-list__label, .main-nav-list__link:active .main-nav-list__label, .main-nav-list__link:focus .main-nav-list__label, .js-hover .main-nav-list__link .main-nav-list__label {
color: #ff2736; }
.main-nav-list__label {
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
font-size: 0.75rem; }
/* inverted colors */
.js-inverted-colors .main-nav-list__label {
color: #333333; }
@media (max-width: 64.938em) {
.main-nav-list__label {
font-size: 0.688rem; } }
.main-nav-list__label ~ .main-nav-list__icon {
margin-left: 0.375rem; }
.main-nav-list__icon {
color: #7c7c7c;
font-size: 1rem; }
@media (max-width: 64.938em) {
.main-nav-list__icon {
display: none; } }
@media (max-width: 47.938em) {
.main-nav-list__icon {
display: inline; } }
@media (max-width: 72.438em) {
.main-nav-list__icon:first-child {
display: none; } }
@media (max-width: 47.938em) {
.main-nav-list__icon:first-child {
display: inline;
margin-right: 0.75rem;
font-size: 0.875rem; } }
.main-nav-list__icon--expand, .main-nav-list__icon.-expand {
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .main-nav-list__icon--expand, .js-inverted-colors .main-nav-list__icon.-expand {
color: #7c7c7c; }
.main-nav-list__icon ~ .main-nav-list__label {
margin-left: 0.375rem; }
@media (max-width: 72.438em) {
.main-nav-list__icon ~ .main-nav-list__label {
margin-left: 0; } }
@media (max-width: 47.938em) {
.main-nav-list .dropdown-list {
position: static;
width: 100%;
background-color: transparent;
margin-bottom: 0.75rem; } }
.search {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-left: auto; }
@media (max-width: 47.938em) {
.search {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; } }
.search__form {
display: block;
position: relative;
padding-right: 2.5rem; }
.search .search__input-text {
border-radius: 1.25rem 0 0 1.25rem;
padding-right: 6.375rem;
padding-left: 1.5rem;
max-width: 13.75rem;
width: 100%;
border: none;
line-height: 2.5rem;
height: 2.5rem;
font-size: 0.688rem; }
/* inverted colors */
.js-inverted-colors .search .search__input-text {
border-width: 1px 0 1px 1px;
border-style: solid; }
.search .search__input-text--hidden, .search .search__input-text.-hidden {
display: none; }
@media (max-width: 64.938em) {
.search .search__input-text {
padding-left: 0.75rem;
padding-right: 3.75rem;
width: 8.75rem; } }
@media (max-width: 47.938em) {
.search .search__input-text {
width: 100%;
max-width: none; } }
.search__type {
width: 5.625rem;
position: absolute;
top: 0;
right: 2.5rem; }
@media (max-width: 64.938em) {
.search__type {
width: 3.125rem; } }
.search__type-selected {
line-height: 2.5rem;
height: 2.5rem;
padding-right: 1.5rem;
position: relative;
padding-left: 0.375rem;
border-left: 0.0625rem solid rgba(28, 28, 28, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer; }
.search__type-selected:before {
font-style: normal !important;
display: inline-block;
content: "\e936";
text-transform: none !important;
font-weight: 400 !important;
font-family: 'fontello';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
position: absolute;
top: 50%;
right: 0.75rem;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
.js-search-list-visible .search__type-selected:before {
color: #ff2736; }
.search__type-icon {
padding-right: 0.375rem;
font-size: 0.813rem; }
.search .icon {
-webkit-transform: translate(0, -0.1875rem);
-ms-transform: translate(0, -0.1875rem);
transform: translate(0, -0.1875rem); }
.search__type-label {
font-size: 0.625rem;
line-height: 1.2;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
@media (max-width: 64.938em) {
.search__type-label {
display: none; } }
.search .search__submit {
width: 2.5rem;
line-height: 2.5rem;
height: 2.5rem;
border: none;
padding: 0;
margin: 0;
background-color: #ff2736;
border-radius: 0 1.25rem 1.25rem 0;
position: absolute;
top: 0;
right: 0;
color: #ffffff;
font-size: 0.938rem; }
.search .search__submit:hover, .search .search__submit:active, .search .search__submit:focus {
background-color: #f30011;
color: #ffffff; }
.search__submit-icon .icon {
margin-top: 0.125rem; }
.search-list {
padding: 0;
margin: 0;
background-color: #ffffff;
border-radius: 0.1875rem;
width: 7.5rem;
display: none; }
.search-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
@media (max-width: 64.938em) {
.search-list {
width: 2.5rem; } }
.js-search-list-visible .search-list {
display: block; }
.search-list__li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.375rem 0.75rem;
border-bottom: 0.0625rem solid rgba(28, 28, 28, 0.1);
cursor: pointer; }
.search-list__li:last-child {
border: none; }
.upload {
float: right;
margin-top: 4px;
/* padding-top: ($hh2 - $input-height)/2;float: right; */ }
@media (max-width: 23.688em) {
.upload {
display: none; } }
@media (max-width: 64.938em) {
.upload__link {
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.688rem; } }
@media (max-width: 64.938em) {
.upload__link .btn__icon {
display: none; } }
@media (max-width: 64.938em) {
.upload__link .btn__label {
margin-left: 0; } }
.dropdown-list {
padding: 0;
margin: 0;
position: absolute;
top: 100%;
left: 0;
width: 11.875rem;
z-index: 2;
background-color: #1c1c1c;
border-bottom: 0.0625rem solid #363636; }
/* inverted colors */
.js-inverted-colors .dropdown-list {
background-color: #FCFCFC;
border-color: #C9C9C9; }
.dropdown-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
@media (max-width: 47.938em) {
.dropdown-list {
border-bottom: none; }
/* inverted colors */
.js-inverted-colors .dropdown-list {
background-color: #ffffff; } }
.dropdown-list__link {
border-bottom: 0.0625rem solid #363636;
display: block;
line-height: 2rem;
height: 2.0625rem;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 600;
color: #7c7c7c;
padding: 0 0.75rem; }
/* inverted colors */
.js-inverted-colors .dropdown-list__link {
border-color: #C9C9C9; }
@media (max-width: 47.938em) {
.dropdown-list__link {
text-transform: none;
padding-left: 0;
padding-right: 0;
line-height: 2.8125rem;
height: 2.8125rem;
border-bottom: 0.0625rem solid #292929;
font-size: 0.75rem; } }
.dropdown-list__link:hover {
color: #ffffff;
border-color: #ff2736;
text-decoration: none; }
/* inverted colors */
.js-inverted-colors .dropdown-list__link:hover {
color: #000000; }
@media (min-width: 48em) {
.navbar-trigger {
display: none; } }
@media (min-width: 48em) {
.overlay-drop {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 3; } }
.overlay-drop__inner {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
padding-left: 0.375rem;
padding-right: 0.375rem; }
@media (min-width: 48em) {
.overlay-drop__inner {
padding-left: 0.75rem;
padding-right: 0.75rem;
border-bottom: 0.1875rem solid #ff2736;
padding-top: 0.75rem;
background-color: #1c1c1c;
border-top: 0.0625rem solid #292929;
position: relative;
z-index: 2; }
/* inverted-colors */
.js-inverted-colors .overlay-drop__inner {
background-color: #FCFCFC;
border-top-color: #c9c9c9; } }
/*@media (min-width: 48em) {
.overlay-drop::before {
display: block;
content: "";
position: fixed;
top: 8.125rem;
left: 0;
right: 0;
bottom: -10000%;
background-color: rgba(0, 0, 0, 0.4); } }*/
@media (max-width: 47.938em) {
.overlay-drop .wrapper {
width: 100%;
min-width: 0; } }
.item {
width: 25%;
margin-bottom: 0.75rem; }
@media (max-width: 64.938em) {
.item {
width: 33.33%; } }
@media (max-width: 47.938em) {
.item {
width: 50%; } }
@media (max-width: 29.938em) {
.item {
width: 100%; } }
.item__inner {
position: relative;
display: block;
border-bottom: 0.125rem solid #242424; }
/* inverted colors */
.js-inverted-colors .item__inner {
border-color: #C9C9C9; }
.item__inner:hover .item__link-fav {
display: block; }
.item__inner:hover .item__link-edit {
display: block; }
.item__link {
display: block;
position: relative; }
.item__hd {
display: block; }
.item__stats-bar {
display: block;
background-color: #121212;
border-top: 0.0625rem solid #242424;
clear: both;
overflow: hidden; }
/* inverted colors */
.js-inverted-colors .item__stats-bar {
background-color: #E3E3E3;
border-color: #C9C9C9; }
.item__stats-bar::before, .item__stats-bar::after {
display: block;
clear: both;
content: " "; }
.item__stat {
float: left;
line-height: 1.25rem;
height: 1.25rem;
padding: 0 0.375rem;
position: relative; }
.item__stat-icon {
font-size: 0.75rem;
color: #7c7c7c;
position: relative;
z-index: 2; }
.item__stat-icon + .item__stat-label {
margin-left: 0.1875rem; }
.item__stat-label {
font-size: 0.625rem;
color: #ffffff;
text-decoration: none;
position: relative;
z-index: 2;
-webkit-transform: translate(0, -0.0625rem);
-ms-transform: translate(0, -0.0625rem);
transform: translate(0, -0.0625rem);
display: inline-block; }
/* inverted colors */
.js-inverted-colors .-views .item__stat-label, .js-inverted-colors .-duration .item__stat-label {
color: #000000; }
.item__stat--duration, .item__stat.-duration {
float: right; }
.item__stat--quality, .item__stat.-quality {
float: right; }
@media (max-width: 37.438em) {
.item__stat--quality, .item__stat.-quality {
position: absolute;
top: 0%;
right: 0.3125rem;
-webkit-transform: translate(0, 130%);
-ms-transform: translate(0, 130%);
transform: translate(0, 130%);
z-index: 3; } }
.item__stat--type, .item__stat.-type {
float: right; }
@media (max-width: 37.438em) {
.item__stat--type, .item__stat.-type {
position: absolute;
top: 0%;
right: 0.3125rem;
-webkit-transform: translate(0, 260%);
-ms-transform: translate(0, 260%);
transform: translate(0, 260%);
z-index: 3; } }
.item__stat--bg-t1::before, .item__stat.-bg-t1::before {
display: block;
content: "";
height: 1.25rem;
width: calc(100% + 0.375rem);
background-color: #444444;
-webkit-transform: skew(-15deg);
-ms-transform: skew(-15deg);
transform: skew(-15deg);
position: absolute;
top: 0;
left: -0.375rem; }
.item__stat--bg-t1 .item__stat-icon, .item__stat.-bg-t1 .item__stat-icon {
color: #ffffff; }
.item__stat--bg-t2::before, .item__stat.-bg-t2::before {
display: block;
content: "";
height: 1.25rem;
width: 100%;
background-color: #ff2736;
-webkit-transform: skew(-15deg);
-ms-transform: skew(-15deg);
transform: skew(-15deg);
position: absolute;
top: 0;
left: 0; }
@media (max-width: 37.438em) {
.item__stat--bg-t2::before, .item__stat.-bg-t2::before {
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.item__stat--bg-t2 .item__stat-label, .item__stat.-bg-t2 .item__stat-label {
font-weight: 700;
font-style: italic; }
.item__stat--bg-t3::before, .item__stat.-bg-t3::before {
display: block;
content: "";
height: 1.25rem;
width: 100%;
background-color: #1884d7;
-webkit-transform: skew(-15deg);
-ms-transform: skew(-15deg);
transform: skew(-15deg);
position: absolute;
top: 0;
left: 0; }
@media (max-width: 37.438em) {
.item__stat--bg-t3::before, .item__stat.-bg-t3::before {
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.item__stat--bg-t3 .item__stat-label, .item__stat.-bg-t3 .item__stat-label {
font-weight: 700;
font-style: italic; }
.item__bd {
display: block;
position: relative; }
.item__thumb {
display: block;
position: relative;
overflow: hidden;
background-color: #000;
padding-top: 57.143%; }
.item__thumb::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
bottom: 0;
right: 0;
background: transparent;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
z-index: 2; }
.item__thumb-img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
width: 110%; }
.item__title {
display: block;
position: absolute;
bottom: 0.75rem;
left: 0.75rem;
right: 0.75rem;
z-index: 3;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 0.875rem;
color: #ffffff;
font-weight: 600; }
.item__link-fav {
display: none;
position: absolute;
top: 1.625rem;
left: 0.375rem;
z-index: 4;
font-size: 1.063rem;
color: #FF2736; }
.item__link-edit {
display: none;
position: absolute;
top: 1.625rem;
right: 0.375rem;
z-index: 4;
font-size: 1.063rem; }
.item--aff, .item.-aff {
width: 50%;
float: right;
margin-bottom: 0.75rem; }
@media (max-width: 64.938em) {
.item--aff, .item.-aff {
display: none; } }
.item.-aff .item__inner, .item--aff .item__inner {
border: 0.0625rem solid #1c1c1c;
position: relative;
height: 100%; }
/* inverted colors */
.js-inverted-colors .item.-aff .item__inner, .js-inverted-colors .item--aff .item__inner {
border-color: #C9C9C9; }
.citem {
width: 25%;
margin-bottom: 1.5rem; }
@media (max-width: 47.938em) {
.citem {
width: 33.33%; } }
@media (max-width: 29.938em) {
.citem {
width: 50%; } }
@media (max-width: 23.688em) {
.citem {
width: 100%; } }
.citem--top-bar, .citem.-top-bar {
width: 16.567%; }
@media (max-width: 47.938em) {
.citem--top-bar, .citem.-top-bar {
float: none;
width: 100%;
margin-bottom: 0;
padding-left: 0;
padding-right: 0; } }
.citem--top-bar-more, .citem.-top-bar-more {
margin-bottom: 1.5rem; }
@media (min-width: 48em) {
.citem--top-bar-more, .citem.-top-bar-more {
display: none; } }
.citem__link {
display: block; }
.citem__link:hover, .citem__link:active, .citem__link:focus {
text-decoration: none; }
.citem__link:hover .citem__title, .citem__link:active .citem__title, .citem__link:focus .citem__title {
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .citem__link:hover .citem__title, .js-inverted-colors .citem__link:active .citem__title, .js-inverted-colors .citem__link:focus .citem__title {
color: #000000; }
.citem__thumb {
display: block;
width: 100%;
overflow: hidden;
padding-top: 72.222%;
position: relative;
background-color: #000;
margin-bottom: 0.375rem; }
.citem__thumb-img {
position: absolute;
width: 120%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
@media (max-width: 47.938em) {
.citem.-top-bar .citem__thumb, .citem--top-bar .citem__thumb {
display: none; } }
@media (max-width: 47.938em) {
.citem.-top-bar .citem__title, .citem--top-bar .citem__title {
line-height: 2.8125rem;
height: 2.8125rem;
border-bottom: 0.0625rem solid #292929;
font-size: 0.75rem; }
/* inverted colors */
.js-inverted-colors .citem.-top-bar .citem__title, .js-inverted-colors .citem--top-bar .citem__title {
border-color: #C9C9C9; } }
.citem__title {
font-size: 0.875rem;
color: #7c7c7c;
font-weight: 600;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-decoration: none; }
.mitem {
width: 25%;
margin-bottom: 0.75rem; }
@media (max-width: 47.938em) {
.mitem {
width: 50%; } }
.mitem__link {
display: block;
position: relative; }
.mitem__link:hover .mitem__title, .mitem__link:active .mitem__title, .mitem__link:focus .mitem__title {
color: #ffffff; }
.mitem__thumb {
display: block;
padding-top: 164.286%;
position: relative;
overflow: hidden; }
.mitem__thumb::after {
display: block;
content: "";
position: absolute;
top: 50%;
bottom: 0;
left: 0;
right: 0;
background: transparent;
background: linear-gradient(to bottom, transparent 0%, #000000 100%); }
.mitem__img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%; }
.mitem__ct {
position: absolute;
bottom: 0.375rem;
left: 0.375rem;
right: 0.375rem; }
.mitem__bd {
display: block;
margin-bottom: 0.375rem;
padding: 0.375rem;
border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1); }
.mitem__title {
font-size: 0.875rem;
font-weight: 600;
transition: color 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.mitem__ft {
padding: 0.375rem;
padding-top: 0;
display: block; }
.mitem__stat-icon {
color: #7c7c7c;
font-size: 0.875rem;
margin-right: 0.1875rem; }
.mitem__stat-label {
color: #ffffff;
font-size: 0.75rem; }
.filter-list {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.filter-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.filter-list__li {
position: relative;
margin-bottom: 0.75rem; }
.filter-list__li ~ .filter-list__li {
margin-left: 0.375rem; }
.top-outlines {
padding-top: 0.5rem;
float: right; }
@media (max-width: 64.938em) {
.top-outlines {
width: 100%;
text-align: center; } }
.network {
float: left; }
@media (max-width: 64.938em) {
.network {
width: 100%; } }
@media (max-width: 37.438em) {
.network {
display: none; } }
.network-list {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.network-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.network-list__li ~ .network-list__li {
margin-left: 1.5rem; }
@media (max-width: 72.438em) {
.network-list__li ~ .network-list__li {
margin-left: 0.75rem; } }
.network-list__li--prefix + .network-list__li, .network-list__li.-prefix + .network-list__li {
margin-left: 0.1875rem; }
@media (max-width: 72.438em) {
.network-list__li--prefix, .network-list__li.-prefix {
display: none; } }
@media (max-width: 64.938em) {
.network-list__li--prefix, .network-list__li.-prefix {
display: block; } }
.network-list__prefix-label {
font-size: 0.625rem;
display: block;
line-height: 3.0625rem;
height: 3.0625rem;
font-weight: 400; }
.network-list__link {
font-size: 0.625rem;
display: block;
line-height: 3.0625rem;
height: 3.0625rem;
font-weight: 400;
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .network-list__link {
color: #000000; }
.js-inverted-colors .network-list__link:hover, .js-inverted-colors .network-list__link:focus {
color: #ff5a65; }
.copyright {
float: left; }
@media (max-width: 64.938em) {
.copyright {
float: none;
text-align: center; } }
.copyright__inner {
line-height: 2.5rem;
height: 2.5rem;
font-weight: 600;
font-size: 0.75rem;
color: #7c7c7c; }
.footer {
background-color: #1c1c1c; }
.footer__upper {
width: 100%;
padding-top: 0.75rem;
margin-bottom: 0.75rem; }
.footer__upper_inner {
border-bottom: 0.0625rem solid #292929;
padding-bottom: 0.75rem; }
.ftcol {
width: 25%; }
@media (max-width: 37.438em) {
.ftcol {
width: 33.3%; } }
@media (max-width: 29.938em) {
.ftcol {
width: 50%;
margin-bottom: 1.5rem; } }
@media (max-width: 29.938em) {
.ftcol--last, .ftcol.-last {
clear: both; }
.ftcol--last::before, .ftcol--last::after, .ftcol.-last::before, .ftcol.-last::after {
display: block;
clear: both;
content: " "; } }
.ftcol__h {
position: relative;
padding-bottom: 0.75rem;
margin-bottom: 0.75rem;
font-weight: 600; }
.ftcol__h::before {
display: block;
content: "";
height: 0.125rem;
width: 2.5rem;
background-color: #303030;
position: absolute;
bottom: 0.375rem; }
.inline-list {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.inline-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.inline-list__li ~ .inline-list__li {
margin-left: 0.75rem; }
.sep-list {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.sep-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
@media (max-width: 29.938em) {
.sep-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.sep-list__li {
font-size: 0;
margin-bottom: 0.1875rem; }
.sep-list__li::before {
display: block;
content: "|";
display: inline-block;
vertical-align: middle;
font-size: 0.75rem;
font-weight: 600;
margin: 0 0.75rem;
-webkit-transform: translate(0, -0.0625rem);
-ms-transform: translate(0, -0.0625rem);
transform: translate(0, -0.0625rem); }
@media (max-width: 29.938em) {
.sep-list__li::before {
display: none; } }
.sep-list__li:first-child::before {
display: none; }
@media (max-width: 29.938em) {
.sep-list__li {
width: 100%; } }
.sep-list__link {
vertical-align: middle;
display: inline-block;
font-size: 0.75rem;
color: #7c7c7c;
line-height: 2.5rem;
height: 2.5rem;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 31.25rem;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
@media (max-width: 64.938em) {
.sep-list__link {
max-width: 12.5rem; } }
@media (max-width: 29.938em) {
.sep-list__link {
line-height: 1.5rem;
height: 1.5rem; } }
.sep-list__link:hover, .sep-list__link:active, .sep-list__link:focus {
color: #ffffff;
text-decoration: none; }
.legals {
float: right; }
@media (max-width: 64.938em) {
.legals {
width: 100%;
text-align: center; } }
.scrollup {
float: right; }
@media (max-width: 37.438em) {
.scrollup {
float: none;
clear: both;
text-align: center; }
.scrollup::before, .scrollup::after {
display: block;
clear: both;
content: " "; } }
.scrollup__link {
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5rem;
width: 3.125rem;
line-height: 3.125rem;
height: 3.125rem;
border-radius: 100%;
box-shadow: 0 0 2.5rem 0.8125rem rgba(0, 0, 0, 0.4);
display: block;
text-align: center;
color: #ffffff;
transition: all 0.5s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.scrollup__link:hover, .scrollup__link:active, .scrollup__link:focus {
text-decoration: none;
-webkit-transform: translate(0, -10%);
-ms-transform: translate(0, -10%);
transform: translate(0, -10%);
color: #ffffff; }
.simple-list {
padding: 0;
margin: 0; }
.simple-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.simple-list__link {
font-size: 0.75rem;
color: #7c7c7c;
text-decoration: none;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
font-weight: 600; }
.simple-list__link:hover, .simple-list__link:active, .simple-list__link:focus {
color: #ffffff;
text-decoration: none; }
.aff {
margin-bottom: 0.75rem; }
.aff__inner {
max-width: 17.5rem; }
.aff__link {
display: block;
text-decoration: none; }
.aff__link:hover, .aff__link:active, .aff__link:focus {
text-decoration: none; }
.aff__img {
width: 100%; }
.aff__desc {
text-align: center;
display: block;
font-size: 0.625rem;
text-decoration: none;
color: #ffffff;
padding: 0.375rem 0; }
.aff--in-items, .aff.-in-items {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
@media (min-width: 48em) {
.scrl {
position: absolute;
top: 0.75rem;
left: 0.75rem;
right: 0.75rem;
bottom: 0.75rem; } }
.counter-list {
padding: 0;
margin: 0;
margin-bottom: 0.75rem; }
.counter-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.counter-list__li {
display: block; }
.counter-list__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0.25rem 0; }
.counter-list__link-label {
color: #7c7c7c;
font-weight: 600;
font-size: 0.75rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.counter-list__link-counter {
font-size: 0.75rem;
color: #7c7c7c;
opacity: .7;
padding-left: 0.375rem;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.counter-list__link:hover, .counter-list__link:active, .counter-list__link:focus, .counter-list__link.is-active {
text-decoration: none; }
.counter-list__link:hover .counter-list__link-label, .counter-list__link:active .counter-list__link-label, .counter-list__link:focus .counter-list__link-label, .counter-list__link.is-active .counter-list__link-label {
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .counter-list__link:hover .counter-list__link-label, .js-inverted-colors .counter-list__link:active .counter-list__link-label, .js-inverted-colors .counter-list__link:focus .counter-list__link-label, .js-inverted-colors .counter-list__link.is-active .counter-list__link-label {
color: #000000; }
.counter-list__link:hover .counter-list__link-counter, .counter-list__link:active .counter-list__link-counter, .counter-list__link:focus .counter-list__link-counter, .counter-list__link.is-active .counter-list__link-counter {
color: #ff2736;
opacity: 1; }
.counter-list__link:hover .counter-list__icon, .counter-list__link:active .counter-list__icon, .counter-list__link:focus .counter-list__icon, .counter-list__link.is-active .counter-list__icon {
padding-left: 0.4375rem;
opacity: 1; }
.counter-list__icon {
color: #7c7c7c;
font-size: 0.875rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 1.5625rem;
flex: 0 0 1.5625rem;
text-decoration: none;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
display: block;
opacity: .5; }
.pagination {
width: 100%; }
.pagination__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.pagination-list {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.pagination-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.pagination-list__li {
margin: 0.375rem; }
@media (max-width: 47.938em) {
.pagination-list__li {
display: none; } }
@media (max-width: 47.938em) {
.pagination-list__li--prev, .pagination-list__li.-prev {
display: block; } }
@media (max-width: 47.938em) {
.pagination-list__li--next, .pagination-list__li.-next {
display: block; } }
@media (max-width: 47.938em) {
.pagination-list__li.is-active {
display: block; } }
.pagination-list__elem {
display: block;
width: 2.5rem;
line-height: 2.5rem;
height: 2.5rem;
text-align: center;
color: #ffffff;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
border-radius: 100%;
background-color: #212121; }
/* inverted colors */
.js-inverted-colors .pagination-list__elem {
color: #333333;
background-color: #E3E3E3; }
.pagination-list__elem:hover, .pagination-list__elem:active, .pagination-list__elem:focus {
text-decoration: none;
background-color: #f30011;
color: #ffffff; }
.pagination-list__elem.is-active {
color: #ffffff;
background-color: #ff2736; }
.pagination-list__elem--prev, .pagination-list__elem.-prev {
width: 2.8125rem;
line-height: 2.8125rem;
height: 2.8125rem;
background-color: #ff2736; }
.pagination-list__elem--prev:hover, .pagination-list__elem--prev:active, .pagination-list__elem--prev:focus, .pagination-list__elem.-prev:hover, .pagination-list__elem.-prev:active, .pagination-list__elem.-prev:focus {
text-decoration: none;
background-color: #f30011;
color: #ffffff; }
.pagination-list__elem--next, .pagination-list__elem.-next {
width: 2.8125rem;
line-height: 2.8125rem;
height: 2.8125rem;
background-color: #ff2736; }
.pagination-list__elem--next:hover, .pagination-list__elem--next:active, .pagination-list__elem--next:focus, .pagination-list__elem.-next:hover, .pagination-list__elem.-next:active, .pagination-list__elem.-next:focus {
text-decoration: none;
background-color: #f30011;
color: #ffffff; }
.pagination-list .icon {
color: #ffffff; }
.form {
width: 100%; }
.form__input {
width: 100%;
margin-bottom: 0.75rem; }
.form__output {
margin-bottom: 1.5rem;
text-align: center;
width: 100%; }
.checkbox {
margin-top: 0; }
.captcha {
max-width: 20rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.captcha__img {
width: 6.25rem;
height: 2.5rem;
margin-right: 0.375rem; }
.captcha__input {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.comment {
width: 100%;
margin-bottom: 1.5rem; }
.comment__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.comment__thumb {
-ms-flex-preferred-size: 0 0;
flex-basis: 0 0;
width: 3.75rem;
padding-right: 0.75rem; }
.comment__thumb img {
max-width: 3rem; }
.comment__ct {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.comment__hd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0.375rem; }
.comment__author {
padding-right: 1.5rem; }
.comment__author-link {
font-size: 0.75rem;
font-weight: 600; }
.comment__stat-icon {
font-size: 0.813rem;
margin-right: 0.375rem; }
.comment__stat-label {
font-size: 0.75rem; }
.comment__bd {
font-weight: 400;
font-size: 0.75rem;
word-break: break-word; }
.avatar__thumb {
display: block; }
.avatar__img {
width: 100%; }
.share {
width: 100%;
margin-bottom: 0.75rem; }
.share-list {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.share-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.share-list__link {
font-size: 1.75rem;
margin: 0.75rem; }
.share-list__link:hover, .share-list__link:active, .share-list__link:focus {
text-decoration: none; }
.tab {
width: 100%;
display: none; }
.tab.is-active, .tab.is-tab-active {
display: block; }
.tab__inner {
padding: 0.375rem; }
.tabs-group {
width: 100%; }
.submittedby {
margin-bottom: 0.75rem; }
@media (min-width: 37.5em) {
.submittedby {
max-width: 13.125rem; } }
@media (max-width: 37.438em) {
.submittedby {
width: 100%; } }
.submittedby__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 37.438em) {
.submittedby__inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.submittedby__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
padding-right: 0.75rem; }
.submittedby__label {
font-size: 0.625rem;
font-weight: 400;
line-height: 1; }
.submittedby__link {
font-size: 0.75rem;
font-weight: 600; }
.mstats {
margin-left: 0.75rem;
margin-bottom: 0.75rem; }
@media (max-width: 37.438em) {
.mstats {
width: 100%;
margin-left: 0; } }
.mstats-list {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.mstats-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
@media (max-width: 37.438em) {
.mstats-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.mstats-list__li {
margin: 0.75rem; }
.mstats-list__icon {
display: inline-block;
vertical-align: middle;
line-height: .5;
font-size: 1.125rem; }
.mstats-list__label {
vertical-align: middle;
line-height: 1;
margin-left: 0.375rem;
font-size: 0.813rem;
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .mstats-list__label {
color: #333333; }
.main-info {
width: 100%;
margin-bottom: 0.75rem; }
.main-info__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.inlined {
width: 100%; }
.inlined__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.inlined__hd {
-webkit-box-flex: 0;
-ms-flex: 0 0 7.5rem;
flex: 0 0 7.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.inlined__hd-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 1.875rem;
flex: 0 0 1.875rem;
display: block;
-webkit-transform: translate(0, -0.0625rem);
-ms-transform: translate(0, -0.0625rem);
transform: translate(0, -0.0625rem);
font-size: 1.063rem; }
.inlined__h {
margin-bottom: 0;
font-size: 0.75rem; }
.inlined__bd {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.expandable {
width: 100%; }
.tag-list {
padding: 0;
margin: 0;
clear: both;
margin-bottom: 0.4375rem; }
.tag-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
.tag-list::before, .tag-list::after {
display: block;
clear: both;
content: " "; }
.tag-list__li {
float: left;
margin: 0 0.3125rem 0.3125rem 0; }
.tag-list__link {
font-size: 0.75rem;
padding: 0.1875rem 0.3125rem;
background-color: #212121;
color: #7c7c7c;
font-weight: 400; }
/* inverted colors */
.js-inverted-colors .tag-list__link {
background-color: #E3E3E3;
color: #333333; }
.js-inverted-colors .tag-list__link:hover, .js-inverted-colors .tag-list__link:focus {
color: #ff5a65; }
.tag-list__link-img {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.tag-list__link-img:hover, .tag-list__link-img:active, .tag-list__link-img:focus {
text-decoration: none; }
.tag-list__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 1.875rem;
flex: 0 0 1.875rem;
padding: 0.1875rem;
line-height: 1.875rem;
height: 1.875rem;
overflow: hidden;
position: relative; }
.tag-list__thumb::after {
display: block;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 0.1875rem solid #ffffff; }
.tag-list__thumb-img {
display: block;
width: 120%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.tag-list__thumb ~ .tag-list__label {
margin-left: 0.3125rem; }
.tag-list__label {
font-size: 0.75rem;
color: #7c7c7c;
white-space: nowrap;
font-weight: 600; }
.description {
width: 100%;
margin-bottom: 0.75rem; }
.description__inner {
font-size: 0.75rem;
font-weight: 400; }
.tabs {
width: 100%; }
.tabs-list {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.tabs-list__li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-image: none; }
@media (max-width: 37.438em) {
.tabs-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
@media (max-width: 47.938em) {
.tabs-list.-in-box-hd .tabs-list__label, .tabs-list--in-box-hd .tabs-list__label {
display: none; } }
@media (max-width: 47.938em) {
.tabs-list.-in-box-hd .tabs-list__li ~ .tabs-list__li, .tabs-list--in-box-hd .tabs-list__li ~ .tabs-list__li {
margin-left: 1.5rem; } }
@media (max-width: 37.438em) {
.tabs-list.-in-box-hd .tabs-list__li ~ .tabs-list__li, .tabs-list--in-box-hd .tabs-list__li ~ .tabs-list__li {
margin-left: 0.75rem; } }
.tabs-list__li ~ .tabs-list__li {
margin-left: 1.5rem; }
@media (max-width: 29.938em) {
.tabs-list__li ~ .tabs-list__li {
margin-left: 0.75rem; } }
.tabs-list__link {
line-height: 3.125rem;
height: 3.125rem;
display: block;
position: relative; }
.tabs-list__link:hover, .tabs-list__link:active, .tabs-list__link:focus, .tabs-list__link.is-active {
text-decoration: none; }
.tabs-list__link:hover::before, .tabs-list__link:active::before, .tabs-list__link:focus::before, .tabs-list__link.is-active::before {
display: block;
content: "";
height: 0.0625rem;
background-color: #ff2736;
position: absolute;
left: 0;
right: 0;
bottom: 0; }
.tabs-list__link:hover .tabs-list__label, .tabs-list__link:active .tabs-list__label, .tabs-list__link:focus .tabs-list__label, .tabs-list__link.is-active .tabs-list__label {
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .tabs-list__link:hover .tabs-list__label, .js-inverted-colors .tabs-list__link:active .tabs-list__label, .js-inverted-colors .tabs-list__link:focus .tabs-list__label, .js-inverted-colors .tabs-list__link.is-active .tabs-list__label {
color: #000000; }
.tabs-list__link:hover .tabs-list__icon, .tabs-list__link:active .tabs-list__icon, .tabs-list__link:focus .tabs-list__icon, .tabs-list__link.is-active .tabs-list__icon {
color: #ff2736; }
.tabs-list__icon {
font-size: 1rem;
color: #7c7c7c;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.tabs-list__icon ~ .tabs-list__label {
margin-left: 0.375rem; }
.tabs-list__label {
font-size: 0.875rem;
color: #7c7c7c;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
@media (max-width: 23.688em) {
.tabs-list__label {
font-size: 0.625rem; } }
.mhead {
width: 100%; }
.mhead__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 37.438em) {
.mhead__inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.mhead__h {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 1.125rem;
margin-bottom: 0;
margin-bottom: 0.75rem; }
@media (max-width: 37.438em) {
.mhead__h {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center; } }
.mhead__utility {
margin-bottom: 0.75rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 9.375rem;
flex: 0 0 9.375rem; }
@media (max-width: 37.438em) {
.mhead__utility {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto; } }
.media {
width: 100%;
margin-bottom: 0.75rem; }
.media.-video .media__inner, .media--video .media__inner {
padding-top: 56.25%; }
.media__inner {
position: relative; }
.media__inner object, .media__inner embed, .media__inner video, .media__inner iframe, .media__inner #thisPlayer {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important; }
.mmedias {
width: 100%;
margin-bottom: 0.75rem; }
.mmedias__inner {
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.mmedias__inner::before, .mmedias__inner::after {
display: block;
clear: both;
content: " "; }
@media (max-width: 47.938em) {
.mmedias__inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.mmedias__thumb {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333%;
flex: 0 0 8.333%;
position: relative;
border: 0;
outline: 0;
outline-style: none; }
.mmedias__thumb::-moz-focus-inner, .mmedias__thumb::-moz-focus-outer, .mmedias__thumb:focus, .mmedias__thumb:active, .mmedias__thumb:hover {
border: 0;
outline: 0;
outline-style: none; }
@media (max-width: 47.938em) {
.mmedias__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.667%;
flex: 0 0 16.667%; } }
.mmedias__thumb:hover, .mmedias__thumb:active, .mmedias__thumb:focus {
z-index: 2; }
.mmedias__thumb:hover .mmedias__info, .mmedias__thumb:active .mmedias__info, .mmedias__thumb:focus .mmedias__info {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
display: block; }
.mmedias__img {
width: 100%;
display: block; }
.mmedias__info {
display: block;
position: absolute;
bottom: 100%;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
left: 0;
right: 0;
background-color: #000;
padding: 0.3125rem;
text-align: center;
font-size: 0.563rem;
color: #ffffff;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
opacity: 0; }
.profile {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5rem;
flex: 0 0 12.5rem;
margin-bottom: 0.75rem; }
@media (max-width: 64.938em) {
.profile {
-webkit-box-flex: 0;
-ms-flex: 0 0 10.625rem;
flex: 0 0 10.625rem; } }
@media (max-width: 23.688em) {
.profile {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; } }
.profile__thumb-img {
width: 100%; }
.profile__rating {
background-color: #212121; }
/* inverted colors */
.js-inverted-colors .profile__rating {
background-color: #E3E3E3; }
.profile__bd {
padding: 0.75rem; }
.profile__link {
display: block;
padding: 0.1875rem 0; }
.profile__link:hover, .profile__link:active, .profile__link:focus {
text-decoration: none; }
.profile__link-icon {
font-size: 0.875rem;
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .profile__link-icon {
color: #7c7c7c; }
.profile__link:hover .profile__link-icon, .profile__link:active .profile__link-icon, .profile__link:focus .profile__link-icon {
color: #ff2736; }
.profile__link-label {
font-size: 0.813rem;
color: #7c7c7c;
font-weight: 600; }
.profile__link:hover .profile__link-label, .profile__link:active .profile__link-label, .profile__link:focus .profile__link-label {
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .profile__link:hover .profile__link-label, .js-inverted-colors .profile__link:active .profile__link-label, .js-inverted-colors .profile__link:focus .profile__link-label {
color: #000000; }
.profile__link-icon ~ .profile__link-label {
margin-left: 0.375rem; }
.pdesc {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 0.75rem; }
.pdesc__h {
font-size: 1.125rem; }
.pdesc__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 47.938em) {
.pdesc__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.pdesc__row--odd, .pdesc__row.-odd {
background-color: #212121; }
/* inverted colors */
.js-inverted-colors .pdesc__row--odd, .js-inverted-colors .pdesc__row.-odd {
background-color: #E3E3E3; }
@media (max-width: 47.938em) {
.pdesc__row--odd, .pdesc__row.-odd {
background-color: transparent; } }
.pdesc__col {
padding: 0.375rem 0.75rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 47.938em) {
.pdesc__col {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
border-bottom: 0.0625rem solid #1c1c1c; } }
@media (max-width: 37.438em) {
.pdesc__col {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.pdesc__col--width-full, .pdesc__col.-width-full {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.pdesc__label {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.375rem;
flex: 0 0 9.375rem;
font-size: 0.75rem;
font-weight: 600;
padding-right: 0.75rem; }
@media (max-width: 37.438em) {
.pdesc__label {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%; } }
.pdesc__ct {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-weight: 400;
font-size: 0.75rem;
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .pdesc__ct {
color: #333333; }
.centercontent {
width: 100%;
margin-bottom: 0.75rem; }
.centercontent__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.pitem {
width: 20%;
margin-bottom: 0.75rem; }
@media (max-width: 47.938em) {
.pitem {
width: 25%; } }
@media (max-width: 37.438em) {
.pitem {
width: 33.33%; } }
.pitem__thumb {
display: block;
position: relative;
padding-top: 0;
padding-top: 60%;
overflow: hidden; }
.pitem__thumb-img {
display: block;
width: 110%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.photos {
width: 100%;
margin-bottom: 0.75rem; }
.irs-range-slider {
margin-bottom: 1.5rem; }
.irs-range-slider__inner {
clear: both; }
.irs-range-slider__inner::before, .irs-range-slider__inner::after {
display: block;
clear: both;
content: " "; }
.irs-with-grid {
height: 2.5rem; }
.irs-grid, .irs-slider {
height: 0.9375rem; }
.irs-bar, .irs-line {
top: 0.625rem;
height: 0.375rem;
border: none; }
.irs-bar {
background: #ff5a65;
background: linear-gradient(to bottom, #ff5a65 0%, #ff2736 100%); }
.irs-max, .irs-min {
display: none; }
.irs-from, .irs-single, .irs-to {
display: none; }
.irs-slider {
width: 0.9375rem;
height: 0.9375rem;
top: 0.375rem;
border: none;
background-color: #ffffff;
border-radius: 100%; }
.irs-slider::after {
display: block;
content: "";
width: 0.6875rem;
height: 0.6875rem;
background-color: #ff2736;
top: 0.125rem;
left: 0.125rem;
position: absolute;
border-radius: 100%; }
.irs-grid-text {
bottom: -0.5rem;
font-size: 0.688rem;
color: #7c7c7c;
/*&.js-grid-text-5,*/ }
.irs-grid-text:last-child {
color: transparent;
font-size: 0;
line-height: 0; }
.irs-grid-text:last-child::before {
display: block;
content: "+";
font-size: 0.688rem;
color: #7c7c7c;
line-height: 1; }
.irs-grid-pol {
opacity: .3;
background-color: #7c7c7c; }
.fr {
width: 100%;
margin-bottom: 0.75rem; }
.fr__form--center, .fr__form.-center {
text-align: center;
max-width: 25rem;
margin-left: auto;
margin-right: auto; }
.fr__row {
clear: both;
display: block;
margin-bottom: 0.75rem; }
.fr__row::before, .fr__row::after {
display: block;
clear: both;
content: " "; }
.fr__col--center, .fr__col.-center {
text-align: center; }
.paysite__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.375rem;
flex: 0 0 9.375rem;
margin-bottom: 0.75rem; }
@media (max-width: 23.688em) {
.paysite__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; } }
.paysite__thumb-img {
width: 100%; }
.paysite__bd {
margin-bottom: 0.75rem; }
.pipe {
width: 100%; }
.alphabet {
width: 100%;
margin-bottom: 0.75rem; }
.alphabet__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0.75rem;
padding-bottom: 0.75rem;
border-bottom: 0.0625rem solid #1c1c1c; }
.alphabet__link {
display: block;
margin: 0 0.125rem 0.1875rem 0.125rem;
padding: 0.1875rem 0.3125rem;
background-color: #1c1c1c;
font-size: 0.75rem;
color: #ffffff;
border-radius: 0.125rem;
font-weight: 400;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
/* inverted colors */
.js-inverted-colors .alphabet__link {
color: #333333;
background-color: #E3E3E3; }
.alphabet__link:hover, .alphabet__link:active, .alphabet__link:focus, .alphabet__link.is-active {
background-color: #ff2736;
text-decoration: none;
color: #ffffff; }
.fourc {
margin-bottom: 0.75rem;
width: 25%; }
@media (max-width: 47.938em) {
.fourc {
width: 33.33%; } }
@media (max-width: 37.438em) {
.fourc {
width: 25%; } }
@media (max-width: 23.688em) {
.fourc {
width: 100%; } }
.regular__link--block, .regular__link.-block {
display: block; }
.regular__link-label {
font-size: 0.75rem;
color: #ffffff; }
/* inverted colors */
.js-inverted-colors .regular__link-label {
color: #000000; }
.regular__link-counter {
font-size: 0.75rem;
color: #7c7c7c; }
.canvas {
width: 100%; }
.canvas__main {
height: 50vh;
position: relative;
margin-bottom: 0.75rem;
background-color: #000; }
.canvas__main-link {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden; }
.canvas__main-link-img {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.canvas__main-loader {
position: absolute;
top: 50%;
left: 50%;
z-index: 5; }
.canvas__controls-link {
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: .2;
color: #ffffff;
transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
z-index: 3;
font-size: 2.5rem;
padding: 0 0.75rem;
line-height: 2.5rem;
height: 2.5rem; }
.canvas__controls-link--prev, .canvas__controls-link.-prev {
left: 0.75rem; }
.canvas__controls-link--next, .canvas__controls-link.-next {
right: 0.75rem; }
.canvas__controls-link:hover, .canvas__controls-link:active, .canvas__controls-link:focus {
text-decoration: none;
opacity: 1;
color: #ffffff; }
.canvas__thumb {
width: 20%;
margin-bottom: 0.75rem; }
.canvas__thumb-inner {
position: relative;
display: block; }
.canvas__thumb-link {
display: block;
overflow: hidden;
padding-top: 50%;
position: relative; }
.canvas__thumb-img {
display: block;
width: 120%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.canvas__h-slider-thumbs {
clear: both; }
.canvas__h-slider-thumbs::before, .canvas__h-slider-thumbs::after {
display: block;
clear: both;
content: " "; }
[data-simplebar="init"] {
margin-right: -0.625rem; }
.simplebar-track {
width: 0.25rem;
background-color: #242424;
border-radius: 0.125rem; }
.simplebar-scrollbar {
background-color: #ff2736;
width: 0.25rem;
opacity: 1 !important;
right: 0; }
.simplebar-content {
padding-right: 1.0625rem; }
@font-face {
font-family: "fontello";
src: url("../fonts/fontello/fontello.eot");
src: url("../fonts/fontello/fontello.eot?#iefix") format("embedded-opentype"), url("../fonts/fontello/fontello.woff") format("woff"), url("../fonts/fontello/fontello.ttf") format("truetype"), url("../fonts/fontello/fontello.svg#fontello") format("svg");
font-weight: normal;
font-style: normal; }
.fontello {
font-family: "fontello"; }
.ion, .fa, .feather, .fontello {
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
text-rendering: optimizeLegibility;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
iframe {
border: 0 none; }