*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@-ms-viewport {
width: device-width; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
[tabindex="-1"]:focus {
outline: 0 !important; }
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0; }
p {
margin-top: 0; }
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol,
ul,
dl {
margin-top: 0; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dfn {
font-style: italic; }
b,
strong {
font-weight: bolder; }
small {
font-size: 80%; }
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects; }
a:hover {
color: #0056b3;
text-decoration: underline; }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; }
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em; }
pre {
margin-top: 0;
overflow: auto;
-ms-overflow-style: scrollbar; }
img {
vertical-align: middle;
border-style: none; }
svg:not(:root) {
overflow: hidden; }
table {
border-collapse: collapse; }
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom; }
th {
text-align: inherit; }
label {
display: inline-block; }
button {
border-radius: 0; }
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
button,
input {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }
input[type="radio"],
input[type="checkbox"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; }
textarea {
overflow: auto;
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
line-height: inherit;
color: inherit;
white-space: normal; }
progress {
vertical-align: baseline; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; }
output {
display: inline-block; }
summary {
display: list-item;
cursor: pointer; }
template {
display: none; }
[hidden] {
display: none !important; }
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container {
max-width: 546px; } }
@media (min-width: 791px) {
.container {
max-width: 770px; } }
@media (min-width: 1025px) {
.container {
max-width: 990px; } }
@media (min-width: 1240px) {
.container {
max-width: 1200px; } }
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-1 {
margin-left: 8.33333%; }
.offset-2 {
margin-left: 16.66667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333%; }
.offset-5 {
margin-left: 41.66667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333%; }
.offset-8 {
margin-left: 66.66667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333%; }
.offset-11 {
margin-left: 91.66667%; }
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333%; }
.offset-sm-2 {
margin-left: 16.66667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333%; }
.offset-sm-5 {
margin-left: 41.66667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333%; }
.offset-sm-8 {
margin-left: 66.66667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333%; }
.offset-sm-11 {
margin-left: 91.66667%; } }
@media (min-width: 791px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333%; }
.offset-md-2 {
margin-left: 16.66667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333%; }
.offset-md-5 {
margin-left: 41.66667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333%; }
.offset-md-8 {
margin-left: 66.66667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333%; }
.offset-md-11 {
margin-left: 91.66667%; } }
@media (min-width: 1025px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.33333%; }
.offset-lg-2 {
margin-left: 16.66667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333%; }
.offset-lg-5 {
margin-left: 41.66667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333%; }
.offset-lg-8 {
margin-left: 66.66667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333%; }
.offset-lg-11 {
margin-left: 91.66667%; } }
@media (min-width: 1240px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.33333%; }
.offset-xl-2 {
margin-left: 16.66667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333%; }
.offset-xl-5 {
margin-left: 41.66667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333%; }
.offset-xl-8 {
margin-left: 66.66667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333%; }
.offset-xl-11 {
margin-left: 91.66667%; } }
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
.form-control::-ms-expand {
background-color: transparent;
border: 0; }
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1; }
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1; }
.form-control::placeholder {
color: #6c757d;
opacity: 1; }
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1; }
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px); }
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff; }
.form-control-file,
.form-control-range {
display: block;
width: 100%; }
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5; }
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5; }
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5; }
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.5;
background-color: transparent;
border: solid transparent;
border-width: 1px 0; }
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
padding-right: 0;
padding-left: 0; }
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0; }
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px); }
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0; }
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
height: calc(2.875rem + 2px); }
.form-group {
margin-bottom: 1rem; }
.form-text {
display: block;
margin-top: 0.25rem; }
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px; }
.form-row > .col,
.form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px; }
.form-check {
position: relative;
display: block;
padding-left: 1.25rem; }
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem; }
.form-check-input:disabled ~ .form-check-label {
color: #6c757d; }
.form-check-label {
margin-bottom: 0; }
.form-check-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: 0.75rem; }
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0; }
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #28a745; }
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(40, 167, 69, 0.8);
border-radius: .2rem; }
.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
border-color: #28a745; }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: #28a745;
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip, .was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #28a745; }
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #28a745; }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
background-color: #71dd8a; }
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
background-color: #34ce57; }
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28a745; }
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
border-color: inherit; }
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545; }
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(220, 53, 69, 0.8);
border-radius: .2rem; }
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
border-color: #dc3545; }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: #dc3545;
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545; }
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #dc3545; }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: #efa2a9; }
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
background-color: #e4606d; }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #dc3545; }
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
border-color: inherit; }
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.form-inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.form-inline .form-check {
width: 100%; }
@media (min-width: 576px) {
.form-inline label {
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;
margin-bottom: 0; }
.form-inline .form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-plaintext {
display: inline-block; }
.form-inline .input-group {
width: auto; }
.form-inline .form-check {
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;
width: auto;
padding-left: 0; }
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0; }
.form-inline .custom-control {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.form-inline .custom-control-label {
margin-bottom: 0; } }
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
.btn:hover, .btn:focus {
text-decoration: none; }
.btn:focus, .btn.focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.btn.disabled, .btn:disabled {
opacity: 0.65; }
.btn:not(:disabled):not(.disabled) {
cursor: pointer; }
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
background-image: none; }
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none; }
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc; }
.btn-primary:focus, .btn-primary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62; }
.btn-secondary:focus, .btn-secondary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b; }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34; }
.btn-success:focus, .btn-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b; }
.btn-info:focus, .btn-info.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f; }
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00; }
.btn-warning:focus, .btn-warning.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500; }
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130; }
.btn-danger:focus, .btn-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5; }
.btn-light:focus, .btn-light.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df; }
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124; }
.btn-dark:focus, .btn-dark.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d; }
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff; }
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-outline-primary:focus, .btn-outline-primary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #007bff;
background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-outline-secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d; }
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent; }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745; }
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8; }
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-outline-info:focus, .btn-outline-info.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent; }
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107; }
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-outline-warning:focus, .btn-outline-warning.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent; }
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545; }
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-outline-danger:focus, .btn-outline-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa; }
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-outline-light:focus, .btn-outline-light.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent; }
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40; }
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-outline-dark:focus, .btn-outline-dark.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent; }
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent; }
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent;
border-color: transparent; }
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.btn-link:disabled, .btn-link.disabled {
color: #6c757d; }
.btn-lg {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0; }
.btn-sm {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0; }
.btn-block {
display: block;
width: 100%; }
.btn-block + .btn-block {
margin-top: 0.5rem; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%; }
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0; }
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
z-index: 3; }
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px; }
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group > .custom-file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::before {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .custom-file:not(:first-child) .custom-file-label,
.input-group > .custom-file:not(:first-child) .custom-file-label::before {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group-prepend,
.input-group-append {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2; }
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
margin-left: -1px; }
.input-group-prepend {
margin-right: -1px; }
.input-group-append {
margin-left: -1px; }
.input-group-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0; }
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
margin-top: 0; }
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.modal-open {
overflow: hidden; }
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 25;
display: none;
overflow: hidden;
outline: 0; }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
pointer-events: none; }
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%); }
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (10px * 2)); }
.modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: transparent;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 24;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop.show {
opacity: 0.5; }
.modal-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.modal-header .close {
padding: 0;
margin: 0 0 0 auto; }
.modal-title {
margin-bottom: 0;
line-height: 1.5; }
.modal-body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 15px; }
.modal-footer {
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;
padding: 15px;
border-top: 1px solid #e9ecef; }
.modal-footer > :not(:first-child) {
margin-left: .25rem; }
.modal-footer > :not(:last-child) {
margin-right: .25rem; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 30px auto; }
.modal-dialog-centered {
min-height: calc(100% - (30px * 2)); }
.modal-sm {
max-width: 300px; } }
@media (min-width: 1025px) {
.modal-lg {
max-width: 800px; } }
.align-baseline {
vertical-align: baseline !important; }
.align-top {
vertical-align: top !important; }
.align-middle {
vertical-align: middle !important; }
.align-bottom {
vertical-align: bottom !important; }
.align-text-bottom {
vertical-align: text-bottom !important; }
.align-text-top {
vertical-align: text-top !important; }
.bg-primary {
background-color: #007bff !important; }
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important; }
.bg-secondary {
background-color: #6c757d !important; }
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important; }
.bg-success {
background-color: #28a745 !important; }
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important; }
.bg-info {
background-color: #17a2b8 !important; }
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important; }
.bg-warning {
background-color: #ffc107 !important; }
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important; }
.bg-danger {
background-color: #dc3545 !important; }
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important; }
.bg-light {
background-color: #f8f9fa !important; }
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important; }
.bg-dark {
background-color: #343a40 !important; }
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important; }
.bg-white {
background-color: #fff !important; }
.bg-transparent {
background-color: transparent !important; }
.border {
border: 1px solid #dee2e6 !important; }
.border-top {
border-top: 1px solid #dee2e6 !important; }
.border-right {
border-right: 1px solid #dee2e6 !important; }
.border-bottom {
border-bottom: 1px solid #dee2e6 !important; }
.border-left {
border-left: 1px solid #dee2e6 !important; }
.border-0 {
border: 0 !important; }
.border-top-0 {
border-top: 0 !important; }
.border-right-0 {
border-right: 0 !important; }
.border-bottom-0 {
border-bottom: 0 !important; }
.border-left-0 {
border-left: 0 !important; }
.border-primary {
border-color: #007bff !important; }
.border-secondary {
border-color: #6c757d !important; }
.border-success {
border-color: #28a745 !important; }
.border-info {
border-color: #17a2b8 !important; }
.border-warning {
border-color: #ffc107 !important; }
.border-danger {
border-color: #dc3545 !important; }
.border-light {
border-color: #f8f9fa !important; }
.border-dark {
border-color: #343a40 !important; }
.border-white {
border-color: #fff !important; }
.rounded {
border-radius: 0 !important; }
.rounded-top {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important; }
.rounded-right {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.rounded-bottom {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.rounded-left {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.rounded-circle {
border-radius: 50% !important; }
.rounded-0 {
border-radius: 0 !important; }
.clearfix::after {
display: block;
clear: both;
content: ""; }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 791px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 1025px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 1240px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
.embed-responsive::before {
display: block;
content: ""; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.embed-responsive-21by9::before {
padding-top: 42.85714%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; }
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 791px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1025px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1240px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-none {
float: none !important; }
@media (min-width: 576px) {
.float-sm-left {
float: left !important; }
.float-sm-right {
float: right !important; }
.float-sm-none {
float: none !important; } }
@media (min-width: 791px) {
.float-md-left {
float: left !important; }
.float-md-right {
float: right !important; }
.float-md-none {
float: none !important; } }
@media (min-width: 1025px) {
.float-lg-left {
float: left !important; }
.float-lg-right {
float: right !important; }
.float-lg-none {
float: none !important; } }
@media (min-width: 1240px) {
.float-xl-left {
float: left !important; }
.float-xl-right {
float: right !important; }
.float-xl-none {
float: none !important; } }
.position-static {
position: static !important; }
.position-relative {
position: relative !important; }
.position-absolute {
position: absolute !important; }
.position-fixed {
position: fixed !important; }
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important; }
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 23; }
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 23; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 22; } }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
.m-0 {
margin: 0 !important; }
.mt-0,
.my-0 {
margin-top: 0 !important; }
.mr-0,
.mx-0 {
margin-right: 0 !important; }
.mb-0,
.my-0 {
margin-bottom: 0 !important; }
.ml-0,
.mx-0 {
margin-left: 0 !important; }
.m-1 {
margin: 0.25rem !important; }
.mt-1,
.my-1 {
margin-top: 0.25rem !important; }
.mr-1,
.mx-1 {
margin-right: 0.25rem !important; }
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important; }
.ml-1,
.mx-1 {
margin-left: 0.25rem !important; }
.m-2 {
margin: 0.5rem !important; }
.mt-2,
.my-2 {
margin-top: 0.5rem !important; }
.mr-2,
.mx-2 {
margin-right: 0.5rem !important; }
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important; }
.ml-2,
.mx-2 {
margin-left: 0.5rem !important; }
.m-3 {
margin: 1rem !important; }
.mt-3,
.my-3 {
margin-top: 1rem !important; }
.mr-3,
.mx-3 {
margin-right: 1rem !important; }
.mb-3,
.my-3 {
margin-bottom: 1rem !important; }
.ml-3,
.mx-3 {
margin-left: 1rem !important; }
.m-4 {
margin: 1.5rem !important; }
.mt-4,
.my-4 {
margin-top: 1.5rem !important; }
.mr-4,
.mx-4 {
margin-right: 1.5rem !important; }
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important; }
.ml-4,
.mx-4 {
margin-left: 1.5rem !important; }
.m-5 {
margin: 3rem !important; }
.mt-5,
.my-5 {
margin-top: 3rem !important; }
.mr-5,
.mx-5 {
margin-right: 3rem !important; }
.mb-5,
.my-5 {
margin-bottom: 3rem !important; }
.ml-5,
.mx-5 {
margin-left: 3rem !important; }
.p-0 {
padding: 0 !important; }
.pt-0,
.py-0 {
padding-top: 0 !important; }
.pr-0,
.px-0 {
padding-right: 0 !important; }
.pb-0,
.py-0 {
padding-bottom: 0 !important; }
.pl-0,
.px-0 {
padding-left: 0 !important; }
.p-1 {
padding: 0.25rem !important; }
.pt-1,
.py-1 {
padding-top: 0.25rem !important; }
.pr-1,
.px-1 {
padding-right: 0.25rem !important; }
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important; }
.pl-1,
.px-1 {
padding-left: 0.25rem !important; }
.p-2 {
padding: 0.5rem !important; }
.pt-2,
.py-2 {
padding-top: 0.5rem !important; }
.pr-2,
.px-2 {
padding-right: 0.5rem !important; }
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important; }
.pl-2,
.px-2 {
padding-left: 0.5rem !important; }
.p-3 {
padding: 1rem !important; }
.pt-3,
.py-3 {
padding-top: 1rem !important; }
.pr-3,
.px-3 {
padding-right: 1rem !important; }
.pb-3,
.py-3 {
padding-bottom: 1rem !important; }
.pl-3,
.px-3 {
padding-left: 1rem !important; }
.p-4 {
padding: 1.5rem !important; }
.pt-4,
.py-4 {
padding-top: 1.5rem !important; }
.pr-4,
.px-4 {
padding-right: 1.5rem !important; }
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important; }
.pl-4,
.px-4 {
padding-left: 1.5rem !important; }
.p-5 {
padding: 3rem !important; }
.pt-5,
.py-5 {
padding-top: 3rem !important; }
.pr-5,
.px-5 {
padding-right: 3rem !important; }
.pb-5,
.py-5 {
padding-bottom: 3rem !important; }
.pl-5,
.px-5 {
padding-left: 3rem !important; }
.m-auto {
margin: auto !important; }
.mt-auto,
.my-auto {
margin-top: auto !important; }
.mr-auto,
.mx-auto {
margin-right: auto !important; }
.mb-auto,
.my-auto {
margin-bottom: auto !important; }
.ml-auto,
.mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important; }
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important; }
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important; }
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important; }
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important; }
.m-sm-1 {
margin: 0.25rem !important; }
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important; }
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important; }
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important; }
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important; }
.m-sm-2 {
margin: 0.5rem !important; }
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important; }
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important; }
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important; }
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important; }
.m-sm-3 {
margin: 1rem !important; }
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important; }
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important; }
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important; }
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important; }
.m-sm-4 {
margin: 1.5rem !important; }
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important; }
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important; }
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important; }
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important; }
.m-sm-5 {
margin: 3rem !important; }
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important; }
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important; }
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important; }
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important; }
.p-sm-0 {
padding: 0 !important; }
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important; }
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important; }
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important; }
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important; }
.p-sm-1 {
padding: 0.25rem !important; }
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important; }
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important; }
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important; }
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important; }
.p-sm-2 {
padding: 0.5rem !important; }
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important; }
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important; }
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important; }
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important; }
.p-sm-3 {
padding: 1rem !important; }
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important; }
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important; }
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important; }
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important; }
.p-sm-4 {
padding: 1.5rem !important; }
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important; }
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important; }
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important; }
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important; }
.p-sm-5 {
padding: 3rem !important; }
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important; }
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important; }
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important; }
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important; }
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important; }
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important; }
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important; } }
@media (min-width: 791px) {
.m-md-0 {
margin: 0 !important; }
.mt-md-0,
.my-md-0 {
margin-top: 0 !important; }
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important; }
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important; }
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important; }
.m-md-1 {
margin: 0.25rem !important; }
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important; }
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important; }
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important; }
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important; }
.m-md-2 {
margin: 0.5rem !important; }
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important; }
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important; }
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important; }
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important; }
.m-md-3 {
margin: 1rem !important; }
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important; }
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important; }
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important; }
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important; }
.m-md-4 {
margin: 1.5rem !important; }
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important; }
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important; }
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important; }
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important; }
.m-md-5 {
margin: 3rem !important; }
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important; }
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important; }
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important; }
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important; }
.p-md-0 {
padding: 0 !important; }
.pt-md-0,
.py-md-0 {
padding-top: 0 !important; }
.pr-md-0,
.px-md-0 {
padding-right: 0 !important; }
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important; }
.pl-md-0,
.px-md-0 {
padding-left: 0 !important; }
.p-md-1 {
padding: 0.25rem !important; }
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important; }
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important; }
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important; }
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important; }
.p-md-2 {
padding: 0.5rem !important; }
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important; }
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important; }
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important; }
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important; }
.p-md-3 {
padding: 1rem !important; }
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important; }
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important; }
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important; }
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important; }
.p-md-4 {
padding: 1.5rem !important; }
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important; }
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important; }
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important; }
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important; }
.p-md-5 {
padding: 3rem !important; }
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important; }
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important; }
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important; }
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto,
.my-md-auto {
margin-top: auto !important; }
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important; }
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important; }
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important; } }
@media (min-width: 1025px) {
.m-lg-0 {
margin: 0 !important; }
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important; }
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important; }
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important; }
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important; }
.m-lg-1 {
margin: 0.25rem !important; }
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important; }
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important; }
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important; }
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important; }
.m-lg-2 {
margin: 0.5rem !important; }
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important; }
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important; }
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important; }
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important; }
.m-lg-3 {
margin: 1rem !important; }
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important; }
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important; }
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important; }
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important; }
.m-lg-4 {
margin: 1.5rem !important; }
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important; }
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important; }
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important; }
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important; }
.m-lg-5 {
margin: 3rem !important; }
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important; }
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important; }
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important; }
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important; }
.p-lg-0 {
padding: 0 !important; }
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important; }
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important; }
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important; }
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important; }
.p-lg-1 {
padding: 0.25rem !important; }
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important; }
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important; }
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important; }
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important; }
.p-lg-2 {
padding: 0.5rem !important; }
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important; }
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important; }
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important; }
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important; }
.p-lg-3 {
padding: 1rem !important; }
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important; }
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important; }
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important; }
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important; }
.p-lg-4 {
padding: 1.5rem !important; }
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important; }
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important; }
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important; }
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important; }
.p-lg-5 {
padding: 3rem !important; }
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important; }
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important; }
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important; }
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important; }
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important; }
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important; }
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important; } }
@media (min-width: 1240px) {
.m-xl-0 {
margin: 0 !important; }
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important; }
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important; }
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important; }
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important; }
.m-xl-1 {
margin: 0.25rem !important; }
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important; }
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important; }
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important; }
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important; }
.m-xl-2 {
margin: 0.5rem !important; }
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important; }
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important; }
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important; }
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important; }
.m-xl-3 {
margin: 1rem !important; }
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important; }
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important; }
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important; }
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important; }
.m-xl-4 {
margin: 1.5rem !important; }
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important; }
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important; }
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important; }
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important; }
.m-xl-5 {
margin: 3rem !important; }
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important; }
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important; }
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important; }
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important; }
.p-xl-0 {
padding: 0 !important; }
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important; }
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important; }
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important; }
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important; }
.p-xl-1 {
padding: 0.25rem !important; }
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important; }
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important; }
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important; }
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important; }
.p-xl-2 {
padding: 0.5rem !important; }
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important; }
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important; }
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important; }
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important; }
.p-xl-3 {
padding: 1rem !important; }
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important; }
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important; }
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important; }
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important; }
.p-xl-4 {
padding: 1.5rem !important; }
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important; }
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important; }
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important; }
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important; }
.p-xl-5 {
padding: 3rem !important; }
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important; }
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important; }
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important; }
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important; }
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important; }
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important; }
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important; } }
.text-justify {
text-align: justify !important; }
.text-nowrap {
white-space: nowrap !important; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important; }
.text-sm-right {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 791px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 1025px) {
.text-lg-left {
text-align: left !important; }
.text-lg-right {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1240px) {
.text-xl-left {
text-align: left !important; }
.text-xl-right {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
.text-lowercase {
text-transform: lowercase !important; }
.text-uppercase {
text-transform: uppercase !important; }
.text-capitalize {
text-transform: capitalize !important; }
.font-weight-light {
font-weight: 300 !important; }
.font-weight-normal {
font-weight: 400 !important; }
.font-weight-bold {
font-weight: 700 !important; }
.font-italic {
font-style: italic !important; }
.text-white {
color: #fff !important; }
.text-primary {
color: #007bff !important; }
a.text-primary:hover, a.text-primary:focus {
color: #0062cc !important; }
.text-secondary {
color: #6c757d !important; }
a.text-secondary:hover, a.text-secondary:focus {
color: #545b62 !important; }
.text-success {
color: #28a745 !important; }
a.text-success:hover, a.text-success:focus {
color: #1e7e34 !important; }
.text-info {
color: #17a2b8 !important; }
a.text-info:hover, a.text-info:focus {
color: #117a8b !important; }
.text-warning {
color: #ffc107 !important; }
a.text-warning:hover, a.text-warning:focus {
color: #d39e00 !important; }
.text-danger {
color: #dc3545 !important; }
a.text-danger:hover, a.text-danger:focus {
color: #bd2130 !important; }
.text-light {
color: #f8f9fa !important; }
a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important; }
.text-dark {
color: #343a40 !important; }
a.text-dark:hover, a.text-dark:focus {
color: #1d2124 !important; }
.text-muted {
color: #6c757d !important; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.visible {
visibility: visible !important; }
.invisible {
visibility: hidden !important; }
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
a:not(.btn) {
text-decoration: underline; }
abbr[title]::after {
content: " (" attr(title) ")"; }
pre {
white-space: pre-wrap !important; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
@page {
size: a3; }
body {
min-width: 1025px !important; }
.container {
min-width: 1025px !important; }
.navbar {
display: none; }
.badge {
border: 1px solid #000; }
.table {
border-collapse: collapse !important; }
.table td,
.table th {
background-color: #fff !important; }
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important; } }
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.SumoSelect p {
margin: 0; }
.SumoSelect {
width: 100%; }
.SelectBox {
padding: 5px 8px; }
.sumoStopScroll {
overflow: hidden; }
.SumoSelect .hidden {
display: none; }
.SumoSelect .search-txt {
display: none;
outline: none; }
.SumoSelect .no-match {
display: none;
padding: 6px; }
.SumoSelect.open .search-txt {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
padding: 5px 8px;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.SumoSelect.open > .search > span, .SumoSelect.open > .search > label {
visibility: hidden; }
.SelectClass, .SumoUnder {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0; }
.SelectClass {
z-index: 1; }
.SumoSelect > .optWrapper > .options li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label {
-ms-user-select: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none; }
.SumoSelect {
display: inline-block;
position: relative;
outline: none; }
.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {
-webkit-box-shadow: 0 0 2px #7799D0;
box-shadow: 0 0 2px #7799D0;
border-color: #7799D0; }
.SumoSelect > .CaptionCont {
position: relative;
border: 1px solid #A4A4A4;
min-height: 14px;
background-color: #fff;
border-radius: 2px;
margin: 0; }
.SumoSelect > .CaptionCont > span {
display: block;
padding-right: 30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: default; }
.SumoSelect > .CaptionCont > span.placeholder {
color: #ccc;
font-style: italic; }
.SumoSelect > .CaptionCont > label {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px; }
.SumoSelect > .CaptionCont > label > i {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
background-position: center center;
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-repeat: no-repeat;
opacity: 0.8; }
.SumoSelect > .optWrapper {
display: none;
z-index: 1000;
top: 30px;
width: 100%;
position: absolute;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
border-radius: 3px;
overflow: hidden; }
.SumoSelect.open > .optWrapper {
top: 35px;
display: block; }
.SumoSelect.open > .optWrapper.up {
top: auto;
bottom: 100%;
margin-bottom: 5px; }
.SumoSelect > .optWrapper ul {
list-style: none;
display: block;
padding: 0;
margin: 0;
overflow: auto; }
.SumoSelect > .optWrapper > .options {
border-radius: 2px;
position: relative;
max-height: 250px;}
.SumoSelect > .optWrapper.okCancelInMulti > .options {
border-radius: 2px 2px 0 0; }
.SumoSelect > .optWrapper.selall > .options {
border-radius: 0 0 2px 2px; }
.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
border-radius: 0; }
.SumoSelect > .optWrapper > .options li.group.disabled > label {
opacity: 0.5; }
.SumoSelect > .optWrapper > .options li ul li.opt {
padding-left: 22px; }
.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
padding-left: 50px; }
.SumoSelect > .optWrapper.isFloating > .options {
max-height: 100%;
-webkit-box-shadow: 0 0 100px #595959;
box-shadow: 0 0 100px #595959; }
.SumoSelect > .optWrapper > .options li.opt {
padding: 6px 6px;
position: relative;
border-bottom: 1px solid #f5f5f5; }
.SumoSelect > .optWrapper > .options > li.opt:first-child {
border-radius: 2px 2px 0 0; }
.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
border-radius: 0; }
.SumoSelect > .optWrapper > .options > li.opt:last-child {
border-radius: 0 0 2px 2px;
border-bottom: none; }
.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
border-radius: 0; }
.SumoSelect > .optWrapper > .options li.opt:hover {
background-color: #E4E4E4; }
.SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel {
background-color: #a1c0e4; }
.SumoSelect > .optWrapper > .options li label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
cursor: pointer; }
.SumoSelect > .optWrapper > .options li span {
display: none; }
.SumoSelect > .optWrapper > .options li.group > label {
cursor: default;
padding: 8px 6px;
font-weight: bold; }
.SumoSelect > .optWrapper.isFloating {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 90%;
bottom: 0;
margin: auto;
max-height: 90%; }
.SumoSelect > .optWrapper > .options li.opt.disabled {
background-color: inherit;
pointer-events: none; }
.SumoSelect > .optWrapper > .options li.opt.disabled * {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5; }
.SumoSelect > .optWrapper.multiple > .options li.opt {
padding-left: 35px;
cursor: pointer; }
.SumoSelect > .optWrapper.multiple > .options li.opt span, .SumoSelect .select-all > span {
position: absolute;
display: block;
width: 30px;
top: 0;
bottom: 0;
margin-left: -35px; }
.SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span i {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 14px;
height: 14px;
border: 1px solid #AEAEAE;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
background-color: #fff; }
.SumoSelect > .optWrapper > .MultiControls {
display: none;
border-top: 1px solid #ddd;
background-color: #fff;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
border-radius: 0 0 3px 3px; }
.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
display: block;
margin-top: 5px;
position: absolute;
bottom: 0;
width: 100%; }
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
display: block; }
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
padding: 6px; }
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
-webkit-box-shadow: 0 0 2px #a1c0e4;
box-shadow: 0 0 2px #a1c0e4;
border-color: #a1c0e4;
outline: none;
background-color: #a1c0e4; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p {
display: inline-block;
cursor: pointer;
padding: 12px;
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
background-color: #f1f1f1; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
border-right: 1px solid #DBDBDB;
border-radius: 0 0 0 3px; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
border-radius: 0 0 3px 0; }
.SumoSelect > .optWrapper.isFloating > .options li.opt {
padding: 12px 6px; }
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
padding-left: 35px; }
.SumoSelect > .optWrapper.multiple.isFloating {
padding-bottom: 43px; }
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i {
background-color: #11a911;
-webkit-box-shadow: none;
box-shadow: none;
border-color: transparent;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: center center; }
.SumoSelect.disabled {
opacity: 0.7;
cursor: not-allowed; }
.SumoSelect.disabled > .CaptionCont {
border-color: #ccc;
-webkit-box-shadow: none;
box-shadow: none; }
.SumoSelect .select-all {
border-radius: 3px 3px 0 0;
position: relative;
border-bottom: 1px solid #ddd;
background-color: #fff;
padding: 8px 0 3px 35px;
height: 20px;
cursor: pointer; }
.SumoSelect .select-all > label, .SumoSelect .select-all > span i {
cursor: pointer; }
.SumoSelect .select-all.partial > span i {
background-color: #ccc; }
.SumoSelect > .optWrapper > .options li.optGroup {
padding-left: 5px;
text-decoration: underline; }
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
button.mfp-close:hover{
background:none
}
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 15px;
padding-right: 15px; } }
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede; }
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
.datepicker--cells {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.datepicker--cell {
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
height: 32px;
z-index: 1; }
.datepicker--cell.-focus- {
background: #f0f0f0; }
.datepicker--cell.-current- {
color: #4EB5E6; }
.datepicker--cell.-current-.-focus- {
color: #4a4a4a; }
.datepicker--cell.-current-.-in-range- {
color: #4EB5E6; }
.datepicker--cell.-in-range- {
background: rgba(92, 196, 239, 0.1);
color: #4a4a4a;
border-radius: 0; }
.datepicker--cell.-in-range-.-focus- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell.-disabled- {
cursor: default;
color: #aeaeae; }
.datepicker--cell.-disabled-.-focus- {
color: #aeaeae; }
.datepicker--cell.-disabled-.-in-range- {
color: #a1a1a1; }
.datepicker--cell.-disabled-.-current-.-focus- {
color: #aeaeae; }
.datepicker--cell.-range-from- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 4px 0 0 4px; }
.datepicker--cell.-range-to- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 0 4px 4px 0; }
.datepicker--cell.-range-from-.-range-to- {
border-radius: 4px; }
.datepicker--cell.-selected- {
color: #fff;
border: none;
background: #5cc4ef; }
.datepicker--cell.-selected-.-current- {
color: #fff;
background: #5cc4ef; }
.datepicker--cell.-selected-.-focus- {
background: #45bced; }
.datepicker--cell:empty {
cursor: default; }
.datepicker--days-names {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 8px 0 3px; }
.datepicker--day-name {
color: #FF9A19;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
text-align: center;
text-transform: uppercase;
font-size: .8em; }
.datepicker--cell-day {
width: 14.28571%; }
.datepicker--cells-months {
height: 170px; }
.datepicker--cell-month {
width: 33.33%;
height: 25%; }
.datepicker--years {
height: 170px; }
.datepicker--cells-years {
height: 170px; }
.datepicker--cell-year {
width: 25%;
height: 33.33%; }
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede; }
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
.datepickers-container {
position: absolute;
left: 0;
top: 0; }
@media print {
.datepickers-container {
display: none; } }
.datepicker {
background: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
font-family: Tahoma, sans-serif;
font-size: 14px;
color: #4a4a4a;
width: 250px;
position: absolute;
left: -100000px;
opacity: 0;
transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
-webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
z-index: 100; }
.datepicker.-from-top- {
-webkit-transform: translateY(-8px);
transform: translateY(-8px); }
.datepicker.-from-right- {
-webkit-transform: translateX(8px);
transform: translateX(8px); }
.datepicker.-from-bottom- {
-webkit-transform: translateY(8px);
transform: translateY(8px); }
.datepicker.-from-left- {
-webkit-transform: translateX(-8px);
transform: translateX(-8px); }
.datepicker.active {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
-webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }
.datepicker-inline .datepicker {
border-color: #d7d7d7;
-webkit-box-shadow: none;
box-shadow: none;
position: static;
left: auto;
right: auto;
opacity: 1;
-webkit-transform: none;
transform: none; }
.datepicker-inline .datepicker--pointer {
display: none; }
.datepicker--content {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 4px; }
.-only-timepicker- .datepicker--content {
display: none; }
.datepicker--pointer {
position: absolute;
background: #fff;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
width: 10px;
height: 10px;
z-index: -1; }
.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
top: calc(100% - 4px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
right: calc(100% - 4px);
-webkit-transform: rotate(225deg);
transform: rotate(225deg); }
.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
bottom: calc(100% - 4px);
-webkit-transform: rotate(315deg);
transform: rotate(315deg); }
.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
left: calc(100% - 4px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
left: 10px; }
.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
right: 10px; }
.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
left: calc(50% - 10px / 2); }
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
top: 10px; }
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
bottom: 10px; }
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
top: calc(50% - 10px / 2); }
.datepicker--body {
display: none; }
.datepicker--body.active {
display: block; }
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede; }
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
.datepicker--nav {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #efefef;
min-height: 32px;
padding: 4px; }
.-only-timepicker- .datepicker--nav {
display: none; }
.datepicker--nav-title,
.datepicker--nav-action {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
cursor: pointer;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center; }
.datepicker--nav-action {
width: 32px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.datepicker--nav-action:hover {
background: #f0f0f0; }
.datepicker--nav-action.-disabled- {
visibility: hidden; }
.datepicker--nav-action svg {
width: 32px;
height: 32px; }
.datepicker--nav-action path {
fill: none;
stroke: #9c9c9c;
stroke-width: 2px; }
.datepicker--nav-title {
border-radius: 4px;
padding: 0 8px; }
.datepicker--nav-title i {
font-style: normal;
color: #9c9c9c;
margin-left: 5px; }
.datepicker--nav-title:hover {
background: #f0f0f0; }
.datepicker--nav-title.-disabled- {
cursor: default;
background: none; }
.datepicker--buttons {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
padding: 4px;
border-top: 1px solid #efefef; }
.datepicker--button {
color: #4EB5E6;
cursor: pointer;
border-radius: 4px;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 32px; }
.datepicker--button:hover {
color: #4a4a4a;
background: #f0f0f0; }
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede; }
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
.datepicker--time {
border-top: 1px solid #efefef;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 4px;
position: relative; }
.datepicker--time.-am-pm- .datepicker--time-sliders {
-ms-flex: 0 1 138px;
-webkit-box-flex: 0;
flex: 0 1 138px;
max-width: 138px; }
.-only-timepicker- .datepicker--time {
border-top: none; }
.datepicker--time-sliders {
-ms-flex: 0 1 153px;
-webkit-box-flex: 0;
flex: 0 1 153px;
margin-right: 10px;
max-width: 153px; }
.datepicker--time-label {
display: none;
font-size: 12px; }
.datepicker--time-current {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
font-size: 14px;
text-align: center;
margin: 0 0 0 10px; }
.datepicker--time-current-colon {
margin: 0 2px 3px;
line-height: 1; }
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
line-height: 1;
font-size: 19px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
position: relative;
z-index: 1; }
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
content: '';
background: #f0f0f0;
border-radius: 4px;
position: absolute;
left: -2px;
top: -3px;
right: -2px;
bottom: -2px;
z-index: -1;
opacity: 0; }
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
opacity: 1; }
.datepicker--time-current-ampm {
text-transform: uppercase;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: #9c9c9c;
margin-left: 6px;
font-size: 11px;
margin-bottom: 1px; }
.datepicker--time-row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
font-size: 11px;
height: 17px;
background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat;
background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
.datepicker--time-row:first-child {
margin-bottom: 4px; }
.datepicker--time-row input[type='range'] {
background: none;
cursor: pointer;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
height: 100%;
padding: 0;
margin: 0;
-webkit-appearance: none; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none; }
.datepicker--time-row input[type='range']::-ms-tooltip {
display: none; }
.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:hover::-ms-thumb {
border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:focus {
outline: none; }
.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
background: #5cc4ef;
border-color: #5cc4ef; }
.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
background: #5cc4ef;
border-color: #5cc4ef; }
.datepicker--time-row input[type='range']:focus::-ms-thumb {
background: #5cc4ef;
border-color: #5cc4ef; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-webkit-transition: background .2s;
transition: background .2s; }
.datepicker--time-row input[type='range']::-moz-range-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-webkit-transition: background .2s;
transition: background .2s; }
.datepicker--time-row input[type='range']::-ms-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-webkit-transition: background .2s;
transition: background .2s; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
margin-top: -6px; }
.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent; }
.datepicker--time-row input[type='range']::-moz-range-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent; }
.datepicker--time-row input[type='range']::-ms-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent; }
.datepicker--time-row input[type='range']::-ms-fill-lower {
background: transparent; }
.datepicker--time-row input[type='range']::-ms-fill-upper {
background: transparent; }
.datepicker--time-row span {
padding: 0 12px; }
.datepicker--time-icon {
color: #9c9c9c;
border: 1px solid;
border-radius: 50%;
font-size: 16px;
position: relative;
margin: 0 5px -1px 0;
width: 1em;
height: 1em; }
.datepicker--time-icon:after,
.datepicker--time-icon:before {
content: '';
background: currentColor;
position: absolute; }
.datepicker--time-icon:after {
height: .4em;
width: 1px;
left: calc(50% - 1px);
top: calc(50% + 1px);
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.datepicker--time-icon:before {
width: .4em;
height: 1px;
top: calc(50% + 1px);
left: calc(50% - 1px); }
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede; }
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
@font-face {
font-family: 'club';
src: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/css/font-icons/fonts/club.eot?9gw8hp);
src: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/css/font-icons/fonts/club.eot?9gw8hp#iefix) format("embedded-opentype"), url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/css/font-icons/fonts/club.ttf?9gw8hp) format("truetype"), url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/css/font-icons/fonts/club.woff?9gw8hp) format("woff"), url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/css/font-icons/fonts/club.svg?9gw8hp#club) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] {
font-family: 'club' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-user1:before {
content: "\e919"; }
.icon-social-facebook:before {
content: "\e900"; }
.icon-social-googleplus:before {
content: "\e901"; }
.icon-social-instagram:before {
content: "\e902"; }
.icon-social-linkedin:before {
content: "\e903"; }
.icon-social-twitter:before {
content: "\e904"; }
.icon-tables:before {
content: "\e905"; }
.icon-wineglass:before {
content: "\e906"; }
.icon-arrow_bottom:before {
content: "\e907"; }
.icon-arrow_left:before {
content: "\e908"; }
.icon-arrow_right:before {
content: "\e909"; }
.icon-arrow_top:before {
content: "\e90a"; }
.icon-calendar:before {
content: "\e90b"; }
.icon-cart:before {
content: "\e90c"; }
.icon-chat:before {
content: "\e90d"; }
.icon-clock:before {
content: "\e90e"; }
.icon-close:before {
content: "\e90f"; }
.icon-cup:before {
content: "\e910"; }
.icon-label:before {
content: "\e911"; }
.icon-label_02:before {
content: "\e912"; }
.icon-mail:before {
content: "\e913"; }
.icon-menu-toggle:before {
content: "\e914"; }
.icon-phone:before {
content: "\e915"; }
.icon-place:before {
content: "\e916"; }
.icon-private:before {
content: "\e917"; }
.icon-search:before {
content: "\e918"; }
body {
font-size: 17px;
line-height: 27px;
color: #888888;
background: #ffffff;
margin: 0;
overflow-x: hidden;
overflow-y: scroll; }
@media (max-width: 1024px) {
body {
font-size: 15px;
line-height: 24px; } }
a {
text-decoration: none;
outline: none;
}
a:hover {
outline: none;
text-decoration: none;
outline: none; }
a:active,
a:visited,
a:focus {
text-decoration: none;
outline: none; }
strong {
font-weight: 800; }
input[type=text] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
img {
max-width: 100%;
height: auto; }
ul {
list-style: none;
margin: 0;
padding: 0; }
p {
margin: 16px 0 0 0px; }
@media (max-width: 575px) {
p {
margin: 10px 0 0 0px; } }
address {
margin: 0; }
audio {
width: 100%;
display: block; }
input::-ms-clear {
display: none; }
.divider {
height: 46px;
clear: both;
overflow: hidden;
width: 100%; }
@media (max-width: 1024px) {
.divider {
height: 40px; } }
@media (max-width: 575px) {
.divider {
height: 32px; } }
.no-gutters.container-fluid {
padding-left: 0;
padding-right: 0; }
.tt-btn {
letter-spacing: -0.01em;
font-weight: bold;
font-size: 16px;
line-height: 17px;
padding: 19px 31px 20px;
color: #ffffff;
cursor: pointer;
display: inline-block;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
position: relative;
text-align: center;
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
@media (min-width: 1025px){
.events-parties .tt-item:nth-child(even) .tt-btn{
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.tt-btn.tt-btn__wide {
padding-left: 31px;
padding-right: 31px; } }
.tt-btn::before, .tt-btn::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: #ffffff;
-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
pointer-events: none; }
.tt-btn::before {
right: calc(66% + 5px); }
.tt-btn::after {
left: calc(39% + 5px); }
.tt-btn span {
display: block; }
.tt-btn span::before, .tt-btn span::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: #ffffff;
-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
pointer-events: none; }
.tt-btn span::before {
right: calc(86% + 5px); }
.tt-btn span::after {
left: calc(19% + 5px); }
.tt-btn:hover {
color: #ffffff; }
.tt-btn:hover span {
color: #ffffff; }
.tt-btn:hover::before {
right: calc(59% + 5px); }
.tt-btn:hover::after {
left: calc(46% + 5px); }
.tt-btn:hover span::before {
right: calc(93% + 5px); }
.tt-btn:hover span::after {
left: calc(11% + 5px); }
@media (max-width: 1024px) {
.tt-btn {
padding: 16px 29px 17px;
font-size: 13px; } }
@media (max-width: 767px) {
.tt-btn {
padding: 11px 24px 12px;
font-size: 13px; } }
.tt-btn:active,
.tt-btn:visited,
.tt-btn:focus,
.tt-btn:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none; }
button:focus {
outline: none; }
.tt-btn-default, .tt-btn-default:hover {
display: inline-block;
position: relative;
text-align: center;
padding: 2px;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: none; }
.tt-btn-default span, .tt-btn-default:hover span {
display: inline-block;
letter-spacing: -0.01em;
font-weight: bold;
font-size: 16px;
line-height: 17px;
padding: 17px 21px 20px;
height: 52px;
color: #3D3B42;
background: #ffffff;
cursor: pointer; }
.check-btn input[type="submit"]{
padding-bottom: 10px
}
.tt-btn-default.tt-btn-pass span, .tt-btn-default.tt-btn-pass:hover span {
height: auto;
padding-top: 12px;
padding-bottom: 13px;
}
@media (min-width: 1025px) {
.tt-btn-default span, .tt-btn-default:hover span {
min-width: 152px; }
.tt-btn-default.tt-btn-pass span, .tt-btn-default.tt-btn-pass:hover span {
min-width: 111px; }
}
@media (max-width: 1024px) {
.tt-btn-default span, .tt-btn-default:hover span {
height: auto;
font-size: 13px;
padding: 15px 20px;
line-height: 15px; }
}
@media (max-width: 767px) {
.tt-btn-default span, .tt-btn-default:hover span {
height: 35px;
font-size: 13px;
padding: 9px 18px 12px; } }
.tt-btn-default:before, .tt-btn-default:after {
content: '';
width: 18px;
height: 2px;
background-color: #ffffff;
position: absolute;
-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms; }
.tt-btn-default:before {
top: 0;
left: 35.6%; }
.tt-btn-default:after {
bottom: 0;
left: 19%; }
.tt-btn-default:hover:before {
left: 45.6%; }
.tt-btn-default:hover:after {
left: 10%; }
@media (max-width: 1024px) {
.tt-btn-default.btn-cart-added span {
line-height: 15px;
padding-left:16px;
padding-right: 16px
}
}
@media (min-width: 1025px) {
.tt-btn-default.tt-btn__wide span {
padding-left: 35px;
padding-right: 35px; } }
.tt-btn-default.tt-btn-default__small span {
font-size: 16px;
line-height: 17px;
padding: 7px 15px 10px;
height: 30px;
letter-spacing: -0.01em;
min-width: inherit; }
.tt-btn-top {
margin-top: 55px; }
.tt-btn__wide-top {
margin-top: 45px; }
.tt-link {
color: #3D3B42;
font-size: 13px;
line-height: 14px;
letter-spacing: -0.01em;
font-weight: bold;
display: inline-block;
-webkit-transition: color .2s linear;
transition: color .2s linear; }
.tt-link-top {
margin-top: 27px; }
.tt-width-01 {
max-width: 520px; }
.tt-link02 {
display: inline-block;
position: relative; }
.tt-link02:before {
position: absolute;
bottom: 4px;
left: 0;
right: 0;
margin: auto;
width: 0%;
content: '';
color: transparent;
height: 1px;
-webkit-transition: width .2s;
transition: width .2s; }
.tt-link02:hover:before {
width: 100%; }
.section-title {
text-align: center;
padding: 0px 25px;
margin-bottom: 40px;
position: relative; }
.section-title.section-title_bottom-none {
margin-bottom: 10px; }
.section-title .section-title__label {
color: #5C5C5C;
letter-spacing: 0.2em;
font-size: 15px;
line-height: 20px;
position: relative;
z-index: 2;
padding: 0 0 25px 0; }
.section-title .section-title__label + .section-title__text {
padding-top: 0;
padding-bottom: 0px; }
.section-title .section-title__text {
font-weight: bold;
font-size: 42px;
line-height: 50px;
letter-spacing: -0.03em;
position: relative;
z-index: 2;
padding-top: 100px;
margin: 0;
color: #3D3B42; }
@media (max-width: 1024px) {
.section-title .section-title__text {
font-size: 35px;
line-height: 37px;
padding-top: 53px; }}
@media (max-width: 790px) {
.section-title .section-title__text {
font-size: 35px;
line-height: 37px; }}
.section-title .section-title__text a.tt-base-color {
text-decoration: none;
display: inline-block;
position: relative; }
.section-title .section-title__text a.tt-base-color:hover{
text-decoration:none
}
.section-title .section-title__text a.tt-base-color:before {
content: '';
display: block;
position: absolute;
bottom: -3px;
width: 0%;
height: 3px;
margin: auto;
left: 0;
right: 0;
-webkit-transition: width .2s linear;
transition: width .2s linear; }
.section-title .section-title__text a.tt-base-color:hover:before {
width: 100%; }
.section-title .section-title__link {
display: inline-block;
z-index: 3;
margin-top: 13px; }
.section-title .section-title__text-under {
position: absolute;
text-align: center;
font-weight: bold;
opacity: 0.4;
font-size: 200px;
line-height:100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 8px;
left: 50%;
z-index: 1;
color: transparent;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(50, 50, 50, 0.28);
opacity: 0.4;
}
.section-title .title__text-description {
max-width: 598px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;}
.section-title .title__text-description.tt-wide {
max-width: 859px; }
.section-title .link-01 {
color: #3D3B42;
font-weight: bold;
font-size: 16px;
margin-top: 3px;
display: inline-block;
-webkit-transition: color .2s;
transition: color .2s; }
.section-title .link-01:before {
content: '';
display: inline-block;
border: 5px solid transparent;
margin-right: 3px;
position: relative;
top: -1px; }
.section-title.section-title_01 .section-title__text-under {
top:-60px }
@media (max-width: 1024px) {
.section-title.section-title_bottom-none {
margin-bottom: 4px; }
.section-title.section-title_bottom-none .section-title__text {
padding-top: 64px; }
.section-title .section-title__label {
font-size: 13px; }
.section-title .section-title__text-under {
font-size: 140px;
line-height: 147px;
top: 5px; }
.section-title .title__text-description {
margin-top: 13px; }
.section-title .link-01 {
font-size: 13px;
line-height: 18px;
margin-top: 1px; }
.section-title .link-01:before {
border: 4px solid transparent;
top: 0px;
margin-right: 0px; }
.section-title.section-title_01 {
margin-bottom: 24px; }
.section-title.section-title_01 .section-title__label {
padding-top: 18px;
padding-bottom: 29px; }
.section-title.section-title_01 .section-title__text-under {
top: -37px; } }
@media (min-width: 791px) {
.section-title .section-title__link {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
z-index: 2; } }
@media (max-width: 790px) {
.section-title.section-title_bottom-none {
padding-top: 25px; }
.section-title.section-title_bottom-none .section-title__text-under {
font-size: 100px;
line-height: 94px;
top: 59px; }
.section-title.section-title_bottom-none .section-title__link {
margin-top: 10px; }
.section-title .section-title__text-under {
font-size: 100px;
line-height: 94px;
top: 20px; }
.section-title .section-title__link {
margin-top: 2px;
position: relative;
z-index: 2; }
.section-title.section-title_01 .section-title__text-under {
top: 0;
font-size: 140px; } }
@media (max-width: 600px) {
.section-title.section-title_01 .section-title__text-under {
top: 0;
font-size: 100px; } }
@media (max-width: 576px) {
.section-title {
padding-left: 0;
padding-right: 0; }
.section-title.section-title_01 .section-title__text-under {
top: 0;
font-size: 90px; } }
@media (max-width: 440px) {
.section-title .section-title__text-under {
font-size: 78px;
line-height: 92px; } }
.blocktitle {
position: relative;
padding-bottom:30px; }
.blocktitle .tt-caption {
position: relative;
z-index: 2;
font-weight: normal;
font-size: 15px;
line-height: 15px;
letter-spacing: 0.2em;
text-transform: uppercase; }
.blocktitle .tt-title {
font-size: 42px;
line-height: 44px;
letter-spacing: -0.03em;
font-weight: bold;
position: relative;
z-index: 2;
margin: 30px 0 0 0; }
.blocktitle .tt-title:after {
content: '';
display: inline-block;
border-radius: 10px;
width: 43px;
height: 4px;
margin-left: 15px;
bottom: 9px;
position: absolute; }
.blocktitle .tt-title-under {
font-size: 200px;
line-height: 210px;
position: absolute;
top: -92px;
left: -37px;
z-index: 1;
font-weight: bold; }
.blocktitle:not([class^=blocktitle_color-]) .tt-title {
color: #3D3B42; }
.blocktitle:not([class^=blocktitle_color-]) .tt-title-under {
color: transparent;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(50, 50, 50, 0.28);
opacity: 0.4;
}
.blocktitle.blocktitle_color-01 .tt-title {
color: #ffffff; }
.blocktitle.blocktitle_color-01 .tt-title-under {
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.2);
color: #3D3B42; }
.blocktitle + p {
margin-top: 0; }
@media (max-width: 1500px) {
.blocktitle .tt-caption {
font-size: 14px;
line-height: 22px; }
.blocktitle .tt-title {
font-size: 40px;
line-height: 42px; }
.blocktitle .tt-title-under {
font-size: 160px;
line-height: 170px; } }
@media (max-width: 1024px) {
.blocktitle {
padding-bottom: 17px; }
.blocktitle .tt-caption {
font-size: 13px;
line-height: 21px; }
.blocktitle .tt-title {
font-size: 35px;
line-height: 37px;
margin-top: 28px; }
.blocktitle .tt-title:after {
width: 34px;
height: 3px; }
.blocktitle .tt-title-under {
font-size: 140px;
line-height: 147px;
top: -33px; } }
@media (max-width: 767px) {
.blocktitle {
padding-bottom: 8px;
padding-right: 21px; }
.blocktitle .tt-caption {
font-size: 13px;
line-height: 21px; }
.blocktitle .tt-title {
margin-top: 25px; }
.blocktitle .tt-title:after {
width: 20px;
height: 2px;
margin-left: 8px;
bottom: 6px; }
.blocktitle .tt-title-under {
font-size: 100px;
line-height: 105px;
top: -16px;
left: 11px; } }
.tt-subtitle {
font-size: 40px;
line-height: 38px;
letter-spacing: -0.03em;
font-weight: bold;
color: #3D3B42;
margin: 0;
padding: 0 0 40px 0; }
@media (max-width: 1024px) {
.tt-subtitle {
font-size: 32px;
line-height: 34px; } }
@media (max-width: 790px) {
.tt-subtitle {
font-size: 28px;
line-height: 30px;
padding-bottom:30px
} }
.tt-subtitle-top {
margin-top: 80px; }
@media (max-width: 790px) {
.tt-subtitle-top {
margin-top: 65px; }
}
.list-text-top {
margin-top: 28px; }
@media (max-width: 1024px) {
.list-text-top {
margin-top: 22px; } }
.list-01 {
margin-top: -8px;
margin-bottom: -8px; }
.list-01.list-text-top {
margin-top: 32px; }
@media (max-width: 575px) {
.list-01.list-text-top {
margin-top: 23px; } }
ul.list-01:not(.menu) li {
padding: 0;
position: relative;
color: #888888;
font-size: 17px;
line-height: 24px; }
ul.list-01:not(.menu) li:before {
content: '';
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTguODU2MTQgNC4xNTAzNEw1LjYwNTkyIDAuOTAwMDU0QzUuNTEzMTQgMC44MDcyNzQgNS4zODk0OSAwLjc1NjM0OCA1LjI1NzYzIDAuNzU2MzQ4QzUuMTI1NjMgMC43NTYzNDggNS4wMDIwNSAwLjgwNzM0NyA0LjkwOTI3IDAuOTAwMDU0TDQuNjE0MTggMS4xOTUyMkM0LjUyMTQ3IDEuMjg3ODYgNC40NzA0IDEuNDExNTkgNC40NzA0IDEuNTQzNTFDNC40NzA0IDEuNjc1MzYgNC41MjE0NyAxLjgwMzI3IDQuNjE0MTggMS44OTU5TDYuNTEwMyAzLjc5NjJIMC40ODYyMTVDMC4yMTQ2MDggMy43OTYyIDAgNC4wMDg4MyAwIDQuMjgwNTFWNC42OTc4QzAgNC45Njk0OCAwLjIxNDYwOCA1LjIwMzU2IDAuNDg2MjE1IDUuMjAzNTZINi41MzE4Mkw0LjYxNDI1IDcuMTE0NDdDNC41MjE1NCA3LjIwNzI1IDQuNDcwNDcgNy4zMjc2MSA0LjQ3MDQ3IDcuNDU5NTRDNC40NzA0NyA3LjU5MTMyIDQuNTIxNTQgNy43MTM0NCA0LjYxNDI1IDcuODA2MTRMNC45MDkzNCA4LjEwMDM2QzUuMDAyMTIgOC4xOTMxNCA1LjEyNTcxIDguMjQzNyA1LjI1NzcxIDguMjQzN0M1LjM4OTU2IDguMjQzNyA1LjUxMzIyIDguMTkyNDggNS42MDYgOC4wOTk3TDguODU2MjEgNC44NDk0OEM4Ljk0OTIxIDQuNzU2NDEgOS4wMDAzNSA0LjYzMjE3IDguOTk5OTkgNC41MDAxQzkuMDAwMjggNC4zNjc1OSA4Ljk0OTIxIDQuMjQzMjcgOC44NTYxNCA0LjE1MDM0WiIgZmlsbD0iI0ZGMUE0MyIvPg0KPC9zdmc+DQo=");
background-repeat: no-repeat;
position: absolute;
top: 15px;
left: 0; }
.list-01 li a {
display: inline-block;
padding: 8px 0 8px 22px;
color: #888888;
-webkit-transition: color .2s linear;
transition: color .2s linear; }
@media (max-width: 1024px) {
.list-01 {
padding-top: -5px;
padding-bottom: -6px; }
ul.list-01:not(.menu) li {
font-size: 15px; }
ul.list-01:not(.menu) li:before {
top: 13px; }
.list-01 li a {
padding: 5px 0 6px 23px; } }
.list-02 li {
position: relative;
padding: 0 0 0 20px; }
.list-02 li:before {
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
top: 11px;
left: 0; }
.list-02 li:not(:first-child) {
margin-top: 26px; }
.tt-list-box {
margin-top: -10px;
margin-left: -10px; }
.tt-list-box li,.tagcloud a,.wp-block-tag-cloud a {
margin: 10px 0 0 10px;
display: inline-block; }
.tt-list-box li a, .tagcloud a, .wp-block-tag-cloud a {
font-size: 17px;
line-height: 25px;
font-weight:normal;
color: #888888;
border: 1px solid #D3D3D5;
padding: 8px 11px 8px;
display: inline-block;
-webkit-transition: color .2s linear, border .2s linear;
transition: color .2s linear, border .2s linear; }
@media (max-width: 1239px) {
.tt-list-box li a, .tagcloud a, .wp-block-tag-cloud a {
font-size: 15px;
padding: 5px 9px; } }
@media (max-width: 1239px) {
.tt-list-box li a, .tagcloud a, .wp-block-tag-cloud a {
font-size: 13px; } }
hr {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
height: 1px;
width: 100%;
background: #d8d8da;
display: block;
margin: 43px 0 49px 0;
padding: 0;
line-height: 0;
font-size: 0;
margin-top:40px;
margin-bottom:40px
}
#tt-pageContent {
position: relative; }
#tt-pageContent .tt-social-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
#tt-pageContent .tt-social-icon li a {
display: inline-block;
padding: 5px 13px;
color: #3D3B42;
-webkit-transition: color .2s linear;
transition: color .2s linear;
font-size: 15px;
line-height: 15px;
font-weight: bold; }
#tt-pageContent .tt-social-icon li:first-child a {
padding-left: 0; }
#tt-pageContent .tt-social-icon li:last-child a {
padding-right: 0; }
@media (max-width: 1239px) {
#tt-pageContent .tt-social-icon li a {
padding: 5px 9px; } }
#tt-pageContent:before {
content: '';
display: block;
position: absolute;
left: 50%;
margin-top: 0px;
z-index: 12;
width: 63px;
height: 4px;
border-radius: 10px;
transform: rotate(90deg);
}
@media (min-width: 1025px) {
#tt-pageContent:before {
height: 4px;
width: 63px;
bottom: -32px; } }
@media (max-width: 1024px) {
#tt-pageContent:before {
height: 3px;
width: 46px;
bottom: -23px; } }
@media (max-width: 789px) {
.tt-table-responsive-md {
overflow-y: hidden;
overflow-x: scroll; }
.tt-table-responsive-md > * {
width: 789px; } }
#tt-header {
position: fixed;
top: 0;
background-color: #252427;
width: 100%;
height: 98px;
z-index: 21;
padding: 10px 0;
height: auto
}
#tt-header .tt-holder {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;
text-align: center;
align-items: center;
min-height:78px
}
@media (min-width: 1240px) {
#tt-header .tt-holder {
padding-left: 25px;
padding-right: 25px; } }
#tt-header .tt-wide {
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto; }
#tt-header .tt-desctop-parent {
margin-left: 6.5%; }
#tt-header .tt-col-obj {
margin-left: 5.5%;
position: relative;
top: 3px; }
#tt-header #tt-nav {
top:0;
padding-right: 10px; }
#tt-header .nav-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative; }
#tt-header .nav-btn li a {
white-space: nowrap;
font-weight: bold; }
@media (min-width: 1239px) {
#tt-header .nav-btn {
top:0; }
#tt-header .nav-btn li a {
letter-spacing: -0.01em;
font-size: 16px;
line-height: 17px;
padding: 19px 25px 20px;
color: #ffffff;
cursor: pointer;
display: inline-block;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
position: relative; }
#tt-header .nav-btn li a [class^=icon-] {
display: none; }
#tt-header .nav-btn li a::before, #tt-header .nav-btn li a::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: #ffffff;
-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms; }
#tt-header .nav-btn li a::before {
right: calc(66% + 5px); }
#tt-header .nav-btn li a::after {
left: calc(39% + 5px); }
#tt-header .nav-btn li a span {
display: inline-block; }
#tt-header .nav-btn li a span::before, #tt-header .nav-btn li a span::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: #ffffff;
-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms; }
#tt-header .nav-btn li a span::before {
right: calc(86% + 5px); }
#tt-header .nav-btn li a span::after {
left: calc(19% + 5px); }
#tt-header .nav-btn li a:hover::before {
right: calc(59% + 5px); }
#tt-header .nav-btn li a:hover::after {
left: calc(46% + 5px); }
#tt-header .nav-btn li a:hover span::before {
right: calc(93% + 5px); }
#tt-header .nav-btn li a:hover span::after {
left: calc(11% + 5px); }
#tt-header .nav-btn li:not(:first-child) {
margin-left: 26px; } }
@media (max-width: 1239px) {
#tt-header .nav-btn {
top: 3px; }
#tt-header .nav-btn li a {
padding: 15px 17px; }
#tt-header .nav-btn li a [class^=icon-] {
font-size: 20px;
position: relative;
top: 3px;
margin-right: 8px;
display: inline-block;
}
#tt-header .nav-btn li a .tt-text {
color: #ffffff;
font-size: 16px;
line-height: 14px;
letter-spacing: -0.01em;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear; }
#tt-header .nav-btn li a .short-hide {
display: none; }
}
@media (max-width: 1024px) {
#tt-header .nav-btn li a {
padding: 15px 10px; }
#tt-header .nav-btn li a [class^=icon-] {
font-size: 16px;
margin-right: 5px; }
#tt-header .nav-btn li a [class^=icon-].icon-tables {
font-size: 13px;
top: 2px; }
#tt-header .nav-btn li a [class^=icon-].icon-chat {
font-size: 13px;
top: 2px; }
#tt-header .nav-btn li a .tt-text {
font-size: 13px; } }
#tt-header .tt-col-obj {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#tt-header .tt-obj {
position: relative; }
#tt-header .tt-obj .tt-obj__btn {
display: inline-block;
padding: 15px 23px;
color: #ffffff;
-webkit-transition: color .2s;
transition: color .2s;
line-height: 19px; }
#tt-header .tt-obj .tt-obj__btn .tt-obj__badge {
position: absolute;
top: 7px;
right: 15px;
width: 17.27px;
height: 17.27px;
border-radius: 50%;
font-size: 9px;
line-height: 17px;
text-align: center;
color: #ffffff; }
#tt-header .tt-obj .tt-obj__btn [class^=icon-] {
pointer-events: none; }
#tt-header .tt-obj.tt-obj-chat .tt-obj__btn {
font-size: 19px; }
#tt-header .tt-obj.tt-obj-search:active .tt-dropdown-menu {
z-index: 3; }
@media (min-width: 1025px) {
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu {
position: fixed;
z-index: 2;
top: 0;
left: 0;
width: 100%;
background: #ffffff;
display: block;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: hidden;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 4px;
}
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .container {
position: relative;
padding-top: 30px;
padding-bottom: 30px; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form {
position: relative;
display: block; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-search-input {
background: transparent;
font-size: 24px;
font-weight: 500;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
padding: 11px 12px 10px 0px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
width: 100%;
color: #3D3B42;
margin-top: 28px;
border-right: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-search-input:not(focus)::-webkit-input-placeholder {
color: #3D3B42;
font-weight: 700; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-search-input:not(focus)::-moz-placeholder {
color: #3D3B42;
font-weight: 700; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-search-input:not(focus):-moz-placeholder {
color: #3D3B42;
font-weight: 700; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-search-input:not(focus):-ms-input-placeholder {
color: #3D3B42;
font-weight: 700; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-search {
color: #3D3B42;
font-size: 23px;
font-weight: normal;
line-height: 1;
font-family: "club";
position: absolute;
cursor: pointer;
top: 41px;
padding: 4px 0 4px 4px;
margin-top: -4px;
right: 0px;
z-index: 3;
display: inline-block;
background: none;
border: none;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-search:before {
content: "\e918"; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-info-text {
position: absolute;
top: 0;
left: 0;
color: #888888;
font-size: 16px; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-close {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: absolute;
top: 0;
right: 0;
margin-top: -10px;
color: #3D3B42;
font-size: 21px;
line-height: 1;
font-family: "club";
padding: 5px 0px 5px 5px;
background: none;
border: none;
cursor: pointer;
outline: none;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-close:before {
font-family: "club";
content: "\e90f";
line-height: 1; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-description {
text-align: center; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-price {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu > .container {
display: none; } }
@media (max-width: 1024px) {
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #ffffff;
position: fixed;
z-index: -2;
opacity: 0;
width: 100%;
top: 0;
left: 0;
height: 64px; } }
@media (max-width: 1024px) and (max-width: 767px) {
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu {
top: 34px; } }
@media (max-width: 1024px) {
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu:before {
content: '';
display: block;
width: calc(100% + 40px);
z-index: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #ffffff;
margin-left: -20px;
margin-right: -20px; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .container {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
position: relative; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .container [class^="tt-col"]:first-child:first-child {
padding-left: 0; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-info-text {
display: none; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form .tt-col:first-child {
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form .tt-col:last-child {
margin-left: 20px; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form .tt-search-input {
background: transparent;
font-size: 16px;
border: 1px solid transparent;
padding: 18px 12px 18px 15px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
width: calc(100% - 40px);
color: #3D3B42;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
position: relative;
top: 1px; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form .tt-search-input:not(focus)::-webkit-input-placeholder {
color: #3D3B42;
font-weight: 700; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form .tt-search-input:not(focus)::-moz-placeholder {
color: #3D3B42;
font-weight: 700; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form .tt-search-input:not(focus):-moz-placeholder {
color: #3D3B42;
font-weight: 700; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form .tt-search-input:not(focus):-ms-input-placeholder {
color: #3D3B42;
font-weight: 700; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-close {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #3D3B42;
font-size: 20px;
line-height: 1;
font-family: "club";
padding: 5px 15px 5px 5px;
background: none;
border: none;
cursor: pointer;
outline: none;
position: relative;
top: 0px;
right: 0px;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-close:before {
font-family: "club";
content: "\e90f";
font-size: 20px;
line-height: 1; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-search {
padding: 0;
color: #3D3B42;
font-size: 20px;
line-height: 1;
font-family: "club";
position: absolute;
cursor: pointer;
top: 50%;
margin-top: -11px;
right: 50px;
z-index: 3;
display: inline-block;
background: none;
border: none;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-search:before {
content: "\e918"; }
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .search-results {
position: absolute;
top: 36px;
left: 0;
padding: 11px 11px 19px; } }
#tt-header .tt-obj.tt-obj-search .search-results {
position: relative;
padding: 0;
width: 100%;
display: none;
margin-top: 27px;
background: #ffffff; }
#tt-header .tt-obj.tt-obj-search .search-results ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
list-style: none;
padding: 0;
overflow: hidden;
margin-right: -10px;
margin-left: -10px; }
#tt-header .tt-obj.tt-obj-search .search-results ul > li {
display: block;
width: 16.666%;
margin: 0;
padding-left: 10px;
padding-right: 10px;
overflow: hidden; }
#tt-header .tt-obj.tt-obj-search .search-results ul > li a {
display: block; }
#tt-header .tt-obj.tt-obj-search .search-results ul > li a .thumbnail img {
width: 100%;
height: auto; }
@media (min-width: 791px) {
#tt-header .tt-obj.tt-obj-search .search-results ul > li {
width: 16.666%; } }
@media (max-width: 790px) {
#tt-header .tt-obj.tt-obj-search .search-results ul > li {
width: 33.333%; } }
@media (max-width: 575px) and (min-width: 381px) {
#tt-header .tt-obj.tt-obj-search .search-results ul > li {
width: 25%; }
#tt-header .tt-obj.tt-obj-search .search-results ul > li:nth-child(n+5) {
display: none; } }
@media (max-width: 380px) {
#tt-header .tt-obj.tt-obj-search .search-results ul > li {
width: 33.333%; }
#tt-header .tt-obj.tt-obj-search .search-results ul > li:nth-child(n+4) {
display: none; } }
#tt-header .tt-obj.tt-obj-search .tt-view-all {
background: none;
border: none;
padding: 0;
margin-top: 15px;
font-size: 18px;
font-weight: 700;
color: #3D3B42;
text-decoration: none;
cursor: pointer;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
display: inline-block; }
#tt-header .tt-obj.tt-obj-search .tt-view-all:before {
content: '';
display: inline-block;
border: 5px solid transparent;
margin-right: 3px;
position: relative;
top: -1px; }
#tt-header .tt-obj.tt-obj-search .tt-view-all:hover {
text-decoration: none;
}
@media (max-width: 1024px) {
#tt-header .tt-obj.tt-obj-search .tt-view-all {
font-size: 16px; }
#tt-header .tt-obj.tt-obj-search .tt-view-all:before {
border-width: 4px;
border-left-width: 6px;
top: -1px; } }
@media (max-width: 790px) {
#tt-header .tt-obj.tt-obj-search .tt-view-all {
font-size: 15px; }
#tt-header .tt-obj.tt-obj-search .tt-view-all:before {
top: -2px; } }
@media (min-width: 1025px) {
#tt-header .tt-obj.tt-obj-search.active .tt-dropdown-menu {
visibility: visible;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
#tt-header .tt-obj.tt-obj-search.active .tt-dropdown-menu > .container {
display: block; } }
@media (max-width: 1024px) {
#tt-header .tt-obj.tt-obj-search.active .tt-dropdown-menu {
z-index: 6;
opacity: 1; } }
#tt-header .tt-obj.tt-obj-cart .tt-obj__btn {
font-size: 21px; }
#tt-header .tt-obj.tt-obj-languages {
padding: 0px 23px; }
#tt-header .tt-menu-toggle {
padding: 5px 15px;
color: #ffffff;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
display: none;
position: relative;
right: 5px;
font-size: 16px; }
#tt-header .tt-logo {
position: relative;
left: 15px;
display: inline-block; }
@media (max-width: 1770px) {
#tt-header #tt-nav > ul > li > a {
padding-left: 13px;
padding-right: 13px; }
#tt-header .tt-col-obj, #tt-header .tt-desctop-parent {
margin-left:16px; }
#tt-header .tt-obj .tt-obj__btn {
padding-left: 17px;
padding-right: 17px; }
#tt-header .tt-obj.tt-obj-languages {
padding-left: 10px;
padding-right: 6px; } }
@media (min-width: 1240px) {
#tt-header .tablet-visible {
display: none; } }
@media (max-width: 1239px) {
#tt-header {
height: 85px;
height:auto
}
#tt-header .tt-logo {
top: 1px;
left: 13px; }
#tt-header .tt-logo > * {
width: 120px;
height: auto; }
#tt-header .tt-obj.tt-obj-languages {
padding-right: 15px; }
#tt-header .tablet-hidden {
display: none; }
#tt-header .tablet-visible {
display: block; }
}
@media (max-width: 1024px) {
#tt-header {
height: auto;
padding: 0; }
#tt-header .tt-holder {
padding-top: 10px;
padding-bottom: 10px;
height: 64px; }
#tt-header .tt-logo {
top: 1px;
left: 13px;
display: inline-block; }
#tt-header .tt-logo > * {
width: 95px;
height: auto; }
#tt-header .tt-skinSelect-02 .SumoSelect {
font-size: 13px; }
#tt-header .tt-obj.tt-obj-search .tt-obj__btn {
font-size: 16px; }
#tt-header .tt-obj.tt-obj-cart .tt-obj__btn {
font-size: 16px; }
#tt-header .tt-obj.tt-obj-cart .tt-obj__badge {
right: 3px;
width: 16px;
height: 16px;
top: 3px; }
#tt-header .tt-obj.tt-obj-languages {
padding-right: 30px; }
#tt-header .tt-menu-toggle {
top: -3px; }
#tt-header .nav-btn {
top: 0px; }
#tt-header .nav-btn li a [class^=icon-] {
top: 4px; }
#tt-header .tt-obj .tt-obj__btn {
padding: 10px 14px;
top: -2px;
position: relative;
z-index: 2; }
#tt-header .tt-obj .tt-obj__select {
top: -2px;
position: relative; }
#tt-header .tt-obj:not(.active) .tt-obj__btn {
z-index: 4; } }
@media (max-width: 767px) {
#tt-header.col-btns-full {
top: 34px; }
#tt-header.col-btns-full + #page #subtitle-wrapper {
margin-top:112px
}
#tt-header .nav-btn {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #2b2a30;
overflow: hidden; }
#tt-header .nav-btn li {
width: 33.333%;
position: relative; }
#tt-header .nav-btn li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 10px;
text-align: center;
height: 34px; }
#tt-header .nav-btn li a [class^=icon-],
#tt-header .nav-btn li a [class^=icon-].icon-chat,
#tt-header .nav-btn li a [class^=icon-].icon-tables {
top: 0; }
#tt-header .nav-btn li:not(:first-child):before {
content: '';
display: inline-block;
width: 1px;
height: 100%;
background: #1c1b20;
position: absolute;
top: 0;
left: 0; }
#tt-header .tt-obj.tt-obj-languages {
padding-right: 20px; }
#tt-header .tt-obj .tt-obj__btn {
padding: 10px 10px; }
#tt-header .tt-logo {
top: 3px;
left: 8px; }
#tt-header .tt-logo > * {
width: 80px; }
#tt-header .tt-obj .tt-obj__select,
#tt-header .tt-obj .tt-obj__btn {
top: 2px; }
#tt-header .tt-menu-toggle {
top: 0; } }
#tt-nav {
position: relative; }
#tt-nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align:left
}
#tt-nav > ul > li {
display: inline-block;
font-weight: bold; }
#tt-nav > ul > li > a {
display: inline-block;
font-size: 14px;
line-height: 21px;
color: #ffffff;
padding: 8px 22px;
text-decoration: none; }
#tt-nav > ul > li > a:hover{
color:#D3D3D5
}
#tt-nav > ul > li > a span {
display: inline-block; }
#tt-nav > ul > li ul {
position: absolute;
z-index: 5;
top: 100%;
left: 0;
width: 185px;
margin-top:5px;
padding-top: 16px;
padding-bottom: 12px;
background: #fff;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
box-shadow: 0px 0px 20px rgba(52, 51, 55, 0.2)
}
#tt-nav > ul > li ul:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
}
#tt-nav > ul > li ul li {
margin: 0;
padding: 0;
margin-bottom:8px
}
#tt-nav > ul > li ul li a {
font-size: 14px;
line-height: 22px;
display: block;
color: #3D3B42;
padding: 0px 23px;
-webkit-transition: color .2s;
transition: color .2s; }
#tt-nav > ul li:hover > ul {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .15s;
transition-delay: .15s; }
#tt-nav__line7 {
display: block;
position: absolute;
height: 4px;
width: 50px;
top: 29px;
left: 22px;
width: 41px;
border-radius: 10px;
opacity: 1;
-webkit-transition: width .3s linear, left .3s linear;
transition: width .3s linear, left .3s linear; }
@media (min-width: 1534px) {
#tt-nav__line7 {
margin-top: 10px; } }
@media (max-width: 1533px) {
#tt-nav__line7 {
margin-top: 4px; } }
#tt-header .logo__img {
fill: #ff1a11;
-webkit-animation-name: glow-blue;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
animation-name: glow-blue;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
-moz-animation: none; }
@-webkit-keyframes glow-blue {
0% {
fill: #ff1a11; }
100% {
fill: #ce187b; } }
@keyframes glow-blue {
0% {
fill: #ff1a11; }
100% {
fill: #ce187b; } }
@-webkit-keyframes flicker {
from {
opacity: 1; }
4% {
opacity: .9; }
6% {
opacity: .85; }
8% {
opacity: .95; }
10% {
opacity: .90; }
11% {
opacity: .922; }
12% {
opacity: .9; }
14% {
opacity: .95; }
16% {
opacity: .98; }
17% {
opacity: .9; }
19% {
opacity: .93; }
20% {
opacity: .99; }
24% {
opacity: 1; }
26% {
opacity: .94; }
28% {
opacity: .98; }
37% {
opacity: .93; }
38% {
opacity: .5; }
39% {
opacity: .96; }
42% {
opacity: 1; }
44% {
opacity: .97; }
46% {
opacity: .94; }
56% {
opacity: .9; }
58% {
opacity: .9; }
60% {
opacity: .99; }
68% {
opacity: 1; }
70% {
opacity: .9; }
72% {
opacity: .95; }
93% {
opacity: .93; }
95% {
opacity: .95; }
97% {
opacity: .93; }
to {
opacity: 1; } }
@keyframes flicker {
from {
opacity: 1; }
4% {
opacity: .9; }
6% {
opacity: .85; }
8% {
opacity: .95; }
10% {
opacity: .90; }
11% {
opacity: .922; }
12% {
opacity: .9; }
14% {
opacity: .95; }
16% {
opacity: .98; }
17% {
opacity: .9; }
19% {
opacity: .93; }
20% {
opacity: .99; }
24% {
opacity: 1; }
26% {
opacity: .94; }
28% {
opacity: .98; }
37% {
opacity: .93; }
38% {
opacity: .5; }
39% {
opacity: .96; }
42% {
opacity: 1; }
44% {
opacity: .97; }
46% {
opacity: .94; }
56% {
opacity: .9; }
58% {
opacity: .9; }
60% {
opacity: .99; }
68% {
opacity: 1; }
70% {
opacity: .9; }
72% {
opacity: .95; }
93% {
opacity: .93; }
95% {
opacity: .95; }
97% {
opacity: .93; }
to {
opacity: 1; } }
#tt-header .logo__text {
-webkit-animation: flicker 6s infinite step-end;
animation: flicker 6s infinite step-end; }
@keyframes flicker {
0% {
opacity: 1; }
3% {
opacity: 0.4; }
6% {
opacity: 1; }
7% {
opacity: 0.4; }
8% {
opacity: 1; }
9% {
opacity: 0.4; }
10% {
opacity: 1; }
89% {
opacity: 1; }
90% {
opacity: 0.4; }
100% {
opacity: 0.4; } }
.panel-menu,
.mmpanels,
.mmpanels > .mmpanel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: inherit; }
.panel-menu {
width: 320px;
background: #3D3B42;
position: fixed;
z-index: 5000000; }
.panel-menu ul {
list-style-type: none;
margin: 0;
padding: 0; }
.panel-menu ul li {
margin: 0;
width: 100%; }
.panel-menu ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 9px 27px 9px 30px;
font-size: 15px;
line-height: 22px;
text-decoration: none;
color: #ffffff;
background: transparent;
position: relative;
-webkit-transition: all .2s linear;
transition: all .2s linear; }
.panel-menu ul li a:hover {
background: transparent; }
.panel-menu #mm0.mmpanel a:not(.mm-close) {
font-weight: 700;
color: #ffffff;
background-color: transparent; }
.panel-menu #mm0.mmpanel a:not(.mm-close):after {
color: #ffffff; }
.panel-menu #mm0.mmpanel a:not(.mm-close):hover {
background-color: transparent; }
.panel-menu #mm0.mmpanel .mm-next-level:after {
top: 13px; }
.panel-menu .mmpanel:not(#mm0) a:not(.mm-original-link) {
font-weight: 400; }
.panel-menu .mmpanel .mm-original-link .tt-badge {
top: -1px; }
.panel-menu .mm-close,
.panel-menu .mm-prev-level,
.panel-menu .mm-original-link {
display: block;
color: #ffffff;
background-color: transparent;
text-transform: uppercase; }
.panel-menu .mm-close:before,
.panel-menu .mm-prev-level:before,
.panel-menu .mm-next-level:after {
font-family: "club";
font-size: 14px;
line-height: 14px;
font-weight: bold;
-webkit-transition: all .2s linear;
transition: all .2s linear;
color: #ffffff; }
.panel-menu .mm-close:hover,
.panel-menu .mm-prev-level:hover,
.panel-menu .mm-next-level:hover {
background-color: transparent; }
.panel-menu li.mm-close-parent {
margin-bottom: 32px; }
.panel-menu li.mm-close-parent .mm-close {
padding: 14px 16px 15px 29px;
color: #ffffff;
border-bottom: 1px solid #45444a;
background-color: transparent;
font-weight: bold; }
.panel-menu li.mm-close-parent .mm-close:before {
content: "\e90f";
padding-right: 10px;
position: relative;
top: 1px;
color: #ffffff; }
.panel-menu li.mm-close-parent .mm-close:hover {
background-color: transparent; }
.panel-menu .mm-prev-level {
padding: 14px 16px 15px 29px;
color: #ffffff;
background-color: transparent;
border-bottom: 1px solid #45444a;
margin-bottom: 15px; }
.panel-menu .mm-prev-level:before {
content: "\e908";
padding-right: 10px;
position: relative;
top: 1px;
color: #ffffff;
display: inline-block; }
.panel-menu .mm-prev-level:hover {
background-color: transparent; }
.panel-menu .mm-next-level {
color: #3D3B42;
background-color: transparent; }
.panel-menu .mm-next-level:after {
content: "\e909";
padding-left: 10px;
top: 12px;
right: 30px;
position: absolute;
color: #ffffff; }
.panel-menu .mm-next-level:hover {
background-color: transparent; }
.panel-menu .mm-original-link {
font-weight: 700;
color: #ffffff;
background-color: transparent; }
.panel-menu .mm-original-link:before {
padding-right: 10px;
color: #ffffff; }
.panel-menu .mm-original-link:hover {
background-color: transparent; }
.mm-open .mm-fullscreen-bg {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.55);
position: fixed;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 21;
display: none; }
.mmitemopen.panel-menu,
.mmitemopen.panel-menu.mm-right {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.panel-menu {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.panel-menu.mm-right,
.mmitemopen.panel-menu.mm-right.mmhide {
left: auto;
right: 0;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.mmitemopen.panel-menu.mmhide {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.mmpanel {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.mmpanels {
overflow: hidden; }
.mmpanel.mmopened {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.mmpanel.mmsubopened {
-webkit-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0); }
.mmpanels > .mmpanel {
overflow: scroll;
overflow-x: hidden;
overflow-y: auto; }
.mmpanels,
.mmpanels >
.mmpanel {
background: inherit;
border-color: inherit; }
.mmpanels > .mmpanel:not(.mmhidden) {
display: block; }
.mmpanels > .mmpanel:after {
content: '';
display: block;
height: 20px; }
.mmhidden,
.mm-nav-btn {
display: none; }
.mm-fullscreen-bg,
.mm-fullscreen-bg:focus,
.mm-fullscreen-bg:active,
.mm-fullscreen-bg:hover {
outline: none; }
.tt-menu-slider {
max-height: 389px; }
#subtitle-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
position: fixed;
position: relative;
z-index: 1;
padding: 50px 20px;
margin-top: 98px;
background-color: #5f5e63
}
@media (min-width: 1025px) {
#subtitle-wrapper{
min-height: 194px
}
}
#subtitle-wrapper + #tt-pageContent {
background-color: #ffffff;
padding-top: 0px;
position: relative;
z-index: 2; }
#subtitle-wrapper .subtitle__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/subtitle-wrapper01.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-color: #5f5e63;
}
#subtitle-wrapper .subtitle__title {
font-size: 54px;
line-height: 57px;
color: #ffffff;
margin: 0;
padding: 0;
letter-spacing: -0.03em;
position: relative;
text-align:center}
#subtitle-wrapper .subtitle__label {
font-size: 17px;
line-height: 27px;
color: #D3D3D5;
margin-top: 11px;
position: relative;
text-align:center
}
@media (max-width: 1239px) {
#subtitle-wrapper {
margin-top: 85px; }
}
@media (max-width: 1024px) {
#subtitle-wrapper {
margin-top: 78px; }
#subtitle-wrapper .subtitle__title {
font-size: 43px;
line-height: 55px; }
#subtitle-wrapper .subtitle__label {
font-size: 15px;
line-height: 25px;
margin-top: 7px; }
}
@media (max-width: 767px) {
#subtitle-wrapper {
padding:20px;
height: auto
}
#subtitle-wrapper .subtitle__title {
font-size: 28px;
line-height: 36px; }
#subtitle-wrapper .subtitle__label {
font-size: 15px;
line-height: 25px;
margin-top: 2px; }
}
@media (min-width: 1025px) {
.section-indent01:not(.no-margin) {
margin-top: 20px; } }
@media (max-width: 1024px) {
.section-indent01:not(.no-margin) {
margin-top: -5px; } }
@media (max-width: 790px) {
.section-indent01:not(.no-margin) {
margin-top: -43px; } }
.section-indent02:not(.no-margin) {
margin-top: 120px; }
@media (max-width: 1024px) {
.section-indent02:not(.no-margin) {
margin-top: 40px; }
.section-indent02:not(.no-margin) .section-marker:before {
margin-top:35px; } }
@media (max-width: 768px) {
.section-indent02:not(.no-margin) .section-marker:before {
margin-top:15px; } }
@media (max-width: 767px) {
.section-indent02:not(.no-margin) .section-marker:before {
margin-top:70px; } }
@media (max-width: 826px) {
.section-indent02:not(.no-margin) {
margin-top: 58px; } }
@media (max-width: 790px) {
.section-indent02:not(.no-margin) {
margin-top: 60px; } }
@media (max-width: 767px) {
.section-indent02:not(.no-margin) {
margin-top: 0px; } }
.section-indent03:not(.no-margin) {
margin-top: 20px; }
@media (max-width: 790px) {
.section-indent03:not(.no-margin) {
} }
@media (max-width: 1024px) {
.section-indent03 .section-title .section-title__text {
padding-top: 38px; }
.section-indent03 .section-title .section-title__text-under {
top: -10px; } }
.section-indent04:not(.no-margin) {
margin-top: 120px; }
@media (max-width: 1024px) {
.section-indent04:not(.no-margin) {
margin-top: 72px; } }
@media (max-width: 790px) {
.section-indent04:not(.no-margin) {
margin-top: 49px; } }
.section-indent05:not(.no-margin) {
padding-top: 120px;
padding-bottom: 120px; }
@media (max-width: 1024px) {
.section-indent05:not(.no-margin) {
padding-top: 70px;
padding-bottom: 70px; } }
@media (max-width: 790px) {
.section-indent05:not(.no-margin) {
} }
.section-indent06:not(.no-margin) {
margin-top: 120px; }
@media (max-width: 1024px) {
.section-indent06:not(.no-margin) {
margin-top: 40px; }
.section-indent06:not(.no-margin) .section-marker:before {
margin-top: -4px; } }
@media (max-width: 937px) {
.section-indent06:not(.no-margin) .section-marker:before {
margin-top: -14px; } }
@media (max-width: 887px) {
.section-indent06:not(.no-margin) .section-marker:before {
margin-top: -3px; } }
@media (max-width: 826px) {
.section-indent06:not(.no-margin) .section-marker:before {
margin-top: -23px; } }
@media (max-width: 790px) {
.section-indent06:not(.no-margin) {
margin-top: 40px; } }
@media (max-width: 767px) {
.section-indent06:not(.no-margin) .section-marker:before {
margin-top: 40px; } }
.section-inner {
padding-top: 20px;
padding-bottom: 122px;
position: relative;
z-index: 2; }
@media (max-width: 1024px) {
.section-inner {
padding-top: 0px;
padding-bottom: 60px; } }
@media (max-width: 790px) {
.section-inner {
padding-bottom: 49px; } }
.section-wrapper02 {
background: #ffffff;
position: absolute;
top: 0;
left: 0;
height: 100%;
width:100%}
.section-indent-minus01 {
margin-top: -85px;
position: relative;
z-index: 1; }
@media (max-width: 1024px) {
.container-fluid-tablet {
max-width: inherit;
margin-left: 0;
margin-right: 0;
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 575px) {
.container-fluid-tablet {
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 1239px) {
.container-fluid-lg {
max-width: inherit;
margin-left: 0;
margin-right: 0;
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 575px) {
.container-fluid-lg {
padding-left: 15px;
padding-right: 15px; } }
@media (min-width: 1240px) {
.container-fluid-subpages {
padding-left: 70px;
padding-right: 70px; } }
@media (max-width: 1239px) {
.container-fluid-subpages {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 1024px) {
.container-fluid-subpages {
padding-left: 20px;
padding-right: 20px; } }
.subpages-indent {
padding-top: 120px; }
.subpages-inner {
padding-top: 120px;
padding-bottom: 120px; }
@media (max-width: 1239px) {
.subpages-inner {
padding-top: 100px;
padding-bottom: 100px; } }
@media (max-width: 1024px) {
.subpages-inner {
padding-top: 80px;
padding-bottom: 80px; } }
@media (max-width: 575px) {
.subpages-inner {
padding-top: 50px;
padding-bottom: 50px; } }
.section-wrapper01 {
overflow: hidden; }
@media (min-width: 1025px) {
.section-wrapper01 {
margin-top: -70px; } }
@media (max-width: 1024px) {
.section-wrapper01 {
margin-top: -30px; } }
.section-wrapper {
background-color: #3D3B42; }
.section-marker {
position: relative; }
.section-marker:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 50%;
margin-top: -30px;
z-index: 2;
width: 65.1px;
height: 4px;
border-radius: 10px;
transform: rotate(90deg);
}
.section-marker.section-marker__indent01:before {
margin-top: -30px; }
.section-marker.section-marker__indent02:before {
margin-top: 85px;
margin-left:-30px}
@media (max-width: 1024px) {
.section-marker.section-marker__indent02:before {
margin-left:-20px}}
.section-marker.section-marker__indent03:before {
margin-top: -162px; }
.section-marker.section-marker__indent04:before {
margin-top: -125px; }
@media (min-width: 1025px) {
.section-marker.section-marker__indent04:before {
margin-left:-30px; }
}
@media (min-width: 1025px) {
.section-marker:before {
width: 65.1px;
height: 4px;
margin-top: -2px;
margin-left: -30px} }
@media (max-width: 1024px) {
.section-marker:before {
height: 3px;
width: 46px;
margin-left: -23px;
margin-top:-5px    }
.section-marker.section-marker__indent01:before {
margin-top:-25px    }
.section-marker.section-marker__indent03:before {
margin-left: -63px; }
.section-marker.section-marker__indent04:before {
margin-top: -45px; } }
@media (max-width: 790px) {
.section-marker.section-marker__indent01:before {
margin-top: -72px; }
.section-marker.section-marker__indent03:before {
margin-top: -72px; } }
@media (max-width: 768px) {
.section-marker.section-marker__indent01:before {
margin-top: -22px; } }
.mainSlider-layout {
position: relative;
background: #252427; }
.mainSlider-wrapper {
position: relative; }
.mainSlider {
height: 900px; }
@media (max-width: 1239px) {
.mainSlider {
height: 700px; } }
@media (max-width: 1024px) and (min-width: 551px) {
.mainSlider {
height: 354px; } }
@media (max-width: 790px) {
.mainSlider {
height: 250px; } }
.mainSlider .container {
position: relative; }
.mainSlider .slide .img--holder {
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
height: 900px;
-webkit-transition: -webkit-transform 3s ease, -webkit-filter 3s ease;
transition: -webkit-transform 3s ease, -webkit-filter 3s ease;
transition: transform 3s ease, filter 3s ease;
transition: transform 3s ease, filter 3s ease, -webkit-transform 3s ease, -webkit-filter 3s ease; }
@media (max-width: 1239px) {
.mainSlider .slide .img--holder {
height: 700px; } }
@media (max-width: 1024px) and (min-width: 551px) {
.mainSlider .slide .img--holder {
height: 354px; } }
@media (max-width: 790px) {
.mainSlider .slide .img--holder {
height: 250px; } }
.mainSlider .slide .img--holder:before {
content: '';
background-color: #38226f;
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.8;
opacity:.7;
z-index: 1; }
.mainSlider .slide .mainSlider-textmask {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
position: absolute;
text-align: center;
white-space: nowrap;
background-position: 50% 47%;
background-repeat: no-repeat;
text-align: center;
font-size: 905px;
line-height: 0.86;
font-weight: bold;
padding-top: 3.3%; }
.mainSlider .slide .container {
position: relative;
z-index: 2;
color:#fff
}
.mainSlider .slide .slide-content {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 9px; }
.mainSlider .slide .slide-content .container:first-child {
margin-top: -5px; }
.mainSlider .slide .slide-content .container .tt-title-01 {
color: #ffffff;
font-weight: 700; }
.mainSlider .slide .slide-content .container .tt-title-02 {
color: #ffffff;
letter-spacing: -0.03em;
font-weight: bold; }
.mainSlider .slide .slide-content .container .tt-title-03 {
margin-top: 25px }
@media (max-width: 479px) {
.mainSlider .slide .slide-content .container .tt-title-03 {
margin-top: 10px }
}
.mainSlider .slide .slide-content .container .tt-row-btn {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.mainSlider .slide .slide-content .container .tt-row-btn .tt-btn {
margin-left: 15px;
margin-right: 15px;
min-width: 177px; }
.mainSlider .slide .slide-content .container:not(.text-center):not(.text-right) .tt-row-btn {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.mainSlider .slide .slide-content .container.text-center .tt-row-btn {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.mainSlider .slide .slide-content .container.text-right .tt-row-btn {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
@media (max-width: 1600px) {
.mainSlider .slide .mainSlider-textmask {
font-size: 805px;
padding-top: 8%; } }
@media (max-width: 1350px) {
.mainSlider .slide .mainSlider-textmask {
font-size: 605px;
padding-top: 14%; } }
@media (max-width: 1239px) {
.mainSlider .slide .mainSlider-textmask {
padding-top: 7.5%; } }
@media (min-width: 1025px) {
.mainSlider .slide .slide-content .tt-title-01 {
font-size: 24px;
line-height: 16px; }
.mainSlider .slide .slide-content .tt-title-02 {
font-size: 64px;
line-height: 67px;
margin-top: 38px; } }
@media (max-width: 1024px) {
.mainSlider .slide .mainSlider-textmask {
font-size: 380px;
top: 0;
padding-top: 1.6%; }
.mainSlider .slide .slide-content .tt-title-01 {
font-size: 16px;
line-height: 16px; }
.mainSlider .slide .slide-content .tt-title-02 {
font-size: 51px;
line-height: 54px;
margin-top: 28px; }
.mainSlider .slide .slide-content .container .tt-row-btn {
margin-top: 30px; }
.mainSlider .slide .slide-content .container .tt-row-btn .tt-btn {
min-width: 155px; } }
@media (max-width: 790px) {
.mainSlider .slide .mainSlider-textmask {
font-size: 260px;
padding-top: 1.6%; }
.mainSlider .slide .slide-content .tt-title-01 {
font-size: 12px;
line-height: 13px; }
.mainSlider .slide .slide-content .tt-title-02 {
font-size: 35px;
line-height: 37px;
margin-top: 13px; }
.mainSlider .slide .slide-content .container .tt-row-btn {
margin-top: 25px; }
.mainSlider .slide .slide-content .container .tt-row-btn .tt-btn {
min-width: 124px;
margin-left: 10px;
margin-right: 10px; } }
@media (max-width: 450px) {
.mainSlider .slide .mainSlider-textmask {
font-size: 180px;
padding-top: 11%; }
.mainSlider .slide .slide-content .tt-title-02 {
font-size: 27px;
line-height: 30px;
margin-top: 13px; }
.mainSlider .slide .slide-content .container .tt-row-btn {
margin-top: 15px; } }
.mainSlider .slide .mainSlider-textmask{display:none}
.mainSlider .slick-arrow {
position: absolute;
top: 50%;
margin-top: -18px;
z-index: 7;
font-size: 0;
line-height: 0;
background: none;
border: none;
color: #fff; }
.mainSlider .slick-arrow:before {
font-family: "club";
display: block;
font-size: 40px;
line-height: 1em; }
.mainSlider .slick-prev {
left: 20px; }
.mainSlider .slick-prev:before {
content: '\e916'; }
.mainSlider .slick-next {
right: 20px; }
.mainSlider .slick-next:before {
content: '\e917'; }
@media (max-width: 1239px) {
.mainSlider {
margin-top: 85px; } }
@media (max-width: 1239px) {
.mainSlider {
margin-top: 64px; } }
@media (max-width: 767px) {
.mainSlider {
margin-top: 98px; }
body.admin-bar .mainSlider {
margin-top: 77px; }
}
.fadeInLeftSm {
-webkit-animation-name: fadeInLeftSm;
animation-name: fadeInLeftSm;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
.fadeInRightSm {
-webkit-animation-name: fadeInRightSm;
animation-name: fadeInRightSm;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
.fadeInUpSm {
-webkit-animation-name: fadeInUpSm;
animation-name: fadeInUpSm;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
.animated.fadeInLeftSm,
.animated.fadeInRightSm,
.animated.fadeInUpSm {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes fadeInUpSm {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpSm {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@-webkit-keyframes fadeInLeftSm {
0% {
opacity: 0;
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftSm {
0% {
opacity: 0;
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@-webkit-keyframes fadeInRightSm {
from {
opacity: 0;
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightSm {
from {
opacity: 0;
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
body.is-loaded .loading-content {
opacity: 0;
visibility: hidden; }
.loading-content {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 3;
background-color: #252427;
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;
opacity: 1;
pointer-events: none;
visibility: visible;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.loading-content.disable {
opacity: 0; }
.loading-content svg {
width: 200px;
height: auto; }
@media (min-width: 1025px) {
.loading-content svg {
width: 200px; } }
@media (max-width: 1024px) {
.loading-content svg {
width: 145px; } }
@media (max-width: 790px) {
.loading-content svg {
width: 120px; } }
.mainSlider-textmask {
opacity: 0;
-webkit-transition: opacity 2s linear 1s;
transition: opacity 2s linear 1s;
overflow: hidden;
width: calc(100% - 4px);
height: calc(100% - 4px); }
.load-mainslider .mainSlider .slide.slick-current .img--holder { -webkit-transform: scale(1.2);
transform: scale(1.2); }
.load-mainslider .mainSlider .slide.slick-current .mainSlider-textmask {
opacity: 1; }
@media (min-width: 1025px) {
.slick-indent {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 1024px) {
.slick-indent {
margin-left: -5px;
margin-right: -5px; } }
.event-item {
position: relative;
display: block;
margin: 30px 15px;
-webkit-transition: -webkit-box-shadow .3s linear;
transition: -webkit-box-shadow .3s linear;
transition: box-shadow .3s linear;
transition: box-shadow .3s linear, -webkit-box-shadow .3s linear;
margin-top:30px;
margin-bottom:30px
}
.event-item .event-item__label {
background: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/label-01.png) 0 0 no-repeat;
display: block;
width: 54px;
height: 63px;
color: #ffffff;
position: absolute;
z-index: 3;
right: 20px;
top: -6px;
text-align: center;
font-size: 26px;
line-height: 16px;
font-weight: bold;
padding: 12px 0 0 0;
background-size: cover; }
.event-item .event-item__label span {
display: block;
text-align: center;
font-weight: normal;
font-size: 15px;
line-height: 16px;
padding-top: 5px; }
.event-item .event-item__img {
position: relative;
z-index: 1; }
.event-item .event-item__img img {
width: 100%;
height: auto; }
.event-item .event-item__layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(61, 59, 66, 0.98);
z-index: 2;
opacity: 0;
-webkit-transition: opacity .25s linear;
transition: opacity .25s linear; }
.event-item .event-item__layout .tt-btn {
margin: 10px 0;
min-width: 157px; }
.event-item:hover {
-webkit-box-shadow: 0px 7px 16px rgba(61, 59, 66, 0.7);
box-shadow: 0px 7px 16px rgba(61, 59, 66, 0.7); }
.event-item:hover .event-item__layout {
opacity: 1; }
@media (max-width: 1024px) and (min-width: 791px) {
.event-item {
margin: 30px 15px 22px; }
.event-item .event-item__layout .tt-btn {
min-width: 133px;
margin: 5px 0; }
.event-item .event-item__label {
width: 40px;
height: 46px;
right: 10px;
top: -3px;
font-size: 20px;
line-height: 16px;
padding: 7px 0 0 0; }
.event-item .event-item__label span {
font-size: 13px;
line-height: 16px;
padding-top: 2px; } }
@media (max-width: 790px) {
.event-item .event-item__layout .tt-btn {
min-width: 123px; } }
@media (max-width: 575px) {
.event-item {
max-width: 248px;
margin-left: auto;
margin-right: auto; } }
.events-img-list {
margin-top: 40px; }
.events-img-list .tt-col {
padding: 15px; }
@media (max-width: 1024px) {
.events-img-list {
margin-top: 42px; } }
.event-item02 {
overflow: hidden;
position: relative;
}
.event-item02 .event-item02__img {
position: relative;
height: 493px;
background-size: cover;
background-position: no-repeat;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.event-item02 .event-item02__img:before {
content: '';
background: -webkit-gradient(linear, left top, left bottom, from(#2C2837), to(rgba(44, 40, 55, 0)));
background: linear-gradient(180deg, #2C2837 0%, rgba(44, 40, 55, 0) 100%);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
opacity: 0.7;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.event-item02 .event-item02__border:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
}
.event-item02 .event-item02__border:after {
right: 0;
background: -webkit-gradient(linear, left top, right top, from(#7f16d5), to(#7b15da));
background: linear-gradient(to right, #7f16d5, #7b15da);
content:none
}
.event-item02 .event-item02__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 24px 21px 40px;
color: #ffffff;
height: calc(100% - 60px);
text-align: center;
z-index: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
overflow: hidden;
}
.event-item02 .event-item02__content .tt-title {
font-weight: bold;
font-size: 30px;
line-height: 32px;
color: #ffffff;
padding: 0 0 18px 0;
margin: 0;
width: 100%;
}
.event-item02 .event-item02__content .tt-title+p {
margin-top: 0;
}
.event-item02 .event-item02__content p {
padding-left: 10px;
padding-right: 10px;
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
.event-item02 .event-item02__content .tt-btn {
margin-top: 24px;
}
.event-item02 .event-item02__align {
-webkit-transform: translateY(128px);
transform: translateY(128px);
-webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) 30ms;
transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) 30ms;
}
.event-item02:hover .event-item02__img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
-webkit-transition: -webkit-transform 0.9s;
transition: -webkit-transform 0.9s;
transition: transform 0.9s;
transition: transform 0.9s, -webkit-transform 0.9s;
}
.event-item02:hover .event-item02__align {
-webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) 30ms;
transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) 30ms;
}
@media (min-width: 1025px) {
.event-item02:hover .event-item02__align {
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
}
@media (max-width: 1239px) {
.event-item02 .event-item02__img {
height: 420px;
}
}
@media (max-width: 1024px) {
.event-item02 .event-item02__img {
height: 375px;
}
.event-item02 .event-item02__align {
-webkit-transform: translateY(0px);
transform: translateY(0px);
padding-bottom: 0;
}
.event-item02 .event-item02__content {
height: 100%;
padding: 30px 30px 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.event-item02 .event-item02__content .tt-title {
font-size: 20px;
line-height: 28px;
padding-bottom: 13px;
}
.event-item02 .event-item02__content .tt-btn {
margin-top: 19px;
}
.event-item02 .event-item02__border:after {
display: none;
}
}
@media (max-width: 576px) {
.event-item02-list .event-item02 {
margin-left: auto;
margin-right: auto;
max-width: 286px;
}
.event-item02-list .event-item02__img {
height: 375px;
}
}
.events-wide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.events-wide .events-wide__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 46%;
flex: 0 0 46%;
max-width: 46%;
overflow: hidden; }
.events-wide .events-wide__img a {
display: block;
margin-top: 70px;
height: 540px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
position: relative; }
.events-wide .events-wide__img .tt-text {
letter-spacing: -0.03em;
font-weight: bold;
font-size: 96px;
line-height: 105%;
text-transform: uppercase;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
display: block;
position: absolute;
white-space: nowrap;
color: transparent;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;
}
.events-wide .events-wide__img .tt-text.tt-text__right {
right: -17px;
top: 0px;
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
position: absolute; }
.events-wide .events-wide__img .tt-text.tt-text__left {
top: -6px;
left: -17px; }
.events-wide .events-wide__img .tt-icon {
width: 93px;
height: 93px;
border-radius: 50%;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
-webkit-transition: all .3s;
transition: all .3s; }
.events-wide .events-wide__img .tt-icon:before {
content: '';
display: inline-block;
position: absolute;
border: 11px solid transparent;
border-left: 16px solid #ffffff;
top: 50%;
left: 50%;
-webkit-transform: translate(-5px, -11px);
transform: translate(-5px, -11px); }
.events-wide .events-wide__img .tt-icon::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: 50%;
opacity: .5;
-webkit-animation: pulse 1.3s infinite linear;
animation: pulse 1.3s infinite linear;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s;
transition: all .3s;
pointer-events: none; }
.events-wide .events-wide__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 54%;
flex: 0 0 54%;
max-width: 54%;
min-height: 600px;
overflow: hidden;
position: relative; }
.events-wide .events-wide__content.tt-color02 {
background-color: #3D3B42;
color: #D3D3D5; }
.events-wide .events-wide__content .events-wide_wrapper {
max-width: 571px; }
.events-wide .events-wide__content [class^=tt-btn] {
margin-top: 40px; }
.events-wide:not(.tt-item__revers) {
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.events-wide:not(.tt-item__revers) .events-wide__content {
padding:115px 70px 120px 100px}
.events-wide.tt-item__revers .events-wide__content {
padding: 120px 80px 120px 40px;
-webkit-box-shadow: 0px 0px 40px rgba(61, 59, 66, 0.1);
box-shadow: 0px 0px 40px rgba(61, 59, 66, 0.1);
}
.events-wide.tt-item__revers .events-wide_wrapper {
float: right; }
@media (max-width: 1600px) {
.events-wide .events-wide__img .tt-text {
} }
@media (max-width: 1500px) {
.events-wide:not(.tt-item__revers) .events-wide__content {
padding: 111px 65px 90px 80px; }
.events-wide.tt-item__revers .events-wide__content {
padding: 111px 50px 90px 40px; } }
@media (max-width: 1024px) {
.events-wide .events-wide__img a {
height: 436px; }
.events-wide .events-wide__img .tt-icon {
width: 79px;
height: 79px; }
.events-wide .events-wide__img .tt-text {
font-size: 73px; }
.events-wide .events-wide__img .tt-text.tt-text__right {
right: -12px;
top: -1px; }
.events-wide .events-wide__img .tt-text.tt-text__left {
left: -14px; }
.events-wide:not(.tt-item__revers) .events-wide__content {
padding: 54px 65px 57px 50px; }
.events-wide.tt-item__revers .events-wide__content {
padding: 73px 50px 77px 40px; }
.events-wide .events-wide__content {
min-height: 467px; }
.events-wide .events-wide__content [class^=tt-btn] {
margin-top: 33px; } }
@media (max-width: 887px) {
.events-wide .events-wide__img a {
height: 472px; } }
@media (max-width: 767px) {
.events-wide {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.events-wide .events-wide__img,
.events-wide .events-wide__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
height: auto;
overflow: hidden; }
.events-wide .events-wide__content {
min-height: inherit; }
.events-wide:not(.tt-item__revers) .events-wide__content {
padding: 36px 13px 90px 13px; }
.events-wide.tt-item__revers .events-wide__content {
padding: 36px 13px 90px 13px; }
.events-wide .events-wide__img a {
height: 400px; }
.events-wide .events-wide__img .tt-icon {
width: 53px;
height: 53px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); }
.events-wide .events-wide__img .tt-icon:before {
content: '';
display: inline-block;
position: absolute;
border: 6px solid transparent;
border-left: 11px solid #ffffff;
top: 50%;
left: 50%;
-webkit-transform: translate(-5px, -6px);
transform: translate(-5px, -6px); }
.events-wide .events-wide__img a {
height: 400px; }
.events-wide .events-wide__img .tt-text {
font-size: 67px;
top: -4px; }
.events-wide .blocktitle .tt-title-under {
left: -11px; } }
@media (max-width: 575px) {
.events-wide .events-wide__img a {
height: 235px; }
.events-wide .events-wide__img .tt-text {
font-size: 40px;
top: -3px; }
.events-wide .events-wide__img .tt-text.tt-text__right {
right: -7px; }
.events-wide .events-wide__img .tt-text.tt-text__left {
left: -7px;
top: -4px; }
.events-wide .events-wide__content [class^=tt-btn] {
margin-top: 28px; }
.events-wide:not(.tt-item__revers) .events-wide__content {
padding: 36px 13px 39px 13px; }
.events-wide.tt-item__revers .events-wide__content {
padding: 36px 13px 39px 13px; } }
.events-wide-list .events-wide:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.events-wide-list .events-wide:nth-child(even) .events-wide__img a {
margin-top: 0px;
height: 531px; }
@media (max-width: 1024px) {
.events-wide-list .events-wide:nth-child(even) .events-wide__img a {
height: 449px; } }
@media (max-width: 575px) {
.events-wide-list .events-wide:nth-child(even) .events-wide__img a {
height: 235px; } }
@-webkit-keyframes pulse {
from {
width: 100%;
height: 100%;
opacity: .8; }
50% {
width: 140%;
height: 140%;
opacity: 0; }
to {
width: 100%;
height: 100%;
opacity: 0; } }
@keyframes pulse {
from {
width: 100%;
height: 100%;
opacity: .8; }
50% {
width: 140%;
height: 140%;
opacity: 0; }
to {
width: 100%;
height: 100%;
opacity: 0; } }
html:not(.win).safari .events-wide .events-wide__img .tt-text.tt-text__right {
right: -19px; }
html:not(.win).safari .events-wide .events-wide__img .tt-text.tt-text__left {
left: -19px; }
@media (max-width: 1024px) {
html:not(.win).safari .events-wide .events-wide__img .tt-text.tt-text__right {
right: -14px; }
html:not(.win).safari .events-wide .events-wide__img .tt-text.tt-text__left {
left: -16px; } }
@media (max-width: 575px) {
html:not(.win).safari .events-wide .events-wide__img .tt-text.tt-text__right {
right: -8px; }
html:not(.win).safari .events-wide .events-wide__img .tt-text.tt-text__left {
left: -8px; } }
.slick-dots01 .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin:0 0 -8px 0; }
.slick-dots01 .slick-dots li {
padding: 8px; }
.slick-dots01 .slick-dots li > * {
width: 8px;
max-width: 8px;
height: 8px;
display: block;
background: #C4C4C4;
border-radius: 50%;
font-size: 0;
line-height: 0;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border: none;
padding: 0;
-webkit-transition: background-color .2s;
transition: background-color .2s; }
.slick-dots01 .slick-dots li:not(.slick-active) {
cursor: pointer; }
.slick-dots01 .slick-dots li:not(.slick-active) > * {
cursor: pointer; }
@media (max-width: 1024px) {
.slick-dots01 .slick-dots li {
padding: 8px 9px; }
.slick-dots01 .slick-dots li > * {
width: 6px;
max-width: 6px;
height: 6px; } }
@media (max-width: 575px) {
.slick-dots01 .slick-dots {
margin-top: 0; } }
.slick-slide {
height: auto; }
.slick-slider .slick-slide {
outline: none; }
.js-slick01,
.js-slick02,
.js-slick03,
.js-slick04 {
opacity: 0; }
.loaded .js-slick01,
.loaded .js-slick02,
.loaded .js-slick03,
.loaded .js-slick04 {
opacity: 1; }
.slick-arrows01 .slick-arrow {
position: absolute;
top: 50%; }
.slick-arrows01 .slick-prev {
left: 0; }
.slick-arrows01 .slick-next {
right: 0; }
.slick-dots02 .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 28px 0 -8px 0; }
.slick-dots02 .slick-dots li {
padding: 8px; }
.slick-dots02 .slick-dots li > * {
width: 8px;
max-width: 8px;
height: 8px;
display: block;
background-color: #C4C4C4;
border-radius: 50%;
font-size: 0;
line-height: 0;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border: none;
padding: 0;
-webkit-transition: background-color .2s;
transition: background-color .2s; }
.slick-dots02 .slick-dots li:not(.slick-active) {
cursor: pointer; }
.slick-dots02 .slick-dots li:not(.slick-active) > * {
cursor: pointer; }
@media (max-width: 1024px) {
.slick-dots02 .slick-dots li {
padding: 8px 9px; }
.slick-dots02 .slick-dots li > * {
width: 6px;
max-width: 6px;
height: 6px; } }
@media (max-width: 575px) {
.slick-dots02 .slick-dots {
margin-top: 28px; } }
.tt-promo01 {
padding: 120px 0 120px 0;
position: relative;
overflow: hidden; }
.tt-promo01:before, .tt-promo01:after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.tt-promo01 .tt-promo01__layout {
max-width: 755px;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
background: #ffffff;
padding-left: 20px;
padding-right: 20px;
z-index: 2; }
.tt-promo01 .tt-promo01__layout .tt-title {
color: #3D3B42;
font-weight: bold;
font-size: 42px;
line-height:125%;
text-align: center;
letter-spacing: -0.03em;
padding: 0 0 40px 0;
margin: 0;
padding-bottom:14px
}
.tt-promo01 .tt-promo01__layout [class^=tt-btn] {
margin-top: 40px; }
.tt-promo01 .tt-promo01__layout:before, .tt-promo01 .tt-promo01__layout:after {
content: '';
position: absolute;
top: 0;
width: 80px;
height: 100%; }
.tt-promo01 .tt-promo01__layout:before {
left: -20px;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(60%, #fff));
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 60%); }
.tt-promo01 .tt-promo01__layout:after {
right: -20px;
background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(60%, #fff));
background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 60%); }
.tt-promo01 .tt-promo01__layout > * {
position: relative;
z-index: 2; }
@media (max-width: 1024px) {
.tt-promo01 {
padding: 54px 0 59px 0; }
.tt-promo01 .tt-promo01__layout {
max-width: 583px; }
.tt-promo01 .tt-promo01__layout .tt-title {
font-size: 35px;
line-height: 37px;
padding: 0 0 18px 0; }
.tt-promo01 .tt-promo01__layout [class^=tt-btn] {
margin-top: 23px; } }
@media (min-width: 791px) {
.tt-promo01:before {
background: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/promo-left.png) left center no-repeat; }
.tt-promo01:after {
background: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/promo-right.png) right center no-repeat; } }
@media (max-width: 790px) {
.tt-promo01 {
padding: 45px 0 52px 0; }
.tt-promo01 .tt-promo01__layout .tt-title br {
display: none; }
.tt-promo01 .tt-promo01__layout [class^=tt-btn] {
margin-top: 12px; } }
.instafeed-masonry .instagram_gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.instafeed-masonry .instagram_gallery > * {
width: 25%;
position: relative;
display: block;
overflow: hidden; }
.instafeed-masonry .instagram_gallery > *:before {
content: '';
display: block;
width: 50px;
height: 50px;
position: absolute;
bottom: 0px;
right: 0px;
z-index: 2; }
.instafeed-masonry .instagram_gallery > *:after {
content: '\e902';
font-family: "club";
display: block;
position: absolute;
bottom: 12px;
right: 12px;
font-size: 24px;
line-height: 25px;
z-index: 3;
color: #ffffff; }
.instafeed-masonry .instagram_gallery > * img {
position: relative;
z-index: 1;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s; }
.instafeed-masonry .instagram_gallery > *:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
@media (min-width: 576px) {
.instafeed-masonry.items_4 .instagram_gallery > * {
width: 25%; } }
@media (min-width: 576px) {
.instafeed-masonry.items_6 .instagram_gallery > * {
width:16.666666666666668%; } }
@media (max-width: 1024px) {
.instafeed-masonry .instagram_gallery > *:before {
width: 38px;
height: 38px; }
.instafeed-masonry .instagram_gallery > *:after {
bottom: 9px;
right: 9px;
font-size: 19px;
line-height: 19px; } }
@media (max-width: 575px) {
.instafeed-masonry .instagram_gallery > * {
width: 50%;
display: none; }
.instafeed-masonry .instagram_gallery > *:nth-child(1), .instafeed-masonry .instagram_gallery > *:nth-child(2), .instafeed-masonry .instagram_gallery > *:nth-child(3), .instafeed-masonry .instagram_gallery > *:nth-child(4) {
display: block; }
.instafeed-masonry .instagram_gallery > *:before {
width: 31px;
height: 31px; }
.instafeed-masonry .instagram_gallery > *:after {
bottom: 8px;
right: 7px;
font-size: 16px;
line-height: 16px; } }
.instafeed-col .instagram_gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -20px; }
.instafeed-col .instagram_gallery > * {
width: calc(25% - 20px);
position: relative;
display: block;
overflow: hidden;
margin-left: 20px;
margin-top: 20px; }
.instafeed-col .instagram_gallery > *:before {
content: '';
display: block;
width: 50px;
height: 50px;
position: absolute;
bottom: 0px;
right: 0px;
z-index: 2; }
.instafeed-col .instagram_gallery > *:after {
content: '\e902';
font-family: "club";
display: block;
position: absolute;
bottom: 12px;
right: 12px;
font-size: 24px;
line-height: 25px;
z-index: 3;
color: #ffffff; }
.instafeed-col .instagram_gallery > * img {
position: relative;
z-index: 1;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s; }
.instafeed-col .instagram_gallery > *:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
@media (max-width: 790px) {
.instafeed-col .instagram_gallery > * {
width: calc(33.333% - 20px); }
.instafeed-col .instagram_gallery > *:before {
width: 40px;
height: 40px; }
.instafeed-col .instagram_gallery > *:after {
bottom: 10px;
right: 10px;
font-size: 20px;
line-height: 21px; } }
@media (max-width: 575px) {
.instafeed-col .instagram_gallery > * {
width: calc(50% - 20px); } }
.section-parallax {
background-size: cover;
background-repeat: no-repeat; }
.section-parallax .slick-dots {
position: absolute;
bottom: -50px;
text-align: center;
width: 100%; }
.section-parallax-inner {
padding: 159px 0 101px;
padding-bottom: 160px;
padding-top: 170px;}
@media (max-width: 1024px) {
.section-parallax-inner {
padding: 135px 0 76px;
padding-bottom:110px} }
.section-parallax-border01 {
position: relative; }
.section-parallax-border01 .section-parallax-border02 {
display: block;
text-align: center;
padding-left: 35px;
padding-right: 35px; }
@media (max-width: 1024px) {
.section-parallax-border01 {
border-left-width: 4px;
border-right-width: 4px; }
.section-parallax-border01::before, .section-parallax-border01::after {
height: 4px; }
.section-parallax-border01::before {
right: calc(69% + 5px); }
.section-parallax-border01::after {
left: calc(47% + 5px); }
.section-parallax-border01 .section-parallax-border02::before, .section-parallax-border01 .section-parallax-border02::after {
height: 4px; }
.section-parallax-border01 .section-parallax-border02::before {
right: calc(90% + 5px); }
.section-parallax-border01 .section-parallax-border02::after {
left: calc(25% + 5px); } }
@media (max-width: 790px) {
.section-parallax-border01 {
border-left-width: 3px;
border-right-width: 3px; }
.section-parallax-border01::before, .section-parallax-border01::after {
height: 3px; }
.section-parallax-border01 .section-parallax-border02 {
padding-left: 20px;
padding-right: 20px; }
.section-parallax-border01 .section-parallax-border02::before, .section-parallax-border01 .section-parallax-border02::after {
height: 3px; } }
.tt-parallax01 {
color: #ffffff;
padding: 67px 0 59px; }
.tt-parallax01 .tt-parallax01__wrapper {
max-width: 859px;
margin-left: auto;
margin-right: auto; }
.tt-parallax01 .tt-parallax01__data {
font-size: 15px;
line-height: 25px;
letter-spacing: 0.2em;
text-transform: uppercase; }
.tt-parallax01 .tt-parallax01__title {
font-weight: bold;
font-size: 42px;
line-height: 50px;
letter-spacing: -0.03em;
color: #ffffff;
margin:30px 0 0 0;
padding: 0 0 15px 0;
padding-bottom:40px;
margin-top:20px
}
.tt-parallax01 .tt-parallax01__title + p {
margin-top: 0; }
.tt-parallax01 [class^=tt-btn] {
margin-top: 40px; }
@media (max-width: 1024px) {
.tt-parallax01 {
padding: 38px 0 38px; }
.tt-parallax01 .tt-parallax01__data {
font-size: 13px;
letter-spacing: 0.2em;
line-height: 30px; }
.tt-parallax01 .tt-parallax01__title {
font-size: 35px;
line-height: 37px;
letter-spacing: -0.03em;
margin-top: 24px;
padding-bottom: 20px; }
.tt-parallax01 [class^=tt-btn] {
margin-top: 23px; } }
@media (max-width: 790px) {
.tt-parallax01 {
padding: 33px 0 37px; }
.tt-parallax01 .tt-parallax01__data {
font-size: 13px;
letter-spacing: 0.2em;
line-height: 30px; }
.tt-parallax01 .tt-parallax01__title {
font-size: 35px;
line-height: 37px;
letter-spacing: -0.03em;
margin-top: 20px;
padding-bottom: 7px; }
.tt-parallax01 [class^=tt-btn] {
margin-top: 27px; } }
.parallax__navleft,
.parallax__navright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
width: 55px;
height: 55px;
top: 50%;
color: #ffffff;
font-size: 16px;
-webkit-transition: color .2s;
transition: color .2s;
font-size: 31px; }
@media (max-width: 1220px) {
.parallax__navleft,
.parallax__navright {
display: none !important; } }
.parallax__navleft {
left: 35px; }
.parallax__navright {
right: 35px; }
.tt-box01-wrapper {
margin-left: -15px;
margin-right: -15px;
}
.tt-box01-wrapper .item {
padding-left: 15px;
padding-right: 15px;
}
.tt-box01 {
margin-bottom: -6px;
}
.tt-box01 .tt-box01__img {
display: block;
overflow: hidden;
}
.tt-box01 .tt-box01__img img {
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
width: 100%;
height: auto;
}
.tt-box01 .tt-box01__img:hover img {
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
.tt-box01 .tt-box01_layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
top: -39px;
margin-left: 30px;
background-color: #ffffff;
}
.tt-box01 .tt-box01__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 12px;
}
.tt-box01 .tt-box01__social li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
padding: 25px 10px;
font-size: 20px;
}
.tt-box01 .tt-box01__social li a>* {
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.tt-box01 .tt-box01__social li a:hover>* {
-webkit-transform: scale(1.07);
transform: scale(1.07);
}
.tt-box01 .tt-box01__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 26px;
}
.tt-box01 .tt-box01__title .tt-title01 {
font-size: 18px;
line-height: 23px;
letter-spacing: -0.03em;
color: #3D3B42;
font-weight: bold;
width: 100%;
white-space: nowrap;
}
.tt-box01 .tt-box01__title .tt-title01 a {
color: #3D3B42;
}
.tt-box01 .tt-box01__title .tt-title02 {
font-size: 15px;
line-height: 18px;
color: #888888;
width: 100%;
margin-top: 3px;
}
.tt-box01:hover .tt-box01_layout {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction:row;
flex-direction:row;
background-color: #3D3B42;
color: #ffffff;
margin-left: 30px;
margin-right: 0;
}
.tt-box01:hover .tt-box01_layout .tt-box01__title .tt-title01 {
color: #ffffff;
}
.tt-box01:hover .tt-box01_layout .tt-box01__title .tt-title01 a {
color: #ffffff;
}
.tt-box01:hover .tt-box01_layout .tt-box01__title .tt-title02 {
color: #D3D3D5;
}
@media (max-width: 1239px) {
.tt-box01 .tt-box01_layout {
margin-left: 17px;
}
.tt-box01 .tt-box01__title {
padding: 0 20px;
margin-top: 2px;
}
.tt-box01 .tt-box01__title .tt-title01 {
font-size: 18px;
line-height: 21px;
}
.tt-box01 .tt-box01__title .tt-title02 {
font-size: 14px;
line-height: 17px;
margin-top: 3px;
}
.tt-box01 .tt-box01__social {
padding: 0 12px;
}
.tt-box01 .tt-box01__social li a {
padding: 20px 8px;
font-size: 18px;
}
}
@media (max-width: 1024px) and (min-width: 576px) {
.tt-box01 .tt-box01__title {
padding: 0 5px 0 15px;
}
.tt-box01 .tt-box01__title .tt-title01 {
font-size: 16px;
line-height: 19px;
}
.tt-box01 .tt-box01__title .tt-title02 {
font-size: 13px;
line-height: 15px;
margin-top: 1px;
}
.tt-box01 .tt-box01_layout {
top: -29px;
}
.tt-box01 .tt-box01__social {
padding: 0 7px;
}
.tt-box01 .tt-box01__social li a {
padding: 17px 7px 18px;
font-size: 13px;
}
}
@media (max-width: 575px) {
.tt-box01 {
max-width: 287px;
margin-left: auto;
margin-right: auto;
}
.tt-box01 .tt-box01__title {
padding: 0 5px 0 20px;
margin-top: 0;
}
.tt-box01 .tt-box01__title .tt-title01 {
font-size: 18px;
line-height: 19px;
}
.tt-box01 .tt-box01__title .tt-title02 {
font-size: 13px;
line-height: 15px;
margin-top: 5px;
}
.tt-box01 .tt-box01_layout {
top: -35px;
}
.tt-box01 .tt-box01__social {
padding: 0 7px;
}
.tt-box01 .tt-box01__social li a {
padding: 22px 9px;
font-size: 15px;
}
}
.promo02 {
width: 100%;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 67px 0 20px;
min-height: 327px;
position: relative;
overflow: hidden;
padding-bottom:0
}
.promo02 .promo02__img svg {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation: torsion 7s infinite alternate ease-in-out -7.5s;
animation: torsion 7s infinite alternate ease-in-out -7.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
@-webkit-keyframes torsion {
from {
opacity: 1; }
4% {
opacity: .9; }
6% {
opacity: .85; }
8% {
opacity: .95; }
10% {
opacity: .90; }
11% {
opacity: .922; }
12% {
opacity: .9; }
14% {
opacity: .95; }
16% {
opacity: .98; }
17% {
opacity: .9; }
19% {
opacity: .93; }
20% {
opacity: .99; }
24% {
opacity: 1; }
26% {
opacity: .94; }
28% {
opacity: .98; }
37% {
opacity: .93; }
39% {
opacity: .96; }
42% {
opacity: 1; }
44% {
opacity: .97; }
46% {
opacity: .94; }
56% {
opacity: .9; }
58% {
opacity: .9; }
60% {
opacity: .99; }
68% {
opacity: 1; }
70% {
opacity: .9; }
72% {
opacity: .95; }
93% {
opacity: .93; }
95% {
opacity: .95; }
97% {
opacity: .93; }
to {
opacity: 1; } }
@keyframes torsion {
from {
opacity: 1; }
4% {
opacity: .9; }
6% {
opacity: .85; }
8% {
opacity: .95; }
10% {
opacity: .90; }
11% {
opacity: .922; }
12% {
opacity: .9; }
14% {
opacity: .95; }
16% {
opacity: .98; }
17% {
opacity: .9; }
19% {
opacity: .93; }
20% {
opacity: .99; }
24% {
opacity: 1; }
26% {
opacity: .94; }
28% {
opacity: .98; }
37% {
opacity: .93; }
39% {
opacity: .96; }
42% {
opacity: 1; }
44% {
opacity: .97; }
46% {
opacity: .94; }
56% {
opacity: .9; }
58% {
opacity: .9; }
60% {
opacity: .99; }
68% {
opacity: 1; }
70% {
opacity: .9; }
72% {
opacity: .95; }
93% {
opacity: .93; }
95% {
opacity: .95; }
97% {
opacity: .93; }
to {
opacity: 1; } }
.promo02 .promo02__layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 100px;
padding-bottom:100px}
.promo02 .tt-col:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
padding-bottom: 0; }
.promo02 .tt-col:nth-child(2) {
margin-top: 0px;
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
padding: 0px 70px 0 50px; }
.promo02 .tt-col:nth-child(3) {
padding: 0px 0 0 0; }
.promo02 .promo02__title {
font-size: 42px;
line-height: 125%;
color: #ffffff;
letter-spacing: -0.03em;
padding: 0;
margin: 0; }
.promo02 .promo02__content {
color: #D3D3D5; }
.promo02 .promo02_rowbtn > * {
min-width: 197px; }
.promo02 .promo02_rowbtn > *:not(:first-child) {
margin-top: 13px; }
@media (min-width: 1891px) {
.promo02 .promo02__img {
position: absolute;
left: 6.4%; } }
@media (max-width: 1890px) {
.promo02 {
padding-left: 25px;
padding-right: 25px; }
.promo02 .promo02__img {
left: 0px;
margin-right: 30px; }
.promo02 .promo02__img > svg {
max-width: 150px; }
.promo02 .tt-col:nth-child(1) {
max-width: 24%;
-webkit-box-flex: 0;
-ms-flex: 0 0 24%;
flex: 0 0 24%;
min-width: 332px; }
.promo02 .container {
max-width: inherit;
padding: 0;
margin: 0; } }
@media (max-width: 1400px) {
.promo02 .promo02__title {
font-size: 40px;
line-height: 42px; }
.promo02 .promo02__img {
left: 0px;
margin-right: 25px; }
.promo02 .promo02__img > svg {
max-width: 110px; }
.promo02 .tt-col:nth-child(1) {
max-width: 24%;
-webkit-box-flex: 0;
-ms-flex: 0 0 24%;
flex: 0 0 24%;
min-width: 288px; }
.promo02 .tt-col:nth-child(2) {
padding: 0px 50px 0px 50px; } }
@media (max-width: 1200px) {
.promo02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 105px 0px 23px; }
.promo02 .promo02__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 inherit;
flex: 0 0 inherit;
max-width: inherit;
margin-right: 0;
padding-right: 30px;
position: relative;
top: -4px; }
.promo02 .promo02__img svg {
max-width: 152px;
float: right; }
.promo02 .container {
-webkit-box-flex: 0;
-ms-flex: 0 0 inherit;
flex: 0 0 inherit;
max-width: inherit; }
.promo02 .promo02__layout {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 0px;
padding-right: 40px;
padding-bottom: 35px; }
.promo02 .promo02__layout .t-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.promo02 .promo02__layout .tt-col:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
min-width: inherit; }
.promo02 .promo02__layout .tt-col:nth-child(2) {
padding: 0px;
margin-top: 12px; }
.promo02 .promo02__layout .tt-col:nth-child(3) {
padding: 0px;
margin-top: 11px; }
.promo02 .promo02__layout .promo02_rowbtn {
margin-left: -26px;
margin-top: -6px; }
.promo02 .promo02__layout .promo02_rowbtn > * {
min-width: 152px;
margin-top: 20px;
margin-left: 26px; }
.promo02 .promo02__title {
font-size: 35px;
line-height: 37px; }
.promo02 .promo02__title br {
display: none; } }
@media (max-width: 1024px) {
.promo02 {
padding: 84px 0px 25px; } }
@media (max-width: 766px) {
.promo02 {
padding: 55px 0px 29px; }
.promo02 .promo02__title br {
display: block; }
.promo02 .promo02__img {
top: -7px;
padding-right: 10px; }
.promo02 .promo02__img svg {
max-width: 88px;
height: auto; }
.promo02 .promo02__layout {
padding-right: 20px; }
.promo02 .promo02__layout .promo02_rowbtn > * {
min-width: inherit; }
.promo02 .promo02__layout .tt-col:nth-child(2) {
margin-top: 9px; } }
.promo-box-wide {
overflow: hidden; }
.promo-box-wide .tt-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 70px 0 70px;
position: relative; }
.promo-box-wide .tt-item .tt-item__img {
width: 59.9%;
background-size: cover;
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 0 0; }
@media (max-width: 766px) {
.promo-box-wide .tt-item .tt-item__img {
height: 400px;
width: 100%;
background-position: center 0; } }
@media (max-width: 575px) {
.promo-box-wide .tt-item .tt-item__img {
height: 244px; } }
.promo-box-wide .tt-item .tt-item__content {
background: #FFFFFF;
-webkit-box-shadow:0px 0px 40px rgba(61, 59, 66, 0.1);
box-shadow:0px 0px 40px rgba(61, 59, 66, 0.1);
width: 53.7%;
position: relative;
z-index: 2;
padding:80px 95px 110px;
padding-bottom: 115px;
color: #5C5C5C; }
.promo-box-wide .tt-item .tt-content-text {
max-width: 571px;
position: relative;
z-index: 3; }
.promo-box-wide .tt-item .tt-content-text p{
margin-top:0
}
.promo-box-wide .tt-item .tt-item__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 149px;
height: 149px;
padding: 10px 5px;
position: absolute;
color: #ffffff;
text-align: center;
font-size: 12px;
line-height: 14px;
letter-spacing: -0.03em;
font-weight: bold;
z-index:2;
left: 95px;
top: -70px;
}
.promo-box-wide .tt-item .tt-item__label [class^=icon-] {
font-size: 40px;
line-height: 40px;
position: relative;
top: 1px; }
.promo-box-wide .tt-item .tt-item__label-text-01 {
margin-top: 11px; }
.promo-box-wide .tt-item .tt-item__label-text-02 {
font-size: 40px;
line-height: 37px;
margin-top: 2px; }
.promo-box-wide .tt-item .tt-item__label-text-03 {
margin-top: -2px; }
@media (min-width: 1025px) {
.promo-box-wide .tt-item .list-01 {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
column-gap: 20px;
list-style-type: none; } }
@media (max-width: 1380px) {
.promo-box-wide .tt-item .tt-item__content {
padding: 74px 55px 110px 95px;
-webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.25); } }
@media (max-width: 1024px) {
.promo-box-wide .tt-item {
padding: 30px 0; }
.promo-box-wide .tt-item .tt-item__content {
padding: 24px 40px 56px 77px; }
.promo-box-wide .tt-item .tt-item__label-icon > svg {
max-width: 27px;
height: auto; }
.promo-box-wide .tt-item .tt-item__label-icon [class^=icon-] {
font-size: 32px;
line-height: 32px;
position: relative;
top: 1px; }
.promo-box-wide .tt-item .tt-item__label-text-01 {
margin-top: 5px; }
.promo-box-wide .tt-item .tt-item__label {
width: 118px;
height: 118px;
font-size: 10px;
left: -80px;
top: 30px;
}
.promo-box-wide .tt-item .tt-item__label-text-02 {
font-size: 30px;
line-height: 29px;
margin-top: 1px; }
.promo-box-wide .tt-item .tt-item__label-text-03 {
margin-top: 0px; }
.promo-box-wide .tt-item .list-01.list-text-top {
margin-top: 23px; }
.promo-box-wide .tt-item .tt-link-top {
margin-top: 34px; } }
@media (max-width: 767px) {
.promo-box-wide .tt-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0; }
.promo-box-wide .tt-item .tt-item__label {
top: 0;
left: auto;
right: 20px;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
margin-top: 10px; }
.promo-box-wide .tt-item .tt-item__img {
width: 100%;
position: relative; }
.promo-box-wide .tt-item .tt-item__content {
position: relative;
width: 100%;
padding: 7px 20px 46px; }
.promo-box-wide .tt-item .tt-item__content .title__text-description {
margin-top: 21px; }
.promo-box-wide .tt-item .list-01.list-text-top {
margin-top: 17px; }
.promo-box-wide .tt-item .blocktitle .tt-title-under {
left: -11px; } }
@media (max-width: 1024px) {
.tt-table-hide {
display: none; } }
.contact-map {
position: relative;
z-index: 0; }
.contact-map #map {
height: 450px;
width: 100%; }
.contact-info-wrapper {
background-size: cover;
background-position: center center;
padding:100px 0;
padding-top: 110px;
padding-bottom:40px
}
@media (max-width: 1024px) {
.contact-info-wrapper {
padding:50px 0 }
}
.contact-info__title {
font-size: 42px;
line-height: 50px;
letter-spacing: -0.03em;
color: #ffffff;
margin: 0;
padding: 0 0 40px 0; }
@media (max-width: 1024px) {
.contact-info__title {
font-size: 30px;
line-height: 37px; } }
.contact-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
max-width: 310px;
margin-left: auto;
margin-right: auto; }
.contact-info .contact-info__icon {
color: #fff;
width: 59px;
border-radius: 50%;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
height: 59px;
margin-right: 20px;
margin-top:3px
}
@media (max-width: 1024px) {
.contact-info .contact-info__icon {
width: 34px;
height:34px
}
}
.contact-info .contact-info__icon > * {
width:20px;
}
@media (max-width: 1024px) {
.contact-info .contact-info__icon > * {
width:16px
}
}
.contact-info .contact-info__icon > .icon-place {
width:15px;
}
.contact-info .contact-info__content .tt-title {
font-size: 24px;
line-height: 25px;
font-weight: bold;
color: #ffffff; }
.contact-info .contact-info__content address {
margin: 0;
padding: 0;
color: #D3D3D5;
font-size: 17px;
line-height: 27px;
margin-top: 20px; }
@media (max-width: 1024px) {
.contact-info .contact-info__content .tt-title {
font-size: 16px;
line-height: 24px;
padding-bottom: 5px; }
.contact-info .contact-info__content address {
font-size: 17px;
line-height: 27px;
margin-top: 3px; } }
.contact-info-list {
margin-top: -35px; }
.contact-info-list .contact-info {
margin-top: 35px; }
@media (max-width: 768px) {
.contact-info-list .contact-info {
max-width:inherit;
}
.contact-info__title{
text-align:left !important;
}
}
.newsletterform-01 {
max-width: 370px; }
.newsletterform-01 .form-group {
position: relative;
margin: 0;
padding: 0; }
.newsletterform-01 .form-group .tt-input {
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-transition: .2s;
transition: .2s;
line-height: 19px;
padding: 11px 45px 11px 19px;
width: 100%;
display: block;
height: 48px; }
.newsletterform-01 .form-group .tt-input:focus {
outline: 0;
}
.newsletterform-01 .form-group .tt-btn-icon {
position: absolute;
right: 0;
top: 0;
border: none;
background: 0 0;
outline: 0;
cursor: pointer;
width: 50px;
height: 100%;
-webkit-transition: color .2s linear;
transition: color .2s linear; }
.newsletterform-01 label.error {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 56px;
left: 0;
padding: 8px 12px 6px;
background: red;
color: #fff;
font-size: 14px;
line-height: 22px;
z-index: 1; }
.newsletterform-01 label.error:after {
content: '';
position: absolute;
top: -12px;
left: 50%;
border: 6px solid transparent;
border-bottom: 6px solid #f8353e; }
.newsletterform-01 .form-group {
margin-top: 34px; }
.newsletterform-01 > :nth-child(1) {
margin-top: 0; }
#contactform textarea {
height: 210px; }
.events-parties .tt-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 50px 0;
position: relative; }
.events-parties .tt-item:not(:first-child) {
margin-top: 50px; }
.events-parties .tt-item .tt-item__img {
width: 61%;
background-size: cover;
position: absolute;
z-index: 1;
top: 0;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 0 0; }
@media (max-width: 766px) {
.events-parties .tt-item .tt-item__img {
height: 400px;
width: 100%;
background-position: center 0; } }
@media (max-width: 575px) {
.events-parties .tt-item .tt-item__img {
height: 244px; } }
.events-parties .tt-item .tt-item__content {
background: #ffffff;
-webkit-box-shadow: 0px 4px 124px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 124px rgba(0, 0, 0, 0.25);
width: 53.9%;
position: relative;
z-index: 2;
padding: 85px 95px 89px 90px; }
.events-parties .tt-item .tt-content-text {
max-width: 571px;
position: relative;
z-index: 3; }
.events-parties .tt-item .tt-btn-row {
margin-top: 42px; }
@media (min-width: 1025px) {
.events-parties .tt-item .tt-btn-row [class^="tt-btn"] span {
padding-left: 42px;
padding-right: 42px; } }
.events-parties .tt-item:nth-child(odd) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.events-parties .tt-item:nth-child(odd) .tt-item__img {
left: 0; }
.events-parties .tt-item:nth-child(even) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.events-parties .tt-item:nth-child(even) .tt-item__img {
right: 0; }
.events-parties .tt-item:nth-child(even) .tt-item__content {
background: #3D3B42;
color: #D3D3D5; }
@media (min-width: 768px) {
.events-parties .tt-item:nth-child(even) .tt-item__content .tt-item__content-wrapper {
float: right; } }
.events-parties .tt-item:nth-child(even) .blocktitle .tt-title {
color: #ffffff; }
@media (max-width: 1239px) {
.events-parties .tt-item .tt-item__content {
padding: 65px 60px 69px 50px; } }
@media (max-width: 767px) {
.events-parties .tt-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0; }
.events-parties .tt-item:not(:first-child) {
margin-top: 50px; }
.events-parties .tt-item .tt-item__img {
width: 100%;
position: relative; }
.events-parties .tt-item .tt-item__content {
position: relative;
width: 100%;
padding: 34px 30px 56px; }
.events-parties .tt-item .tt-btn-row {
margin-top: 32px; } }
@media (max-width: 575px) {
.events-parties .tt-item:not(:first-child) {
margin-top: 30px; }
.events-parties .tt-item .tt-item__content {
padding: 34px 20px 46px; } }
.ttcalendar__nav {
position: relative; }
.ttcalendar__nav .ttcalendar__navleft,
.ttcalendar__nav .ttcalendar__navright {
position: absolute;
color: #9e9ea0;
font-size: 24px;
z-index: 3;
top: -2px;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear; }
.ttcalendar__nav .ttcalendar__navleft {
right: calc(50% + 105px); }
.ttcalendar__nav .ttcalendar__navright {
left: calc(50% + 105px); }
.ttcalendar__nav .ttcalendar__navlink {
z-index: 3;
font-size: 18px;
line-height: 15px;
color: #3D3B42;
font-weight: 700;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }
.ttcalendar__nav .ttcalendar__navlink .tt-icon {
margin-right: 6px;
position: relative;
top: 2px; }
.ttcalendar__nav:before, .ttcalendar__nav:after {
content: '';
position: absolute;
top: 0;
width: 40%;
height: 30px;
z-index: 2; }
.ttcalendar__nav:before {
left: 0px;
background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff 180px); }
.ttcalendar__nav:after {
right: 0px;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 180px); }
@media (min-width: 701px) {
.ttcalendar__nav .ttcalendar__navlink {
position: absolute;
right: 0;
top: 0; } }
@media (max-width: 700px) {
.ttcalendar__nav .ttcalendar__navlink {
position: absolute;
right: 50%;
top: 40px;
-webkit-transform: translate(50%, 0%);
transform: translate(50%, 0%);
font-size: 16px; }
.ttcalendar__nav .ttcalendar__navlink .tt-icon {
margin-right: 4px; }
.ttcalendar__nav .ttcalendar__navlink .tt-icon svg {
width: 14px;
height: 14px; } }
.section-wrapper .ttcalendar__nav .ttcalendar__navlink {
color: #ffffff; }
.section-wrapper .ttcalendar__nav:before {
background: linear-gradient(to left, rgba(60, 59, 65, 0), #3c3b41 180px); }
.section-wrapper .ttcalendar__nav:after {
background: linear-gradient(to right, rgba(60, 59, 65, 0), #3c3b41 180px); }
.section-wrapper .ttcalendar-layout .ttcalendar__month-title {
color: #ffffff; }
.ttcalendar-layout {
position: relative; }
.ttcalendar-layout .ttcalendar__month-title {
text-align: center;
color: #3D3B42;
font-size: 24px;
line-height: 20px;
font-weight: bold;
padding-bottom: 41px; }
@media (max-width: 700px) {
.ttcalendar-layout.ttcalendar-layout01 .ttcalendar__month-title, .ttcalendar-layout.ttcalendar-layout02 .ttcalendar__month-title {
padding-bottom: 61px; } }
.ttcalendar__month-title h4{
margin:0;
padding:0;
color: #3D3B42;
font-size: 24px;
line-height: 20px;
font-weight: bold;
letter-spacing:normal;
}
.ttcalendar__month-title h4 a{
color:#fff
}
.ticket-type-2 .ttcalendar__month-title h4 a{
color:#3D3B42
}
.ttcalendar-layout01 .tt-day-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.ttcalendar-layout01 .tt-day-header > * {
font-size: 17px;
line-height: 27px;
color: #D3D3D5;
width: 14.285%;
height: 49px;
text-align: center; }
.ttcalendar-layout01 .tt-day-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: -10px;
margin-left: -10px; }
.ttcalendar-layout01 .tt-day-grid > * {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(14.285% - 10px);
height: 262px;
background-color: #ffffff;
color: #3D3B42;
position: relative;
margin-top: 10px;
margin-left: 10px;
font-size: 36px;
line-height: 38px; }
.ttcalendar-layout01 .tt-day-grid > *.tt-day-empty {
opacity: 0.2; }
.ttcalendar-layout01 .tt-day-grid > *:not(.tt-day-empty):hover {
-webkit-box-shadow: 0 7px 16px rgba(61, 59, 66, 0.7);
box-shadow: 0 7px 16px rgba(61, 59, 66, 0.7); }
.ttcalendar-layout01 .tt-day-grid > *:not(.tt-day-empty):hover .tt-day-event__bg:before {
opacity: 0.98; }
.ttcalendar-layout01 .tt-day-grid > *:not(.tt-day-empty):hover .tt-day-event__bg > .ch-btns-wrapper * {
opacity: 1; }
.ttcalendar-layout01 .tt-day-grid > *:not(.tt-day-empty):hover .tt-day-event__time,
.ttcalendar-layout01 .tt-day-grid > *:not(.tt-day-empty):hover .tt-day-event__label {
opacity: 0;
z-index: 0; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__bg {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__bg .ch-btns-wrapper > * {
min-width: 155px;
margin: 10px 0;
position: relative;
z-index: 2;
opacity: 0;
-webkit-transition: opacity .25s linear;
transition: opacity .25s linear;
cursor: pointer; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__bg:before {
content: '';
position: absolute;
z-index: 1;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #3D3B42;
opacity: 0;
-webkit-transition: opacity .25s linear;
transition: opacity .25s linear; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time {
background: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/label-01.png) 0 0 no-repeat;
background-size: cover;
width: 54px;
height: 62px;
top: 0;
right: 20px;
position: absolute;
z-index: 2;
color: #ffffff;
text-align: center;
font-size: 15px;
line-height: 16px;
padding: 8px 0 0 0;
-webkit-transition: opacity .25s linear;
transition: opacity .25s linear; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time strong {
display: block;
font-size: 25px;
line-height: 25px;
font-weight: bold; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 1;
margin-top: 10px;
-webkit-transition: opacity .25s linear;
transition: opacity .25s linear; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label img {
max-width: 97%; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label .tt-day-event__label__text {
color: #ffffff;
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
margin-top: -5px;
margin-left: 40px;
letter-spacing: -0.02em; }
@media (max-width: 1650px) {
.ttcalendar-layout01 .tt-day-grid > * {
height: 220px;
font-size: 32px;
line-height: 34px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label img {
max-width: 92%; } }
@media (max-width: 1400px) {
.ttcalendar-layout01 .tt-day-header > * {
height: 43px; }
.ttcalendar-layout01 .tt-day-grid > * {
height: 190px;
font-size: 28px;
line-height: 32px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label .tt-day-event__label__text {
font-size: 14px;
line-height: 14px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label img {
max-width: 87%; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time {
width: 44px;
height: 52px;
font-size: 13px;
line-height: 14px;
padding: 6px 0 0 0;
right: 15px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time strong {
font-size: 22px;
line-height: 22px; } }
@media (max-width: 1239px) {
.ttcalendar-layout01 .tt-day-header > * {
font-size: 16px;
line-height: 26px;
height: 40px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__bg .ch-btns-wrapper > * {
padding: 10px 10px 11px;
min-width: 100px;
margin: 5px 0; }
.ttcalendar-layout01 .tt-day-grid > * {
height: 160px;
font-size: 24px;
line-height: 28px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label .tt-day-event__label__text {
font-size: 12px;
line-height: 12px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label img {
max-width: 85%; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time {
width: 38px;
height: 46px;
font-size: 12px;
line-height: 13px;
padding: 7px 0 0 0;
right: 10px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time strong {
font-size: 18px;
line-height: 18px; } }
@media (max-width: 1024px) {
.ttcalendar-layout01 .tt-day-header > * {
font-size: 16px;
line-height: 26px;
height: 40px; }
.ttcalendar-layout01 .tt-day-grid > * {
height: 135px;
font-size: 22px;
line-height: 26px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label .tt-day-event__label__text {
font-size: 11px;
line-height: 11px;
margin-left: 25px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label img {
max-width: 82%; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time {
width: 34px;
height: 42px;
font-size: 12px;
line-height: 13px;
padding: 5px 0 0 0;
right: 10px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time strong {
font-size: 16px;
line-height: 16px; } }
@media (max-width: 870px) {
.ttcalendar-layout01 .tt-day-header > * {
font-size: 15px;
line-height: 25px;
height: 38px; }
.ttcalendar-layout01 .tt-day-grid > * {
height: 105px;
font-size: 22px;
line-height: 26px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label .tt-day-event__label__text {
font-size: 11px;
line-height: 11px;
margin-left: 25px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label img {
max-width: 82%; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time {
width: 30px;
height: 38px;
font-size: 11px;
line-height: 12px;
padding: 5px 0 0 0;
right: 5px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time strong {
font-size: 14px;
line-height: 14px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__bg > .ch-btns-wrapper * {
padding: 6px 4px 7px;
min-width: 79px;
font-size: 12px;
margin-bottom:0}
.ttcalendar-layout01 .tt-day-grid .tt-day-event__bg > .ch-btns-wrapper * span{
padding:0
}
}
@media (max-width: 670px) {
.ttcalendar-layout01 .tt-day-grid > * {
height: 190px;
font-size: 18px;
line-height: 22px;
width: calc(33.333% - 10px); }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label .tt-day-event__label__text {
font-size: 9px;
line-height: 9px;
margin-left: 25px;
margin-top: -3px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__label img {
max-width: 80%; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time {
width: 28px;
height: 36px;
font-size: 11px;
line-height: 12px;
padding: 3px 0 0 0;
right: 5px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time strong {
font-size: 13px;
line-height: 13px; }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__bg > .ch-btns-wrapper * {
padding: 8px 7px 9px;
min-width: 95px;
font-size: 13px;
margin: 10px 0; }
.ttcalendar-layout01 .tt-day-header {
display: none; } }
@media (max-width: 575px) {
.ttcalendar-layout01 .tt-day-grid > * {
height: 160px;
font-size: 18px;
line-height: 22px;
width: calc(33.333% - 10px); } }
@media (max-width: 450px) {
.ttcalendar-layout01 .tt-day-grid > * {
height: 120px;
font-size: 18px;
line-height: 22px;
width: calc(33.333% - 10px); }
.ttcalendar-layout01 .tt-day-grid .tt-day-event__bg > .ch-btns-wrapper * {
padding: 0;
min-width: 79px;
font-size: 12px;
margin: 7px 0; } }
@media (max-width: 1024px) {
html.touch-device .ttcalendar-layout01 .tt-day-grid > *:not(.active) .tt-day-event__bg .ch-btns-wrapper > * {
pointer-events: none; } }
.tickets-wide__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff; }
.tickets-wide__item .tickets-wide__description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
padding: 20px 50px; }
.tickets-wide__item .tickets-wide__description .tt-col:not(:first-child) {
margin-left: 25px; }
.tickets-wide__item .tickets-wide__description .tickets-wide__label {
display: block;
background: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/label-01.png) 0 0 no-repeat;
width: 63px;
height: 73px;
padding-top: 7px;
color: #ffffff;
font-size: 15px;
line-height: 16px;
text-align: center;
background-size: cover; }
.tickets-wide__item .tickets-wide__description .tickets-wide__label span {
display: block;
font-size: 26px;
line-height: 30px;
font-weight: bold; }
.tickets-wide__item .tickets-wide__description .tickets-wide__data {
font-size: 15px;
line-height: 25px;
letter-spacing: 0.2em;
color: #5C5C5C;
text-transform: uppercase; }
.tickets-wide__item .tickets-wide__description .tickets-wide__title {
color: #3D3B42;
font-size: 36px;
line-height: 47px;
letter-spacing: -0.03em;
font-weight: bold;
margin: 4px 0 0 0;
padding: 0; }
.tickets-wide__item .tickets-wide__btn > * {
margin-right: 50px; }
.tickets-wide__item .tickets-wide__btn > *:not(:first-child),.tickets-wide__item .tickets-wide__btn .tt-btn-default {
margin-top: 20px; }
.tickets-wide__item .tickets-wide__btn > * span {
min-width: 157px; }
@media (max-width: 1239px) {
.tickets-wide__item .tickets-wide__description .tickets-wide__title {
font-size: 30px;
line-height: 40px; } }
@media (max-width: 1024px) {
.tickets-wide__item .tickets-wide__description {
padding: 15px 30px; }
.tickets-wide__item .tickets-wide__description .tickets-wide__label {
width: 50px;
height: 60px;
padding-top: 7px;
font-size: 14px;
line-height: 15px; }
.tickets-wide__item .tickets-wide__description .tickets-wide__label span {
font-size: 22px;
line-height: 26px; }
.tickets-wide__item .tickets-wide__description .tickets-wide__data {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.1em; }
.tickets-wide__item .tickets-wide__description .tickets-wide__title {
font-size: 28px;
line-height: 38px; }
.tickets-wide__item .tickets-wide__btn > * {
margin-right: 30px; }
.tickets-wide__item .tickets-wide__btn > * span {
min-width: 140px; } }
@media (max-width: 767px) {
.tickets-wide__item .tickets-wide__description .tt-col:first-child {
display: none; }
.tickets-wide__item .tickets-wide__description .tt-col:not(:first-child) {
margin-left: 0; }
.tickets-wide__item .tickets-wide__description .tickets-wide__data {
font-size: 12px;
line-height: 22px;
letter-spacing: 0.1em; }
.tickets-wide__item .tickets-wide__description .tickets-wide__title {
font-size: 22px;
line-height: 28px; } }
@media (max-width: 576px) {
.tickets-wide__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 30px 20px; }
.tickets-wide__item .tickets-wide__description {
display: block;
text-align: center; }
.tickets-wide__item .tickets-wide__btn {
margin-left: -15px;
margin-top: -10px; }
.tickets-wide__item .tickets-wide__btn > * {
margin: 10px 0 0 15px; } }
.tickets-wide:not(:first-child) {
margin-top: 20px; }
.js-tickets-col {
position: relative;
z-index: 1; }
.js-tickets-col .tickets-wide__season {
text-align: center;
color: #3D3B42;
font-size: 24px;
line-height: 20px;
font-weight: bold;
padding-bottom: 29px; }
@media (min-width: 1025px) {
.tickets-col-wrapper {
margin-top: -36px; }
.tickets-col-wrapper .tickets-col {
margin-top: 36px; } }
@media (max-width: 1024px) {
.tickets-col-wrapper {
margin-top: -27px; }
.tickets-col-wrapper .tickets-col {
margin-top: 27px; } }
@media (max-width: 575px) {
.tickets-col-wrapper {
margin-top: -23px; }
.tickets-col-wrapper .tickets-col {
margin-top: 23px; } }
.tickets-col .tickets-col__img {
position: relative;
overflow: hidden; }
.tickets-col .tickets-col__img img {
width: 100%;
height: auto; }
.tickets-col .tickets-col__img .tickets-col__label {
display: block;
background: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/label-01.png) 0 0 no-repeat;
position: absolute;
background-position: center bottom;
right: 23px;
top: 0px;
width: 61px;
height: 71px;
color: #ffffff;
text-align: center;
font-size: 15px;
line-height: 20px;
padding: 6px 0 0 0;
background-size: cover; }
.tickets-col .tickets-col__img .tickets-col__label strong {
display: block;
font-size: 26px;
line-height: 26px; }
.tickets-col .tickets-col__img .tickets-col__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(61, 59, 66, 0.9);
padding: 13px 13px 20px;
opacity: 0;
-webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 50ms; }
.tickets-col .tickets-col__img .tickets-col__btn > * {
display: inline-block;
margin-top: 7px;
margin-left: 7px;
margin-right: 7px; }
.tickets-col .tickets-col__description {
margin-top: 20px; }
.tickets-col .tickets-col__data {
font-size: 15px;
line-height: 35px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #5C5C5C; }
.tickets-col .tickets-col__title {
font-size: 36px;
font-weight: 500;
color: #3D3B42;
letter-spacing: -0.03em;
margin: 6px 0 0 0;
padding: 0 0 17px 0;
line-height:1;
}
@media (max-width: 1239px) {
.tickets-col .tickets-col__img .tickets-col__btn > * {
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 1024px) {
.tickets-col .tickets-col__img .tickets-col__label {
width: 51px;
height: 63px;
font-size: 13px;
right: 15px; }
.tickets-col .tickets-col__img .tickets-col__label strong {
font-size: 21px;
line-height: 21px; }
.tickets-col .tickets-col__data {
font-size: 14px;
line-height: 24px; }
.tickets-col .tickets-col__title {
font-size: 28px;
padding-bottom: 6px; } }
@media (max-width: 575px) {
.tickets-col {
max-width: 265px;
margin-left: auto;
margin-right: auto; }
.tickets-col .tickets-col__description {
margin-top: 10px; }
.tickets-col .tickets-col__data {
font-size: 13px;
line-height: 23px;
letter-spacing: 0.1em; }
.tickets-col .tickets-col__title {
font-size: 24px;
padding-bottom: 3px;
margin-top: 2px; } }
html:not(.touch-device) .tickets-col:hover .tickets-col__img .tickets-col__btn {
opacity: 1; }
html.touch-device .tickets-col.active .tickets-col__img .tickets-col__btn {
opacity: 1; }
#filter-nav {
position: relative; }
#filter-nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -10px;
padding: 0 0 63px 0; }
@media (max-width: 1024px) {
#filter-nav ul {
padding-bottom:30px
}
}
#filter-nav ul li > a {
color: #3D3B42;
font-size: 19px;
line-height: 16px;
font-weight: bold;
display: inline-block;
padding: 10px 18px; }
#filter-nav ul li > a:hover {
color: #3D3B42; }
@media (min-width: 791px) {
#filter-nav ul li:before, #filter-nav ul li:after {
content: '';
width: 30px;
height: 1px;
background-color: #d8d8da;
display: inline-block;
position: relative;
top: -6px; }
#filter-nav ul li:first-child:before {
display: none; }
#filter-nav ul li:last-child:after {
display: none; } }
@media (max-width: 790px) {
#filter-nav ul li > a {
font-size: 18px;
padding-left: 13px;
padding-right: 13px; }
#filter-nav ul li:before, #filter-nav ul li:after {
width: 20px; } }
@media (max-width: 575px) {
#filter-nav ul {
padding-bottom: 25px; }
#filter-nav ul li > a {
font-size: 16px;
padding-left: 13px;
padding-right: 13px; }
#filter-nav ul li:before, #filter-nav ul li:after {
width: 20px; } }
#tt-filternav__line {
display: block;
position: absolute;
height: 4px;
width: 50px;
top: 29px;
left: 22px;
width: 41px;
border-radius: 10px;
opacity: 1;
-webkit-transition: width .3s linear, left .3s linear, opacity .7s ease-in-out;
transition: width .3s linear, left .3s linear, opacity .7s ease-in-out;
margin-top: 15px;
opacity: 0; }
@media (max-width: 790px) {
#tt-filternav__line {
height: 3px; } }
#filter-layout > *:not(.show) {
display: none; }
#js-more-include {
padding: 0;
display: block !important; }
.gallery-innerlayout-wrapper {
margin-left: -10px;
margin-right: -10px; }
.gallery-innerlayout-wrapper [class^=col-] {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px; }
@media (min-width: 1025px) {
.gallery-innerlayout-wrapper {
padding-left: 55px;
padding-right: 55px; } }
@media (max-width: 1024px) {
.gallery-innerlayout-wrapper {
padding-left: 5px;
padding-right: 5px; } }
.gallery-innerlayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
overflow: hidden; }
.gallery-innerlayout .gallery__img {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
background-color: #252427; }
.gallery-innerlayout > *:not(.gallery__img) {
position: relative;
z-index: 2; }
.gallery-innerlayout .gallery__time {
font-size: 15px;
line-height: 25px;
color: #ffffff;
letter-spacing: 0.2em;
text-transform: uppercase; }
.gallery-innerlayout .gallery__title {
color: #ffffff;
font-size: 36px;
line-height: 38px;
font-weight:bold;
margin-top: 10px; }
.gallery-innerlayout .gallery__video {
width: 93px;
height: 93px;
border-radius: 50%;
position: relative;
pointer-events: none; }
.gallery-innerlayout .gallery__video:before {
content: '';
display: inline-block;
border: 11px solid transparent;
border-left: 17px solid #ffffff;
margin-right: 3px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-5px, -10px);
transform: translate(-5px, -10px); }
.gallery-innerlayout:hover .gallery__img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
@media (min-width: 1660px) {
.gallery-innerlayout {
height: 505px; } }
@media (max-width: 1659px) {
.gallery-innerlayout {
height: 400px; } }
@media (max-width: 1400px) {
.gallery-innerlayout {
height: 290px; }
.gallery-innerlayout .gallery__time {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.13em; }
.gallery-innerlayout .gallery__title {
font-size: 30px;
line-height: 32px; } }
@media (max-width: 1024px) {
.gallery-innerlayout {
height: 270px; }
.gallery-innerlayout .gallery__time {
font-size: 13px;
line-height: 23px;
letter-spacing: 0.13em; }
.gallery-innerlayout .gallery__title {
font-size: 26px;
line-height: 28px;
margin-top: 7px; }
.gallery-innerlayout .gallery__video {
width: 79px;
height: 79px; }
.gallery-innerlayout .gallery__video:before {
border-width: 7px;
border-left-width: 13px;
-webkit-transform: translate(-5px, -6px);
transform: translate(-5px, -6px); } }
@media (max-width: 790px) {
.gallery-innerlayout {
height: 210px; }
.gallery-innerlayout .gallery__time {
font-size: 12px;
line-height: 20px;
letter-spacing: 0.1em; }
.gallery-innerlayout .gallery__title {
font-size: 22px;
line-height: 24px;
margin-top: 4px; }
.gallery-innerlayout .gallery__video {
width: 53px;
height: 53px; }
.gallery-innerlayout .gallery__video:before {
border-width: 6px;
border-left-width: 10px;
-webkit-transform: translate(-3px, -6px);
transform: translate(-3px, -6px); } }
@media (max-width: 575px) {
.gallery-innerlayout {
height: 200px; } }
.gallery-externallayout-wrapper {
margin-left: -10px;
margin-right: -10px; }
.gallery-externallayout-wrapper [class^=col-] {
padding-left: 10px;
padding-right: 10px; }
@media (min-width: 1025px) {
.gallery-externallayout-wrapper {
padding-left: 55px;
padding-right: 55px;
margin-top: -43px; }
.gallery-externallayout-wrapper [class^=col-] {
padding-top: 63px; } }
@media (max-width: 1024px) {
.gallery-externallayout-wrapper {
padding-left: 5px;
padding-right: 5px;
margin-top: -33px; }
.gallery-externallayout-wrapper [class^=col-] {
padding-top: 33px; } }
.gallery-externallayout {
text-align: center;
display: block; }
.gallery-externallayout .gallery__img {
overflow: hidden;
position: relative; }
.gallery-externallayout .gallery__img img {
width: 100%;
height: auto;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s; }
.gallery-externallayout .gallery__time {
font-size: 15px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #5C5C5C;
margin-top: 23px; }
.gallery-externallayout .gallery__title {
font-size: 36px;
line-height: 38px;
color: #3D3B42;
margin-top: 10px;
font-weight:bold}
.gallery-externallayout .gallery__video {
width: 93px;
height: 93px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
pointer-events: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.gallery-externallayout .gallery__video:before {
content: '';
display: inline-block;
border: 11px solid transparent;
border-left: 17px solid #ffffff;
margin-right: 3px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-5px, -10px);
transform: translate(-5px, -10px); }
.gallery-externallayout:hover .gallery__img img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
@media (max-width: 1024px) {
.gallery-externallayout .gallery__time {
font-size: 14px; }
.gallery-externallayout .gallery__title {
font-size: 30px;
line-height: 32px;
margin-top: 5px; }
.gallery-externallayout .gallery__video {
width: 79px;
height: 79px; }
.gallery-externallayout .gallery__video:before {
border-width: 7px;
border-left-width: 13px;
-webkit-transform: translate(-5px, -6px);
transform: translate(-5px, -6px); } }
@media (max-width: 790px) {
.gallery-externallayout .gallery__time {
font-size: 14px;
letter-spacing: .2em; }
.gallery-externallayout .gallery__title {
font-size: 24px;
line-height: 26px;
margin-top: 5px; }
.gallery-externallayout .gallery__video {
width: 53px;
height: 53px; }
.gallery-externallayout .gallery__video:before {
border-width: 6px;
border-left-width: 10px;
-webkit-transform: translate(-3px, -6px);
transform: translate(-3px, -6px); } }
@media (min-width: 1025px) {
.tt-news-list {
margin-top: -63px; }
.tt-news-list [class^="col-"],.tt-news-list .col_grid{
margin-top: 63px; } }
@media (max-width: 1024px) {
.tt-news-list {
margin-top: -33px; }
.tt-news-list [class^="col-"],.tt-news-list .col_grid {
margin-top: 33px; } }
@media (max-width: 575px) {
.tt-news-list {
margin-top: -23px; }
.tt-news-list [class^="col-"],.tt-news-list .col_grid {
margin-top: 23px; } }
.tt-news {
text-align: center;
text-decoration: none;
display: block; }
.tt-news .tt-news__img {
position: relative;
overflow: hidden; }
.tt-news .tt-news__img img {
width: 100%;
height: auto;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s; }
.tt-news .tt-news__img .tt-btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.tt-news .tt-news__time {
font-size: 15px;
line-height: 35px;
letter-spacing: 0.2em;
color: #5C5C5C;
text-transform: uppercase;
margin-top: 23px; }
.tt-news .tt-news__title {
font-weight: bold;
color: #3D3B42;
font-size: 36px;
line-height: 38px;
margin: 12px 0 0 0;
padding: 0;
letter-spacing: 0;
margin-top: 10px}
.tt-news:hover .tt-news__img img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
@media (max-width: 1024px) {
.tt-news .tt-news__title {
font-size: 26px;
line-height: 32px;
margin: 8px 0 0 0; } }
@media (max-width: 790px) {
.tt-news .tt-news__time {
font-size: 14px;
line-height: 34px;
letter-spacing: 0.1em; }
.tt-news .tt-news__title {
font-size: 22px;
line-height: 28px;
margin: 4px 0 0 0; } }
@media (max-width: 575px) {
.tt-news .tt-news__time {
font-size: 13px;
line-height: 34px;
letter-spacing: 0.1em; }
.tt-news .tt-news__title {
font-size: 20px;
line-height: 26px;
margin: 0px 0 0 0; } }
.tt-block-aside .tt-aside-title, .widget-area .tt-widget-title {
font-size: 24px;
line-height: 31px;
letter-spacing: -0.03em;
color: #3D3B42;
font-weight: bold;
margin: 0;
padding: 0 0 30px 0;
}
.tt-block-aside + .tt-block-aside,.widget-area .side-block + .side-block {
margin-top:50px; }
.form-default {
margin: 0; }
.form-default .tt-form-search {
position: relative; }
.form-default .tt-form-search button[type=submit].tt-btn-icon {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
height: 51px;
width: 50px;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
background:none !important;
cursor: pointer; }
.form-default .tt-form-search .form-control:not(textarea) {
height: 51px; }
.tt-aside-post .tt-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.tt-aside-post .tt-item .tt-item__img {
width: 80px;
min-width: 80px; }
.tt-aside-post .tt-item .tt-item__img img {
width: 100%;
height: auto; }
.tt-aside-post .tt-item .tt-item__img + .tt-item__description {
padding: 0 0 0 20px; }
.tt-aside-post .tt-item .tt-item__data {
font-size: 13px;
line-height: 20px;
color: #5C5C5C;
letter-spacing: 0.2em;
text-transform: uppercase; }
.tt-aside-post .tt-item .tt-item__title {
font-weight: bold;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.03em;
color: #3B4757;
margin: 7px 0 0 0; }
.tt-aside-post .tt-item .tt-item__title a {
color: #3B4757;
text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }
.tt-aside-post .tt-item:not(:last-child) {
border-bottom: 1px solid #ececee;
padding-bottom: 15px;
margin-bottom: 15px; }
@media (max-width: 1239px) {
.tt-aside-post .tt-item .tt-item__img {
width: 75px;
min-width: 75px; }
.tt-aside-post .tt-item .tt-item__img img {
width: 100%;
height: auto; }
.tt-aside-post .tt-item .tt-item__description {
padding-left: 15px; }
.tt-aside-post .tt-item .tt-item__data {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.01em; }
.tt-aside-post .tt-item .tt-item__title {
font-size: 16px;
line-height: 22px; } }
.tt-block-aside .datepicker-here {
margin-top: 5px; }
.datepicker-here .datepicker-inline .datepicker {
border: none;
margin-left: 0;
margin-right: 0;
width: 100%; }
.datepicker-here .datepicker--content {
padding: 0; }
.datepicker-here .datepicker--nav-action path {
stroke: #888888; }
.datepicker-here .datepicker--nav {
border: none;
padding: 0 0 8px 0; }
.datepicker-here .datepicker--nav .datepicker--nav-action {
position: absolute;
background: transparent; }
.datepicker-here .datepicker--nav .datepicker--nav-action:first-child {
right: 32px; }
.datepicker-here .datepicker--nav .datepicker--nav-action:last-child {
right: 0; }
.datepicker-here .datepicker--nav .datepicker--nav-title {
font-size: 17px;
line-height: 27px;
color: #888888;
padding-left: 0; }
.datepicker-here .datepicker--days-names {
background: #343337;
color: #ffffff;
margin: 0; }
.datepicker-here .datepicker--day-name {
font-size: 16px;
color: #ffffff;
padding: 8px 0; }
.datepicker-here .datepicker--cells .datepicker--cell {
background: #f3f3f3;
border-radius: 0;
border: 1px solid #ffffff;
font-size: 15px;
height: 40px; }
.datepicker-here .datepicker--cell-day.-other-month-,
.datepicker-here .datepicker--cell-year.-other-decade- {
background: #fbfbfb;
color: transparent; }
.datepicker-here .datepicker--cell.-current- {
color: #ffffff;
}
@media (max-width: 1239px) {
.datepicker-here .datepicker--day-name {
font-size: 14px; }
.datepicker-here .datepicker--cells .datepicker--cell {
font-size: 13px;
height: 37px; } }
.tt-comments-layout {
margin-top: 27px;
clear:both;
padding-top: 27px}
@media (min-width: 1240px) {
.tt-comments-layout {
margin-right: 22px; } }
@media (max-width: 479px) {
.tt-comments-layout {
margin-top:0;
padding-top:0
}
}
.tt-comments-layout .tt-comments-layout__title {
font-size: 24px;
line-height: 31px;
letter-spacing: -0.03em;
font-weight: bold;
color: #3D3B42; }
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar {
width: 80px;
min-width: 80px;
height: 80px;
position: relative;
margin-right: 26px;
margin-top: 4px; }
@media (max-width: 1025px) {
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar {
width: 50px;
min-width: 50px;
height: 50px;
position: relative;
margin-right: 10px;
}
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar img {
position: relative;
z-index: 2;
max-width: 100%;
height: auto; }
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar:empty:before {
font-family: "club";
content: "\e919";
font-size: 24px;
line-height: 73px;
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
color: #ffffff; }
@media (max-width: 1024px) {
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar:empty:before {
line-height:inherit;
}
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar:empty:after {
content: '';
background-color: #F3F3F3;
width: 100%;
height: 100%;
min-width: 59px;
display: block;
top: 0;
left: 0;
z-index: 0;
border-radius: 50%; }
@media (max-width: 1024px) {
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar:empty:after {
min-width: 50px; }
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-btn-default {
position: absolute;
right: 0;
top: 5px; }
@media (max-width: 767px) {
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-btn-default {
top:4px; }
}
.tt-comments-layout .tt-item .children div[class^="tt-comments-level-"] .tt-content .tt-btn-default{
top:34px
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title {
padding-bottom: 13px; }
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .username {
display: block;
font-weight: bold;
font-size: 18px;
line-height: 36px;
color: #3D3B42; }
@media (max-width: 767px) {
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .username {
font-size: 16px;
}
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .username span {
color: #3D3B42; }
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .time {
font-size: 15px;
line-height: 18px;
color: #5C5C5C;
margin-top: 3px; }
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .time .tt-icon {
display: inline-block;
margin-right: 7px;
font-size: 14px;
font-weight: bold; }
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content p {
margin-top: 7px; }
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content > *:nth-child(1) {
margin-top: 0; }
.tt-comments-layout .tt-item:not(:last-child) {
padding-bottom: 21px; }
.tt-comments-layout .tt-item {
margin-top: 24px; }
.tt-comments-layout .tt-comments-level-2 {
margin-left: 35px;
margin-top: 33px;
padding: 33px 0 40px 0;
border-top: 1px solid #d8d8da; }
@media (max-width: 790px) {
.tt-comments-layout .tt-comments-layout__title {
font-size: 20px;
line-height: 27px; } }
@media (max-width: 575px) {
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content {
margin-top: 10px; }
.tt-comments-layout .tt-item .tt-comments-level-2 {
margin-top: 35px; }
.tt-comments-layout .tt-item:not(:first-child) {
margin-top: 10px; }
.tt-comments-layout .tt-item:not(:last-child) {
padding-bottom: 9px; }
.tt-comments-layout .tt-comments-level-2 {
margin-top: 2px;
margin-left: 20px; } }
.news-single {
-webkit-box-shadow: 0px 0px 20px rgba(52, 51, 55, 0.2);
box-shadow: 0px 0px 20px rgba(52, 51, 55, 0.2); }
@media (min-width: 1240px) {
.news-single {
margin-right: 22px; } }
@media (max-width:479px) {
.news-single {
box-shadow: none } }
.news-single .news-single__layout {
padding: 47px 50px 50px; }
.news-single .news-single__layout.search-empty{
padding-bottom:60px
}
@media (max-width: 1239px) {
.news-single .news-single__layout {
padding: 47px 30px 30px;
}
.news-single .clubio_sticky .news-single__layout, .news-single .tt-news__img + .news-single__layout {
padding-top:47px}
}
@media (max-width: 479px) {
.news-single .news-single__layout {
padding-left:0;
padding-right:0;
padding-top:30px
}
.news-single .tt-news__img + .news-single__layout {
padding-top:20px}
}
.news-single .news-single__img img {
width: 100%;
height: auto; }
.news-single .news-single__data {
position:relative;
}
@media (max-width: 479px) {
.news-single .news-single__data {
margin-left:0;
}
}
.news-single .news-single__data .tt-col {
display: inline-block;
margin-right: 20px;
margin-bottom:4px
}
@media (max-width: 479px) {
.news-single .news-single__data .tt-col {
display:block;
}
}
.news-single .news-single__time {
font-size: 15px;
line-height: 25px;
letter-spacing: 0.2em;
text-transform: uppercase; }
.news-single .news-single__link .tt-icon .icon{
width:17px;
height: 17px
}
@media (max-width: 767px) {
.news-single .news-single__link .tt-icon .icon{
display: block;
}
}
.news-single .news-single__link,.news-single .news-single__link .ch-icon-text {
color: #ABABAB;
font-size: 15px;
line-height: 24px;
font-weight: normal
}
.news-single .news-single__link .tt-icon {
display: inline-block;
margin-right:0;
position: relative;
min-width:25px;
top:3px;
}
.news-single .news-single__link .tt-icon.tt-author,.news-single .news-single__link .tt-icon.tt-comments{
margin-right:-3px
}
.news-single .news-single__link .tt-icon.tt-comments{
top:4px
}
.news-single .news-single__title {
font-size: 36px;
line-height: 50px;
letter-spacing: -0.03em;
font-weight: bold;
color: #3D3B42;
padding: 0 0 12px 0;
margin: 12px 0 0 0; }
.news-single .news-single__title a{
color: #3D3B42;
}
.news-single .news-single__title + p {
margin-top: 0; }
.news-single .news-single__subtitle {
color: #3D3B42;
font-weight: bold;
font-size: 24px;
line-height: 26px;
margin: 0;
padding: 0 0 30px 0; }
.news-single .news-single__subtitle + p {
margin-top: 0; }
.news-single .news-single__subtitle.subtitle-top {
margin-top: 40px; }
.news-single .news-single__title {
font-size: 30px;
line-height: 40px;
letter-spacing: -0.03em;
padding: 0 0 12px 0;
margin: 12px 0 0 0; } }
@media (max-width: 790px) {
.news-single .news-single__title {
font-size: 26px;
line-height: 36px;
letter-spacing: -0.03em;
padding: 0 0 12px 0;
margin: 12px 0 0 0; } }
.news-single__boximg {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.news-single__boximg picture {
display: block;
margin-top: 8px; }
.news-single__boximg .tt-img-layout {
padding: 0 0 0 0px; }
.news-single__boximg .tt-img-layout p:first-child {
margin-top: 0; }
@media (min-width: 791px) {
.news-single__boximg .tt-item-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-right: 30px; }
.news-single__boximg .tt-img-layout {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (max-width: 790px) {
.news-single__boximg {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.news-single__boximg .tt-item-img {
width: 100%; }
.news-single__boximg .tt-img-layout {
width: 100%;
margin-top: 16px; } }
.quote:before, blockquote:before, .wp-block-quote:before,.tt-blockquote:before{
content: '';
position: absolute;
left:0;
top: 0;
width: 4px;
height: 100%;
border-radius: 10px;
height:100%
}
.tt-blockquote.tt-blockquote-top {
margin-top:20px; }
.news-single__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.news-single__meta .tt-col + .tt-col{
min-width:135px
}
.news-single__meta .news-single__meta__label {
display: inline-block;
margin-right: 24px;
font-weight: bold;
font-size: 24px;
line-height: 36px;
color: #3D3B42;
font-weight: bold; }
@media (max-width: 1024px) {
.news-single__meta .news-single__meta__label,.news-single__meta .tt-list-box {
padding: 10px 0
}
}
.news-single__meta .tt-list-box {
display: inline-block; }
@media (max-width: 1024px) {
.news-single__meta {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.news-single__meta .tt-col:not(:first-child) {
margin-top: 15px; }
.news-single__meta .tt-col.tt-col-socials {
margin:0;
min-width:inherit;
padding:10px 0
}
}
#tt-pageContent .personal-box {
background: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/news/personal-box01__bg.jpg) 0 0 no-repeat;
background-size: cover;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative; }
#tt-pageContent .personal-box:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
#tt-pageContent .personal-box .personal-box__img {
width: 131px;
min-width: 131px;
height: 131px;
border-radius: 50%;
overflow: hidden; }
@media (max-width: 1239px) {
#tt-pageContent .personal-box .personal-box__img {
width: 90px;
min-width: 90px;
height: 90px; } }
#tt-pageContent .personal-box .personal-box__img img{
width:auto;
height: auto }
#tt-pageContent .personal-box .personal-box_description {
color: #D3D3D5;
padding: 0 0 0 30px; }
#tt-pageContent .personal-box .personal-box__title {
font-weight: bold;
font-size: 18px;
line-height: 36px;
color: #ffffff;
margin: 0;
padding: 0 0 10px 0; }
#tt-pageContent .personal-box .personal-box__title + p {
margin-top: 0; }
#tt-pageContent .personal-box.personal-box__top {
margin-top: 40px; }
#tt-pageContent .personal-box .tt-social-icon {
margin-top: 19px; }
#tt-pageContent .personal-box .tt-social-icon li a:not(:hover) {
color: #ffffff; }
@media (max-width: 1239px) {
#tt-pageContent .personal-box {
padding: 20px; }
#tt-pageContent .personal-box .personal-box_description {
padding-left: 20px; } }
.form-single-post {
margin-top: 24px; }
@media (max-width: 1239px) {
.form-single-post {
margin-top:0; }
}
.form-single-post .tt-form-title {
font-weight: bold;
font-size: 24px;
line-height: 31px;
letter-spacing: -0.03em;
color: #3D3B42;
margin: 0;
padding: 0 0 26px 0; }
.form-single-post form {
max-width: 652px; }
@media (max-width: 790px) {
.form-single-post .tt-form-title {
font-size: 20px;
line-height: 27px; } }
.tt-select {
opacity: 0; }
.tt-skinSelect-02 .SumoSelect {
cursor: pointer;
font-size: 16px;
line-height: 17px;
letter-spacing: -0.01em;
font-weight: bold;
width: 38px;
position: relative;
top: -1px; }
.tt-skinSelect-02 .SumoSelect > .optWrapper {
border-radius: 0;
border: none; }
.tt-skinSelect-02 .SumoSelect > .CaptionCont {
padding: 8px 12px 8px 2px;
background: transparent;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
outline: none;
border: none; }
.tt-skinSelect-02 .SumoSelect > .CaptionCont > span.placeholder,
.tt-skinSelect-02 .SumoSelect > .CaptionCont > span {
font-style: normal;
color: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
text-transform: uppercase;
padding-right: 16px; }
.tt-skinSelect-02 .SumoSelect > .CaptionCont > label {
cursor: pointer; }
.tt-skinSelect-02 .SumoSelect > .CaptionCont > label > i {
display: none; }
.tt-skinSelect-02 .SumoSelect > .CaptionCont > label:after {
content: "\e907";
font-family: "club";
color: #ffffff;
display: block;
pointer-events: none;
position: absolute;
right: 17px;
top:0;
font-weight: normal;
font-size: 5px;
-webkit-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
line-height: 40px}
@media (max-width: 1025px) {
.tt-skinSelect-02 .SumoSelect > .CaptionCont > label:after {
line-height: 35px } }
@media (max-width: 479px) {
.tt-skinSelect-02 .SumoSelect > .CaptionCont > label:after {
line-height: 35px } }
.tt-skinSelect-02 .SumoSelect > .CaptionCont,
.tt-skinSelect-02 .SumoSelect:focus > .CaptionCont {
-webkit-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: none; }
.tt-skinSelect-02 .SumoSelect:hover > .CaptionCont,
.tt-skinSelect-02 .SumoSelect.open > .CaptionCont {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: none; }
.tt-skinSelect-02 .SumoSelect .optWrapper {
top: 100% !important;
right: 0;
min-width: 90px;
background-color: #ffffff;
color: #3D3B42;
padding: 7px 0; }
.tt-skinSelect-02 .SumoSelect .optWrapper:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
}
.tt-skinSelect-02 .SumoSelect .optWrapper > .options li.opt.disabled {
font-weight: bold;
}
.tt-skinSelect-02 .SumoSelect .optWrapper > .options li.opt.disabled * {
opacity: 1; }
.tt-skinSelect-02 .SumoSelect .optWrapper > .options li.opt {
text-align: left;
padding: 2px 14px;
border-color: transparent;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.tt-skinSelect-02 .SumoSelect .optWrapper > .options li.opt:hover {
background: transparent;
}
.tt-skinSelect-02.tt-select__popup-right .SumoSelect > .optWrapper {
left: auto;
right: 0; }
.tt-skinSelect-01 .SumoSelect > .CaptionCont {
border-color: rgba(0, 0, 0, 0.15);
position: relative;
min-height: 41px;
-webkit-box-shadow: none;
box-shadow: none; }
.tt-skinSelect-01 .SumoSelect > .CaptionCont > label > i {
display: none; }
.tt-skinSelect-01 .SumoSelect > .CaptionCont > label:after {
content: "";
position: absolute;
display: block;
right: 21px;
top: 19px;
border: 3px solid transparent;
border-top: 3px solid #3D3B42;
-webkit-transition: color .15s ease-in-out;
transition: color .15s ease-in-out; }
.tt-skinSelect-01 .SumoSelect .SelectBox {
padding: 11px 12px 6px;
color: #888888;
font-size: 16px;
line-height: 19px; }
.tt-skinSelect-01 .SumoSelect > .optWrapper ul {
padding-top: 10px;
padding-bottom: 10px; }
.tt-skinSelect-01 .SumoSelect .optWrapper > .options li.opt {
padding: 1px 12px 1px;
border-bottom: transparent;
color: #888888;
background: transparent; }
.tt-skinSelect-01 .SumoSelect > .CaptionCont,
.tt-skinSelect-01 .SumoSelect:focus > .CaptionCont {
-webkit-box-shadow: none;
box-shadow: none; }
.tt-skinSelect-01 .SumoSelect:hover > .CaptionCont,
.tt-skinSelect-01 .SumoSelect.open > .CaptionCont {
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
::-webkit-input-placeholder {
color: #888888; }
::-moz-placeholder {
color: #888888; }
:-moz-placeholder {
color: #888888; }
:-ms-input-placeholder {
color: #888888; }
::-moz-placeholder, :-moz-placeholder {
opacity: 1; }
input:focus::-webkit-input-placeholder {
color: transparent; }
input:focus:-moz-placeholder {
color: transparent; }
input:focus::-moz-placeholder {
color: transparent; }
input:focus:-ms-input-placeholder {
color: transparent; }
textarea:focus::-webkit-input-placeholder {
color: transparent; }
textarea:focus:-moz-placeholder {
color: transparent; }
textarea:focus::-moz-placeholder {
color: transparent; }
textarea:focus:-ms-input-placeholder {
color: transparent; }
.form-default .form-group {
position: relative; }
@media (max-width: 767px) {
.form-default .form-group {
margin-bottom:.5rem; }
.form-default .form-group + .row-btn{
margin-top: 30px
}
}
.form-default .form-group label.error {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 56px;
left: 0;
padding: 8px 12px 6px;
background: red;
color: #ffffff;
font-size: 14px;
line-height: 22px;
z-index: 1;
width: 100%; }
.form-default .form-group label.error:after {
content: '';
position: absolute;
top: -12px;
left: 50%;
border: 6px solid transparent;
border-bottom: 6px solid #f8353e; }
.form-default .pt-disabled {
pointer-events: none;
opacity: 0.5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.form-default button[type=submit] {
margin-top: 10px; }
.form-default .form-control {
background: transparent;
font-size: 17px;
line-height: 25px;
border: 1px solid #dddddd;
color: #888888;
padding: 13px 12px 12px 18px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
box-shadow: none; }
@media (max-width: 1024px) {
.form-default .form-control {
font-size: 15px;
}
}
@media (max-width: 479px) {
.form-default .form-control {
font-size: 14px;
}
}
.form-default .form-control.is-invalid {
border: 1px solid red; }
.form-default .form-control:not(textarea) {
height: 48px; }
.form-default input.form-control,
.form-default textarea.form-control {
-webkit-appearance: none; }
.form-default textarea.form-control {
padding-top: 10px; }
.form-default .form-control.error {
border-color: red;
-webkit-box-shadow: none;
box-shadow: none; }
.form-default .form-control:focus {
background: transparent; }
.form-default .pt-required {
display: inline-block;
float: right;
position: relative;
top: 4px;
color: red;
padding-left: 5px;
font-size: 14px;
line-height: 22px; }
.form-default .invalid-feedback {
margin-top: 2px;
font-size: 14px;
line-height: 24px; }
.tt-subtitle + .form-default {
margin-top: 5px; }
.modal-open {
overflow: hidden; }
body:not(.touch-device).modal-open {
overflow-x: hidden;
padding-right: 17px; }
body:not(.touch-device).modal-open #tt-stuck.stuck {
padding-right: 17px; }
body:not(.touch-device).modal-open .tt-on-top {
padding-right: 17px; }
html.ie.gecko body.modal-open {
padding-right: 0px !important; }
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 11;
-webkit-overflow-scrolling: touch;
outline: none;
text-align: center;
padding: 0;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s;
opacity: 0; }
.modal.show {
opacity: 1; }
@media (min-width: 320px) {
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px; } }
@media (min-width: 731px) {
.modal-md {
width: 567px; } }
@media (max-width: 730px) {
.modal-md {
width: 528px; } }
@media (max-width: 580px) {
.modal-md {
width: 420px; } }
@media (max-width: 480px) {
.modal-md {
width: 315px; } }
@media (min-width: 731px) {
.modal-lg {
width: 667px; } }
@media (max-width: 730px) {
.modal-lg {
width: 528px; } }
@media (max-width: 580px) {
.modal-lg {
width: 420px; } }
@media (max-width: 480px) {
.modal-lg {
width: 320px; } }
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 11;
-webkit-overflow-scrolling: touch;
outline: none; }
.modal .modal-content {
border-radius: 0;
border: none; }
.modal .modal-footer {
border: none; }
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 30;
-webkit-overflow-scrolling: touch;
outline: none; }
.modal .modal-dialog {
display: inline-block;
vertical-align: middle; }
@media (min-width: 576px) {
.modal .modal-dialog {
max-width: inherit; } }
.modal .modal-body:not(.no-background) {
background-color: #ffffff; }
.modal .modal-body {
position: relative;
text-align: left;
padding: 34px 56px 40px; }
.modal .modal-body:before {
content: '';
width: 100%;
height: 4px;
display: block;
position: absolute;
top: 0;
left: 0; }
.modal .modal-body .close {
font-size: 21px;
line-height: 1;
position: absolute;
top: 4px;
right: 0;
display: inline-block;
z-index: 7;
padding: 18px 23px;
color: #3D3B42;
background: none;
border: none;
outline: none;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s; }
.modal .modal-body .modal-titleblock {
padding-bottom: 22px; }
.modal .modal-body .modal-titleblock .modal-title {
font-size: 36px;
line-height: 38px;
color: #3D3B42;
font-weight: bold;
margin: 0;
padding: 0;
text-align: center;
letter-spacing: -0.03em; }
.modal .modal-body .modal-titleblock .modal-title__label {
font-weight: 500;
font-size: 24px;
line-height: 25px;
letter-spacing: -0.03em;
color: #3D3B42;
margin-top: 5px;
margin-bottom: -2px; }
@media (min-width: 1025px) {
.modal .modal-body {
padding: 34px 56px 40px; } }
@media (max-width: 1024px) {
.modal .modal-body {
padding: 34px 30px 40px; } }
@media (max-width: 580px) {
.modal .modal-body {
padding: 34px 23px 40px; }
.modal .modal-body .modal-titleblock {
padding-bottom: 20px; }
.modal .modal-body .modal-titleblock .modal-title {
font-size: 27px; }
.modal .modal-body .modal-titleblock .modal-title__label {
font-size: 20px;
margin-top: 2px; } }
@media (max-width: 480px) {
.modal .modal-body {
padding: 38px 20px 40px; }
.modal .modal-body .modal-titleblock {
padding-bottom: 20px; }
.modal .modal-body .modal-titleblock .modal-title {
font-size: 22px; }
.modal .modal-body p {
padding-bottom: 20px; } }
.modal#modalBayTickets .modal-body {
padding: 50px 0; }
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px; }
.modal-backdrop {
background: #000000; }
.modal-backdrop.show {
opacity: 0.5; }
.modal-layout-dafault ::-webkit-input-placeholder {
color: #888888; }
.modal-layout-dafault ::-moz-placeholder {
color: #888888; }
.modal-layout-dafault :-moz-placeholder {
color: #888888; }
.modal-layout-dafault :-ms-input-placeholder {
color: #888888; }
.modal-layout-dafault input:not(.tt-search-input):focus::-webkit-input-placeholder {
color: transparent; }
.modal-layout-dafault input:not(.tt-search-input):focus:-moz-placeholder {
color: transparent; }
.modal-layout-dafault input:not(.tt-search-input):focus::-moz-placeholder {
color: transparent; }
.modal-layout-dafault input:not(.tt-search-input):focus:-ms-input-placeholder {
color: transparent; }
.modal-layout-dafault textarea:focus::-webkit-input-placeholder {
color: transparent; }
.modal-layout-dafault textarea:focus:-moz-placeholder {
color: transparent; }
.modal-layout-dafault textarea:focus::-moz-placeholder {
color: transparent; }
.modal-layout-dafault textarea:focus:-ms-input-placeholder {
color: transparent; }
.modal-layout-dafault .form-group {
margin-bottom: 9px;
position: relative; }
.modal-layout-dafault .form-group > label {
color: #3D3B42;
font-size: 16px;
line-height: 19px;
display: inline-block;
padding: 0;
margin: 0;}
.modal-layout-dafault .form-group .form-group__icon {
position: absolute;
right: 10px;
bottom: 11px;
display: block;
pointer-events: none;
}
.modal-layout-dafault .form-control {
background: #ffffff;
color: #888888;
line-height: 19px;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
padding: 10px 12px 6px;
padding-top:5px}
.modal-layout-dafault .form-control:not(textarea) {
height: 41px; }
.modal-layout-dafault input.form-control,
.modal-layout-dafault textarea.form-control {
-webkit-appearance: none; }
.modal-layout-dafault textarea {
min-height: 89px; }
.modal-layout-dafault .row-btn {
margin-top: 28px; }
.modal-baytickets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.modal-baytickets .tt-col-left {
-webkit-box-flex: 0;
-ms-flex: 0 0 37%;
flex: 0 0 37%;
max-width: 37%; }
.modal-baytickets .tt-col-right {
-webkit-box-flex: 0;
-ms-flex: 0 0 63%;
flex: 0 0 63%;
max-width: 63%;
padding: 0 50px 0 25px; }
.modal-baytickets .baytickets__img img {
width: 100%;
height: auto; }
.modal-baytickets .countdown-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border: 1px solid #e5e5e5;
margin-top: 22px; }
.modal-baytickets .countdown-row .countdown-section {
position: relative;
color: #3D3B42;
width: 33.333%;
text-align: center;
letter-spacing: -0.03em;
padding: 13px 5px; }
.modal-baytickets .countdown-row .countdown-section:not(:first-child) {
border-left: 1px solid #e5e5e5; }
.modal-baytickets .countdown-row .countdown-section .countdown-amount {
font-size: 36px;
line-height: 40px;
display: block;
font-weight: 700; }
.modal-baytickets .countdown-row .countdown-section .countdown-period {
display: block;
padding-top: 2px;
font-size: 17px;
line-height: 19px; }
.modal-baytickets .row-btn {
margin-left: -18px; }
.modal-baytickets .row-btn [class^=tt-btn] {
margin-top: 18px;
margin-left: 18px; }
.modal-baytickets .baytickets__timing {
margin: 33px 0 0 50px;
padding: 0; }
.modal-baytickets .baytickets__timing dt {
font-size: 16px;
line-height: 17px;
color: #3D3B42;
letter-spacing: -0.01em;
font-weight: bold;
padding: 0 0 8px 0; }
.modal-baytickets .baytickets__timing dd {
margin:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 36px;
letter-spacing: -0.03em;
font-weight: bold;
color: #3D3B42;
padding: 0 0 18px 0; }
.modal-baytickets .baytickets__timing dd .tt-col > svg {
position: relative;
top: 0px; }
.modal-baytickets .baytickets__timing dd .tt-col:not(:first-child) {
margin-left: 16px; }
.modal-baytickets .baytickets__timing dd:not(:last-child) {
border-bottom: 1px solid #e6e6e6; }
.modal-baytickets .baytickets__timing dd + dt {
margin-top: 18px; }
.modal-baytickets .baytickets__timer .tt-title {
letter-spacing: 0.2em;
text-transform: uppercase;
font-size: 15px;
color: #5C5C5C; }
.modal-baytickets .baytickets__timer .pt-countdow-title {
display: inline-block;
font-size: 14px;
line-height: 17px;
color: red;
padding-bottom: 10px; }
.modal-baytickets .baytickets__description {
margin-top: 25px; }
.modal-baytickets .baytickets__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 13px;
margin-left: -15px; }
.modal-baytickets .baytickets__social > li > a {
display: inline-block;
padding: 5px 15px;
color: #3D3B42;
font-size: 15px;
-webkit-transition: color .2s linear;
transition: color .2s linear; }
@media (max-width: 1024px) {
.modal-baytickets .baytickets__timing {
margin: 23px 0 0 30px; }
.modal-baytickets .baytickets__timing dd {
font-size: 27px;
padding-bottom: 12px; }
.modal-baytickets .baytickets__timing dd .tt-col > svg {
max-width: 20px;
height: auto; }
.modal-baytickets .baytickets__timing dd + dt {
margin-top: 13px; }
.modal-baytickets .countdown-row .countdown-section .countdown-amount {
font-size: 30px; }
.modal-baytickets .countdown-row .countdown-section .countdown-period {
font-size: 16px; } }
@media (min-width: 581px) {
.modal-baytickets .tt-col-left {
-webkit-box-flex: 0;
-ms-flex: 0 0 37%;
flex: 0 0 37%;
max-width: 37%; }
.modal-baytickets .tt-col-right {
-webkit-box-flex: 0;
-ms-flex: 0 0 63%;
flex: 0 0 63%;
max-width: 63%; } }
@media (max-width: 580px) {
.modal-baytickets .baytickets__timing {
margin: 23px 0 0 20px; }
.modal-baytickets .baytickets__timing dd {
font-size: 22px;
padding-bottom: 12px; }
.modal-baytickets .baytickets__timing dd .tt-col > svg {
max-width: 20px;
height: auto; }
.modal-baytickets .baytickets__timing dd .tt-col:not(:first-child) {
margin-left: 10px; }
.modal-baytickets .baytickets__timing dd + dt {
margin-top: 13px; }
.modal-baytickets .countdown-row {
margin-top: 7px; }
.modal-baytickets .countdown-row .countdown-section .countdown-amount {
font-size: 20px;
line-height: 30px; }
.modal-baytickets .countdown-row .countdown-section .countdown-period {
font-size: 14px;
line-height: 19px;
margin-top: 0; }
.modal-baytickets .baytickets__description {
margin-top: 15px;
font-size: 14px;
line-height: 23px; }
.modal-baytickets .baytickets__timer .tt-title {
font-size: 14px;
letter-spacing: 0.1em; }
.modal-baytickets .tt-col-right {
padding: 0 40px 0 15px; } }
@media (max-width: 480px) {
.modal-baytickets .baytickets__timing {
margin: 23px 0 0 10px; }
.modal-baytickets .baytickets__timing {
margin: 23px 0 0 20px; }
.modal-baytickets .baytickets__timing dd {
font-size: 18px;
padding-bottom: 7px; }
.modal-baytickets .baytickets__timing dd .tt-col > svg {
max-width: 17px; }
.modal-baytickets .baytickets__timing dd .tt-col:not(:first-child) {
margin-left: 7px; }
.modal-baytickets .baytickets__timing dd + dt {
margin-top: 13px; } }
.tt-back-to-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.4s;
transition: 0.4s;
width: 63px;
height: 63px;
color: #ffffff;
font-size: 9px;
line-height: 15px;
position: fixed;
bottom: -63px;
right: 15px;
z-index: 20;
border-radius: 50%;
padding: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear; }
.tt-back-to-top:before, .tt-back-to-top:after {
content: '';
display: block;
position: absolute;
border-radius: 50%;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; }
.tt-back-to-top:before {
z-index: 2;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear; }
.tt-back-to-top:after {
z-index: 0; }
.tt-back-to-top i {
position: relative;
z-index: 3;
color: #ffffff;
pointer-events: none; }
.tt-back-to-top:hover:before {
opacity: 1; }
@media (min-width: 790px) {
.tt-back-to-top.pt-show {
bottom: 60px; } }
@media (max-width: 789px) {
.tt-back-to-top.pt-show {
bottom: 60px; } }
.tt-back-to-top .pt-text {
display: none; }
#tt-footer {
position: relative;
background-color: #ffffff;
z-index: 2;}
#tt-footer .footer-wrapper {
background-color: #19181d;
padding: 89px 0 95px;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom:100px;
padding-top: 100px
}
@media (min-width: 1024px) {
#tt-footer .footer-wrapper {
background-image: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/footer_02.jpg); } }
@media (max-width: 1024px) and (min-width: 576px) {
#tt-footer .footer-wrapper {
background-image: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/footer-tablet.jpg);
padding: 38px 0 45px; } }
@media (max-width: 575px) {
#tt-footer .footer-wrapper {
background-image: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/footer-mobile.jpg);
padding: 38px 0 45px; } }
@media (min-width: 1025px) {
#tt-footer:not(.no-margin) .footer-wrapper {
margin-top: 130px; } }
@media (max-width: 1024px) {
#tt-footer:not(.no-margin) .footer-wrapper {
margin-top: 70px; } }
@media (max-width: 790px) {
#tt-footer:not(.no-margin) .footer-wrapper {
margin-top: 49px; } }
#tt-footer:before {
content: '';
display: block;
position: absolute;
left: 50%;
margin-top: 0px;
z-index: 12;
width: 63px;
height: 4px;
border-radius: 10px;
transform: rotate(90deg);
margin-left:-30px
}
@media (min-width: 1025px) {
#tt-footer:before {
height: 4px;
width: 63px; } }
@media (max-width: 1024px) {
#tt-footer:before {
height: 3px;
width: 46px;
margin-left:-20px
} }
@media (min-width: 1025px) {
#tt-footer.no-margin:before {
top: -5px; } }
@media (max-width: 1024px) {
#tt-footer.no-margin:before {
} }
@media (min-width: 1025px) {
#tt-footer:not(.no-margin):before {
top: -162px; } }
@media (max-width: 1024px) {
#tt-footer:not(.no-margin):before {
top: -23px; } }
.f-nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.f-nav ul > li > a {
font-weight: bold;
font-size: 18px;
line-height: 27px;
color: #ffffff;
display: inline-block;
padding: 10px 28px;
-webkit-transition: color .2s;
transition: color .2s; }
@media (max-width: 1024px) {
.f-nav ul > li > a {
font-size: 16px;
line-height: 24px;
padding: 7px 17px;
-webkit-transition: color .2s;
transition: color .2s; } }
@media (max-width: 575px) {
.f-nav ul > li {
width: 100%; }
.f-nav ul > li > a {
padding: 7px 28px; } }
.f-logo {
}
.f-logo .tt-logo > * {
width: 192px;
height: auto; }
@media (max-width: 1024px) {
.f-logo {
margin-top: 25px; }
.f-logo .tt-logo > * {
width: 94px;
height: auto; } }
@media (max-width: 575px) {
.f-logo .tt-logo > * {
width: 78px;
height: auto; } }
.f-col {
margin-top:25px; }
.f-col [class^=col-] {
margin-top: 25px; }
@media (max-width: 1024px) {
.f-col {
margin-top: 11px; } }
.f-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
max-width: 300px;
margin-left: auto;
margin-right: auto;
color: #D3D3D5;
margin-top: -5px
}
.f-info .f-info__icon {
width: 30px;
min-width: 30px;
font-size: 20px; }
.f-info .f-info__icon:before {
position: relative;
top: 4px;
left: 2px; }
.f-info .f-info__icon > * {
max-width: 24px;
height: auto;
position: relative;
top: 4px; }
.f-info .f-info__content .tt-title {
color: #ffffff;
font-size: 24px;
line-height: 36px;
font-weight: bold;
padding-bottom: 10px; }
@media (max-width: 1024px) {
.f-info .f-info__icon {
width: 24px;
min-width: 24px;
font-size: 16px; }
.f-info .f-info__icon > * {
max-width: 15px;
top: 1px; }
.f-info .f-info__content {
font-size: 15px;
line-height: 24px; }
.f-info .f-info__content .tt-title {
font-size: 16px;
line-height: 24px;
padding-bottom: 5px; } }
@media (max-width: 575px) {
.f-info {
margin-left: 20px;
margin-right: 0; }
.f-info .f-info__icon {
width: 22px;
min-width: 22px; }
.f-info .f-info__icon > * {
max-width: 14px;
top:3px; } }
.f-social {
margin-top: 58px; }
.f-social ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.f-social ul > li > a {
-webkit-transition: color .2s;
transition: color .2s;
color: #ffffff;
padding: 5px 22px;
font-size: 19px; }
@media (max-width: 1024px) {
.f-social {
margin-top: 36px; }
.f-social ul > li > a {
padding: 5px 19px;
font-size: 18px; }
.f-social ul > li > a > * {
-webkit-transform: scale(0.9);
transform: scale(0.9); } }
@media (max-width: 575px) {
.f-social {
margin-top: 33px; } }
.f-copyright {
margin-top: 48px;
color: #D3D3D5; }
@media (max-width: 1024px) {
.f-copyright {
margin-top: 31px;
font-size: 15px;
line-height: 24px; } }
@media (max-width: 575px) {
.f-copyright {
margin-top: 34px; } }
.f-copyright a {
-webkit-transition: color .2s;
transition: color .2s; }
.f-copyright a:hover {
color: #ffffff; }
@media (max-width: 479px) {
.f-copyright__rights {
display: block }
.f-copyright__rights + br{
display:none
}
}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
body,
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form .tt-search-input,
#tt-header .tt-obj.tt-obj-search .tt-view-all,
.newsletterform-01 .form-group .tt-input,
.ttcalendar-layout01 .tt-day-grid .tt-day-event__time,
.tt-skinSelect-01 .SumoSelect .SelectBox,
.form-default .form-control,
.modal-layout-dafault .form-group > label,
.modal-layout-dafault .form-control,
.tt-skinSelect-01 .tt-select,
.wp-block-search .wp-block-search__input,
.ttcalendar__month-title h4{
font-family: "Roboto", sans-serif;
}
.tt-btn,
.tt-btn-default span, .tt-btn-default:hover span,
.tt-link,
.section-title .section-title__text,
.section-title .section-title__text-under,
.section-title .link-01,
.blocktitle .tt-title,
.blocktitle .tt-title-under,
.tt-subtitle,
#tt-header .nav-btn li a,
#tt-nav > ul > li,
#tt-nav > ul > li ul li a,
.panel-menu #mm0.mmpanel a:not(.mm-close),
.panel-menu .mmpanel:not(#mm0) a:not(.mm-original-link),
.panel-menu li.mm-close-parent .mm-close,
.panel-menu .mm-original-link,
#subtitle-wrapper .subtitle__title,
.mainSlider .slide .mainSlider-textmask,
.mainSlider .slide .slide-content .container .tt-title-02,
.event-item02 .event-item02__content .tt-title,
.events-wide .events-wide__img .tt-text,
.tt-promo01 .tt-promo01__layout .tt-title,
.tt-parallax01 .tt-parallax01__title,
tt-box01 .tt-box01__title .tt-title01,
.promo02 .promo02__title,
.promo-box-wide .tt-item .tt-item__label,
.contact-info__title,
.contact-info .contact-info__content .tt-title,
.ttcalendar-layout01 .tt-day-grid > *,
.tickets-wide__item .tickets-wide__description .tickets-wide__label,
.tickets-col .tickets-col__img .tickets-col__btn,
.tickets-col .tickets-col__title,
.gallery-innerlayout .gallery__title,
.gallery-externallayout .gallery__title,
.tt-news .tt-news__title,
.tt-block-aside .tt-aside-title, .widget-area .tt-widget-title,
.tt-aside-post .tt-item .tt-item__title,
.tt-comments-layout .tt-comments-layout__title,
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .username,
.news-single .news-single__title,
.news-single .news-single__subtitle,
.news-single__meta .news-single__meta__label,
#tt-pageContent .personal-box .personal-box__title,
.form-single-post .tt-form-title,
.tt-skinSelect-02 .SumoSelect,
.modal .modal-body .modal-titleblock .modal-title,
.modal .modal-body .modal-titleblock .modal-title__label,
.modal-baytickets .countdown-row .countdown-section .countdown-amount,
.modal-baytickets .baytickets__timing dt,
.modal-baytickets .baytickets__timing dd,
.f-nav ul > li > a,
.f-info .f-info__content .tt-title,
h1, h2, h3, h4, h5, h6 ,
.wp-block-file .wp-block-file__button ,
.tickets-wide__item .tickets-wide__description .tickets-wide__title,
.pagination li a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li span,
.wpcf7-form .tt-btn-default span input[type="submit"],
.tt-obj-languages .lang-count01,
.news-single__data + .tt-news__title,.search-empty .tt-news__title, .post-teaser h2,
.tt-col-categories .news-single__meta__label,
.tt-comments-layout .comment-reply-title,
.tt-btn-default .ch-comment-btn,
.post-navigation .nav-links .nav-title,
.wp-block-button__link,
.rightColumn .widget-title,
.button, button, input[type="button"], input[type="reset"],input[type="submit"],.is-style-outline .wp-block-button__link,
.bliss_loadmore span{
font-family: 'Poppins', sans-serif;
}
body{
-ms-word-wrap: break-word; word-wrap: break-word;
}
.wp-block-cover-image-text a{
text-decoration:underline
}
.wp-block-cover-image-text a:hover{
text-decoration:none
}
.tickets-col .tickets-col__title{
font-weight:bold;
}
p {
line-height: 1.6;
}
.tt-block-aside select {
width: 100%;
}
form p.comment-form-cookies-consent{
margin-top: 20px;
margin-bottom:10px;
}
@media (max-width: 790px) {
form p.comment-form-cookies-consent{
margin-top: 20px;
margin-bottom: 10px;
}
}
.widget_calendar .calendar_wrap a{
text-decoration: none
}
ul:not(.menu) li{
position:relative;
padding-left:20px
}
@media (max-width: 1239px) {
ul.pagination:not(.menu) li{
padding-left:5px;
margin: 0 12px
}
}
@media (max-width: 479px) {
ul.pagination:not(.menu) li{
margin: 0 6px
}
}
#filter-nav ul:not(.menu) li{
position: inherit;
}
ul:not(.menu) li::before {
content: "•";
position: absolute;
top: 0;
left: 0;
width: 1em;
font-size: 23px;
line-height:30px
}
.post-teaser .wp-block-archives li a,
.woocommerce-pagination ul.page-numbers:not(.menu) li,
ul:not(.menu) ol li,
ul.list-01:not(.menu) li.cat-item-none,
ul[class|="wp-block"]:not(.wp-block-gallery):not(.wp-block-rss) li,
ul:not(.menu) ul li,
ul.header-cart-dropdown li,
ul.tt-list-box li,
ul.tt-social-icon li,
ul.post-categories li,
#filter-nav ul li,
.f-social ul li,
.f-nav ul li,
ul.tt-box01__social li,
ul.baytickets__social li,
.SumoSelect > .optWrapper > .options li,
ul.sub-menu li,
ul.slick-dots li,
.panel-menu ul li,
ul.nav-btn li,
ul ol > li,
ul.tt-item li,
.post-categories li,
.tt-list-box li,
ul.blocks-gallery-grid li,
ul ul li{
padding-left:0
}
ul.select2-results__options li.select2-results__option::before,
ul.woocommerce-message:not(.menu) li::before,
ul.woocommerce-error:not(.menu) li::before,
ul.woocommerce-info:not(.menu) li::before,
.woocommerce ul.order_details li::before,
#add_payment_method #payment ul.payment_methods li::before,
.woocommerce-cart #payment ul.payment_methods li::before,
.woocommerce-checkout #payment ul.payment_methods li::before,
.woocommerce-pagination ul.page-numbers:not(.menu) li::before,
ul:not(.menu) ol li::before,
.rightColumn ul li.cat-item-none:before,
ul.list-01:not(.menu) li.cat-item-none::before,
ul[class|="wp-block"]:not(.wp-block-gallery):not(.wp-block-rss):not(.wp-block-categories):not(.wp-block-latest-posts) li::before,
ul:not(.menu) ul li::before,
ul.tt-list-box li::before,
ul.header-cart-dropdown li::before,
ul.tt-social-icon li::before,
ul.post-categories li::before,
#filter-nav ul li::before,
ul.sub-menu li::before,
.f-social ul li::before,
.f-nav ul li::before,
ul.tt-box01__social li::before,
ul.baytickets__social li::before,
.SumoSelect > .optWrapper > .options li::before,
ul.slick-dots li::before,
.panel-menu ul li::before,
ul.nav-btn li::before,
.rightColumn ul ul li::before,
ul ol > li::before,
ul.tt-item li::before,
.tt-list-box li::before,
.post-categories li::before,
ul ul li::before,
ul.blocks-gallery-grid li::before,
.clubio-post-pagination ul.pagination li::before{
content:none;
}
figure.wp-block-gallery + figure.wp-block-gallery{
padding-top:20px
}
#page{
position: relative;
}
.icon {
display: inline-block;
width:auto;
height:auto;
stroke-width: 0;
stroke:currentColor;
fill:currentColor;
}
.f-info .f-info__icon:before,
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-search:before,
.parallax__navleft:before,.parallax__navright:before{
content:none}
p:not([class]){
margin-bottom:20px
}
.rightColumn ul li,ul[class|="wp-block"] li,.wp-block-archives li {
padding:0;
margin:0;
position: relative;
color: #888888;
font-size: 17px;
line-height: 24px;
font-weight:normal;}
.post-teaser .wp-block-archives li::before,
.rightColumn ul li:before,ul[class|="wp-block"] li::before,.woocommerce-account .woocommerce-MyAccount-navigation li::before {
content: '';
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTguODU2MTQgNC4xNTAzNEw1LjYwNTkyIDAuOTAwMDU0QzUuNTEzMTQgMC44MDcyNzQgNS4zODk0OSAwLjc1NjM0OCA1LjI1NzYzIDAuNzU2MzQ4QzUuMTI1NjMgMC43NTYzNDggNS4wMDIwNSAwLjgwNzM0NyA0LjkwOTI3IDAuOTAwMDU0TDQuNjE0MTggMS4xOTUyMkM0LjUyMTQ3IDEuMjg3ODYgNC40NzA0IDEuNDExNTkgNC40NzA0IDEuNTQzNTFDNC40NzA0IDEuNjc1MzYgNC41MjE0NyAxLjgwMzI3IDQuNjE0MTggMS44OTU5TDYuNTEwMyAzLjc5NjJIMC40ODYyMTVDMC4yMTQ2MDggMy43OTYyIDAgNC4wMDg4MyAwIDQuMjgwNTFWNC42OTc4QzAgNC45Njk0OCAwLjIxNDYwOCA1LjIwMzU2IDAuNDg2MjE1IDUuMjAzNTZINi41MzE4Mkw0LjYxNDI1IDcuMTE0NDdDNC41MjE1NCA3LjIwNzI1IDQuNDcwNDcgNy4zMjc2MSA0LjQ3MDQ3IDcuNDU5NTRDNC40NzA0NyA3LjU5MTMyIDQuNTIxNTQgNy43MTM0NCA0LjYxNDI1IDcuODA2MTRMNC45MDkzNCA4LjEwMDM2QzUuMDAyMTIgOC4xOTMxNCA1LjEyNTcxIDguMjQzNyA1LjI1NzcxIDguMjQzN0M1LjM4OTU2IDguMjQzNyA1LjUxMzIyIDguMTkyNDggNS42MDYgOC4wOTk3TDguODU2MjEgNC44NDk0OEM4Ljk0OTIxIDQuNzU2NDEgOS4wMDAzNSA0LjYzMjE3IDguOTk5OTkgNC41MDAxQzkuMDAwMjggNC4zNjc1OSA4Ljk0OTIxIDQuMjQzMjcgOC44NTYxNCA0LjE1MDM0WiIgZmlsbD0iI0ZGMUE0MyIvPg0KPC9zdmc+DQo=");
background-repeat: no-repeat;
position: absolute;
top: 16px;
left: 0; }
.rightColumn .widget_recent_comments ul li:before {
top:8px
}
.wp-block-archives li::before{
content: '' !important;
}
ul[class|="wp-block"] li::before{top:15px}
.rightColumn ul li a,ul[class|="wp-block"] li a,.wp-block-archives li a,.woocommerce-account .woocommerce-MyAccount-navigation li a{
display: inline-block;
padding: 8px 0 8px 22px;
color: #888888;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.rightColumn ul li .rss-date,
.rightColumn ul li .rssSummary,
.rightColumn ul li cite{
padding-left: 22px;
display: block;
}
.rightColumn .recentcomments a{
padding:0 !important; }
.rightColumn li.recentcomments{
padding-left:22px;
padding-bottom: 10px
}
@media (max-width: 1024px) {
.rightColumn ul  {
padding-top: -5px;
padding-bottom: -6px; }
.rightColumn ul li {
font-size: 15px; }
.rightColumn ul  li:before {
top: 13px; }
.rightColumn ul  li a {
padding: 5px 0 6px 23px; } }
.rightColumn ul.wp-tag-cloud {
margin-top: -10px;
margin-left: -10px;
overflow:hidden;
}
.rightColumn ul.wp-tag-cloud li {
margin: 10px 0 0 10px;
display: inline-block;
float:left;
}
.rightColumn ul.wp-tag-cloud li:before{
content:none
}
.rightColumn ul.wp-tag-cloud li a {
font-size: 17px !important;
line-height: 25px;
color: #888888;
border: 1px solid #D3D3D5;
border-radius:0;
padding: 8px 11px 8px;
display: inline-block;
-webkit-transition: color .2s linear, border .2s linear;
transition: color .2s linear, border .2s linear; }
@media (max-width: 1239px) {
.rightColumn ul.wp-tag-cloud li a {
font-size: 15px !important;
padding: 5px 9px; } }
.wpcf7-form .tt-btn-default span{
padding: 0;
height: auto;
display: block;
text-align: center;
margin: auto;
position:relative;
}
@media (min-width: 1025px) {
.wpcf7-form .tt-btn-default.tt-btn__wide span input[type="submit"]{
padding-left: 35px;
padding-right: 35px; } }
.wpcf7-form .tt-btn-default span input[type="submit"]{
background:none;
border:none;
margin:0;
border-radius:0;
display: inline-block;
letter-spacing: -0.01em;
font-weight: bold;
font-size: 16px;
line-height: 17px;
padding: 17px 21px 20px;
height: 52px;
color: #3D3B42;
background: #ffffff;
cursor: pointer;
width:100%
}
.wpcf7-form .tt-btn-default span .ajax-loader{
position:absolute;
right:5px;
top:18px;
min-width:initial;
width: 16px;
height: 16px;
}
div.wpcf7 .newsletterform-01 .ajax-loader{
position: absolute;
right: 45px;
top: 15px;
}
.modal-layout-dafault textarea{
max-height:89px
}
form + .wp-block-button{
margin-top:30px
}
h1.ch-logo{
margin:0;
padding:0
}
#tt-header .tt-logo.bloginfo_name{
font-size: 30px;
display:block;
left:0;
}
@media (max-width: 1239px){
#tt-header .tt-logo.bloginfo_name{
top:auto;
padding-left:10px
}
}
@media (max-width: 768px){
#tt-header .tt-logo.bloginfo_name{
font-size: 20px;
top:0
}
}
@media (min-width: 1025px) {
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu{
z-index:1002
}
}
#tt-nav > ul > li ul{
list-style:none;
padding-left:0
}
body.admin-bar #tt-header {
top:32px
}
body.admin-bar #tt-header.col-btns-full{
top:32px }
@media (max-width: 1023px){
body.admin-bar #tt-header.col-btns-full{
top:46px }}
@media (max-width: 767px){
body.admin-bar #tt-header.stuck.col-btns-full{
top:34px }}
@media (min-width: 767px){
body.admin-bar .panel-menu{
margin-top:46px }}
body.admin-bar #subtitle-wrapper{
margin-top:98px; }
body.admin-bar #tt-header.col-btns-full + #page #subtitle-wrapper{
margin-top:98px; }
@media (max-width: 1239px) {
body.admin-bar #tt-header.col-btns-full + #page #subtitle-wrapper{
margin-top:85px; }
}
@media (max-width: 1024px) {
body.admin-bar #tt-header.col-btns-full + #page #subtitle-wrapper{
margin-top:64px; }
}
@media (max-width: 1239px) {
body.admin-bar #subtitle-wrapper{
margin-top:85px; } }
@media (max-width: 1024px) {
body.admin-bar #subtitle-wrapper{
margin-top:78px         }
body.admin-bar #tt-header.stuck +#page #subtitle-wrapper{
margin-top:0}
}
@media screen and (max-width: 782px) {
body.admin-bar #tt-header{
top:46px
}
}
@media screen and (max-width: 600px) {
body.admin-bar #tt-header.stuck{
top:0;
z-index:999990
}
}
@media (max-width: 1024px) {
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu {
top:64px
}
}
@media (min-width: 1025px){
body.admin-bar #tt-header .tt-obj.tt-obj-search .tt-dropdown-menu{
top:46px }
}
@media (min-width: 1025px) {
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form{
display:flex;
flex-direction: column;
}
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu form .tt-col{
width:100%
}
}
#tt-header .tt-obj.tt-obj-chat .tt-obj__btn .icon{
width:26px
}
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-search-input{
border-radius:0
}
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-search .icon{
width:23px
}
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-close .icon{
width:21px
}
p.woocommerce-mini-cart__empty-message{margin:0}
.header-cart {
position: relative;
display: inline-block;
vertical-align: top;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.header-cart .icon {
text-decoration: none;
color: #fff;
width:23px
}
@media (max-width:1024px) {
.header-cart .icon {
width:18px
}
}
.woocommerce-mini-cart{
position:relative;
}
.header-cart .badge {
padding: 0;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
opacity:1;
display:block;
visibility:visible;
position: absolute;
width: 17.27px;
height: 17.27px;
border-radius: 50%;
font-size: 9px;
line-height: 17px;
text-align: center;
color: #fff;
}
.header-cart .badge{
top: -62px;
right:-20px;
}
@media (max-width:1024px) {
.header-cart .badge  {
top: -71px;
right: -20px;
}
}
@media (max-width:479px) {
.header-cart .badge  {
right:90px
}
}
.header-cart-dropdown {
position: absolute;
z-index: 1000;
right: 0;
top: -5000px;
width: 350px;
padding: 25px 22px 22px;
background: #fff;
display: block;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(20px);
transform: translateY(20px);
text-align: left;
}
@media (max-width: 479px) {
.header-cart-dropdown {
width: 270px;
padding: 15px 15px;
right: -35px;
}
}
.header-cart-dropdown .header-cart-total {
font-size: 22px;
line-height: 30px;
font-weight: 600;
border-top: 1px solid #e8e8e8;
padding: 20px 0;
overflow: hidden;
}
.header-cart-dropdown .prd-sm {
margin-bottom: 25px;
}
.header-cart-dropdown .prd-sm-info h3,
.header-cart-dropdown .prd-sm-info h3 a {
color: #000 !important;
}
.header-cart.show .header-cart-dropdown {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
opacity: 1;
visibility: visible;
top: 100%;
margin-top: 3px;
display:block;
}
.woocommerce-mini-cart__buttons{
}
.header-cart a.button, .woocommerce .woocommerce-message .button{
vertical-align: top;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
margin-bottom:20px;
padding:16px 35px;
border: none;
border-radius: 0;
font-size: 16px;
height: auto;
font-weight: bold;
text-transform: none;
letter-spacing: -0.01em;
text-decoration: none;
position: relative;
color: #000;
overflow: visible;
z-index: 1;
width:auto;
display: inline;
border: none
}
.header-cart-dropdown .header-cart-total,
.header-cart a.button, .woocommerce .woocommerce-message .button,
.woocommerce-mini-cart .prd-sm-info .price{
color: #000
}
.header-cart-dropdown .header-cart-total > div{
display:inline;
}
.header-cart a.button:hover,.woocommerce .woocommerce-message .button:hover {
}
.header-cart a.button:hover:before,.woocommerce .woocommerce-message .button:hover:before {
background-color: transparent;
}
.header-cart a.remove{
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
border-radius: 100%;
font-weight: 700;
border: 0;
line-height:22px;
text-decoration:none
}
.header-cart a.remove,
.header-cart-dropdown,
p.cart-empty,
p.return-to-shop,
.woocommerce .quantity .qty,
.woocommerce .products .prd .star-rating{
text-align:center
}
.header-cart-dropdown .prd-sm-info {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: block;
padding-right: 30px;
}
.mini_cart_item{text-align:left}
.dropdown-menu.dropdown-menu-mini-cart.header-cart-dropdown{
top:40px !important;
opacity: 1;
visibility:visible;
left:auto !important;
right: 0 !important;
width: 350px;
padding: 25px 22px 22px;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
margin-top: 3px;
display:none;
transform:none !important;
}
@media (max-width: 767px){
.dropdown-menu.dropdown-menu-mini-cart.header-cart-dropdown{
right: 0!important;
left: auto !important;
max-width:300px
}
}
@media (max-width: 479px){
.dropdown-menu.dropdown-menu-mini-cart.header-cart-dropdown {
right: auto !important;
left: -150px !important;
}
}
.prd-sm,.woocommerce ul.product_list_widget li.prd-sm {
padding:0;
margin-bottom: 20px;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top:10px
}
.prd-sm:not(: last-child) {
margin-bottom: 20px;
}
.prd-sm-img {
width: 88px;
min-width: 88px;
}
.prd-sm-delete {
position: absolute;
top: 0;
right: -4px;
cursor: pointer;
font-size: 16px;
}
.prd-sm-delete:hover {
opacity: .5;
}
.prd-sm-info {
padding: 0 0 0 15px;
}
.prd-sm-info h3 {
font-size: 15px;
line-height: 24px;
margin-top:-5px;
margin-bottom:10px
}
.prd-sm-info h3 a {
display: block;
color:#D3D3D5;
text-decoration: none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.prd-sm-info h3 a:hover {
text-decoration: none;
}
.prd-sm-info .price {
margin-top: auto;
font-size: 18px;
line-height: 23px;
letter-spacing: -0.03em;
font-weight:bold;
color: #fff;
padding-top:10px
}
.dropdown-menu.dropdown-menu-mini-cart.header-cart-dropdown.show{
display:block;
}
.open>.dropdown-menu.dropdown-menu-mini-cart.header-cart-dropdown.show{
display: block;
}
.subtitle__label a{
color:#d3d3d5
}
.subtitle__label a:not(:last-child):after{
position: relative;
padding-left: 4px;
content: '-';
color:#d3d3d5;
height: 1px;
padding-right: 4px;}
@media (min-width: 1239px) {
#tt-header .nav-btn li a .icon {
display: none;
}
}
.tt-obj-languages .lang-count01{
color:#fff;
text-transform:uppercase;
font-size: 16px;
line-height: 17px;
letter-spacing: -.01em;
font-weight: 700;
}
#tt-header .nav-btn li a .icon:before{
content:none
}
@media (max-width: 1239px) {
#tt-header .nav-btn li a .icon {
width: 20px;
position: relative;
top: 3px;
margin-right: 8px;
display: inline-block;
}}
@media (max-width: 1024px) {
#tt-header .nav-btn li a .icon {
width: 20px;
margin-right: 5px;
}
}
@media (max-width: 1024px) {
#tt-header .nav-btn li a .icon {
top:4px;
}
}
@media (max-width: 767px) {
#tt-header .nav-btn li a .icon {
top:0;
}
}
.f-info .f-info__icon .icon{
width:20px
}
.f-info .f-info__icon .icon.icon-place{
width:15px
}
.tt-skinSelect-01 .wpcf7-form-control-wrap{
display:block;
}
.tt-skinSelect-01 .tt-select{
border-color: rgba(0,0,0,.15);
border-radius: 0;
position: relative;
min-height: 41px;
-webkit-box-shadow: none;
box-shadow: none;
opacity:1;
padding:10px 8px 6px;
color: #888888;
line-height: 19px;
width:100%
}
.modal-layout-dafault .date .form-control{
padding-right:5px
}
.modal-layout-dafault .form-group .form-group__icon.icon-calendar{
background-color:#fff;
bottom:13px
}
.modal-layout-dafault .tt-select:focus {
outline:none
}
form .form-group__icon + p:not([class]),
form .form-group + p:not([class]){
display:none
}
.tt-btn:visited{
color:#fff
}
.mainSlider .slick-dots01 .slick-dots{
position:relative;
margin-top:-40px
}
.mainSlider .slick-prev:before {
content: '\e908';
}
.mainSlider .slick-next:before {
content: '\e909';
}
@media (max-width: 1024px) and (min-width: 767px) {
.promo-box-wide .tt-item .tt-item__img{
background-position: -360px;
}
}
.promo02{
align-items: center;
}
.promo02 .promo02__img > svg{
fill:transparent }
.tt-parallax01{
padding-top:55px;
padding-bottom:0
}
.tt-box01 .tt-box01__social li a > .icon{
width:10px }
.tt-box01 .tt-box01__social li a > .icon.icon-social-instagram{
width:21px }
.modal .modal-body .close .icon{
width:19px
}
.modal-baytickets .baytickets__social .icon.icon-social-facebook{
width:7px
}
.modal-baytickets .baytickets__social .icon.icon-social-twitter{
width:11px
}
.modal-baytickets .baytickets__social .icon.icon-social-googleplus{
width:22px
}
.ls-payment-button.tt-btn-default{
display: inline-block;
position: relative;
text-align: center;
padding: 2px;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: 0;
}
.news-single__data + .tt-news__title,.search-empty .tt-news__title, .post-teaser h2{
font-size: 36px;
line-height: 47px;
letter-spacing: -0.03em;
font-weight: bold;
color: #3D3B42;
padding-bottom:20px;
margin: 12px 0 0 0; }
@media (max-width: 1239px) {
.news-single__data + .tt-news__title,.search-empty .tt-news__title, .post-teaser h2  {
font-size: 30px;
line-height: 40px;
letter-spacing: -0.03em;
padding: 0 0 12px 0;
margin: 12px 0 0 0; } }
@media (max-width: 790px) {
.news-single__data + .tt-news__title,.search-empty .tt-news__title, .post-teaser h2  {
font-size: 26px;
line-height: 36px;
letter-spacing: -0.03em;
padding: 0 0 12px 0;
margin: 12px 0 0 0; } }
.search-empty .tt-news__title{
padding-bottom: 2px
}
.post-teaser .btn-more-wrapper{
padding-top:20px
}
.tt-news .tt-news__title a,.tt-news .tt-news__title a:hover,.tt-news .tt-news__title a:visited{
color: #3d3b42;
}
.tt-news .tt-news__img,.news-single .news-single__link{
display:block;
}
.clubio-post-pagination{
padding-top: 40px;
text-align:center
}
.pagination {
display: inline-block;
}
.pagination > li {
display: inline-block;
margin: 0;
}
.pagination a,.tt-news__title a {
color: #3d3b42}
.calendar_wrap table,.wp-block-calendar table{
margin:0
}
.calendar_wrap caption,.wp-block-calendar caption{
font-size: 17px;
line-height: 27px;
color: #888;
padding-left: 0;
padding-bottom:0
}
@media (max-width: 1239px) {
.calendar_wrap caption,.wp-block-calendar caption{
font-size: 15px;
}
}
.calendar_wrap thead,.wp-block-calendar thead{
background: #343337;
color: #fff;
margin: 0;
}
.calendar_wrap thead th,.wp-block-calendar thead th{
font-size: 16px;
color: #fff;
padding: 8px 0;
}
@media (max-width: 1239px) {
.calendar_wrap thead th,.wp-block-calendar thead th{
font-size: 14px;
}
}
.widget_calendar .calendar_wrap table td, .wp-block-calendar table td{
background: #f3f3f3;
border-radius: 0;
border: 1px solid #fff;
font-size:17px;
height: 40px;
font-family: Tahoma,sans-serif;
color: #4a4a4a;
}
@media (max-width: 1239px) {
.widget_calendar .calendar_wrap table td, .wp-block-calendar table td{
font-size: 13px;
height: 37px;
}
}
.widget_calendar .calendar_wrap table td#today,.wp-block-calendar  table td#today{
color: #fff;
}
.widget_calendar .calendar_wrap table td#today a,.wp-block-calendar table td#today a{
color:#fff
}
.widget_calendar .calendar_wrap table td.pad,
.widget_calendar .calendar_wrap table td#next,
.widget_calendar .calendar_wrap table td#prev,
.wp-block-calendar table td.pad,
.wp-block-calendar table td#next,
.wp-block-calendar table td#prev{
background: #fbfbfb;
color: transparent;
}
.widget_calendar .calendar_wrap table td#prev,
.wp-block-calendar table td#prev{
text-align:left
}
.widget_calendar .calendar_wrap table td#next,
.wp-block-calendar table td#next{
text-align:right
}
.widget_calendar .calendar_wrap a
.wp-block-calendar a{
text-decoration:none
}
@media (min-width: 1240px) {
.news-single + .clubio-post-pagination{
margin-right: 22px; } }
.news-single__meta > .tt-col{
padding-bottom:20px }
@media (max-width: 1024px) {
.news-single__meta > .tt-col{
padding:10px 0
}
}
.tt-col-categories .news-single__meta__label {
display: inline-block;
margin-right: 15px;
font-weight: bold;
font-size: 24px;
line-height: 36px;
color: #3D3B42;
font-weight: bold;
padding-bottom:7px
}
@media (max-width: 1024px) {
.tt-col-categories .news-single__meta__label {
padding-bottom:20px
}
}
.post-categories {
margin-top: -10px;
margin-left: -10px;
display:inline-block;
}
.post-categories li {
margin: 10px 0 0 10px;
display: inline-block; }
.post-categories li a {
font-size: 17px;
line-height: 25px;
color: #888888;
border: 1px solid #D3D3D5;
border-radius: 0;
padding: 8px 11px 8px;
display: inline-block;
-webkit-transition: color .2s linear, border .2s linear;
transition: color .2s linear, border .2s linear; }
@media (max-width: 1239px) {
.post-categories li a {
font-size: 15px;
padding: 5px 9px; } }
.tt-comments-layout .comment-reply-title {
font-size: 24px;
line-height: 31px;
letter-spacing: -0.03em;
font-weight: bold;
color: #3D3B42;
margin-bottom:30px}
@media (max-width: 790px) {
.tt-comments-layout .comment-reply-title {
font-size: 20px;
line-height: 27px;
margin-bottom:20px
} }
.tt-comments-layout .comment-reply-title small{
padding-left:20px
}
@media (max-width: 479px) {
.tt-comments-layout .comment-reply-title small{
padding-left:0;
display: block
}
}
.comment.depth-1{
margin-left:0
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar img{
width:100% }
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .time .icon {
display: inline-block;
margin-right: 5px;
width: 16px;
font-weight: bold;
vertical-align:text-bottom;}
.tt-comments-layout .tt-item div[class^=tt-comments-level-] .tt-content .tt-comments-title .username a,
.tt-comments-layout .tt-item div[class^=tt-comments-level-] .tt-content .tt-comments-title .time a:not(.comment-edit-link){
color: #3d3b42; }
#respond {
margin-top:30px;
}
@media (max-width: 790px) {
#respond {
margin-top:0;
}
}
div[class^=tt-comments-level] + #respond {
margin-top:80px;
}
@media (max-width: 1025px) {
div[class^=tt-comments-level] + #respond {
margin-top:40px;
}
}
.tt-btn-default .ch-comment-btn{
display: inline-block;
letter-spacing: -.01em;
font-weight: 700;
font-size: 16px;
line-height: 17px;
padding: 17px 21px 20px;
height: 52px;
color: #3d3b42;
background: #fff;
cursor: pointer;
font-size: 16px;
line-height: 17px;
padding: 7px 15px 10px;
height: 30px;
letter-spacing: -.01em;
min-width: inherit;
padding-bottom:27px;
padding-top:8px
}
@media (max-width: 1024px) {
.tt-btn-default .ch-comment-btn {
height: 35px;
font-size: 13px;
padding: 9px 18px 12px; } }
.tt-comments-layout .children {
padding-left:30px
}
.tt-comments-layout .children > div {
margin-left: 35px;
margin-top: 33px;
padding: 33px 0 40px;
border-top: 1px solid #d8d8da;
padding-bottom:0
}
.post-navigation .nav-links{
margin:0;
max-width:inherit
}
.ch_nav_descr{display:block;}
.post-navigation .nav-links .nav-previous + .nav-next{
text-align:right
}
@media (max-width: 767px) {
.post-navigation .nav-links .nav-previous + .nav-next{
margin-bottom:0;
margin-top:30px
}
}
.post-navigation .nav-links .nav-title{
display:block;
font-weight: bold;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.03em;
color:#3B4757;
margin-top:10px
}
.post-navigation .nav-links .nav-tip{
color:#3D3B42;
font-size:16px
}
.post-navigation .nav-links img{
margin-bottom:20px;
width:auto;
max-height:100px
}
@media (max-width: 767px) {
.post-navigation .nav-links img{
width:100%;
max-height:inherit;
height:auto
}
}
.post-navigation .nav-links .icon{
width: 13px;
margin-right: 10px;
}
.post-navigation .nav-links .nav-next .icon{
margin-right:0;
margin-left:10px
}
.post-navigation {
margin: calc(3 * 0.7rem) 0;
max-width: 100%;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
min-width:50%;
}
}
.contact-map.wpb_content_element{
margin:0
}
.contact-map.wpb_gmaps_widget .wpb_wrapper{
padding: 0
}
.monochrome-map {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.list-02 li{
line-height:27px
}
.newsletterform-01 > :nth-child(1){
margin:0
}
.newsletterform-01 .form-group .tt-input{
color:#888
}
.wpcf7-form .newsletterform-01 input[type="submit"] {
background: none;
padding: 0;
right: 0;
border-radius: 0;
z-index: 1;
cursor: pointer;
color: transparent;
border: transparent;
background: transparent !important;
position: absolute;
right: 0;
top: 0;
height: 45px;
width: 40px;
opacity: 0;
}
.newsletterform-01 .form-group .tt-btn-icon{
position: absolute;
height: auto;
right: 15px;
top: 15px;
width: 22px;
}
.ch-btns-wrapper{
text-align:center;
margin:0 auto }
.ttcalendar__nav .slick-arrow .icon{
width:13px
}
#tt-pageContent:before{
content:none
}
#tt-pageContent .tt-social-icon li a .icon {
width: 15px;
}
#tt-pageContent .tt-social-icon li a .icon.icon-social-facebook{
width:7px
}
#tt-pageContent .tt-social-icon li a .icon.icon-social-twitter {
width: 11px;
}
#tt-pageContent .tt-social-icon li a .icon.icon-social-googleplus {
width: 22px;
}
.ch-blog-posts__post, .news-single__wrapper{
clear:both
}
.tt-link-arrow.ch-arrow-prev .icon, .woocommerce-pagination .prev .icon{transform: rotate(180deg);}
.comment ul{
padding-left:20px
}
ol{
padding-left:.8rem;
}
ol + h2,
ul + h2,
table + h2,
p + h2,
dl + h2{
margin-top:40px
}
.widget_calendar .calendar_wrap .wp-calendar-nav{
margin-bottom:0;padding-bottom:0
}
.widget_calendar .calendar_wrap .wp-calendar-nav span{
padding-bottom:0
}
.widget_calendar .calendar_wrap .wp-calendar-nav span.wp-calendar-nav-prev{
text-align: left;
padding-left:0
}
.widget_calendar .calendar_wrap .wp-calendar-nav span.wp-calendar-nav-next{
text-align: right;
padding-right:0
}
.instafeed-masonry.items_1 .instagram_gallery > * {
width:100%;
}
.instafeed-masonry.items_2 .instagram_gallery > * {
width:50%;
}
.instafeed-masonry.items_3 .instagram_gallery > * {
width:33.33%;
}
@media (min-width: 576px) {
.instafeed-masonry.items_5 .instagram_gallery > * {
width:20%;
}
.instafeed-masonry.items_6 .instagram_gallery > * {
width:16.66%;
}
.instafeed-masonry.items_7 .instagram_gallery > * {
width:14.286%;
}
.instafeed-masonry.items_8 .instagram_gallery > * {
width:12.5%;
}
.instafeed-masonry.items_9 .instagram_gallery > * {
width:11.111%;
}
.instafeed-masonry.items_10 .instagram_gallery > * {
width:10%;
}
.instafeed-masonry.items_11 .instagram_gallery > * {
width:9.0909%;
}
.instafeed-masonry.items_12 .instagram_gallery > * {
width:8.33%;
}
}
.page-main .wp-block-cover-image .wp-block-cover-image-text,
.page-main .wp-block-cover-image .wp-block-cover-text,
.page-main .wp-block-cover-image h2,
.page-main .wp-block-cover .wp-block-cover-image-text,
.page-main .wp-block-cover .wp-block-cover-text,
.page-main .wp-block-cover h2{
color:#fff
}
.wp-block-button{
margin-top:20px;
margin-bottom:20px
}
.wp-block-button__link {
display: inline-block;
position: relative;
text-align: center;
padding:16px 45px 17px 45px;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: none;
letter-spacing: -.01em;
font-weight: 700;
font-size: 16px;
line-height: 17px;
cursor: pointer;
}
.wp-block-button__link:not(.has-text-color) {
color:#fff !important;
}
@media (max-width: 1024px) {
.wp-block-button__link {
height: auto;
font-size: 13px;
padding:10px 20px;
line-height: 15px;
}
}
@media (max-width: 767px) {
.wp-block-button__link {
padding: 9px 18px 12px;
padding-top: 13px;
}
}
.wp-block-button__link:before {
content: '';
width: 18px;
background-color: #ffffff;
position: absolute;
-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
}
.is-style-outline .wp-block-button__link:not(.has-background){
border-radius:0;
background:#fff;
}
.button, button, input[type="button"], input[type="reset"],
.is-style-outline .wp-block-button__link:before {
background: #fff;
}
.wp-block-file .wp-block-file__button {
display: table;
transition: background 150ms ease-in-out;
margin-left: 0;
margin-top: calc(1 * 1rem);
position: relative;
padding: 16px 45px 17px 45px;
box-sizing: border-box;
background-clip: padding-box;
border: none;
border-radius: 40px;
overflow: visible;
font-size: 16px;
height: auto;
font-weight: bold;
text-transform: none;
letter-spacing: -0.01em;
text-decoration: none;
transition: background .3s ease-out, color .3s;
box-shadow: none;
color: #fff;
text-decoration: none;
margin-bottom:0
}
.wp-block-quote{
border:none;
position: relative;
padding: 6px 0 3px 32px;
margin: 0;
font-size: 17px;
line-height: 27px;
color: #888;
font-style: italic;
}
.wp-block-quote:before,.quote:before, blockquote:before{
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
border-radius: 10px;
}
.wp-block-pullquote blockquote:before{
content:none
}
.quote, blockquote, .wp-block-quote {
margin: 0;
padding-left: 37px;
position:relative;
font-style:italic;
}
.wp-block-quote.has-text-align-right{
border:none
}
.wp-block-quote.has-text-align-right:before{
right:0;
left: auto
}
.rightColumn .widget+.widget {
margin: 0;
margin-top: 44px;
}
.rightColumn .widget-title {
font-size: 24px;
line-height: 31px;
letter-spacing: -.03em;
color: #3d3b42;
font-weight: 700;
margin: 0;
padding: 0 0 19px;
}
.rightColumn .widget-title a{
color: #3d3b42;
}
.page-main .wp-block-cover + p,
.page-main .wp-block-cover,
.page-main .wp-block-cover.aligncenter{
margin-bottom: calc(2 * 1rem);
}
.page-main > *.alignfull,
.page-main > *.alignfull,
.page-main > .wp-block-group > .wp-block-group__inner-container > *.alignfull,
.page-main > .wp-block-group > .wp-block-group__inner-container > *.alignfull,
.page-main .wp-block-cover.aligncenter{
margin-top: calc(2 * 1rem);
}
.page-links{
color:#3d3b42
}
.page-links a{
color:#3d3b42
}
.post-teaser .wp-block-group + .btn-more-wrapper,
.page-links{
padding-top:40px
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code {
padding: 2px 4px;
margin: 0;
border-radius: 2px;
color: #222;
background: #f2f4f5;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}
table td, table th,
.wp-block-table td, .wp-block-table th {
border:1px solid #d8d8da;
}
.wp-block-table thead{
border-bottom:none
}
.wp-block-table td strong{
font-weight:bold;
}
figure.wp-caption{
width:auto !important;
}
@media (max-width: 479px) {
figure.wp-caption.alignleft, figure.wp-caption.alignleft.alignright{
float: none
}
}
.tt-news__img{
text-align: center;
display: block;
padding-top: 50px
}
.col_grid  .tt-news__img{
padding-top:0
}
@media (max-width: 479px) {
.tt-news__img{
padding-top: 27px
}
}
[class|="wp-block"]{
margin-bottom: 20px;
}
[class|="wp-block"].wp-block-separator{
margin-bottom:49px
}
[class|="wp-block"].wp-block-file {
margin-bottom: 1.5em;
}
.wp-block-rss__item-title{
margin-bottom:0
}
.wp-block-archives-dropdown select,
.widget select, div[class|="wp-block"] select{
font-size: 16px;
line-height: 25px;
border: 1px solid #ddd;
color: #888;
padding: 13px 12px 12px 18px;
border-radius:0
}
@media (max-width: 1024px) {
.wp-block-archives-dropdown select,
.rightColumn ul li a,ul[class|="wp-block"] li a,.wp-block-archives li a, [class|="wp-block"] li a,
.widget select, div[class|="wp-block"] select, select, option{
font-size:15px
}
}
.wp-block-archives-dropdown select,
.tt-skinSelect-01 .tt-select,
div[class|="wp-block"] select, .rightColumn .widget select{
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: calc(100% - 20px) calc(1em + 5px), calc(100% - 15px) calc(1em + 5px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 6px 6px, 1px 1.5em;
background-repeat: no-repeat;
}
.rightColumn .widget select{
width:100%;
}
div[class|="wp-block"] select:focus, .rightColumn .widget select:focus {
border-color: #000;
outline: 0;
}
.wp-block-calendar table th{
background: transparent;
font-weight: bold;
border: none;
}
.wp-block-calendar a{
text-decoration:none
}
.rightColumn .form-default .form-control{
padding-right:50px
}
.wp-block-search {
position: relative;
display:block;
max-width: 360px;
}
.wp-block-search .wp-block-search__label{display:none}
.wp-block-search .wp-block-search__input {
background: transparent;
font-size: 16px;
line-height: 25px;
border: 1px solid #dddddd;
color: #888888;
padding: 13px 12px 12px 18px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
box-shadow: none;
border-radius:0;
height: 51px;
width:100%;
padding-right:50px
}
.wp-block-search__button {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
height: 51px;
width: 50px;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
cursor: pointer;
line-height: 50px;
visibility: hidden;
}
.wp-block-search__button:before {
content: "\e918";
font-family: 'club' !important;
display: block;
top: 0;
right: 0;
visibility: visible;
}
.row.row-ajax > .alm-reveal {
display: inline-flex;
}
.alm-reveal .tt-news .tt-news__img img{
width: auto
}
.alm-load-more-btn.more.done {
display:none
}
.bliss_loadmore{
margin: auto;
margin-top:63px;
}
.loading-img {
margin: auto;
clear: both;
margin-top: 40px;
width: 100%;
text-align: center;
}
.post-teaser h1,
.post-teaser h2,
.post-teaser h3,
.post-teaser h4,
.post-teaser h5,
.post-teaser h6{
color:#3d3b42
}
.wp-block-gallery{
margin-bottom: 20px
}
.button, button, input[type="button"], input[type="reset"],input[type="submit"],.is-style-outline .wp-block-button__link{
text-align: center;
padding:16px 38px 35px 35px;
outline: none;
letter-spacing: -.01em;
font-weight: 700;
font-size: 16px;
line-height: 17px;
cursor: pointer;
box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
background-origin: border-box;
background-clip: content-box, border-box;
box-shadow: 2px 1000px 1px #fff inset;
position: relative;
}
.button, button, input[type="button"], input[type="reset"],input[type="submit"],.is-style-outline .wp-block-button__link:not(.has-background):not(.has-luminous-vivid-orange-background-color){
border: solid 2px transparent;
}
@media (max-width: 1024px) {
.wpcf7-form .tt-btn-default span input[type="submit"],
.button, button, input[type="button"], input[type="reset"],input[type="submit"],.is-style-outline .wp-block-button__link{
height: auto;
font-size: 13px;
padding: 15px 20px;
line-height: 15px; }
}
@media (max-width: 767px) {
.wpcf7-form .tt-btn-default span input[type="submit"],
.button, button, input[type="button"], input[type="reset"],input[type="submit"],.is-style-outline .wp-block-button__link{
font-size: 13px;
padding: 9px 18px 12px; }
}
.is-style-outline .wp-block-button__link:not(.has-background){
color: #000 !important;
}
.button, button, input[type="button"], input[type="reset"],input[type="submit"]{
color: #000;
}
.slick-dots li button{
background: #C4C4C4
}
.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
box-shadow: none;
color: white;
box-shadow: 2px 1000px 1px #fff inset;
}
.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover,input[type="submit"]:hover {
color: #000;
}
.is-style-outline .wp-block-button__link:after,.is-style-outline .wp-block-button__link:before {
content: '';
width: 18px;
height: 3px;
background-color: #fff;
position: absolute;
-webkit-transition: .8s cubic-bezier(.19,1,.22,1) 50ms;
transition: .8s cubic-bezier(.19,1,.22,1) 50ms;
position: absolute;
z-index:9;
}
.is-style-outline .wp-block-button__link:after{
top: -2px;
left:35.6%
}
.is-style-outline .wp-block-button__link:before{
bottom: -2px;
left: 19%;
}
.is-style-outline .wp-block-button__link:hover:after{
left: 45.6%;
}
.is-style-outline .wp-block-button__link:hover:before{
left:10%
}
@media (min-width: 1025px) {
.bliss_loadmore {
min-width: 152px;
}
}
.is-style-outline .wp-block-button__link{
overflow:visible;
padding-bottom:15px;
border-radius:0
}
@media (max-width:767px) {
.is-style-outline .wp-block-button__link{
padding-bottom:10px
}
}
.bliss_loadmore, .bliss_loadmore:hover {
display: inline-block;
position: relative;
text-align: center;
padding: 2px;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: none;
height: auto;
line-height:inherit;
min-height: 50px;
}
.bliss_loadmore span {
display: inline-block;
letter-spacing: -0.01em;
font-weight: bold;
font-size: 16px;
line-height: 17px;
padding: 17px 21px 20px;
height: 52px;
color: #3D3B42;
background: #ffffff;
cursor: pointer; }
@media (min-width: 1025px) {
.bliss_loadmore span {
min-width: 152px; } }
@media (max-width: 1024px) {
.bliss_loadmore span {
height: 46px;
font-size: 13px;
padding: 14px 28px 20px;
}
}
@media (max-width: 767px) {
.bliss_loadmore span {
font-size: 13px;
}
}
.bliss_loadmore:before, .bliss_loadmore:after {
content: '';
width: 18px;
height: 2px;
background-color: #ffffff;
position: absolute;
-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 50ms; }
.bliss_loadmore:before {
top: 0;
left: 35.6%; }
.bliss_loadmore:after {
bottom: 0;
left: 19%; }
.bliss_loadmore:hover:before {
left: 45.6%; }
.bliss_loadmore:hover:after {
left: 10%; }
@media (min-width: 1025px) {
.bliss_loadmore span {
padding-left: 35px;
padding-right: 35px;
}
}
body:not(.search) .news-single .news-single__title{
display:none
}
.news-single__data + .post-teaser{
margin-top:40px
}
.news-single__meta + .tt-col-categories{
margin-top:20px
}
@media (max-width: 479px) {
.news-single__meta + .tt-col-categories{
margin-top:0
}
}
.rightColumn .tt-block-aside ul ul{
list-style:none
}
.tt-block-aside select {
font-size: 17px;
line-height: 25px;
border: 1px solid #dddddd;
color: #888888;
padding: 13px 12px 12px 18px;
}
.tt-news__title + .post-teaser > p:first-child{
margin-top:0
}
p.has-background {
margin-top: 20px;
margin-bottom:20px
}
.news-single__layout .post-teaser > p:last-child{
margin-bottom:0
}
.event-item02:before {
content: '';
display: block;
position: absolute;
border: 1px solid transparent;
border-image-slice: 1;
z-index: 1;
width: calc(100% - 40px);
height: calc(100% - 40px);
top: 20px;
left: 20px;
}
#tt-nav ul ul ul{
left: 125px !important;
box-shadow: 0px 0px 20px rgba(52, 51, 55, 0.2);
top: 0px !important;
margin-top: -16px;
}
.comment-author-link{
color:#ABABAB
}
.post-navigation{
padding-top:calc(3 * 0.7rem);
border-top:1px solid #d8d8da
}
.comment{
border-top:1px solid #d8d8da;
padding-top:30px;
margin-top:20px
}
.comment.depth-1{
border-top:none;
padding-top:0
}
table td, table th {
word-break: normal;
}
table thead th{
color:#3d3b42
}
table tbody th{
font-weight:normal
}
table th a:hover{
color:#888
}
.button, button, input[type="button"], input[type="reset"],input[type="submit"]{
padding: 13px 38px 13px 35px;
border-radius:0
}
@media (max-width: 1025px) {
.button, button, input[type="button"], input[type="reset"],input[type="submit"]{
padding-top:11px;
padding-bottom: 11px
}
}
@media (max-width: 767px) {
.post-password-form label{
display: block;
margin: auto;
margin-bottom: 20px
}
.post-password-form label input{
display: block;
margin: auto;
text-align: center;
visibility: visible;
}
.post-password-form label + input{
margin: auto;
text-align: center;
display: block;
margin-top: 20px;
}
}
.clubio_sticky .news-single__layout{
position:relative;
}
.sticky-post{
right:.6rem
}
@media (max-width: 479px) {
.sticky-post{
top:0;
right:0
}
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"]{
display:block;
overflow:hidden;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar{
float:left;
margin-right: 0
}
@media (max-width: 767px) {
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar{
float:none;
}
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar + .tt-content{
margin-left:110px
}
@media (max-width: 1025px) {
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar + .tt-content{
margin-left:80px
}
}
@media (max-width: 767px) {
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar + .tt-content{
margin-left:0
}
}
.news-single__wrapper{
padding-top:50px
}
.news-single__wrapper hr{
padding-top:0;
margin-top:0;
margin-bottom:50px
}
@media (max-width: 479px) {
html{
overflow-x:hidden;
width:100%
}
}
ul + h3{
margin: 1rem 0
}
figure.wp-block-embed:not(.alignleft):not(.alignright){
margin-left:0;
margin-right:0
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{
margin-bottom:0
}
.wp-block-latest-posts.is-grid li{
margin-bottom:0
}
.wp-block-group.has-background,
pre,
.news-single__data + .news-single__title + .post-teaser > h2,
.news-single__data + .news-single__title + .post-teaser > h3,
.news-single__data + .news-single__title + .post-teaser > blockquote{
margin-top:20px
}
#subtitle-wrapper .subtitle__title, #subtitle-wrapper .subtitle__label{
word-break:break-all;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
li.comment .form-default button[type=submit]{
margin-bottom:80px
}
@media (max-width:1025px) {
li.comment .form-default button[type=submit]{
margin-bottom:50px
}
}
#tt-nav > ul li:hover > ul li:last-child{
margin-bottom:0
}
#tt-nav > ul > li {
position: relative;
}
#tt-nav > ul > li{
position: relative;
}
#tt-nav > ul > li > a span{
position: relative;
}
#tt-nav > ul > li > a span:before{
content: '';
display: block;
position: absolute;
height: 4px;
width: 100%;
top: 29px;
left: 0px;
border-radius: 10px;
opacity: 0;
transition: opacity .3s linear;
display:none
}
#tt-nav > ul > li.active > a span:before{
opacity:0;
}
#tt-nav > ul > li.active.subMenu:hover > a span:before{
opacity: 0;
}
@media (max-width: 479px) {
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright,
.blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
max-width: 100%;
}
.wp-block-button{
float:none;
text-align: center;
margin: auto
}
}
@media (min-width: 768px) {
.post-navigation .nav-links{
flex-direction: row;
}
.post-navigation .nav-links .nav-previous + .nav-next, .post-navigation .nav-links .nav-previous{
width:50%;
min-width:inherit;
}
.post-navigation .nav-links .nav-previous{
margin-right: 2%
}
.post-navigation .nav-links .nav-next{
margin-left: 2%
}
}
.post-navigation .nav-links .nav-previous{
text-align: left;
order:1
}
.post-navigation .nav-links .nav-next{
text-align:right
}
.check-btn a{
position: absolute;
left: 0;
top: 0 !important;
display: block;
width: 100%;
pointer-events: none;
margin-top: -1px
}
.check-btn {
display: inline-block;
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center;
position: relative;
margin-left:15px
}
@media (max-width: 767px) {
.check-btn{
margin:0 auto
}
}
.check-btn input:hover + .tt-btn-default:before {
left: 45.6%;
}
.check-btn input:hover + .tt-btn-default:after {
left: 10%;
}
.tt-btn-default span{
width:100%;
}
@media (min-width: 768px) {
.post-password-form p + p{
display: flex;
}
.post-teaser .post-password-form:last-child p + p{
margin-bottom:0
}
}
@media (max-width: 767px) {
.post-password-form p + p{
text-align:center
}
}
.wp-block-categories li > .children{
padding-left:40px
}
.wp-block-categories .children a{
padding-left:0
}
.wp-block-pullquote blockquote{
padding-left:0
}
ol.wp-block-latest-comments{
padding-left:0
}
dl + h2,ul + h2,ol + h2,
table + h2{
padding-top: 20px
}
ul + figure.wp-block-gallery,
blockquote + h5{
margin-top:33px
}
ul + ol,
p.has-drop-cap + h1,
blockquote + h2{
padding-top:40px
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption{
display:block
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
}
.wp-block-button.is-style-squared .wp-block-button__link{
border-radius:0
}
h3 + .page-links{
padding-top:0
}
.wp-block-columns .wp-block-column figure.wp-block-image{
margin:0
}
@media (max-width: 768px) {
.wp-block-embed.alignleft, .wp-block-embed.alignright,
.wp-block-embed{
float: none;
overflow: visible;
margin: 0 auto;
max-width:100%
}
[class|="wp-block"].wp-block-audio{
margin:0;
float:none
}
}
.tt-news__title + .post-teaser{
border-bottom: 1px solid #ebebeb;
padding-bottom:50px
}
@media (max-width: 1025px) {
.tt-news__title + .post-teaser{
padding-bottom:20px
}
}
.news-single .ch-blog-posts__post:first-child .tt-news__img{
padding-top:0
}
.ch-blog-posts__post > .news-single__layout,
.news-single .ch-blog-posts__post:first-child  .news-single__layout,
.news-single .tt-news__img + .news-single__layout{
padding-top:50px;
padding-bottom:0
}
@media (max-width: 1025px) {
.news-single .ch-blog-posts__post.clubio_sticky .news-single__layout{
padding-top:60px
}
}
@media (max-width: 768px) {
.ch-blog-posts__post > .news-single__layout,
.news-single .ch-blog-posts__post:first-child  .news-single__layout,
.news-single .tt-news__img + .news-single__layout{
padding-top:37px
}
.news-single .ch-blog-posts__post.clubio_sticky .news-single__layout{
padding-top:60px
}
}
@media (max-width: 479px) {
.ch-blog-posts__post > .news-single__layout,
.news-single .ch-blog-posts__post:first-child  .news-single__layout,
.news-single .tt-news__img + .news-single__layout{
padding-top:27px
}
.news-single .ch-blog-posts__post.post_without_img:not(.clubio_sticky):first-child .news-single__layout{
padding-top:0
}
.news-single .ch-blog-posts__post.clubio_sticky .news-single__layout{
padding-top:50px
}
}
@media (max-width: 767px) {
#subtitle-wrapper {
min-height:200px;
}
}
figure.wp-caption.alignright + p + p + p + p + p{
overflow:auto
}
.panel-menu .mmpanel:not(#mm0) a:not(.mm-original-link).mm-next-level{
color:#fff;
font-weight:bold;
}
@media (max-width: 1770px) {
#tt-header .nav-btn li a{
font-size:15px;
padding: 15px
}
#tt-header .tt-obj .tt-obj__btn {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 1239px) {
#tt-header.col-btns-full #tt-nav {
display: none;
}
#tt-header.col-btns-full .tt-menu-toggle {
display: block !important;
}
}
@media (max-width: 1025px) {
#tt-header.col-no-btns #tt-nav {
display: none;
}
#tt-header.col-no-btns .tt-menu-toggle {
display: block !important;
}
}
ul:not(.menu).pagination li{
padding:0;
margin:0
}
.page-links > span, .page-links > a,
.pagination li a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li span{
font-weight: 600;
}
.page-links > span, .page-links > a,
.pagination li a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li a.page-numbers,
.pagination a:hover, .pagination li.active a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li span.current{
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
padding: 5px 23px;
min-height: 56px;
margin: 0 2px;
}
@media (max-width: 1024px) {
.page-links > span, .page-links > a,
.pagination li a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li a.page-numbers,
.pagination a:hover, .pagination li.active a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li span.current{
padding: 5px 15px;
min-height: 40px;
}
}
@media (max-width: 479px) {
.page-links > span, .page-links > a,
.pagination li a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li a.page-numbers,
.pagination a:hover, .pagination li.active a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li span.current{
padding: 3px 14px;
margin: 0;
}
}
.page-links > span, .page-links > a,
.pagination li a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li a.page-numbers{
border:1px solid #d3d3d5;
}
.page-links > span,
.pagination li.active a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li span.current{
background: #ffffff;
color: #2e2c33;
border: 2px solid transparent;
border-image-slice: 1;
}
.pagination li.tt-link-arrow a{
border:none
}
.pagination li.tt-link-arrow.ch-arrow-prev a{
padding-left:0
}
@media (max-width: 479px){
.pagination li.tt-link-arrow.ch-arrow-prev a{
padding-right:1px
}
}
.pagination li.tt-link-arrow.ch-arrow-next a{
padding-right:0
}
@media (max-width: 479px){
.pagination li.tt-link-arrow.ch-arrow-next a{
padding-left:1px
}
}
.page-links > span,
.pagination li.tt-link-arrow a:hover{
margin:0 2px
}
ul:not(.menu).pagination li.ch_dots_wr{
padding-left: 17px;
padding-right: 20px
}
.page-links > a:hover,
.pagination li a:hover,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li a:hover{
border-color:#aeaeaf
}
@media (min-width: 479px) and (max-width: 1025px){
.footer-wrapper .container {
max-width:inherit;
}
}
.news-single .news-single__link .tt-icon.tt-author .icon{
display:block;
}
.navigation.pagination, .nav-links{
display:flex !important;
}
.post-teaser blockquote + h2 {
padding-top: 40px;
}
.wp-block-cover, .wp-block-cover-image {
margin-bottom: 40px;
margin-top:20px
}
h2 + h5{
margin-top: 1.0em
}
.event-item02:hover .event-item02__content{
z-index: 2
}
.widget_rss .rsswidget{
font-weight: bold;
}
.widget_rss .rss-date,.widget_rss cite{
color: #ABABAB;
font-size: 15px;
}
.widget_rss ul li:first-child:before{
top:8px
}
.widget_rss ul li:first-child a{
padding-top:0
}
.post-teaser .wp-block-image:last-child figure.alignright.is-resized{
float:none;
display: flex;
flex-direction: row-reverse;
}
.wp-block-cover-image.alignfull,.wp-block-cover-image.alignwide,
.wp-block-cover.alignfull,.wp-block-cover.alignwide,
.wp-block-image.alignfull,.wp-block-image.alignwide{
width:calc( 100% + 100px);
margin-left:-50px;
max-width:calc( 100% + 100px);
}
@media (max-width: 1239px) {
.wp-block-cover-image.alignfull,.wp-block-cover-image.alignwide,
.wp-block-cover.alignfull,.wp-block-cover.alignwide,
.wp-block-image.alignfull,.wp-block-image.alignwide{
width:calc( 100% + 60px);
margin-left:-30px;
max-width:calc( 100% + 60px);
}
}
@media (max-width: 479px) {
.wp-block-cover-image.alignfull,.wp-block-cover-image.alignwide,
.wp-block-cover.alignfull,.wp-block-cover.alignwide,
.wp-block-image.alignfull,.wp-block-image.alignwide{
width:calc( 100% + 30px);
margin-left:-15px;
max-width:calc( 100% + 30px);
}
}
@media (min-width: 1240px){
.news-single{
min-height:200px
}
}
.pre-loader {
background-color:#fff;
position: fixed;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 99999999999999
}
.sk-fading-circle {
margin: 250px auto;
width: 40px;
height: 40px;
position: relative;
margin:0 auto;
margin-top: 350px
}
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #5f5e63;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
.section-margin .ch-outer-bg-top-minus{
background-color:#fff;
margin-top:-40px
}
.ch-outer-bg-top-minus__inner{
padding:75px 70px;
padding-bottom:0
}
@media (max-width: 1024px) {
.ch-outer-bg-top-minus__inner{
padding:35px 30px;
}
}
@media (max-width: 768px) {
.ch-outer-bg-top-minus__inner{
padding:0;
padding-bottom:10px;
padding-top:50px
}
}
.ch-outer-bg-top-minus__inner.left{
padding-right:60px
}
@media (max-width: 1024px) {
.ch-outer-bg-top-minus__inner.left{
padding-right:0
}
}
@media (max-width: 768px) {
.ch-outer-bg-top-minus__inner.left{
padding-bottom:0
}
}
.ch-outer-bg-top-minus__inner.right{
padding-left:15px
}
@media (max-width: 1024px) {
.ch-outer-bg-top-minus__inner.right{
padding-left:0
}
}
.ch-outer-bg-top-minus__inner .tt-subtitle{
padding-bottom:30px
}
.ch-outer-bg-top-minus__inner.left .tt-subtitle{
padding-bottom: 30px
}
.ch-outer-bg-top-minus__inner.left .tt-width-01 + .tt-subtitle-top{
margin-top:30px
}
.ch-outer-bg-top-minus__inner .form-group {
margin-bottom:24px;
}
@media (max-width: 768px) {
.ch-outer-bg-top-minus__inner .newsletterform-01 .form-group {
margin-bottom:0;
}
}
.ch-outer-bg-top-minus__inner .form-group + .row-btn{
padding-top:16px
}
.list-contact-form li{
line-height:27px;
padding-bottom:20px
}
.post-teaser figure.wp-caption:last-child,.post-teaser figure.wp-caption:last-child figcaption:last-child,
.post-teaser ol:last-child,.post-teaser ul:last-child,
.post-teaser .page-links:last-child,
.post-teaser [class|="wp-block"]:last-child,
.post-teaser .wp-block-cover:last-child,
.post-teaser .wp-block-image:last-child, .post-teaser .wp-block-image:last-child figure,
.wp-block-image figcaption{
margin-bottom:0
}
.post-teaser figure.wp-caption:last-child figcaption:last-child{
padding-bottom:0
}
.wp-block-cover-image + p,
.wp-block-gallery + p{
margin-top: -16px
}
.wp-block-archives-dropdown + [class|="wp-block"]{
margin-top: 30px
}
.wp-block-image figcaption {
margin-top: 1.8em;
}
.wp-block-preformatted + .wp-block-pullquote,
.wp-block-pullquote + .wp-block-table{
margin-top:40px
}
figure.wp-block-gallery.alignleft + p{
margin-top:-5px
}
figure.wp-block-gallery.alignfull + figure.wp-block-gallery.alignleft {
padding-top:0
}
.ch_clear{
clear:both
}
body.page .container p img.size-full.alignright{
clear:both
}
.pingback + .comment{
margin-top:0
}
@media (min-width: 1400px) {
.mainSlider .slide .slide-content{
padding-top:103px
}}
.news-single__data + .news-single__title + .post-teaser > h3{
margin-top:40px
}
:root .has-pale-pink-background-color {
background-color: #000;
}
a:active, a:focus, a:visited {
text-decoration: none;
outline: 0;
}
.events-wide__img.img_bg{
position:relative;
}
.events-wide__img.img_bg img{
display: block;
margin-top: 50px;
height: 541px;
width:auto;
position: relative;
max-width: inherit;
}
@media (max-width: 1024px) {
.events-wide__img.img_bg img{
height: 436px;
}
}
@media (max-width: 887px) {
.events-wide__img.img_bg img{
height: 472px;
}
}
@media (max-width: 767px) {
.events-wide__img.img_bg img{
height: 400px;
height: auto;
width: 100%
}
}
@media (max-width: 575px) {
.events-wide__img.img_bg img{
height: 235px;
height: auto;
width: 100%
}
}
.tt-item__revers .events-wide__img.img_bg img{
margin-top:0;
}
.vc_single_image-wrapper{
position: relative;
height: 100%;
top:0
}
.btn_video_wrapper{
position: absolute;
left: 0;
top:0;
height: 100%;
width:100%
}
.events-wide .events-wide__img .btn_video_wrapper a{
margin-top:50px
}
@media (max-width: 1024px) {
#ch-section-about.section-indent02:not(.no-margin) .section-marker:before {
margin-top: 20px;
}
}
@media (max-width: 887px) {
#ch-section-about.section-indent02:not(.no-margin) .section-marker:before {
margin-top:0;
}
}
@media (max-width: 767px) {
#ch-section-about.section-indent02:not(.no-margin) .section-marker:before {
margin-top: 50px;
}
}
@media (max-width: 575px) {
#ch-section-about.section-indent02:not(.no-margin) .section-marker:before {
}
}
.ch_modal{ opacity:0.8;display:flex !important;background: black;width:100%;bottom:auto;top:0 }.ch_modal .modal-dialog{ width:100%;height:100%;min-width:100%; }.ch_modal .modal-dialog .inner_wrapper{ background: red;display: flex;align-items: center; text-align: center; flex-direction: row;padding:50px }.ch_modal .modal-dialog .inner_wrapper{color: #fff;font-size: 32px;line-height: 38px;width:100%}.ch_modal .modal-dialog .inner_wrapper > div{width:100%;height: 100% }.ch_modal .modal-dialog .inner_wrapper h1{font-size: 30px;color:#fff}.ch_modal .modal-dialog .inner_wrapper p{font-size: 32px;line-height: 38px;color:#fff}.ch_modal .modal-dialog .inner_wrapper a{color:#fff;font-size: 32px;line-height: 38px;text-decoration:underline}
.ch_modal.modal .modal-body:not(.no-background){background: black}
.ch_modal.modal .modal-body:before{content:none}
div#ui-datepicker-div { z-index:1000!important; }
.up-sells {
padding-bottom: 120px;
}
@media (max-width: 1239px) {
.up-sells {
padding-bottom: 100px; } }
@media (max-width: 1024px) {
.up-sells {
padding-bottom: 80px; } }
@media (max-width: 575px) {
.up-sells {
padding-bottom: 50px; } }
.up-sells > h2{
font-weight: bold;
font-size: 36px;
line-height: 1.3em;
letter-spacing: -0.03em;
color: #3D3B42;
font-family: 'Poppins', sans-serif;
}
.ttcalendar-layout02 .vc_tta-tabs-container{display:none}
.calendar.tt-day-grid h4{
padding:0;
margin: 0;
}
.calendar.tt-day-grid h4 a{
color: #3D3B42;
font-size: 32px;
line-height: 34px;
font-weight:normal;
cursor:text
}
@media (max-width: 1400px) {
.calendar.tt-day-grid h4 a {
font-size: 28px;
line-height: 32px;
}
}
@media (max-width: 575px) {
.calendar.tt-day-grid h4 a {
font-size: 18px;
line-height: 22px;
}
}
.vc_tta-icon {
background: url(//www.tagomagoroma.com/wp-content/themes/clubio/assets/images/label-01.png) 0 0 no-repeat;
background-size: cover;
width: 54px;
height: 62px;
top: 0;
right: 20px;
position: absolute;
z-index: 2;
color: #ffffff;
text-align: center;
font-size: 15px;
line-height: 16px;
padding: 8px 0 0 0;
-webkit-transition: opacity .25s linear;
transition: opacity .25s linear;
font-size:35px
}
.vc_tta-title-text + .vc_tta-icon {
left: 20px;
}
.rightColumn ul li::marker,
.pll-parent-menu-item ::marker,
.lang-item::marker{
display: none;
content:none
}
.f-nav ul > li.lang-item > a{
padding-left:18px;
padding-right:18px
} .ttcalendar-layout01 .tt-day-grid .tt-day-event__bg{
}
.tt-day-event__bg__inner{
display: flex;
height: 100%;
}
.tt-day-event__bg__inner img{
size: 100% 0;
}
.ch-btns-wrapper.el{
display: flex;
height: 100%;
flex-direction: column;
position: absolute;
top: 0;
width: 100%;
align-items: center;
justify-content: center;
}
.gallery-externallayout br,
.tt-day-event__time strong + br,
.gallery-externallayout > p{
display: none
}
.gallery-externallayout span.gallery__img,
.gallery-externallayout span.gallery__time,
.gallery-externallayout span.gallery__title{
display: block;
}:root {
--main_color:#FF1A43;
--main_color_2: #7B16D9;
--color_general_body_bg:#fff;
--color_header_bg:transparent;
--color_header_sticky_bg:#252427;
--color_header_l:#ffffff;
--color_header_l_h:#D3D3D5;
--color_header_dd_bg:#fff;
--color_header_dd_l:#3D3B42;
--color_header_dd_l_h:#FF1A43;
--color_general_btn_top_bg:#FF1A43;
--color_general_btns_player:#fff;
--color_footer_bg:#19181d;
--color_general_bg_light:#fff; --color_content_headings:#3D3B42;
--color_content_headings_dark:#fff;
--color_blog_bg:transparent;
--color_content_title_bg:#5f5e63;
--color_footer_t:#D3D3D5;
--color_footer_l:#fff;
--color_footer_l_h:#FF1A43;
--color_footer_i:#fff;
--color_footer_i_h:#FF1A43;
--color_footer_titles:#fff;
--color_content_title_heading:#fff;
--color_content_title_t:#d3d3d5;
--color_content_title_l:#d3d3d5;
--color_content_title_l_h:#FF6600;
}
a ,
.tt-link:hover,.tt-link02,.tt-link02:hover,
.section-title .section-title__text a.tt-base-color,
.section-title .link-01:hover,
.tt-base-color,
.list-01 li a:hover,
.tt-list-box li a:hover,.tagcloud a:hover,.wp-block-tag-cloud a:hover,
#tt-pageContent .tt-social-icon li a:hover,
.tt-base-color,
#tt-header .tt-obj .tt-obj__btn:hover ,
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-search:hover,
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-close:hover,
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-close:hover ,
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu .tt-btn-search:hover,
#tt-header .tt-obj.tt-obj-search .tt-view-all:hover,
#tt-header .tt-menu-toggle:hover,
#tt-nav > ul > li ul li a:hover,
.panel-menu ul li a:hover,
.panel-menu #mm0.mmpanel a:not(.mm-close):hover,
.panel-menu #mm0.mmpanel a:not(.mm-close):hover:after,
.panel-menu .mm-close:hover,
.panel-menu .mm-prev-level:hover,
.panel-menu .mm-next-level:hover ,
.panel-menu .mm-close:hover:before .mm-prev-level:hover:before,
.panel-menu .mm-next-level:hover:after,
.panel-menu li.mm-close-parent .mm-close:hover,
.panel-menu li.mm-close-parent .mm-close:hover:before,
.panel-menu .mm-prev-level:hover,
.panel-menu .mm-prev-level:hover:before,
.panel-menu .mm-next-level:hover ,
.panel-menu .mm-next-level:hover:after ,
.panel-menu .mm-original-link:hover,
.panel-menu .mm-original-link:hover:before ,
.mainSlider .slick-arrow:hover,
.parallax__navleft:hover,
.parallax__navright:hover,
.tt-box01 .tt-box01__title .tt-title01 a:hover,
.ttcalendar__nav .ttcalendar__navleft:hover,
.ttcalendar__nav .ttcalendar__navright:hover,
.ttcalendar__nav .ttcalendar__navlink .tt-icon ,
.ttcalendar__nav .ttcalendar__navlink:hover ,
.tt-aside-post .tt-item .tt-item__title a:hover,
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .time .tt-icon,
.tt-skinSelect-02 .SumoSelect:hover > .CaptionCont > span,
.tt-skinSelect-02 .SumoSelect:hover > .CaptionCont > label:after ,
.tt-skinSelect-02 .SumoSelect .optWrapper > .options li.opt.disabled ,
.tt-skinSelect-02 .SumoSelect .optWrapper > .options li.opt:hover,
.tt-skinSelect-01 .SumoSelect .optWrapper > .options li.opt:hover,
.modal .modal-body .close:hover,
.modal-layout-dafault .form-group .form-group__icon,
.modal-baytickets .baytickets__social > li > a:hover,
.f-nav ul > li > a:hover,
.f-nav ul > li.active > a ,
.f-info .f-info__icon,
.f-social ul > li > a:hover,
.f-copyright a,
ul:not(.menu) li::before,
.rightColumn ul li a:hover, ul[class|="wp-block"] li a:hover,.wp-block-archives li a:hover ,.woocommerce-MyAccount-navigation ul li a:hover,
.rightColumn ul.wp-tag-cloud li a:hover,
.f-nav ul>li.current-menu-item>a,
.news-single .news-single__link:hover span.tt-author + .ch-icon-text,
.news-single .news-single__link:hover span.tt-comments + .ch-icon-text,
.pagination a:hover,
.pagination li.active a,
.tt-news__title a:hover,
.news-single .news-single__link .tt-icon .icon,
.post-categories li a:hover,
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .time .icon,
.is-style-outline .wp-block-button__link:not(.has-background),
.is-style-outline a:not([href]):not([tabindex]).wp-block-button__link,
.page-links .current,
.page-links a:hover,
.wp-block-search__button,
.wp-block-search__button:hover,
#tt-nav > ul > li.active > a,
.page-links > span,
.pagination li.tt-link-arrow a:hover,
.product-block-info ins,
.woocommerce .star-rating::before,.woocommerce .star-rating span,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce p.stars a:hover,
.product-card .price ins,
.woocommerce div.product .product-block-price .price ins,
.woocommerce div.product .product-block-price span.price ins,
.woocommerce div.product .woocommerce-tabs h2 span,
.woocommerce .woocommerce-message a.button:focus,
.woocommerce .woocommerce-message .button,.woocommerce .woocommerce-message .button:hover,.woocommerce .woocommerce-message .button:focus,
.woocommerce-grouped-product-list-item__label a:hover,
.product-card .product-card__description h3 a:hover,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li a:hover,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li span.current{
color:var(--main_color);
}
@media (max-width: 1239px) {
#tt-header .nav-btn li a [class^=icon-],
#tt-header .nav-btn li a:hover .tt-text,
#tt-header .nav-btn li a .icon {
color: var(--main_color); }
}
.form-default .tt-form-search button[type=submit].tt-btn-icon,
.woocommerce .woocommerce-message .button.wc-forward{
color: var(--main_color) !important;
}
.datepicker-here .datepicker--nav-action:hover path {
stroke: var(--main_color); }
.events-wide .events-wide__img .tt-icon,
.list-02 li:before,
#tt-header .tt-obj .tt-obj__btn .tt-obj__badge,
.events-wide .events-wide__img .tt-icon,
.slick-dots01 .slick-dots li.slick-active > *, .slick-dots01 .slick-dots li:hover > *,
.slick-dots02 .slick-dots li.slick-active > *, .slick-dots02 .slick-dots li:hover > *,
.promo-box-wide .tt-item .tt-item__label,
.contact-info .contact-info__icon,
.gallery-innerlayout .gallery__video,
.gallery-externallayout .gallery__video,
.header-cart .badge ,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
background-color:var(--main_color);
}
.tt-link02:before,
.events-wide .events-wide__img .tt-icon::after,
.datepicker-here .datepicker--cell.-current-,
.tt-back-to-top:after,
.widget_calendar .calendar_wrap table td#today,.wp-block-calendar  table td#today,
.prd  .prd-img .onsale,.woocommerce .tt-single-product__image span.onsale,.woocommerce .product-card span.onsale{
background: var(--main_color);
}
.section-marker:before,
.wp-block-file .wp-block-file__button {
background: linear-gradient(270deg, var(--main_color) 0%, var(--main_color_2) 100%);
}
.tt-blockquote:before,.quote:before, blockquote:before {
background: linear-gradient(to top, var(--main_color) 0%, var(--main_color_2) 100%);
}
#tt-nav > ul > li > a span:before{
background: linear-gradient(270deg, var(--main_color) -0.23%, var(--main_color_2) 100%);
}
.tt-btn-default, .tt-btn-default:hover,
.section-title .section-title__text a.tt-base-color:before,
.blocktitle .tt-title:after,
#tt-pageContent:before,
#tt-header .tt-obj.tt-obj-search .tt-dropdown-menu:before,
#tt-nav > ul > li ul:before,
#tt-nav__line7{
background: -webkit-gradient(linear, right top, left top, color-stop(-0.23%,var(--main_color)), to(var(--main_color_2)));
background: linear-gradient(270deg,var(--main_color) -0.23%, var(--main_color_2) 100%);
}
.events-wide .events-wide__img .tt-icon:hover,
.tt-box01 .tt-box01__social,
.tt-back-to-top:before,
body.touch-device .tt-back-to-top:after {
background: -webkit-gradient(linear, right top, left top, color-stop(-3.76%, var(--main_color)), to(var(--main_color_2)));
background: linear-gradient(270deg, var(--main_color) -3.76%, var(--main_color_2) 100%);
}
.instafeed-masonry .instagram_gallery > *:before,
.instafeed-col .instagram_gallery > *:before {
background: -webkit-gradient(linear, right top, left top, color-stop(-5.89%, var(--main_color)), color-stop(100.01%, var(--main_color_2)));
background: linear-gradient(270deg, var(--main_color) -5.89%, var(--main_color_2) 100.01%);
}
#tt-filternav__line,
.wp-block-button__link:not(.has-background),
.woocommerce div.product form.cart .button{
background: -webkit-gradient(linear, right top, left top, color-stop(-0.23%, var(--main_color)), to(var(--main_color_2)));
background: linear-gradient(270deg, var(--main_color) -0.23%, var(--main_color_2) 100%);
}
.bliss_loadmore, .bliss_loadmore:hover {
background: -webkit-gradient(linear, right top, left top, color-stop(-0.23%, var(--main_color)), to(var(--main_color_2))) !important;
background: linear-gradient(270deg, var(--main_color) -0.23%, var(--main_color_2) 100%) !important;
}
#tt-pageContent .personal-box:before,
.tt-skinSelect-02 .SumoSelect .optWrapper:before,
.modal .modal-body:before,
#tt-footer:before {
background: -webkit-gradient(linear, right top, left top, from(var(--main_color)), to(var(--main_color_2)));
background: linear-gradient(270deg, var(--main_color) 0%, var(--main_color_2) 100%);
}
.ls-payment-button.tt-btn-default,
.button, button, input[type="button"], input[type="reset"],input[type="submit"],
.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover,input[type="submit"]:hover,
.woocommerce button.button,.woocommerce button.button:hover,.woocommerce button.button:focus,.woocommerce button.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],
.woocommerce .wc-proceed-to-checkout a.button,
.woocommerce a.button,.woocommerce a.button:hover,.woocommerce a.button:focus,.woocommerce a.button.disabled,.woocommerce a.button:disabled,.woocommerce a.button:disabled[disabled],
.woocommerce input.button,.woocommerce input.button:hover,.woocommerce input.button:focus,.woocommerce input.button.disabled,.woocommerce input.button:disabled,.woocommerce input.button:disabled[disabled],
.woocommerce #payment #place_order,.woocommerce #payment #place_order:hover,.woocommerce #payment #place_order:focus,
.woocommerce-page #payment #place_order,.woocommerce-page #payment #place_order:hover,.woocommerce-page #payment #place_order:focus{
background: -webkit-gradient(linear,right top,left top,color-stop(-.23%,var(--main_color)),to(var(--main_color_2))) ;
background: linear-gradient(270deg,var(--main_color) -.23%,var(--main_color_2) 100%) ;
}
.header-cart a.button, .woocommerce .woocommerce-message .button{
background:none
}
.is-style-outline .wp-block-button__link:not(.has-background){
background: -webkit-gradient(linear,right top,left top,color-stop(-.23%,var(--main_color)),to(var(--main_color_2))) !important;
background: linear-gradient(270deg,var(--main_color) -.23%,var(--main_color_2) 100%) !important;
}
.wp-block-quote:before,.quote:before, blockquote:before{
background: -webkit-gradient(to top, var(--main_color) 0%, var(--main_color_2) 100%);
background:linear-gradient(to top, var(--main_color) 0%, var(--main_color_2) 100%);
}
.page-links > span,
.pagination li.active a,
.woocommerce .simple-pagination nav.woocommerce-pagination ul li span.current{
-moz-border-image: -moz-linear-gradient(top left, var(--main_color) 0%, var(--main_color_2) 100%);
-webkit-border-image: -webkit-linear-gradient(top left, var(--main_color) 0%, var(--main_color_2) 100%);
border-image: linear-gradient(to bottom right, var(--main_color) 0%, var(--main_color_2) 100%);
}
.event-item02:before {
-moz-border-image: -moz-linear-gradient(top left, #3acfd5 0%, #3a4ed5 100%);
-webkit-border-image: -webkit-linear-gradient(top left, #e6005c 0%, #9c0aad 100%);
border-image: linear-gradient(to bottom right, #e6005c 0%, #9c0aad 100%);
border-image-slice: 1;
}
.tt-list-box li a:hover,.tagcloud a:hover,.wp-block-tag-cloud a:hover,
.newsletterform-01 .form-group .tt-input:focus,
.tt-skinSelect-01 .SumoSelect:hover > .CaptionCont,
.tt-skinSelect-01 .SumoSelect.open > .CaptionCont,
.form-default .form-control:focus,
.modal-layout-dafault .form-control:focus,
.rightColumn ul.wp-tag-cloud li a:hover,
.modal-layout-dafault .tt-select:focus,
.post-categories li a:hover {
border-color: var(--main_color);
}
.section-title .link-01:before {
border-left: 7px solid var(--main_color);
}
.section-title .link-01:before ,
#tt-header .tt-obj.tt-obj-search .tt-view-all:before{
border-left: 9px solid var(--main_color);
} body{
background-color: var(--color_general_body_bg);
}
.events-wide.tt-item__revers .events-wide__content,
.tt-promo01 .tt-promo01__layout,
.tt-promo01 .tt-promo01__layout:before,.tt-promo01 .tt-promo01__layout:after,
.promo-box-wide .tt-item .tt-item__content{
background-color: var(--color_general_bg_light);
} .tt-back-to-top:after{
background: var(--color_general_btn_top_bg)
}
#tt-header{
background-color: var(--color_header_sticky_bg);
}
@media (min-width: 1240px) {
.load-mainslider #tt-header:not(.stuck) {
background-color: var(--color_header_bg);
}
}
#tt-nav > ul > li > a{
color: var(--color_header_l);
}
.newsletterform-01 .form-group .tt-btn-icon,
.tt-link02,
#tt-nav > ul > li.active > a,
ul:not(.menu) li::before,
.logged-in-as a,
.news-single .news-single__link .tt-icon .icon,
.f-info .f-info__icon .icon{
color: var(--main_color);
}
#tt-nav > ul > li > a:hover{
color: var(--color_header_l_h);
}
#tt-nav > ul > li ul{
background: var(--color_header_dd_bg);
}
#tt-nav > ul > li ul li a{
color: var(--color_header_dd_l);
}
#tt-nav > ul > li ul li a:hover{
color: var(--color_header_dd_l_h);
}
#tt-footer .footer-wrapper{
background-color: var(--color_footer_bg);
}
footer,.f-copyright,.f-info{
color: var(--color_footer_t);
}
.f-nav ul > li > a,footer a,.f-copyright a{
color: var(--color_footer_l);
}
.f-nav ul > li > a:hover, footer a:hover,.f-copyright a:hover{
color: var(--color_footer_l_h);
}
footer .icon,.f-social ul > li > a{
color: var(--color_footer_i);
}
footer .icon:hover,.f-social ul > li > a:hover{
color: var(--color_footer_i_h);
}
.f-info .f-info__content .tt-title{
color:var(--color_footer_titles);
}
.blog .section-marker{
background-color:var(--color_blog_bg);
}
.blog #subtitle-wrapper .subtitle__img{
background-color: var(--color_content_title_bg) !important;
} #filter-nav ul li > a,
.tt-subtitle,.section-title .section-title__text,.blocktitle:not([class^=blocktitle_color-]) .tt-title{
color: var(--color_content_headings);
}
.blocktitle.blocktitle_color-01 .tt-title,
.section-wrapper .ttcalendar-layout .ttcalendar__month-title,
.gallery-innerlayout .gallery__title{
color: var(--color_content_headings_dark);
}
#subtitle-wrapper .subtitle__title{
color: var(--color_content_title_heading);
}
.subtitle__label a{
color: var(--color_content_title_l);
}
.subtitle__label a:hover{
color: var(--color_content_title_l_h);
}
#subtitle-wrapper .subtitle__label{
color: var(--color_content_title_t);
}
.mainSlider .slick-arrow{
color: var(--main_color);
box-shadow: none
}